:root{--bg-deep:#05070d;--bg-glow:#10203a;--accent:#f5c542;--text:#e8edf7;--text-dim:#8b97ad;--card-bg:#0c121e9e;--card-border:#ffffff17;--gutter:clamp(.85rem, 2.2vw, 2.25rem);--card-width:clamp(13rem, 23vw, 20.5rem)}*{box-sizing:border-box}html,body{background:var(--bg-deep);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}body:before{content:"";background:radial-gradient(ellipse 60% 55% at 50% 45%, var(--bg-glow) 0%, transparent 70%), radial-gradient(ellipse 90% 60% at 50% 110%, #f5c54217 0%, transparent 60%);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}#renderCanvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#overlay{pointer-events:none;padding:var(--gutter);position:fixed;top:0;bottom:0;left:0;right:0}.brand{top:var(--gutter);text-align:center;background:radial-gradient(60% 90% at 50% 35%,#05070df2 0%,#05070dbf 45%,#0000 80%);justify-items:center;gap:.4rem;padding:.7rem 2.6rem 1rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.brand__title{align-items:center;gap:.6rem;margin:0;display:flex}.brand__button{cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;line-height:0}.brand__logo{filter:brightness(0)invert()sepia()saturate(6)hue-rotate(-12deg)drop-shadow(0 0 12px #f5c5424d);opacity:.85;width:auto;height:clamp(1.5rem,3vh,2.25rem);transition:transform .25s,opacity .25s,filter .25s}.brand__button:hover .brand__logo{opacity:1;filter:brightness(0)invert()sepia()saturate(8)hue-rotate(-16deg)drop-shadow(0 0 18px #f5c542bf);transform:scale(1.12)}.brand__button:focus-visible .brand__logo{opacity:1;filter:brightness(0)invert()sepia()saturate(8)hue-rotate(-16deg)drop-shadow(0 0 18px #f5c542bf);transform:scale(1.12)}.brand__button:active .brand__logo{transform:scale(1.02)}.brand__name{letter-spacing:.32em;text-transform:uppercase;color:var(--text-dim);font-size:clamp(.65rem,1.1vw,.8rem)}.brand__hint{letter-spacing:.08em;color:var(--text-dim);opacity:.7;white-space:nowrap;margin:0;font-size:clamp(.6rem,.85vw,.72rem)}.card{width:var(--card-width);pointer-events:auto;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);border-radius:.75rem;padding:clamp(.95rem,1.9vh,1.4rem);transition:transform .25s,border-color .25s;position:absolute;box-shadow:0 1.25rem 2.5rem #00000073}.card:hover{border-color:#f5c54266;transform:translateY(-3px)}.card--top-left{top:var(--gutter);left:var(--gutter)}.card--top-right{top:var(--gutter);right:var(--gutter)}.card--bottom-left{bottom:var(--gutter);left:var(--gutter)}.card--bottom-right{bottom:var(--gutter);right:var(--gutter)}.card__label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 .5rem;font-size:clamp(.62rem,.85vw,.74rem)}.card__title{margin:0 0 .65rem;font-size:clamp(1.05rem,1.6vw,1.4rem);font-weight:600;line-height:1.2}.card__list{gap:.42rem;margin:0;font-size:clamp(.8rem,1.05vw,.95rem);display:grid}.card__row{justify-content:space-between;gap:1rem;display:flex}.card__row dt{white-space:nowrap;color:var(--text-dim)}.card__row dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.card__text{color:var(--text-dim);margin:0;font-size:clamp(.8rem,1.05vw,.95rem);line-height:1.5}.page-footer{bottom:var(--gutter);text-align:center;background:radial-gradient(60% 90% at 50% 65%,#05070df2 0%,#05070dbf 45%,#0000 80%);justify-items:center;gap:.35rem;padding:.9rem 2.6rem .6rem;display:grid;position:absolute;left:50%;transform:translate(-50%)}.hint{letter-spacing:.1em;color:var(--text-dim);opacity:.75;white-space:nowrap;margin:0;font-size:clamp(.6rem,.85vw,.72rem)}.credit{letter-spacing:.04em;color:var(--text-dim);opacity:.5;margin:0;font-size:clamp(.55rem,.75vw,.65rem)}.credit a{color:inherit;pointer-events:auto;border-bottom:1px solid #8b97ad59;text-decoration:none}.credit a:hover{color:var(--accent);border-bottom-color:var(--accent)}.cards-toggle,.cards-close{color:var(--accent);background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(14px);cursor:pointer;pointer-events:auto;border-radius:50%;place-items:center;padding:0;transition:transform .2s,border-color .2s;display:none;position:absolute}.cards-toggle:active,.cards-close:active{border-color:#f5c54273;transform:scale(.94)}.cards-toggle svg,.cards-close svg{width:1.35rem;height:1.35rem}#loader{background:var(--bg-deep);place-content:center;justify-items:center;gap:1rem;transition:opacity .5s,visibility .5s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#loader.is-hidden{opacity:0;visibility:hidden}.loader__mark{place-items:center;width:5rem;height:5rem;display:grid;position:relative}.loader__ring{border:2px solid #f5c5422e;border-top-color:var(--accent);border-radius:50%;animation:1.1s linear infinite spin;position:absolute;top:0;bottom:0;left:0;right:0}.loader__logo{filter:brightness(0)invert()sepia()saturate(6)hue-rotate(-12deg)drop-shadow(0 0 12px #f5c54280);width:2.6rem;height:auto;animation:2.2s ease-in-out infinite pulse}.loader__label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);text-align:center;max-width:26rem;margin:0;padding:0 1rem;font-size:.72rem}.loader__label--error{color:#ff8080;letter-spacing:.04em;text-transform:none;line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes pulse{0%,to{opacity:.62;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loader__ring{animation-duration:3s}.loader__logo{opacity:1;animation:none}.brand__logo,.card,.cards-toggle,.cards-close{transition:none}}@media (max-height:620px){.card__title{font-size:.85rem}.brand__name,.brand__hint,.hint{display:none}}@media (max-width:720px){:root{--panel-gap:.6rem}.card__list,.card__text{font-size:.68rem}.hint,#cards{display:none}.cards-toggle{width:3rem;height:3rem;right:calc(var(--gutter) + .5rem);bottom:calc(var(--gutter) + 3.25rem);display:grid;box-shadow:0 .75rem 1.5rem #00000080}body.cards-open #cards{inset:var(--panel-gap) var(--panel-gap) 3.25rem;gap:var(--panel-gap);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;animation:.18s fade-in;display:grid;position:absolute}body.cards-open .card{width:auto;position:static;overflow-y:auto}body.cards-open .card__row{gap:.5rem}body.cards-open .brand,body.cards-open .cards-toggle{display:none}body.cards-open .cards-close{width:2rem;height:2rem;top:calc(var(--panel-gap) + .5rem);right:calc(var(--panel-gap) + .5rem);display:grid}}@media (prefers-reduced-motion:reduce) and (max-width:720px){body.cards-open #cards{animation:none}}