@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#080e1c;--panel:#111f33;--panel2:#16283d;--line:#31475e;--light:#eff5ff;--muted:#9ab1c9;--gold:#ffcf6b;--mint:#8ef7ce;--pink:#ff7ea9;--violet:#b9a2ff;--cyan:#75dafc;--danger:#ff8a97}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--light);font:500 14px/1.48 'DM Sans',system-ui,sans-serif}body{background:radial-gradient(ellipse at 7% 5%,#162e4b 0%,transparent 42%),radial-gradient(ellipse at 99% 55%,#241b46 0%,transparent 55%),#080e1c}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #a3e9d4;outline-offset:3px}button{transition:transform .15s,filter .15s}button:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.hidden,[hidden]{display:none!important}a{color:inherit;text-decoration:none}p{margin:0}small{font-size:11px}main{max-width:1470px;padding:20px 24px 40px;margin:auto}.topbar{height:74px;background:#091729d9;border-bottom:1px solid #294158;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 max(20px,calc((100vw - 1480px)/2));box-shadow:0 3px 30px #0003}.brand{display:flex;align-items:center;gap:12px;font:700 22px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.6px}.brand strong{color:var(--gold)}.brand small{font:800 9px/1.2 'DM Sans',sans-serif;letter-spacing:2px;display:block;margin-top:5px;color:#7ca6c4}.brand-symbol{background:linear-gradient(145deg,#ffd86f,#f2a959);display:grid;place-items:center;width:40px;height:40px;border-radius:13px;font-size:24px;box-shadow:0 3px 0 #875d27}.season{background:#1d3347;color:#c6ebdb;border:1px solid #37536a;border-radius:999px;padding:7px 12px;font:900 10px 'DM Sans',sans-serif;letter-spacing:1.2px}.classic-link{padding:10px 12px;background:#192b42;border:1px solid #3a5471;border-radius:12px;font-size:12px;font-weight:900;color:#ffdf9a}.welcome{min-height:calc(100vh - 154px);display:grid;grid-template-columns:1.2fr minmax(315px,.75fr);gap:6%;align-items:center}.welcome-copy{padding:15px 0}.stamp,.micro{font-size:11px;font-weight:900;letter-spacing:1.6px;color:var(--mint)}h1{font:900 clamp(42px,6vw,88px)/.99 'Space Grotesk',sans-serif;letter-spacing:-3.5px;margin:26px 0 20px}h1 em{font-style:normal;background:linear-gradient(100deg,#ffd37f 0%,#fdaf7b 46%,#ffa6cc 100%);color:transparent;background-clip:text}.welcome-copy>p{color:#c5d8e8;font-size:17px;line-height:1.72;max-width:570px}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.pills span{font-size:11px;padding:9px 12px;border-radius:100px;background:#172a3c;border:1px solid #37546c;color:#e9f0f6;font-weight:800}.how{display:flex;align-items:center;gap:15px;margin-top:35px;border:1px solid #47516b;padding:18px;border-radius:18px;max-width:540px;background:linear-gradient(105deg,#262442,#14273f)}.how-icon{font-size:38px}.how b{display:block;color:var(--gold);letter-spacing:1px}.how small{display:block;color:#bacde0;margin-top:5px}.entry{background:linear-gradient(160deg,#172b42,#0f1a2c);border:1px solid #395571;border-radius:27px;padding:28px;box-shadow:0 22px 70px #0005;display:grid;gap:12px}.entry-head{display:flex;justify-content:space-between;align-items:center}.entry h2{font:800 27px 'Space Grotesk',sans-serif;margin:4px 0 12px;letter-spacing:-1px}.entry label{font-weight:900;color:#d7e8f7;font-size:12px}.entry input{width:100%;border:1px solid #45607a;border-radius:13px;background:#091827;color:white;padding:13px 14px;outline:0}.entry input:focus{border-color:var(--gold)}.seal{width:59px;height:59px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#281e13;border:4px double #6d431b;font:900 21px 'Space Grotesk',sans-serif}.avatars{display:flex;gap:8px;flex-wrap:wrap}.avatars button{width:46px;height:45px;background:#203750;border:1px solid #456883;border-radius:12px;font-size:23px}.avatars button.selected{border-color:#ffd786;background:#654b37;box-shadow:0 0 0 2px #b5914b77}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#0a1828;border-radius:13px;padding:5px}.tabs button{border:0;background:transparent;color:#acbfda;border-radius:10px;padding:10px;font-weight:900}.tabs button.selected{background:#294263;color:#ffe0a6}.primary,.secondary,.tinybutton,.chipbtn{border:1px solid transparent;border-radius:13px;padding:12px 16px;font-weight:900}.primary{background:linear-gradient(100deg,#fbd380,#f5ab54);color:#29200d;box-shadow:0 4px 0 #835628}.secondary{color:#e5effd;background:#20354e;border-color:#47627c}.entry .primary,.entry .secondary{width:100%}.formnote{color:#9bb6cd;font-size:11px;line-height:1.5;text-align:center}.inline-error{padding:12px;background:#542331;border:1px solid #b6546a;color:#ffe1e7;border-radius:10px}
.statusline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.roomdetails,.status-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.roomflag{padding:9px 13px;border-radius:10px;color:#1f180a;background:var(--gold);font-weight:1000;letter-spacing:1px}.pill,.round{font-size:11px;font-weight:900;border:1px solid #41516a;border-radius:9px;padding:8px 12px;color:#e4edfa;background:#172b42}.round{color:#aeead4}.tinybutton{background:#182b3f;color:#d2e0f1;border-color:#405872;padding:9px 12px;font-size:11px}.statsline{display:grid;grid-template-columns:165px 215px 1fr;gap:10px;margin-bottom:15px}.statsline>div{background:linear-gradient(140deg,#1a3048,#122339);border:1px solid #38526d;border-radius:15px;padding:10px 15px}.statsline span{font-size:9px;letter-spacing:1.4px;font-weight:900;color:#a8c3d5}.statsline strong{display:block;font-size:18px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums}.statsline #phaseLabel{color:#d7f6ef;font-size:13px}.meter{height:5px;background:#34475a;border-radius:20px;overflow:hidden;margin-top:4px}.meter i{display:block;background:linear-gradient(90deg,var(--mint),var(--gold),var(--pink));height:100%;width:20%;border-radius:20px;transition:width .5s}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.67fr);gap:17px;align-items:start}.sectionheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.sectionheading b{font-size:12px;color:#e9f5fb;letter-spacing:1.1px}.sectionheading small{display:block;color:#9ab3c8}.sectionheading>span{font-size:10px;font-weight:900;background:#56376b;border:1px solid #88619d;color:#f7d4ff;border-radius:10px;padding:7px 9px}.board-scroller{overflow:auto;padding:10px;background:linear-gradient(145deg,#17293f,#102035);border:1px solid #415a74;border-radius:18px;box-shadow:0 15px 38px #0005}.board{position:relative;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:repeat(11,minmax(0,1fr));aspect-ratio:1;min-width:560px;border:5px solid #1f344e;border-radius:8px;background:#07182a;overflow:hidden}.tile{position:relative;z-index:1;min-width:0;min-height:0;overflow:hidden;background:#152b44;border:1px solid #3b5872;padding:4px 1px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:2px;text-align:center}.tile:nth-child(3n){background:#1b304d}.tile .stripe{height:8px;flex:none;align-self:stretch;margin:-4px -1px 0;background:var(--stripe,#567ba1)}.tile-name{font-size:clamp(7px,.57vw,10px);font-weight:900;line-height:1.16;max-height:3.4em;overflow:hidden;overflow-wrap:anywhere}.tile-icon{font-size:14px;line-height:1.1}.tile-people{position:absolute;bottom:1px;display:flex;flex-wrap:wrap;justify-content:center;gap:1px;z-index:2}.tile-people span{background:#15222f;padding:1px 2px;border-radius:5px;font-size:11px;border:1px solid #7eacc1}.board-center{grid-area:2/2/11/11;z-index:2;min-height:0;min-width:0;background:radial-gradient(circle at 30% 10%,#263857,#0c192f 58%,#10172e 100%);border:5px solid #e4b760;display:flex;justify-content:center;align-items:stretch;overflow:auto;border-radius:4px}.center-content{width:100%;padding:clamp(10px,2vw,30px);display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;text-align:center}.center-content .eyebrow{font-size:11px;font-weight:900;letter-spacing:1.8px;color:var(--gold)}.center-content h2{font:900 clamp(20px,3vw,38px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-1.3px;color:#fff4d7;margin:0}.center-content p{font-size:clamp(10px,1vw,14px);color:#cbdaeb;line-height:1.55}.arena-controls{display:grid;gap:10px;margin-top:4px}.option-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.option{background:#233750;color:#e9f6ff;border:1px solid #53718e;border-radius:13px;padding:10px;font-weight:900;text-align:left;font-size:12px;line-height:1.4;min-height:58px}.option small{display:block;color:#abc1d7;font-size:10px;margin-top:4px;font-weight:600}.option.chosen{border-color:#ffdc8d;background:#58422f;box-shadow:0 0 0 2px #fbd47c44}.arena-controls input[type=range]{width:100%;accent-color:#ffd680}.arena-controls select{border-radius:10px;padding:11px;background:#1a314c;color:#fff;border:1px solid #55738c;min-width:0}.arena-controls label{display:grid;gap:4px;font-size:11px;color:#c8d5df;font-weight:800;text-align:left}.submit{width:100%;padding:11px 15px;border:0;border-radius:12px;background:linear-gradient(105deg,#c9f7a3,#70dbaa);color:#1a3928;font-weight:1000}.tag{display:inline-block;font-size:11px;font-weight:900;padding:6px 10px;background:#314259;color:#b8e8d8;border-radius:999px}.stage-visual{display:flex;gap:10px;justify-content:center;align-items:center;margin:0 auto;max-width:100%;flex-wrap:wrap}.mini-illustration{font-size:clamp(30px,5vw,65px);filter:drop-shadow(0 7px 11px #0005)}.notice{background:#1b344e;border:1px solid #46627a;padding:10px 12px;border-radius:12px;font-size:11px;line-height:1.48;color:#d8e8f6}.notice.gold{background:#4d3a25;border-color:#8d6d39;color:#ffebb4}.bridge-rail{position:relative;height:42px;background:#172f45;border:1px solid #6685a1;border-radius:999px;overflow:hidden}.bridge-target{position:absolute;left:calc(50% - 11px);width:22px;background:#8df7c433;inset-block:0;border-left:2px solid #80ecc9;border-right:2px solid #80ecc9}.bridge-needle{position:absolute;top:5px;bottom:5px;width:10px;background:linear-gradient(#ffe999,#e2a851);border-radius:8px;left:50%;transition:left .4s}.bridge-labels{display:flex;justify-content:space-between;color:#88abc2;font-size:10px}.bridge-keyboard{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.bridge-keyboard button{background:#1a374f;color:#f0f6ff;border:1px solid #567692;border-radius:11px;padding:11px 10px;min-width:43px;font-weight:900}.bridge-keyboard button.chosen{background:#ffd783;color:#211707}.countdown{font-variant-numeric:tabular-nums;color:var(--gold);font-size:30px;font-weight:900}.bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#849eb5;font-size:11px;margin:10px 4px}.bottom-bar button{padding:7px 10px;font-size:10px}.mybar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-top:10px;padding:12px 15px;border-radius:15px;background:#142941;border:1px solid #345a74;color:#d3eaff;font-size:12px}.mybar strong{color:#ffdf96}.sidebar{display:flex;flex-direction:column;gap:12px}.panel{background:linear-gradient(145deg,#162b44,#112035);border:1px solid #365671;border-radius:16px;padding:15px;box-shadow:0 10px 30px #0002}.panel-title{font-size:11px;letter-spacing:.9px;font-weight:900;color:#ffdd93;display:flex;justify-content:space-between;margin-bottom:12px}.roster{display:grid;gap:7px}.person{display:flex;align-items:center;gap:8px;border:1px solid #35506a;border-radius:11px;padding:8px;background:#112238}.person.me{border-color:#c8a96b;background:#3b3440}.person .face{width:31px;height:31px;font-size:22px;display:grid;place-items:center;background:#28445e;border-radius:9px}.person .who{min-width:0;flex:1}.person .who b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person .who small{display:block;color:#92adc0;font-size:10px}.person .number{font-weight:900;color:#b9eabc;font-size:11px}.person .act{color:#81e5ad;font-size:10px}.mission-body{font-size:12px;line-height:1.5;color:#d9ebfd}.mission-body strong{display:block;color:#fff0aa;margin-bottom:4px}.chatlog{height:200px;overflow:auto;display:flex;flex-direction:column-reverse;gap:6px}.msg{background:#1c3247;border-radius:9px;padding:8px;color:#cde0f2;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.chat{display:flex;gap:5px;margin-top:10px}.chat input{min-width:0;flex:1;background:#091b2d;color:white;border:1px solid #405f77;padding:11px;border-radius:9px;font-size:12px}.chat button{border:none;background:var(--gold);color:#211908;border-radius:10px;min-width:43px;font-weight:1000}.hint{display:block;margin-top:8px;color:#799aaf;line-height:1.4}.rank{display:flex;justify-content:space-between;gap:6px;font-size:12px;border-top:1px solid #34506a;padding:8px 0}.rank strong{color:#ffdc8d}.scorehint{font-size:10px;color:#91aaca}.loading{margin:auto;color:#98acc0}.grid-toggle{display:flex;gap:5px}.grid-toggle button{font-size:11px;border-radius:10px;padding:9px}.winner{padding:18px;border:1px solid #ffdc89;border-radius:22px;background:radial-gradient(circle at top,#5e4520,#1b2c44 74%);box-shadow:0 0 0 5px #e7c25d24;text-align:center}.winner .crown{font-size:50px}.winner h2{font-size:30px}.winner p{color:#d4dbea}.winner strong{font-size:26px;color:#ffdb86}#toast{position:fixed;top:80px;right:14px;z-index:80;background:#214c46;border:1px solid #62be97;max-width:360px;padding:12px 16px;border-radius:12px;color:#f1fff6;opacity:0;pointer-events:none;transition:opacity .2s;box-shadow:0 12px 40px #0008;font-size:13px}#toast.visible{opacity:1}#toast.error{background:#632837;border-color:#d66579}
@media(max-width:1060px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.welcome{gap:3%}.season{display:none}.board{min-width:570px}.board-column{min-width:0}}
@media(max-width:690px){main{padding:12px 10px 28px}.topbar{height:65px;padding:0 12px}.brand{font-size:15px;gap:7px}.brand-symbol{height:34px;width:34px;font-size:20px}.classic-link{font-size:9px;padding:9px 6px}.welcome{grid-template-columns:1fr;gap:20px}.welcome-copy{padding-top:30px}h1{font-size:clamp(37px,10vw,58px);letter-spacing:-2px}.welcome-copy>p{font-size:14px}.entry{padding:18px}.statusline{align-items:flex-start}.status-actions .tinybutton{padding:8px 6px}.statsline{grid-template-columns:1fr 1fr}.statsline>div:last-child{grid-column:1/-1}.statsline strong{font-size:14px}.board-scroller{padding:5px}.board{min-width:530px;border-width:3px}.board-center{border-width:3px}.center-content{gap:8px;padding:13px}.center-content h2{font-size:24px}.option{min-height:50px;padding:8px}.sidebar{grid-template-columns:1fr}.mybar{font-size:11px}.tile-name{font-size:7px}.board-column .sectionheading{gap:6px}.sectionheading b{font-size:10px}.sectionheading>span{font-size:9px}.season{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}