:root{--ink:#09090b;--ink-2:#131215;--paper:#e9e2d3;--paper-2:#ded4c0;--paper-3:#cfc3aa;--paper-ink:#17140f;--blue:#1b3f9b;--red:#a8291d;--gold:#a8873f;--serif:"Bodoni Moda", "Didot", "Playfair Display", Georgia, serif;--mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--pad:clamp(18px, 2.3vw, 38px);--ease:cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--ink);color:var(--paper);font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}.app{position:fixed;inset:0}canvas.scene{touch-action:none;display:block;position:absolute;inset:0}.app.phase-live canvas.scene{cursor:grab}.micro{font-family:var(--mono);letter-spacing:.19em;text-transform:uppercase;align-items:baseline;gap:.85em;font-size:10px;font-weight:400;line-height:1.5;display:inline-flex}.micro em{opacity:.44;letter-spacing:.15em;font-style:normal}.mask{padding-bottom:.06em;display:block;overflow:hidden}.grain,.vignette{pointer-events:none;z-index:40;position:fixed;inset:-60px}.grain{opacity:.26;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.7s steps(3,end) infinite grain}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-14px,9px)}66%{transform:translate(11px,-12px)}to{transform:translate(0)}}.vignette{background:radial-gradient(130% 95% at 50% 46%,#0000 42%,#0000009e 100%),linear-gradient(#0000004d 0%,#0000 22% 78%,#0000006b 100%)}@media (prefers-reduced-motion:reduce){.grain{animation:none}}.intro{z-index:60;color:var(--paper-ink);position:fixed;inset:0}.quinta{background:linear-gradient(176deg, #f2ecdf 0%, var(--paper) 46%, #ded5c2 100%);will-change:transform;width:50.2%;position:absolute;top:-2px;bottom:-2px}.quinta-l{left:0}.quinta-r{right:0}.quinta:after{content:"";opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='0.35'/%3E%3C/svg%3E");position:absolute;inset:0}.quinta-edge{opacity:0;width:90px;position:absolute;top:0;bottom:0}.quinta-l .quinta-edge{background:linear-gradient(90deg,#0000,#3c2e1c5c);right:0}.quinta-r .quinta-edge{background:linear-gradient(270deg,#0000,#3c2e1c5c);left:0}.in-seam{background:linear-gradient(180deg, transparent, var(--gold) 18%, var(--gold) 82%, transparent);opacity:0;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0;left:50%;transform:scaleY(0)}.intro-content{padding:var(--pad) calc(var(--pad) * 1.1);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.intro-top,.intro-bot{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.intro-top .micro{opacity:.62}.intro-mid{text-align:center;width:100%;max-width:820px;margin:0 auto;padding-bottom:2vh}.intro-mark img{width:auto;height:clamp(30px,3.6vw,48px);margin:0 auto 6vh}.intro-title{font-family:var(--serif);letter-spacing:-.024em;margin:0;font-size:clamp(44px,8.2vw,116px);font-weight:400;line-height:.94}.intro-title .it{font-style:italic;font-weight:500;display:block}.intro-rule{opacity:.26;transform-origin:50%;background:currentColor;width:min(420px,60%);height:1px;margin:clamp(26px,4vh,48px) auto}.intro-lead{font-family:var(--mono);letter-spacing:.012em;opacity:.74;max-width:54ch;margin:0 auto;font-size:clamp(12px,1.02vw,14px);font-weight:300;line-height:1.85}.enter{isolation:isolate;font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;cursor:not-allowed;min-width:270px;transition:border-color .5s var(--ease), color .5s var(--ease);border:1px solid #17140f42;justify-content:space-between;align-items:center;gap:1.1em;padding:1.15em 1.6em;font-size:10px;display:inline-flex;position:relative;overflow:hidden}.enter-fill{z-index:-1;transform-origin:0;background:#17140f13;transition:transform .45s linear;position:absolute;inset:0}.enter.on{cursor:pointer;border-color:var(--paper-ink);color:var(--paper);transition:border-color .5s var(--ease), color .35s var(--ease) .6s}.enter.on .enter-fill{background:var(--paper-ink);transition:transform .9s var(--ease)}.enter-arrow{font-family:var(--serif);transition:transform .55s var(--ease);font-size:15px;transform:translate(0)}.enter.on:hover .enter-arrow{transform:translate(6px)}.intro-bot-l{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.suono{flex-wrap:wrap;align-items:baseline;gap:.6em 1.3em;display:flex}.sw{font-family:var(--mono);letter-spacing:.17em;text-transform:uppercase;color:#17140f85;transition:color .4s var(--ease);align-items:center;gap:.75em;font-size:9px;display:inline-flex}.sw:hover{color:var(--paper-ink)}.sw-track{width:26px;height:11px;transition:border-color .4s var(--ease), background .4s var(--ease);border:1px solid #17140f42;position:relative}.sw-knob{width:9px;height:7px;transition:transform .4s var(--ease), background .4s var(--ease);background:#17140f61;position:absolute;top:1px;left:1px}.sw.on{color:#17140fdb}.sw.on .sw-track{border-color:var(--gold)}.sw.on .sw-knob{background:var(--gold);transform:translate(13px)}.suono-nota{opacity:.46;letter-spacing:.13em;font-size:9px}.firme{max-width:46ch;font-family:var(--serif);opacity:.5;text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:.4em 1.4em;font-size:13px;font-style:italic;display:flex}.hud{z-index:30;pointer-events:none;padding:var(--pad);transition:opacity .7s var(--ease);position:fixed;inset:0}.hud.retired{opacity:.16}.hud:before,.hud:after{content:"";pointer-events:none;z-index:0;height:210px;position:absolute;left:0;right:0}.hud:before{background:linear-gradient(#09090bb3,#09090b00);top:0}.hud:after{background:linear-gradient(#09090b00,#09090bc7);bottom:0}.hud>*{pointer-events:auto;z-index:1;position:absolute}.hud-tl{top:var(--pad);left:var(--pad);align-items:center;gap:14px;display:flex}.hud-mark{filter:brightness(1.55)saturate(1.25);width:auto;height:19px}.hud-div{opacity:.22;background:currentColor;width:1px;height:20px}.hud-tl .micro,.hud-tr .micro{opacity:.8;flex-direction:column;align-items:flex-start;gap:.35em}.hud-tr{top:var(--pad);right:var(--pad);text-align:right}.hud-tr .micro{align-items:flex-end}.solco{opacity:.44;transition:opacity .4s var(--ease);justify-content:flex-end;align-items:center;gap:9px;margin-top:1.1em;display:flex}.solco:hover{opacity:.9}.solco.on{opacity:.82}.disco{border:1px solid;border-radius:50%;flex:none;width:13px;height:13px;position:relative}.disco i{opacity:.4;border:1px solid;border-radius:50%;position:absolute;inset:2px}.disco i:nth-child(2){inset:4px}.disco i:nth-child(3){opacity:1;background:currentColor;border:0;width:2px;height:2px;inset:2.5px auto auto 5.5px}.solco.on .disco{animation:1.54s linear infinite gira}.solco.on{color:var(--gold)}@keyframes gira{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.solco.on .disco{animation:none}}.hud-bl{bottom:var(--pad);left:var(--pad);flex-wrap:wrap;gap:6px;max-width:min(66vw,780px);display:flex}.chip{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e9e2d3bd;-webkit-backdrop-filter:blur(7px);white-space:nowrap;transition:color .4s var(--ease), border-color .4s var(--ease), background .4s var(--ease);background:#09090b6b;border:1px solid #e9e2d333;padding:.7em .92em .64em;font-size:9px}.chip sup{opacity:.5;margin-left:.5em;font-size:7.5px;top:-.5em}.chip:hover{color:var(--paper);border-color:#e9e2d366}.chip.on{color:var(--ink);background:var(--paper);border-color:var(--paper)}.chip.on sup{opacity:.55}.hud-br{bottom:var(--pad);right:var(--pad);text-align:right;flex-direction:column;align-items:flex-end;gap:.8em;max-width:40vw;display:flex}.coords{color:var(--gold);opacity:.85;font-variant-numeric:tabular-nums}.hint{opacity:.4;white-space:nowrap;display:block}.hud-br .micro+.micro{margin-top:-.35em}.detail{z-index:50;pointer-events:none;position:fixed;inset:0}.detail.open{pointer-events:auto}.scrim{cursor:none;opacity:0;position:absolute;inset:0}.detail.open .scrim{opacity:1}.sheet{background:linear-gradient(180deg, #efe9dc, var(--paper) 55%, #ded5c1);width:min(38vw,520px);height:100%;color:var(--paper-ink);position:absolute;top:0;right:0;transform:translate(104%);box-shadow:-40px 0 90px #0000008c}.sheet:after{content:"";pointer-events:none;opacity:.45;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='q'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23q)' opacity='0.3'/%3E%3C/svg%3E");position:absolute;inset:0}.sheet-scroll{z-index:1;height:100%;padding:calc(var(--pad) * 1.5) calc(var(--pad) * 1.5) calc(var(--pad) * 1.2);scrollbar-width:thin;scrollbar-color:#17140f40 transparent;flex-direction:column;gap:0;display:flex;position:relative;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:clamp(30px,6vh,64px);display:flex}.sheet-head .micro{color:var(--red);flex:1}.sheet-head .micro em{color:var(--paper-ink);opacity:.5}.close{width:30px;height:30px;transition:transform .5s var(--ease);flex:none;position:relative}.close span{background:var(--paper-ink);height:1px;position:absolute;top:50%;left:3px;right:3px}.close span:first-child{transform:rotate(45deg)}.close span:last-child{transform:rotate(-45deg)}.close:hover{transform:rotate(90deg)}.sheet-title{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(30px,2.85vw,46px);font-weight:400;line-height:1.04}.sheet-rule{opacity:.2;background:currentColor;height:1px;margin:clamp(22px,3.4vh,38px) 0}.sheet-meta{gap:14px;margin:0 0 clamp(26px,4vh,42px);display:grid}.sheet-meta>div{grid-template-columns:8.5em 1fr;align-items:baseline;gap:12px;display:grid}.sheet-meta dt{font-family:var(--mono);letter-spacing:.19em;text-transform:uppercase;opacity:.45;font-size:9.5px}.sheet-meta dd{font-family:var(--serif);margin:0;font-size:16px;line-height:1.35}.sheet-note{font-family:var(--mono);letter-spacing:.008em;opacity:.82;margin:0;font-size:12.5px;font-weight:300;line-height:1.92}.sheet-foot{justify-content:space-between;gap:16px;margin-top:auto;padding-top:clamp(30px,5vh,56px);display:flex}.sheet-foot button{font-family:var(--mono);letter-spacing:.19em;text-transform:uppercase;transition:border-color .4s var(--ease);border-bottom:1px solid #17140f40;align-items:center;gap:.8em;padding:.5em 0;font-size:9.5px;display:inline-flex}.sheet-foot button:hover{border-color:var(--paper-ink)}.sheet-foot .ar{font-family:var(--serif);transition:transform .45s var(--ease);font-size:14px}.sheet-foot button:first-child:hover .ar{transform:translate(-5px)}.sheet-foot button:last-child:hover .ar{transform:translate(5px)}.sheet-src{font-family:var(--mono);letter-spacing:.06em;opacity:.42;margin:22px 0 0;font-size:9px;line-height:1.7}.ghost-year{left:calc(var(--pad) * 1.2);bottom:calc(var(--pad) * .4);font-family:var(--serif);letter-spacing:-.045em;color:var(--paper);opacity:.055;pointer-events:none;user-select:none;font-variant-numeric:lining-nums;font-size:clamp(90px,15.5vw,230px);font-weight:400;line-height:.78;position:absolute}.sheet-head .idx{font-variant-numeric:tabular-nums;margin-left:auto;padding-left:1.2em}.cursor{z-index:70;pointer-events:none;opacity:0;transition:opacity .6s var(--ease);position:fixed;inset:0}.cursor.on{opacity:1}.cursor-dot,.cursor-tag{will-change:transform;position:absolute;top:0;left:0}.cursor-dot{background:var(--paper);mix-blend-mode:difference;width:7px;height:7px;transition:width .4s var(--ease), height .4s var(--ease), margin .4s var(--ease);border-radius:50%;margin:-3.5px 0 0 -3.5px}.cursor.over .cursor-dot{width:15px;height:15px;margin:-7.5px 0 0 -7.5px}.cursor-tag{opacity:0;transform-origin:0 0;max-width:300px;transition:opacity .45s var(--ease);padding:18px 0 0 22px}.cursor.over .cursor-tag{opacity:1}.ct-title{font-family:var(--serif);letter-spacing:-.01em;text-shadow:0 2px 22px #000000d9;font-size:19px;line-height:1.16;display:block}.ct-meta{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.6;text-shadow:0 2px 16px #000000e6;margin-top:7px;font-size:9px;display:block}@media (pointer:coarse){.cursor{display:none}.sw{padding:7px 0}.solco{padding:8px 0 8px 12px}}@media (width<=900px){.intro-mid{padding-bottom:0}.intro-mark img{margin-bottom:4vh}.intro-bot{flex-direction:column;align-items:stretch;gap:18px}.intro-bot-l{align-items:stretch;width:100%}.enter{width:100%}.firme{text-align:left;justify-content:flex-start;max-width:none}.intro-top .micro:last-child,.ghost-year{display:none}.sheet{border-radius:3px 3px 0 0;width:100%;height:58vh;top:auto;bottom:0;transform:translateY(104%);box-shadow:0 -30px 70px #0009}.hud-bl{max-width:none;right:var(--pad);scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.hud-bl::-webkit-scrollbar{display:none}.hud-br,.hud-tr .micro em{display:none}}@media (width<=560px){.hud-tl .micro{display:none}}