:root{--ink:#f4ecff;--dim:#b6a6cc;--violet:#a87bff;--gold:#f2d18a;--bg:#0a0714}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,PingFang SC,Noto Sans SC,system-ui,sans-serif;overflow:hidden}#app{width:100%;height:100%;position:relative;overflow:hidden}#cam{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}.panel{-webkit-backdrop-filter:blur(14px)saturate(140%);background:#100a1e8c;border:1px solid #a87bff38;border-radius:16px;padding:14px 18px;position:absolute;box-shadow:0 10px 40px #00000073}.tl{top:20px;left:20px}.tr{min-width:178px;top:20px;right:20px}.kicker{letter-spacing:.18em;color:var(--violet);opacity:.9;margin-bottom:6px;font-size:10px}.panel h1{letter-spacing:.04em;margin:0;font-size:22px;font-weight:600}.sub{color:var(--dim);margin-top:6px;font-size:12px}.row{color:var(--dim);justify-content:space-between;gap:16px;padding:3px 0;font-size:12px;display:flex}.row b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.chips{flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(94vw,900px);display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.chip{color:var(--dim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#100a1e80;border:1px solid #a87bff33;border-radius:999px;padding:7px 12px;font-size:12px}kbd{color:var(--ink);border:1px solid #a87bff66;border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px}#gate{z-index:10;background:radial-gradient(120% 90% at 50% 0,#1b1136 0%,#08050f 70%);place-items:center;transition:opacity .45s;display:grid;position:absolute;inset:0}#gate.hide{opacity:0;pointer-events:none}.gate-card{text-align:center;background:#140d26b8;border:1px solid #a87bff3d;border-radius:22px;width:min(92vw,430px);padding:30px 30px 24px;box-shadow:0 24px 70px #0009,inset 0 1px #ffffff0f}.gate-kicker{letter-spacing:.22em;color:var(--violet);margin-bottom:10px;font-size:10px}.gate-card h2{margin:0 0 8px;font-size:24px;font-weight:600}.gate-card p{color:var(--dim);margin:0 0 18px;font-size:13px;line-height:1.7}button{color:#12081f;cursor:pointer;background:linear-gradient(#d9bdfd,#a87bff);border:0;border-radius:12px;width:100%;margin-bottom:10px;padding:13px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .12s,filter .2s;display:block}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}button.ghost{color:var(--ink);background:#a87bff1f;border:1px solid #a87bff57}.err{min-height:16px;color:#ff8ba0!important;margin:6px 0 0!important;font-size:12px!important}