:root{--night:#06101f;--panel:#0c1a2e;--sky:#7fd3ff;--tea:#c9773a;--ivory:#f5efe4;--mist:rgba(245,239,228,.7);--line:rgba(245,239,228,.16);
--display:"Prata","Georgia","Times New Roman",serif;--body:"Manrope","Segoe UI",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--night);color:var(--ivory);font:400 17px/1.65 var(--body)}
a{color:var(--sky)}
header{position:relative;min-height:46vh;display:flex;flex-direction:column;justify-content:space-between;
 padding:24px clamp(16px,5vw,72px) 40px;overflow:hidden;isolation:isolate}
header::before{content:"";position:absolute;inset:-4%;z-index:-2;background:url("stage.webp") 30% 60%/cover;
 animation:drift 40s ease-in-out infinite alternate;transform-origin:27% 66%}
header::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,16,31,.55),rgba(6,16,31,.75) 60%,var(--night))}
@keyframes drift{from{transform:scale(1.05)}to{transform:scale(1.18) translateX(1%)}}
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.home{font:400 22px/1 var(--display);letter-spacing:.12em;color:var(--ivory);text-decoration:none}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs a{font-size:13px;color:var(--mist);text-decoration:none;padding:8px 14px;border:1px solid var(--line);border-radius:3px;background:rgba(6,16,31,.4);backdrop-filter:blur(8px)}
.tabs a:hover,.tabs a:focus-visible{color:var(--ivory);border-color:var(--sky);outline:none}
.tabs a[aria-current]{color:var(--night);background:var(--ivory);border-color:var(--ivory)}
.kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--sky);margin:48px 0 12px}
h1{font:400 clamp(34px,5vw,64px)/1.08 var(--display);margin:0;text-wrap:balance;max-width:18ch}
main{max-width:1080px;margin:0 auto;padding:24px clamp(16px,5vw,72px) 80px}
.draft{display:inline-block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tea);border:1px dashed var(--tea);padding:6px 12px;border-radius:3px;margin-bottom:28px}
.intro{font-size:clamp(18px,1.6vw,21px);color:var(--mist);max-width:60ch;margin:0 0 48px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.block{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:26px 26px 28px;min-width:0}
.block h2{font:400 23px/1.25 var(--display);margin:0 0 10px}
.block p{margin:0;color:var(--mist);font-size:16px}
.block ul{margin:10px 0 0;padding-left:18px;color:var(--mist);font-size:16px}
footer{border-top:1px solid var(--line);padding:28px clamp(16px,5vw,72px) calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--mist);font-size:14px}
@media (prefers-reduced-motion:reduce){header::before{animation:none}}
.notice{margin:0;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px;background:#f5efe4;color:#000;font:600 13px/18px var(--body);text-align:center;letter-spacing:.02em}

.notice{overflow:hidden;white-space:nowrap;text-align:left}.notice span{display:inline-block;padding-left:100%;animation:tick 16s linear infinite}@keyframes tick{to{transform:translateX(-100%)}}.hazard{position:fixed;left:0;right:0;bottom:0;height:calc(14px + env(safe-area-inset-bottom,0px));z-index:21;pointer-events:none;background:repeating-linear-gradient(45deg,#23a19d 0 14px,#111 14px 28px);background-size:39.6px 100%;box-shadow:0 -2px 10px rgba(0,0,0,.45);animation:haz 1.6s linear infinite}@keyframes haz{to{background-position:39.6px 0}}
body{padding-bottom:14px}
@media (prefers-reduced-motion:reduce){.notice{text-align:center}.notice span{padding-left:0;animation:none!important}.hazard{animation:none!important}}
.lp{position:relative;z-index:30}
.lp-btn{display:inline-flex;align-items:center;gap:8px;background:#f3c96b;color:#111;border:0;border-radius:6px;padding:8px 14px;font:700 14px/1.2 var(--body);cursor:pointer;box-shadow:0 6px 18px rgba(243,201,107,.3);max-width:100%}
.lp-btn .lp-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:16ch}
.lp-panel{position:absolute;top:calc(100% + 6px);inset-inline-end:0;width:min(320px,calc(100vw - 32px));background:#fff;color:#0b1d46;border-radius:10px;box-shadow:0 18px 48px rgba(0,0,0,.45);overflow:hidden}
.lp-panel[hidden]{display:none}
.lp-search{display:block;width:100%;border:0;border-bottom:1px solid #e5e7eb;padding:12px 14px;font:500 15px var(--body);outline:none;color:#111;background:#fff}
.lp-list{list-style:none;margin:0;padding:6px 0;max-height:min(60vh,380px);overflow-y:auto}
.lp-list li{padding:8px 14px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.lp-list li[hidden]{display:none}
.lp-list li:hover{background:#fff4d6}
.lp-list li .n{font-weight:700}
.lp-list li .e{font-size:12px;color:#6b7280;white-space:nowrap}
.lp-list li[aria-selected="true"] .n::after{content:" ✓"}