:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b10;--panel:#171b24;--text:#f5f7fa;--muted:#a9b3c4;--blue:#66d6ff;--purple:#b9a3ff;--gold:#e5c789;color:var(--text);background:var(--bg);font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:16px}*,:before,:after{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#182435 0,#0000 30rem);min-height:100dvh;margin:0}header,main{width:min(100%,72rem);margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}header{justify-content:space-between;align-items:center;gap:.75rem;min-height:72px;display:flex}header .brand{color:var(--text);letter-spacing:.07em;align-items:center;gap:.6rem;margin-right:auto;font-weight:800;display:inline-flex}main{padding-top:.6rem;padding-bottom:calc(9rem + env(safe-area-inset-bottom))}h1,h2,h3{margin:0;line-height:1.2}h1{margin-bottom:.35rem;font-size:clamp(1.65rem,5vw,2.8rem)}h2{font-size:clamp(1.15rem,4vw,1.55rem)}p{color:var(--muted);margin:.4rem 0;line-height:1.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}code,pre{overflow-wrap:anywhere;white-space:pre-wrap}button,input,select,textarea{font:inherit;color:inherit;max-width:100%;min-height:44px}button,.cta{cursor:pointer;background:#242d40;border:1px solid #ffffff25;border-radius:14px;padding:.6rem .95rem}button:not(:disabled):active,.cta:active{transform:scale(.98)}button:disabled{opacity:.55;cursor:wait}.primary{color:#081119;background:var(--blue);border-color:#0000;font-weight:730}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}input,select,textarea{background:#10151f;border:1px solid #ffffff36;border-radius:12px;width:100%;padding:.6rem .75rem}label{color:var(--muted);gap:.4rem;display:grid}.inline-label{align-items:center;gap:.7rem;display:flex}.inline-label input{width:1.15rem;min-height:1.15rem}progress{width:100%;accent-color:var(--blue);height:.65rem}.stack{gap:1rem;display:grid}.actions,.row,.tabs{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.row{overflow-wrap:anywhere;justify-content:space-between}.tabs{margin-block:.5rem}.tabs button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.pill{width:max-content;max-width:100%;color:var(--muted);background:#ffffff09;border:1px solid #ffffff23;border-radius:999px;padding:.3rem .6rem;font-size:.78rem;display:inline-flex}.panel,.room-card{background:var(--panel);border:1px solid #ffffff15;border-radius:24px;align-content:start;gap:.8rem;min-width:0;padding:clamp(1rem,4vw,1.6rem);display:grid}.panel button,.panel .cta{justify-self:start}.hero{isolation:isolate;min-height:clamp(210px,36vw,310px);color:var(--text);border:1px solid #ffffff24;border-radius:28px;align-items:end;padding:clamp(1rem,4vw,2rem);display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#081221f5,#08122195 45%,#08122100),linear-gradient(#0000 30%,#09101dea);position:absolute;inset:0}.hero img{z-index:-2;object-fit:cover;object-position:58% 52%;width:100%;height:100%;position:absolute;inset:0}.hero h2{margin-bottom:.45rem;font-size:clamp(1.7rem,5vw,3rem)}.hero p{color:#e2eafa}.hero .cta{min-height:44px;color:var(--blue);background:#182c49cc;align-items:center;margin-top:.65rem;display:inline-flex}.hero.violet .cta{color:var(--purple);background:#2b1c50cc}.hero:hover{border-color:#ffffff64;text-decoration:none}.room-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem;display:grid}.room-card{padding:0;overflow:hidden}.room-card img{object-fit:cover;width:100%;height:135px}.room-copy{gap:.6rem;padding:1rem;display:grid}.cta{justify-self:start}.record{border-top:1px solid #ffffff1a;gap:.55rem;padding-block:.8rem;display:grid}.clock{color:var(--purple);font-size:clamp(2rem,10vw,4.2rem)}.winning{color:var(--gold);letter-spacing:.12em;font-size:2.4rem}nav{inset-inline:max(8px,50% - 260px);bottom:calc(.6rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2;background:#1a2235e8;border:1px solid #ffffff2a;border-radius:24px;grid-template-columns:repeat(5,1fr);padding:.22rem;display:grid;position:fixed}nav a{min-height:52px;color:var(--muted);white-space:nowrap;border-radius:18px;align-content:center;justify-items:center;gap:.1rem;font-size:clamp(.65rem,2.8vw,.8rem);display:grid}nav a span{font-size:1.25rem}nav a[aria-current=page]{color:var(--blue);background:#77caff20}dialog{color:var(--text);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#171f2eee;border:1px solid #ffffff35;border-radius:25px;width:min(100% - 2rem,420px);max-height:80dvh;padding:1rem}dialog::backdrop{background:#03060bbb}dialog button{margin-top:.5rem}.dialog-top{justify-content:space-between;align-items:center;gap:.7rem;display:flex}#notice:not(:empty){bottom:calc(5rem + env(safe-area-inset-bottom));color:var(--text);z-index:3;pointer-events:none;background:#111b2b;border:1px solid #ffffff25;border-radius:14px;padding:.7rem 1rem;position:fixed;inset-inline:max(1rem,50% - 250px)}.operator #notice:not(:empty){pointer-events:auto;bottom:1rem}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
