@font-face{font-family:AstroSpace;src:url(../fonts/AstroSpace.ttf) format("truetype");font-display:swap}@font-face{font-family:Clean Typewriter;src:url(../fonts/CleanTypewriter.ttf) format("truetype");font-display:swap}:root{--ink: #f2f2ee;--muted: #b9c8d6;--panel: rgba(8, 10, 15, .9);--edge: rgba(255, 217, 102, .35);--gold: #ffd966;--orange: #ffa633;--blue: #99c7e6;--head: "AstroSpace", system-ui, sans-serif;--body: "Clean Typewriter", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#000;color:var(--ink);font-family:var(--body);overflow:hidden}canvas{display:block}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.progress{position:absolute;left:0;right:0;top:0;height:3px;background:#ffd9661f}.progress>div{height:100%;background:linear-gradient(90deg,var(--gold),var(--orange));transform-origin:left;transform:scaleX(0);box-shadow:0 0 10px #ffd96699}.card{position:absolute;top:50%;margin-top:-9rem;width:min(400px,calc(100vw - 32px));padding:1.5rem 1.6rem 1.4rem;border-radius:6px;background:var(--panel);border:1px solid var(--edge);box-shadow:0 18px 50px #0000008c,0 0 30px #ffd96614;opacity:0;visibility:hidden;will-change:opacity,transform;text-shadow:0 1px 4px #000}.card:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;background:linear-gradient(var(--gold),var(--gold)) top left / 16px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) top left / 2px 16px no-repeat,linear-gradient(var(--gold),var(--gold)) bottom right / 16px 2px no-repeat,linear-gradient(var(--gold),var(--gold)) bottom right / 2px 16px no-repeat}.card-left{left:max(16px,6vw)}.card-right{right:max(16px,6vw)}.card-center{left:50%;margin-left:calc(min(520px,calc(100vw - 32px))/-2);width:min(520px,calc(100vw - 32px));text-align:center;top:20%;margin-top:0}.kicker{font-family:var(--body);font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}.card h2{margin:0 0 .7rem;font-family:var(--head);font-weight:400;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.1;letter-spacing:.04em;color:#fff}.card-center h2{font-size:clamp(2.6rem,7vw,4.4rem);color:var(--gold);text-shadow:0 0 24px rgba(255,217,102,.45)}.card p{margin:0 0 1.1rem;color:var(--muted);line-height:1.6;font-size:1rem}.btn{display:inline-block;padding:.7rem 1.1rem;border-radius:4px;font-family:var(--head);letter-spacing:.06em;font-size:.95rem;text-decoration:none;color:#120d00;background:var(--gold);box-shadow:0 0 18px #ffd96659;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px);background:#ffe58f;box-shadow:0 0 28px #ffd96699}.hint{margin-top:.4rem;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);display:flex;flex-direction:column;align-items:center;gap:.6rem}.chev{width:12px;height:12px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px) rotate(45deg)}}.end-hint{position:absolute;left:50%;bottom:28px;transform:translate(-50%);opacity:0;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);text-shadow:0 1px 6px #000;white-space:nowrap}.end-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem}.credits-link{pointer-events:auto;font-size:.75rem;letter-spacing:.12em;color:#b9c8d6bf;text-decoration:underline;text-underline-offset:3px}.credits-link:hover{color:var(--gold)}.tip{position:fixed;left:0;top:0;padding:.65rem .85rem;border-radius:4px;background:var(--panel);border:1px solid var(--edge);opacity:0;transition:opacity .15s;pointer-events:none}.tip-label{font-family:var(--head);letter-spacing:.04em;color:#fff}.tip-who{color:var(--muted);font-size:.85rem;margin-top:.15rem}.tip-cta{color:var(--gold);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.35rem}.loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#000;transition:opacity .6s}.loading.fade{opacity:0;pointer-events:none}.loading-title{font-family:var(--head);font-size:2.8rem;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 26px rgba(255,217,102,.45)}.loading-bar{width:min(260px,70vw);height:3px;background:#ffd96626;overflow:hidden}.loading-bar>div{height:100%;background:linear-gradient(90deg,var(--gold),var(--orange));transition:width .2s}.loading-pct{color:var(--muted);font-size:.9rem;letter-spacing:.08em}.card-game{text-align:center;border-color:#ffd966b3;box-shadow:0 18px 50px #0000008c,0 0 46px #ffd96638}.card-game h2{font-size:clamp(2.2rem,6vw,3.6rem);color:var(--gold);text-shadow:0 0 22px rgba(255,217,102,.45);margin-bottom:.8rem}.card-game .kicker{font-size:.95rem}.card-game .btn{font-size:1.05rem;padding:.8rem 1.4rem}.card-portrait{display:flex;gap:1.1rem;align-items:center;width:min(520px,calc(100vw - 32px))}.card-portrait .photo{flex:none;width:132px;height:170px;border-radius:4px;overflow:hidden;border:1px solid var(--edge);background:#111;box-shadow:0 0 18px #ffd96626}.card-portrait .photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.15) contrast(1.05)}.card-portrait h2{margin-bottom:.35rem}.meta{color:var(--blue);font-size:.92rem;letter-spacing:.04em;margin-bottom:.6rem}.card-text{min-width:0}.cite{display:block;margin-top:.9rem;font-size:.72rem;color:#b9c8d6b3;text-decoration:underline;text-underline-offset:2px}.cite:hover{color:var(--gold)}@media (max-width: 640px){.card-portrait .photo{width:90px;height:116px}.card-left,.card-right{left:16px;right:16px;width:auto;top:auto;bottom:24px;margin-top:0}}