@font-face{font-family:Big Shoulders Display;src:url(/fonts/bigshouldersdisplay-normal-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Public Sans;src:url(/fonts/publicsans-normal-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Public Sans;src:url(/fonts/publicsans-italic-latin.woff2)format("woff2");font-weight:100 900;font-style:italic;font-display:swap}:root{--space:#05070d;--ultra:#14215c;--ultra-hi:#23348a;--stock:#d9dbdd;--stock-lo:#c3c7cc;--ink:#0b0c10;--ink-soft:#3b4048;--foil:#e9b949;--foil-lo:#b88a22;--signal:#ff6a2b;--on-ultra:#f3f5fb;--on-ultra-soft:#b9c2e4;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--text:"Public Sans", system-ui, sans-serif;--lift:0 1px 2px #00000059, 0 10px 24px -8px #0000008c;--lift-hi:0 2px 4px #00000059, 0 28px 60px -18px #000000bf;--ease-out:cubic-bezier(.16, 1, .3, 1);--r:10px}*{box-sizing:border-box}html,body,#root{background:var(--space);height:100%;color:var(--ink);font-family:var(--text);margin:0;font-size:16px;overflow:hidden}canvas{touch-action:none;display:block}::selection{background:var(--foil);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--stock-lo) transparent}input{caret-color:var(--foil)}.ui{pointer-events:none;position:fixed;inset:0}.ui>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--foil);outline-offset:3px;border-radius:4px}kbd{font:600 .72em/1 var(--text);font-variant-numeric:tabular-nums;background:#ffffff24;border:1px solid #ffffff47;border-radius:4px;padding:.28em .45em}.btn{font:800 1.05rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--foil-lo);background:var(--foil);color:var(--ink);box-shadow:var(--lift);transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), background .18s;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.3rem;display:inline-flex}.btn svg{width:18px;height:18px}.btn kbd{background:#0000001a;border-color:#0003}.btn:hover{box-shadow:var(--lift-hi);transform:translateY(-2px)}.btn:active{box-shadow:var(--lift);transform:translateY(0)}.btn.quiet{background:var(--ultra);border-color:var(--ultra-hi);color:var(--on-ultra)}.btn.quiet kbd{background:#ffffff1f;border-color:#ffffff40}.btn.quiet:hover{background:var(--ultra-hi)}.paper{background:var(--stock);border-radius:var(--r);box-shadow:var(--lift-hi), inset 0 0 0 1px #00000014}.card{padding:1.1rem 1.25rem;font-size:1rem;position:absolute}.set-no{font:800 .95rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.title-set{pointer-events:none;animation:rise-in 1s .16s var(--ease-out) both;margin:.2rem 0 .4rem;padding:0;list-style:none;display:flex}.title-set li{aspect-ratio:5/7;background:var(--ultra);width:64px;color:var(--on-ultra-soft);box-shadow:inset 0 0 0 1.5px var(--ultra-hi), inset 0 0 0 5px var(--ultra), inset 0 0 0 6px #f3f5fb59, var(--lift);transform:rotate(calc(var(--i) * 5deg)) translateY(calc(var(--i) * var(--i) * 2px));border-radius:6px;flex-direction:column;justify-content:space-between;margin-right:-14px;padding:.4rem;display:flex}.title-set li .set-no{color:var(--foil);font-size:.75rem}.title-set li small{font:800 .8rem/1 var(--display);font-variant-numeric:tabular-nums}.title-set li.up{background:color-mix(in srgb, var(--mission) 50%, var(--ink));color:var(--on-ultra)}.title{pointer-events:none;background:linear-gradient(90deg,#05070dd1 0%,#05070d73 45%,#0000 70%);flex-direction:column;justify-content:center;align-items:flex-start;gap:1.4rem;padding:0 clamp(24px,8vw,120px);display:flex;position:absolute;inset:0}.title>*{pointer-events:auto}.title h1{font:800 clamp(3.4rem, 9vw, 6rem)/.86 var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--on-ultra);pointer-events:none;animation:rise-in 1s var(--ease-out) both;margin:0}.lede{max-width:30ch;color:var(--on-ultra-soft);pointer-events:none;animation:rise-in 1s .12s var(--ease-out) both;margin:0;font-size:1.2rem;line-height:1.45}.fields{animation:rise-in 1s .2s var(--ease-out) both;flex-wrap:wrap;gap:1rem;display:flex}.callsign{color:var(--on-ultra-soft);font:800 .85rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;flex-direction:column;gap:.35rem;display:flex}.callsign input{font:600 1.1rem var(--text);width:12rem;color:var(--on-ultra);border:1px solid var(--ultra-hi);background:#14215cb8;border-radius:8px;padding:.65rem .8rem;transition:border-color .18s,background .18s}.callsign input:hover{border-color:var(--on-ultra-soft)}.callsign input:focus-visible{outline-offset:2px;background:var(--ultra)}.title-buttons{animation:rise-in 1s .28s var(--ease-out) both;gap:.8rem;display:flex}.hint{color:var(--on-ultra-soft);pointer-events:none;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:0;font-size:.95rem;display:flex}.hint kbd{color:var(--on-ultra)}.hint.small{opacity:.85;max-width:46ch;font-size:.85rem}.tile{border:1px solid var(--ultra-hi);background:var(--ultra);width:52px;height:52px;color:var(--on-ultra);box-shadow:var(--lift);transition:transform .18s var(--ease-out), background .18s;border-radius:12px;place-items:center;display:grid;position:absolute;right:20px}.tile:hover{background:var(--ultra-hi);transform:translate(-3px)}.tile[aria-pressed=false]{color:var(--on-ultra-soft);background:#14215c99}.tile[aria-expanded=true]{background:var(--ultra-hi);border-color:var(--on-ultra-soft)}.tile.top{top:20px}.tile.bottom{bottom:20px}.tile.music{bottom:84px}.tile.suit{bottom:148px}.dot{background:var(--signal);width:14px;height:14px;box-shadow:0 0 0 3px var(--space);border-radius:50%;position:absolute;top:-5px;right:-5px}.online{color:var(--on-ultra);pointer-events:none;text-shadow:0 1px 3px #000c;font-size:.95rem;position:absolute;top:20px;left:20px}.online b{font:800 1.1rem var(--display);letter-spacing:.05em;text-transform:uppercase}.online small{color:var(--on-ultra-soft);margin-top:.15rem;font-size:.8rem;display:block}.log{width:min(380px,100vw - 110px);max-height:calc(100vh - 40px);animation:deal-in .35s var(--ease-out);top:20px;right:84px;overflow:auto}.log h3{background:var(--ultra);color:var(--on-ultra);border-radius:var(--r) var(--r) 0 0;font:800 1.35rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;margin:-1.1rem -1.25rem 1rem;padding:.9rem 1.25rem}.log h4{font:800 1.1rem/1 var(--display);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin:1.3rem 0 .6rem;display:flex}.log h4 span{font:600 .85rem var(--text);text-transform:none;letter-spacing:0;color:var(--ink-soft);font-variant-numeric:tabular-nums}.log>ol:not(.setgrid){margin:0;padding-left:1.2rem;line-height:1.5}.log li.locked{color:var(--ink-soft)}.log li.done,.log ul li.done{color:var(--ink-soft);text-decoration:line-through;-webkit-text-decoration-color:var(--foil-lo);text-decoration-color:var(--foil-lo)}.log li.current{font-weight:600}.log ul{padding-left:1rem;font-weight:400;list-style:"– "}.setgrid{flex-direction:column;gap:10px;margin:0;padding:0 0 0 3.2rem;list-style:none;display:flex;position:relative}.setgrid:before{content:"";background:var(--ultra);border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:2.35rem}.year-row{position:relative}.year-tick{font:800 1rem/1 var(--display);color:var(--ultra);font-variant-numeric:tabular-nums;position:absolute;top:.15rem;left:-3.2rem}.year-tick:after{content:"";background:var(--ultra);width:8px;height:8px;box-shadow:0 0 0 3px var(--stock);border-radius:50%;position:absolute;top:.35rem;left:2.2rem}.row-slots{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.slot{aspect-ratio:5/7;text-align:left;border-radius:6px;flex-direction:column;justify-content:space-between;gap:.4rem;width:100%;padding:.5rem;font-size:.78rem;line-height:1.2;display:flex}.slot.found{background:var(--ultra);color:var(--on-ultra);border:1px solid var(--ultra-hi);box-shadow:inset 0 -26px 0 color-mix(in srgb, var(--mission) 50%, var(--ink)), var(--lift);transition:transform .18s var(--ease-out)}button.slot.found:hover{transform:translateY(-3px)}.slot.found b{font:700 .85rem/1.1 var(--display);letter-spacing:.02em}.slot.empty{border:1.5px dashed var(--stock-lo);color:var(--ink-soft);background:#0000000a;justify-content:flex-end}.emotes{animation:deal-in .3s var(--ease-out);grid-template-columns:repeat(5,44px);gap:6px;padding:.6rem;display:grid;bottom:20px;right:84px}.emotes button{background:0 0;border:none;border-radius:8px;height:44px;font-size:1.5rem;transition:background .15s}.emotes button:hover{background:#14215c1f}.tile.suit i,.suits button{border-radius:50%;width:24px;height:24px;display:block;box-shadow:inset 0 0 0 2px #00000040}.suits{animation:deal-in .3s var(--ease-out);gap:10px;padding:.7rem;display:flex;bottom:148px;right:84px}.suits button{width:34px;height:34px;transition:transform .15s var(--ease-out);border:none}.suits button:hover{transform:scale(1.1)}.suits button.on{outline:3px solid var(--ultra);outline-offset:3px}.compass{background:var(--ultra);max-width:min(440px,100vw - 200px);color:var(--on-ultra);border:1px solid var(--ultra-hi);box-shadow:var(--lift);pointer-events:none;animation:fade .4s var(--ease-out);border-radius:999px;align-items:center;gap:.7rem;padding:.5rem 1rem .5rem .55rem;transition:background .25s,color .25s;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.compass-arrow{background:var(--ultra-hi);will-change:transform;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.compass-arrow svg{fill:currentColor;width:18px;height:18px}.compass-text{min-width:0;font:800 1.05rem/1.1 var(--display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.compass.here{background:var(--foil);color:var(--ink);border-color:var(--foil-lo)}.compass.here .compass-arrow{background:#0000001f}.compass.here kbd{color:var(--ink);background:#0000001a;border-color:#00000040}.dialogue{background:var(--stock);border-radius:var(--r);width:min(720px,100vw - 32px);box-shadow:var(--lift-hi);animation:rise-dialogue .4s var(--ease-out);padding:1.5rem 4.2rem 1.4rem 1.6rem;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}.dialogue p{max-width:62ch;min-height:3.6rem;margin:0;font-size:1.25rem;line-height:1.45}.dialogue-tab{background:var(--ultra);color:var(--on-ultra);font:800 .95rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;padding:.35rem .75rem;position:absolute;top:-.85rem;left:1.2rem}.dialogue-next{background:var(--ultra);width:44px;height:44px;color:var(--on-ultra);transition:transform .18s var(--ease-out);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.9rem;right:.9rem}.dialogue-next:hover{transform:translate(2px)}.deal{background:radial-gradient(at 60%,#05070d59,#05070dc7);place-items:center;padding:16px;animation:.3s ease-out fade;display:grid;position:absolute;inset:0}.tcard-stack{position:relative}.tcard-next{background:var(--ultra);color:var(--on-ultra-soft);box-shadow:inset 0 0 0 12px var(--ultra), inset 0 0 0 13.5px #f3f5fb4d, var(--lift);opacity:.85;border-radius:14px;flex-direction:column;justify-content:flex-end;gap:.2rem;padding:1rem;animation:.6s ease-out .5s both fade;display:flex;position:absolute;inset:0;transform:translate(26px,-18px)rotate(5deg)}.tcard-next .set-no{color:var(--foil);font-size:1.1rem}.tcard-next small{font-size:.8rem}.deal-hand{perspective:1400px;animation:deal-up .7s var(--ease-out) both;flex-direction:column;align-items:center;gap:1.1rem;display:flex}.tcard{--mission:var(--foil);aspect-ratio:5/7;width:min(340px,100vw - 32px);max-height:calc(100vh - 120px);transform-style:preserve-3d;transition:transform .9s var(--ease-out);position:relative}.tcard.is-back{transform:rotateY(180deg)}.tface{backface-visibility:hidden;box-shadow:var(--lift-hi);border-radius:14px;position:absolute;inset:0;overflow:hidden}.tfront{background:var(--ultra);flex-direction:column;padding:12px;display:flex}.tfront-art{box-shadow:0 0 0 1.5px var(--on-ultra);background:var(--mission);border-radius:6px;flex:1;position:relative;overflow:hidden}.tfront-art img{object-fit:cover;width:100%;height:100%;display:block}.tfront-type{background:color-mix(in srgb, var(--mission) 50%, var(--ink));color:var(--on-ultra);flex-direction:column;justify-content:flex-end;padding:1rem;display:flex;position:absolute;inset:0}.tfront-type span{font:800 1.1rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase}.tfront-type b{font:800 7.5rem/.8 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.nameplate{color:var(--on-ultra);padding:.8rem .3rem .1rem}.set-stamp{z-index:1;background:var(--foil);color:var(--ink);font:800 .95rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;box-shadow:var(--lift);border-radius:5px;padding:.3rem .55rem;position:absolute;top:.6rem;right:.6rem}.nameplate h2{font:800 1.75rem/.98 var(--display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:.3rem 0 .25rem}.nameplate p{color:var(--on-ultra-soft);text-transform:capitalize;margin:0;font-size:.85rem}.tback{background:var(--stock);flex-direction:column;display:flex;transform:rotateY(180deg)}.tback-band{background:var(--ultra);color:var(--on-ultra);justify-content:space-between;align-items:baseline;gap:.8rem;padding:.85rem 1rem;display:flex}.tback-band .set-no{color:var(--foil)}.tback-band h2{font:800 1.25rem/1 var(--display);letter-spacing:.02em;text-transform:uppercase;text-wrap:balance;margin:0}.tback-body{flex-direction:column;flex:1;gap:.85rem;padding:.9rem 1rem 1rem;display:flex;overflow:auto}.story{margin:0;font-size:1rem;line-height:1.5}.voice{margin:0;padding:0;font-size:1rem;font-style:italic;line-height:1.5}.voice p{margin:0 0 .5rem}.voice p:first-child:before{content:"“";font:800 2.4rem/0 var(--display);color:var(--ultra);vertical-align:-.45em;margin-right:.1rem}.figures{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.figures div{background:#fff;border-radius:8px;padding:.55rem .7rem;box-shadow:inset 0 0 0 1px #0000000f}.figures dt{font:800 .75rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.figures dd{font:800 2.4rem/.9 var(--display);font-variant-numeric:tabular-nums;color:var(--ultra);margin:.2rem 0 0}.figures small{color:var(--ink-soft);font-size:1rem}.where{margin:0;font-size:.85rem;line-height:1.4}.where span,.sources>span{font:800 .75rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.25rem;display:block}.sources{flex-direction:column;gap:.2rem;margin-top:auto;font-size:.8rem;display:flex}.sources a{color:var(--ultra);text-underline-offset:2px}.draft{background:var(--stock-lo);color:var(--ink);border-radius:4px;align-self:flex-start;margin-top:.3rem;padding:.15rem .45rem;font-size:.75rem;font-style:normal;font-weight:600}.deal-actions{animation:rise-in .6s .3s var(--ease-out) both;gap:.7rem;display:flex}.thennow{aspect-ratio:4/3;background:var(--ink);border-radius:8px;margin:0;position:relative;overflow:hidden}.thennow img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thennow-rule{background:var(--on-ultra);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.thennow-grip{background:var(--on-ultra);width:22px;height:34px;box-shadow:var(--lift), inset 0 0 0 1px var(--stock-lo);border-radius:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thennow input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.thennow input:focus-visible+figcaption{outline:3px solid var(--foil);outline-offset:-3px}.thennow figcaption{font:800 .8rem/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0009);justify-content:space-between;padding:.4rem .6rem;display:flex;position:absolute;inset:auto 0 0}.backdrop{background:#05070db3;place-items:center;padding:16px;animation:.25s ease-out fade;display:grid;position:absolute;inset:0}.pause,.end{width:min(440px,100%);max-height:calc(100vh - 32px);animation:deal-in .35s var(--ease-out);flex-direction:column;gap:.7rem;display:flex;position:relative;overflow:auto}.end{width:min(520px,100%);overflow:hidden}.end-body{flex-direction:column;flex:1;gap:.7rem;min-height:0;margin:0 -1.25rem;padding:0 1.25rem;display:flex;overflow:auto}.pause h2,.end h2{background:var(--ultra);color:var(--on-ultra);border-radius:var(--r) var(--r) 0 0;font:800 1.8rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;margin:-1.1rem -1.25rem .3rem;padding:1rem 1.25rem}.pause h3,.end h3{font:800 1rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:.6rem 0 0}.slider{grid-template-columns:5rem 1fr;align-items:center;display:grid}.slider input{accent-color:var(--ultra)}.controls{margin:0}.controls div{border-bottom:1px solid #00000014;justify-content:space-between;padding:.3rem 0;display:flex}.controls dt{font:800 .9rem var(--display);letter-spacing:.06em;text-transform:uppercase}.controls dd{margin:0}.end ul{margin:.2rem 0 .4rem;padding-left:1.2rem;line-height:1.5}.end a{color:var(--ultra)}.end .summary{margin:0;font-size:1.15rem}.end .setgrid{margin:.3rem 0 .4rem}.end .row-slots{grid-template-columns:repeat(4,1fr)}.foil{background:var(--foil);color:var(--ink);font:800 .9rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;box-shadow:var(--lift);animation:stamp .5s .2s var(--ease-out) both;border-radius:6px;padding:.35rem .7rem;position:absolute;top:.85rem;right:1rem}.close{align-self:flex-start;margin-top:.4rem}.prompt span,.nametag{font-family:var(--display);white-space:nowrap}.prompt span{background:var(--ultra);color:var(--on-ultra);letter-spacing:.08em;box-shadow:var(--lift);border-radius:8px;padding:.35rem .7rem;font-size:1rem;font-weight:800;display:inline-block}.nametag{color:var(--on-ultra);letter-spacing:.06em;text-shadow:0 1px 3px #000000e6;pointer-events:none;font-size:.95rem;font-weight:800}.emote-bubble span{background:var(--stock);width:3rem;height:3rem;box-shadow:var(--lift);border-radius:50%;place-items:center;font-size:1.7rem;animation:3s ease-out forwards bubble;display:grid}@keyframes fade{0%{opacity:0}}@keyframes rise-in{0%{opacity:0;filter:blur(4px);transform:translateY(18px)}}@keyframes rise-dialogue{0%{opacity:0;transform:translate(-50%)translateY(24px)}}@keyframes deal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes deal-up{0%{opacity:0;transform:translateY(90px)rotate(-6deg)scale(.9)}}@keyframes stamp{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}}@keyframes bubble{0%{transform:scale(0)}10%{transform:scale(1)}85%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=900px){.deal{justify-items:end;padding-right:18vw}}@media (width<=640px){.title{background:linear-gradient(#05070d59,#05070dd9)}.tcard{width:min(320px,100vw - 32px)}.dialogue{width:calc(100vw - 96px);animation-name:fade;left:16px;transform:none}.compass{max-width:calc(100vw - 100px);top:76px;left:20px;transform:none}.compass-text{white-space:normal}.tcard-next{transform:translate(10px,-14px)rotate(3deg)}}