:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050916;--panel:#0c1222d6;--line:#95dcff29;--text:#f0f8ff;--muted:#ddecffb3;--warm:#ff8f63;--app-gap:14px;--stage-height:calc(100dvh - var(--app-gap) * 2)}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 20% 10%,#ff84583d,#0000 30%),radial-gradient(circle at 80% 8%,#5681ff3d,#0000 26%),linear-gradient(160deg,#040710 0%,#081122 56%,#060a14 100%);margin:0;font-family:Segoe UI,PingFang SC,sans-serif}#app{gap:var(--app-gap);padding:var(--app-gap);grid-template-columns:minmax(260px,320px) minmax(320px,1fr);align-items:start;display:grid}.hud{border:1px solid var(--line);background:var(--panel);border-radius:22px;align-self:start;gap:12px;padding:16px;display:grid}.eyebrow{color:var(--warm);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem}h1{margin:0;font-size:2.4rem;line-height:.95}.summary,.hint{color:var(--muted);margin:0;line-height:1.6}.panel{background:#ffffff0a;border:1px solid #95dcff14;border-radius:16px;padding:12px}.panel h2{margin:0 0 8px;font-size:1rem}.panel ul{color:var(--muted);gap:4px;margin:0;padding-left:18px;display:grid}button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#ff9e76,#f06e49);border:none;border-radius:14px;padding:10px 14px;font-weight:700}button.ghost{color:#dff4ff;background:#86cdff33}.stage-wrap{width:min(100%, calc(var(--stage-height) / 2));aspect-ratio:1/2;max-height:var(--stage-height);background:linear-gradient(#080f23,#080f1a);border:1px solid #95dcff1f;border-radius:26px;place-self:start center;position:relative;overflow:hidden;box-shadow:0 24px 60px #02061075}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}.overlay{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.overlay span{background:#080f1eb3;border:1px solid #97ddff3d;border-radius:999px;padding:6px 10px;font-size:.86rem}.modal{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0408109e;place-items:center;display:grid;position:absolute;inset:0}.modal.hidden{display:none}.modal__card{background:#081020f2;border:1px solid #95dcff33;border-radius:24px;gap:12px;width:min(92%,720px);padding:20px;display:grid}.tag{color:var(--warm);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.74rem}.modal__card h2{margin:0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.card{text-align:left;background:linear-gradient(130deg,#ff8f6324,#6a9dff1f);border:1px solid #ffffff1f;min-height:130px}.card strong{font-size:1rem;display:block}.card small{opacity:.8;margin-top:4px;display:block}@media (width<=980px){#app{grid-template-columns:1fr}.hud{order:2}.stage-wrap{width:min(100%, calc(var(--stage-height) / 2));order:1}}@media (width<=640px){.cards{grid-template-columns:1fr}}