:root{color:#eef6f8;background:#061522;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #061522;--navy: #071d30;--panel: #0b263b;--panel-2: #0e3048;--line: rgba(164, 209, 222, .16);--muted: #91aeb9;--cyan: #46e6d0;--cyan-deep: #1eb9b0;--yellow: #f2d66d;--green: #79c89d;--blue: #77a9dc;--purple: #b49bd6;--danger: #ff8a7a}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:radial-gradient(circle at 12% 7%,rgba(32,180,180,.16),transparent 28rem),radial-gradient(circle at 90% 30%,rgba(24,96,148,.16),transparent 32rem),#061522}body{margin:0;min-width:320px;min-height:100vh}body:before{background-image:linear-gradient(rgba(117,189,202,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(117,189,202,.025) 1px,transparent 1px);background-size:42px 42px;content:"";inset:0;pointer-events:none;position:fixed}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(70,230,208,.5);outline-offset:3px}h1,h2,p{margin-top:0}h1,h2,strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif}h1{font-size:clamp(2.25rem,5vw,5.2rem);letter-spacing:-.055em;line-height:.98}h2{letter-spacing:-.035em}.app-shell{min-height:100vh;position:relative}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;height:82px;justify-content:space-between;padding:0 clamp(20px,5vw,72px)}.brand{align-items:center;color:#fff;display:inline-flex;gap:12px;text-decoration:none}.brand-mark{display:grid;gap:3px;grid-template-columns:repeat(2,11px);transform:rotate(45deg)}.brand-mark i{background:var(--cyan);border-radius:2px;height:11px;width:11px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.45}.brand>span:last-child{align-items:baseline;display:flex;gap:7px}.brand strong{font-size:1.1rem;letter-spacing:.08em}.brand small{color:var(--cyan);font-size:.68rem;font-weight:800;letter-spacing:.24em}main{margin:0 auto;max-width:1500px;min-height:calc(100vh - 142px);padding:clamp(38px,6vw,90px) clamp(20px,5vw,72px)}footer{color:#67838e;font-size:.75rem;letter-spacing:.04em;padding:20px;text-align:center}.card{background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 45%),#0b263beb;border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 80px #00070e33}.eyebrow{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.2em;margin-bottom:16px;text-transform:uppercase}.muted{color:var(--muted)}.hero{align-items:center;display:grid;gap:clamp(40px,8vw,120px);grid-template-columns:minmax(0,1.15fr) minmax(350px,.65fr);min-height:620px}.hero-copy{max-width:790px}.hero-copy h1{margin-bottom:28px}.hero-copy>p:not(.eyebrow){color:#a8c0c8;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;max-width:680px}.rule-strip{display:flex;flex-wrap:wrap;gap:14px;margin-top:45px}.rule-strip span{align-items:baseline;background:#0f3148b3;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:.78rem;gap:6px;padding:9px 15px;text-transform:uppercase}.rule-strip strong{color:#fff;font-size:1rem}.join-card,.master-auth{padding:clamp(28px,4vw,46px)}.join-card h2,.master-auth h1{font-size:2rem;margin-bottom:12px}.join-card form,.master-auth form{margin-top:32px}label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:9px;text-transform:uppercase}input{background:#071b2b;border:1px solid rgba(159,207,219,.22);border-radius:12px;color:#fff;font-size:1rem;padding:15px 16px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}input:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #46e6d014;outline:none}input::placeholder{color:#54707b}.button{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:46px;padding:11px 22px;transition:transform .15s ease,filter .15s ease,background .15s ease}.button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.4}.button.primary{background:var(--cyan);color:#04231f}.button.secondary{background:transparent;border:1px solid rgba(169,211,220,.28);color:#d6e8ec}.button.danger,.button.danger-outline{background:var(--danger);color:#30100c}.button.danger-outline{background:transparent;border:1px solid rgba(255,138,122,.5);color:#ffb0a5}.button.wide{margin-top:18px;width:100%}.form-error{color:var(--danger);font-size:.86rem;line-height:1.45;margin:12px 0 0}.capacity{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:.76rem;justify-content:space-between;margin-top:30px;padding-top:20px}.capacity span{align-items:center;display:flex;gap:8px}.capacity i{background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);height:6px;width:6px}.capacity strong{color:#fff}.status-pill,.connection-state{align-items:center;border:1px solid var(--line);border-radius:999px;color:#b8ced5;display:inline-flex;font-size:.72rem;font-weight:700;gap:8px;padding:8px 13px;text-transform:uppercase}.status-pill i,.connection-state i{background:var(--muted);border-radius:50%;height:6px;width:6px}.status-pill.lobby i,.connection-state.online i{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.status-pill.running{border-color:#46e6d052;color:var(--cyan)}.status-pill.running i{animation:pulse 1.3s infinite;background:var(--cyan)}.status-pill.finished i{background:var(--yellow)}@keyframes pulse{50%{box-shadow:0 0 0 7px #46e6d000}0%,to{box-shadow:0 0 #46e6d059}}.closed-state{padding:30px 5px;text-align:center}.closed-state p{color:var(--muted);line-height:1.6}.large-icon{color:var(--cyan);display:block;font-size:3.5rem;margin-bottom:20px}.waiting-layout{align-items:center;display:grid;gap:clamp(50px,10vw,160px);grid-template-columns:minmax(300px,.75fr) minmax(0,1fr);min-height:620px}.waiting-orbit{aspect-ratio:1;margin:auto;max-width:430px;position:relative;width:100%}.orbit-ring{border:1px solid rgba(70,230,208,.22);border-radius:50%;inset:4%;position:absolute}.orbit-ring:after{background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan);content:"";height:10px;left:50%;position:absolute;top:-5px;width:10px}.ring-one{animation:orbit 11s linear infinite}.ring-two{animation:orbit 17s linear infinite reverse;border-style:dashed;inset:20%}.ring-two:after{background:#70a8dd;box-shadow:0 0 20px #70a8dd}@keyframes orbit{to{transform:rotate(360deg)}}.orbit-core{align-items:center;background:radial-gradient(circle,#0d3850,#081d2d 68%);border:1px solid rgba(70,230,208,.25);border-radius:50%;display:flex;flex-direction:column;inset:32%;justify-content:center;position:absolute}.orbit-core span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:3rem;font-weight:800}.orbit-core small{color:var(--cyan);font-size:.65rem;font-weight:800;letter-spacing:.2em}.waiting-copy{max-width:680px}.waiting-copy>p:not(.eyebrow){color:var(--muted);font-size:1.15rem}.waiting-tip{color:#a9c2ca;line-height:1.6;margin-top:46px;max-width:560px;padding:20px 22px}.waiting-tip span{color:var(--cyan);display:block;font-size:.69rem;font-weight:800;letter-spacing:.15em;margin-bottom:6px;text-transform:uppercase}.game-clock{align-items:flex-end;display:flex;flex-direction:column}.game-clock span{color:var(--muted);font-size:.58rem;font-weight:800;letter-spacing:.15em}.game-clock strong{color:var(--cyan);font-size:1.5rem;font-variant-numeric:tabular-nums}.game-clock.compact strong{font-size:1.15rem}.game-layout{margin:0 auto;max-width:1050px}.game-heading,.master-heading,.section-heading{align-items:flex-end;display:flex;justify-content:space-between}.game-heading h1{font-size:clamp(2.1rem,4vw,3.9rem);margin-bottom:0}.live-score{align-items:flex-end;display:flex;flex-direction:column;padding-bottom:5px}.live-score span{color:var(--muted);font-size:.67rem;font-weight:700;text-transform:uppercase}.live-score strong{font-size:1.5rem}.progress-track{background:#0d2a3e;border-radius:99px;height:4px;margin:30px 0 24px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,var(--cyan-deep),var(--cyan));display:block;height:100%;transition:width .35s ease}.solved-groups{display:grid;gap:7px;margin-bottom:9px}.solved-group,.reveal-groups>div{border-radius:12px;color:#12212a;padding:16px;text-align:center}.solved-group strong,.solved-group span,.reveal-groups strong,.reveal-groups span{display:block}.solved-group strong,.reveal-groups strong{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.solved-group span,.reveal-groups span{font-size:.78rem;font-weight:600;margin-top:3px}.yellow{background:var(--yellow)}.green{background:var(--green)}.blue{background:var(--blue)}.purple{background:var(--purple)}.word-grid{display:grid;gap:9px;grid-template-columns:repeat(4,1fr)}.word-tile{aspect-ratio:1.85;background:#dce8e9;border:0;border-radius:12px;color:#0b1d25;cursor:pointer;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(.68rem,1.5vw,.95rem);font-weight:800;letter-spacing:-.015em;overflow-wrap:anywhere;padding:8px;text-transform:uppercase;transition:transform .12s ease,background .12s ease,color .12s ease}.word-tile:hover{transform:translateY(-2px)}.word-tile.selected{background:var(--cyan);color:#042923;transform:scale(.97)}.mistakes{align-items:center;color:var(--muted);display:flex;font-size:.78rem;gap:10px;justify-content:center;margin:23px 0 18px}.mistakes>div{display:flex;gap:6px}.mistakes i{background:#17394d;border-radius:50%;height:10px;width:10px}.mistakes i.active{background:#e2edef}.game-actions{display:flex;gap:10px;justify-content:center}.toast{animation:toast-in .2s ease-out;background:#fff;border-radius:999px;bottom:28px;box-shadow:0 15px 50px #00000059;color:var(--ink);font-weight:800;left:50%;padding:13px 22px;position:fixed;transform:translate(-50%);z-index:20}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.modal-backdrop{align-items:center;background:#020c14c7;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:30}.reveal-modal{max-width:610px;padding:clamp(26px,5vw,42px);width:100%}.reveal-groups{display:grid;gap:7px;margin:24px 0 8px}.results-layout{align-items:start;display:grid;gap:clamp(35px,7vw,100px);grid-template-columns:.75fr 1fr}.result-summary>p:not(.eyebrow){color:var(--muted);font-size:1.1rem}.score-card{display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-top:40px;overflow:hidden}.score-card>div{background:#0a2336;padding:22px}.score-card span{color:var(--muted);display:block;font-size:.68rem;margin-bottom:8px;text-transform:uppercase}.score-card strong{font-size:1.4rem}.leaderboard{padding:28px}.section-heading{border-bottom:1px solid var(--line);padding-bottom:18px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{font-size:1.5rem;margin-bottom:0}.trophy{color:var(--yellow);font-size:2rem}.leaderboard-list{margin-top:8px}.leaderboard-row{align-items:center;border-bottom:1px solid rgba(164,209,222,.08);display:grid;font-size:.86rem;gap:12px;grid-template-columns:34px 1fr auto auto;min-height:57px}.leaderboard-row.is-you{background:#46e6d00f;margin-inline:-12px;padding-inline:12px}.rank{align-items:center;background:#173448;border-radius:50%;color:#a8c0c8;display:inline-flex;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.7rem;font-weight:800;height:27px;justify-content:center;width:27px}.rank-1{background:var(--yellow);color:#3b3110}.rank-2{background:#bdcbd0;color:#253036}.rank-3{background:#c28b65;color:#321d10}.leader-name{align-items:center;display:flex;font-weight:700;gap:7px}.leader-name small{color:var(--cyan);font-size:.55rem}.leader-detail{color:var(--muted);font-size:.72rem}.empty-state,.empty-cell{color:var(--muted);font-size:.85rem;padding:28px 0;text-align:center}.all-done{margin:70px auto;max-width:720px;padding:clamp(35px,7vw,72px);text-align:center}.all-done h1{font-size:clamp(2.4rem,5vw,4.2rem)}.all-done>p:not(.eyebrow){color:var(--muted);margin:auto;max-width:520px}.giant-score{color:var(--cyan);display:block;font-size:3rem;margin-top:30px}.master-label{color:var(--cyan);font-size:.65rem;font-weight:800;letter-spacing:.16em}.master-auth{margin:70px auto;max-width:500px}.master-auth h1{font-size:2.3rem}.master-auth>p:not(.eyebrow){color:var(--muted);line-height:1.6}.master-top-status{align-items:center;display:flex;gap:18px}.master-dashboard{max-width:1400px}.master-heading h1{font-size:clamp(2.2rem,4vw,4rem);margin-bottom:0}.master-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.launch-button{background:var(--cyan);color:#04231f;gap:10px;min-height:56px;padding-inline:28px}.confirm-modal{max-width:510px;padding:clamp(28px,5vw,42px);width:100%}.confirm-modal h2{font-size:2rem;margin-bottom:12px}.confirm-modal>p:not(.eyebrow){color:var(--muted);line-height:1.6}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}.metric-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:38px 0 22px}.metric-card{min-height:142px;padding:22px}.metric-card>span{color:var(--muted);display:block;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.metric-card>strong{display:block;font-size:2.4rem;margin:10px 0 4px}.metric-card>small{color:#66838f}.join-link-card>strong{color:var(--cyan);font-size:clamp(.9rem,1.4vw,1.15rem);overflow-wrap:anywhere}.dashboard-error{margin:16px 0}.dashboard-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 330px}.player-monitor,.live-ranking{min-width:0;padding:24px}.section-heading>span{color:var(--muted);font-size:.75rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:.78rem;width:100%}th{color:#66838f;font-size:.63rem;letter-spacing:.08em;padding:16px 10px 11px;text-align:left;text-transform:uppercase}td{border-top:1px solid rgba(164,209,222,.08);padding:13px 10px}.table-name,.table-score{font-weight:700}.connection-state{border:0;padding:0;text-transform:none}.connection-state.offline{color:#647e88}.mini-leaderboard{margin-top:8px}.mini-leaderboard>div{align-items:center;border-bottom:1px solid rgba(164,209,222,.08);display:grid;font-size:.78rem;gap:9px;grid-template-columns:30px 1fr auto;min-height:49px}.mini-leaderboard strong{color:var(--cyan);font-size:.76rem}@media(max-width:980px){.hero,.waiting-layout,.results-layout,.dashboard-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding-top:30px}.join-card{max-width:600px}.waiting-orbit{max-width:300px}.metric-grid{grid-template-columns:repeat(2,1fr)}.live-ranking{order:-1}}@media(max-width:680px){.topbar{height:70px}main{min-height:calc(100vh - 130px);padding-top:34px}.status-pill{font-size:0;gap:0;padding:10px}.master-top-status .status-pill{display:none}.game-heading,.master-heading{align-items:flex-start;flex-direction:column;gap:22px}.live-score{align-items:flex-start}.word-grid{gap:6px}.word-tile{aspect-ratio:1.2;border-radius:9px;font-size:.62rem}.game-actions{display:grid;grid-template-columns:1fr 1fr}.game-actions .primary{grid-column:1 / -1}.score-card{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:30px 1fr auto}.leader-detail{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{min-height:120px;padding:17px}.metric-card>strong{font-size:1.8rem}.join-link-card{grid-column:1 / -1}.launch-button{width:100%}.master-actions{justify-content:stretch;width:100%}.master-actions .button{flex:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}