:root{
  --bg:#05080c;--surface:#0a1017;--surface2:#0d151e;--line:#213040;--line2:#30465c;
  --text:#f4f7fb;--muted:#9ba9b7;--blue:#55b9ff;--blue2:#1d83c7;--green:#4ee69b;
  --amber:#ffc65a;--red:#ff5a67;--shadow:0 18px 50px rgba(0,0,0,.34)
}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#05080c 0%,#071019 52%,#05080c 100%)}button,input{font:inherit}.hidden{display:none!important}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2));background:#060a0f}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;letter-spacing:.04em}.brand b{font-weight:850}.brand em{font-style:normal;color:var(--blue);font-weight:800}.paper-mark{width:31px;height:36px;background:#f4f5f6;border-radius:2px;position:relative;display:inline-flex;flex-direction:column;gap:4px;padding:9px 5px;box-shadow:0 0 0 1px #fff3}.paper-mark:after{content:"";position:absolute;right:0;top:0;border-left:8px solid transparent;border-bottom:8px solid #cfd5da}.paper-mark i{height:3px;background:#06080a;border-radius:1px;display:block}.paper-mark i:nth-child(2){width:80%}.tool-name{font-size:.76rem;font-weight:800;letter-spacing:.16em;color:#a9b9c7}.shell{max-width:1180px;margin:auto;padding:44px 20px 72px}.hero{max-width:820px;margin-bottom:30px}.eyebrow,.label{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:#9db5c9}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;margin-right:8px;box-shadow:0 0 12px rgba(78,230,155,.65)}h1{font-size:clamp(2.1rem,5vw,4.5rem);line-height:.98;margin:12px 0 14px;letter-spacing:-.045em}h1 span{color:var(--blue)}.hero>p{color:#b5c0cb;font-size:1.05rem;line-height:1.65;max-width:720px}.server-clock-card{margin-top:22px;border:1px solid var(--line2);background:#071019;display:flex;justify-content:space-between;align-items:center;padding:17px 18px;max-width:480px}.server-clock-card strong{display:block;font-variant-numeric:tabular-nums;font-size:1.75rem;letter-spacing:.05em;margin-top:3px}.server-clock-card small{display:block;color:var(--muted);margin-top:2px}.sync-pill{border:1px solid #34617c;color:#9dd8ff;padding:7px 10px;font-size:.68rem;font-weight:850;letter-spacing:.1em}.sync-pill.good{border-color:#2f7758;color:var(--green)}.sync-pill.warn{border-color:#8d6b2f;color:var(--amber)}.grid{display:grid;gap:18px}.two-col{grid-template-columns:1fr 1fr}.panel{background:linear-gradient(180deg,rgba(14,22,31,.98),rgba(8,14,20,.98));border:1px solid var(--line);box-shadow:var(--shadow);padding:22px}.panel-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}.panel-head.compact{margin-bottom:16px}.step{display:inline-grid;place-items:center;min-width:58px;height:29px;border:1px solid #345670;color:#a9dcff;font-size:.66rem;letter-spacing:.12em;font-weight:850}.step.host{border-color:#72602f;color:var(--amber)}h2{font-size:1.25rem;margin:0 0 4px;letter-spacing:-.01em}.panel-head p{margin:0;color:var(--muted);line-height:1.45;font-size:.9rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.join-code-form label{display:flex;flex-direction:column;gap:6px;color:#c7d2dc;font-size:.78rem;font-weight:700}.form-grid label span{color:#778796;font-weight:500}.form-grid input,.join-code-form input{width:100%;min-height:47px;border:1px solid #293a4a;background:#060b11;color:var(--text);padding:0 12px;border-radius:2px;outline:none}.form-grid input:focus,.join-code-form input:focus{border-color:#4da9e4;box-shadow:0 0 0 2px rgba(85,185,255,.08)}button{border-radius:2px;min-height:46px;border:1px solid transparent;padding:0 16px;font-weight:850;letter-spacing:.055em;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s}.primary{background:#1789d0;color:#03111b;border-color:#50bfff}.primary:hover{background:#32a5ed}.secondary{background:#0a1118;color:#dbe7f0;border-color:#31485c}.secondary:hover{border-color:#5880a0}.wide{grid-column:1/-1;width:100%}.small{min-height:38px;font-size:.72rem}.join-code-form{display:grid;gap:12px}.join-code-form input{text-transform:uppercase;letter-spacing:.2em;font-size:1.1rem;font-weight:800}.note{margin-top:18px;border-left:3px solid #355b76;padding:11px 13px;background:#08111a}.note strong{font-size:.82rem}.note p{margin:4px 0 0;color:var(--muted);font-size:.83rem;line-height:1.45}.text-button{border:0;background:none;color:#9db9cd;padding:12px 0 0;min-height:auto}.join-panel{max-width:760px;margin:auto}.room-layout{display:flex;flex-direction:column;gap:18px}.room-topline{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px}.room-topline h2{font-size:1.75rem;letter-spacing:.12em;margin-top:3px}.countdown-panel{border:1px solid #2c526d;background:radial-gradient(circle at 50% 30%,rgba(28,95,137,.18),transparent 44%),#071019;padding:22px;box-shadow:var(--shadow);text-align:center;position:relative;overflow:hidden}.countdown-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(89,177,234,.06) 50%,transparent 50.2%);pointer-events:none}.countdown-panel.final{border-color:#886c30}.countdown-panel.launch{border-color:#a8323d;box-shadow:0 0 40px rgba(255,90,103,.12),var(--shadow)}.countdown-top{display:flex;justify-content:space-between;align-items:flex-start;text-align:left}.countdown-top strong{display:block;font-size:1.45rem;font-variant-numeric:tabular-nums;margin-top:4px}.room-state{font-size:.7rem;letter-spacing:.15em;font-weight:900;color:#a9dfff;border:1px solid #315773;padding:7px 10px}.countdown-panel.final .room-state{color:var(--amber);border-color:#80652d}.countdown-panel.launch .room-state{color:#fff;border-color:var(--red);background:#811f29}.target-strip{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:22px auto 4px;font-size:.72rem;letter-spacing:.12em;color:#869baa}.target-strip b{color:#dbe7ef}.countdown{display:flex;align-items:baseline;justify-content:center;max-width:100%;white-space:nowrap;font-weight:900;font-variant-numeric:tabular-nums;margin:14px auto 12px;text-shadow:0 0 28px rgba(85,185,255,.13)}.countdown-main{font-size:clamp(3rem,9.2vw,6.8rem);line-height:1;letter-spacing:-.055em}.countdown-ms{font-size:clamp(1.25rem,3.6vw,2.85rem);line-height:1;letter-spacing:-.025em;margin-left:.08em;min-width:3.55ch;text-align:left}.countdown-panel.launch .countdown{color:#fff;text-shadow:0 0 36px rgba(255,90,103,.35)}.launch-time-line{display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap;color:#91a5b5}.launch-kicker{font-size:.72rem;letter-spacing:.12em}.launch-time-line strong{color:#fff;font-size:1.03rem;letter-spacing:.07em}.launch-server-label{font-size:.72rem;letter-spacing:.12em;color:#68bdf2}.lock-line{margin-top:14px;font-size:.69rem;letter-spacing:.12em;font-weight:900;color:var(--amber)}.lock-line.locked{color:var(--green)}.countdown-actions{margin-top:18px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.countdown-actions button{min-height:39px;font-size:.68rem}.room-grid{grid-template-columns:1fr 1fr}.compact-form{gap:11px}.ready-control{display:flex;align-items:center;justify-content:space-between;border:1px solid #283a49;background:#070d13;padding:9px 10px}.ready-control>span{font-size:.78rem;color:#b9c5ce;font-weight:700}.ready-control button{min-width:150px}.not-ready{background:#2b1217;color:#ff9fa7;border-color:#71303a}.is-ready{background:#0d3827;color:#79f0b5;border-color:#2f8c61}.lock-button{margin-top:12px}.board-panel{padding:0}.board-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.board-head h2{margin-top:3px}.board-summary{display:flex;gap:8px}.board-summary span{font-size:.68rem;font-weight:900;letter-spacing:.08em;border:1px solid #294252;padding:7px 9px;color:#aac1d1}.alliance-board{display:grid}.alliance-row{display:grid;grid-template-columns:minmax(180px,1.4fr) .75fr 1fr .65fr .5fr;gap:12px;align-items:center;padding:15px 22px;border-bottom:1px solid #172431}.alliance-row:last-child{border-bottom:0}.alliance-main strong{display:block}.alliance-main span,.cell small{display:block;color:#7f93a4;font-size:.72rem;margin-top:2px}.cell{color:#c6d2db;font-size:.85rem}.presence{display:flex;align-items:center;gap:7px;font-size:.73rem;color:#9eb0be}.presence i{width:8px;height:8px;border-radius:50%;background:#56636d}.presence.online i{background:var(--green)}.presence.recent i{background:var(--amber)}.ready-badge{justify-self:end;font-size:.66rem;letter-spacing:.08em;font-weight:900;padding:6px 8px;border:1px solid #63323a;color:#ff929d}.ready-badge.ready{border-color:#317758;color:#72e9ad}.host-tag{display:inline-block!important;margin-left:6px!important;color:var(--amber)!important;font-size:.6rem!important;letter-spacing:.08em!important}.recovery-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:#7890a2;font-size:.66rem;font-weight:900;letter-spacing:.13em}.recovery-divider:before,.recovery-divider:after{content:"";height:1px;background:#243746;flex:1}.recovery-form input[name="recoveryCode"]{text-transform:uppercase;letter-spacing:.09em;font-weight:800}.recovery-help{margin:10px 0 0;color:var(--muted);font-size:.78rem;line-height:1.45}.recovery-card{margin-top:18px;border:1px solid #294252;background:#071019;padding:14px}.recovery-code-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.recovery-code-head code{display:block;margin-top:7px;color:#e9f5fd;font:800 .96rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.07em;overflow-wrap:anywhere}.recovery-actions{display:flex;gap:8px;flex-shrink:0}.recovery-card p{margin:10px 0 0;color:#7f93a4;font-size:.75rem;line-height:1.45}.toast{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%) translateY(20px);background:#111b24;border:1px solid #30495d;padding:11px 14px;color:#dfeaf2;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:min(92vw,560px);font-size:.85rem;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast.error{border-color:#74343d;color:#ffc3c8}footer{max-width:1180px;margin:auto;border-top:1px solid var(--line);padding:20px;color:#738594;font-size:.68rem;letter-spacing:.08em;display:flex;justify-content:space-between;gap:14px}
@media(max-width:780px){.topbar{height:60px;padding:0 15px}.brand{font-size:.82rem}.paper-mark{width:25px;height:30px;padding:7px 4px}.tool-name{font-size:.62rem}.shell{padding:30px 14px 60px}.hero{margin-bottom:20px}.two-col,.room-grid{grid-template-columns:1fr}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.room-topline{align-items:center}.room-topline h2{font-size:1.3rem}.countdown-panel{padding:17px 12px}.countdown-main{font-size:clamp(3rem,15vw,4.9rem)}.countdown-ms{font-size:clamp(1.2rem,6vw,1.95rem);min-width:3.35ch}.countdown-top strong{font-size:1.15rem}.target-strip{margin-top:18px;flex-direction:column;gap:6px}.target-strip span,.target-strip b{display:block;width:100%;text-align:center;line-height:1.35;overflow-wrap:anywhere}.launch-time-line{display:grid;grid-template-columns:1fr;gap:3px;margin:18px auto 0}.launch-kicker{font-size:.68rem}.launch-time-line strong{font-size:1rem;line-height:1.25}.launch-clock-label{font-size:1.18rem}.launch-server-label{margin-top:2px}.alliance-row{grid-template-columns:1fr auto;padding:14px 16px}.alliance-row .cell{grid-column:1/2}.alliance-row .presence,.alliance-row .ready-badge{grid-column:2/3;grid-row:auto}.board-head{align-items:flex-start;padding:17px 16px}.board-summary{flex-direction:column;align-items:flex-end}.ready-control{gap:12px}.ready-control button{min-width:135px}.server-clock-card{max-width:none}.countdown-actions{display:grid;grid-template-columns:1fr 1fr}.countdown-actions button{padding:0 8px;font-size:.6rem}#hostForm{min-width:0}#hostForm label{min-width:0}#hostForm label:has(input[type="date"]),#hostForm label:has(input[type="time"]){font-size:.88rem;gap:9px;max-width:100%}#hostForm input[type="date"],#hostForm input[type="time"]{display:block;width:100%;max-width:100%;min-width:0;min-inline-size:0;max-inline-size:100%;-webkit-min-logical-width:0;min-height:62px;padding:0 14px;font-size:1.08rem;font-weight:800;letter-spacing:.01em;overflow:hidden}#saveStrikeBtn{min-height:60px;font-size:.9rem;letter-spacing:.07em;margin-top:2px}.recovery-code-head{align-items:flex-start;flex-direction:column}.recovery-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.recovery-actions button{width:100%;padding:0 8px}.recovery-card{padding:13px}.recovery-code-head code{font-size:.88rem;letter-spacing:.055em}footer{flex-direction:column;padding:18px 14px}}
@media(max-width:460px){.brand span:last-child{max-width:135px;line-height:1.05}.tool-name{display:none}.countdown-main{font-size:15vw}.countdown-ms{font-size:5.8vw}.countdown-actions{grid-template-columns:1fr}.room-topline .secondary{font-size:.6rem;padding:0 9px}.board-summary span{font-size:.6rem}}

.sync-pill.fair{border-color:#8d6b2f;color:#ffd276}.sync-pill.poor,.sync-pill.stale{border-color:#80333d;color:#ff9aa4}.clock-quality{font-weight:800}.clock-quality.good{color:var(--green)}.clock-quality.fair{color:var(--amber)}.clock-quality.poor,.clock-quality.stale{color:#ff9aa4}.ready-control button:disabled{opacity:.48;cursor:not-allowed}