:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#121416;font-synthesis:none;text-rendering:geometricprecision;--canvas:#f5f5f5;--room:#fff;--ink:#151718;--surface:#fafbfb;--cyan:#11bdec;--cyan-dark:#008cc7;--cyan-soft:#f4fbfd;--lime:#a6d51c;--line:#e8ebec;--muted:#8b9296;--faint:#a5aaad;--radius-room:26px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--shadow-room:0 20px 60px #141c200f;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.battleship-shell{--battle-ink:#edf5f5;--battle-muted:#78909b;--battle-line:#a8cad329;--battle-orange:#ff6b35;--battle-water:#0d2633;width:100%;min-height:100svh;color:var(--battle-ink);background:linear-gradient(#67a4b709 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#67a4b709 1px,#0000 1px) 0 0/44px 44px,radial-gradient(circle at 47% 38%,#2561773d,#0000 38%),#07131b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.battle-topbar{z-index:4;border-bottom:1px solid var(--battle-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07131bd1;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px;padding:0 30px;display:grid;position:relative}.battle-brand,.battle-versus,.battle-room-actions,.battle-room-actions button,.battle-lobby-state,.battle-dock-head,.battle-section-head,.battle-result-actions{align-items:center;display:flex}.battle-brand{letter-spacing:.03em;gap:9px}.battle-brand>span{letter-spacing:.11em;font-size:15px}.battle-brand>small{border-left:1px solid var(--battle-line);color:var(--battle-muted);letter-spacing:.16em;margin-left:5px;padding-left:14px;font-size:9px;font-weight:750}.battle-versus{color:#a9bac0;gap:15px;font-size:12px}.battle-versus span{align-items:center;gap:7px;min-width:92px;display:flex}.battle-versus span:first-child{justify-content:flex-end}.battle-versus b{color:#4d6873;letter-spacing:.14em;font-size:9px}.battle-player-dot{background:#354b55;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #354b5526}.battle-room-actions{justify-content:flex-end;gap:8px}.battle-room-actions button{border:1px solid var(--battle-line);color:#9eb1b8;min-height:34px;font:inherit;background:#ffffff06;border-radius:5px;justify-content:center;gap:7px;padding:0 11px;font-size:11px}.battle-room-actions button:hover{color:#fff;background:#ffffff0e;border-color:#a8cad357}.battle-placement{grid-template-columns:minmax(460px,720px) minmax(280px,370px);justify-content:center;gap:clamp(34px,6vw,90px);width:min(1240px,100% - 64px);margin:0 auto;padding:clamp(38px,6vh,72px) 0 42px;animation:.48s cubic-bezier(.2,.75,.22,1) both battle-stage-in;display:grid}.battle-placement__board{min-width:0}.battle-section-head{justify-content:space-between;gap:20px;margin-bottom:19px}.battle-section-head>div>span,.battle-command>span{color:var(--battle-orange);letter-spacing:.19em;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.battle-section-head h2{color:var(--battle-ink);letter-spacing:-.035em;margin:0;font-size:clamp(20px,2vw,27px);font-weight:590}.battle-section-head>strong{color:var(--battle-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.battle-status{align-items:center;gap:8px;display:flex}.battle-status i{background:#6b8088;border-radius:50%;width:6px;height:6px}.battle-grid-wrap{aspect-ratio:1;-webkit-user-select:none;user-select:none;grid-template-rows:24px minmax(0,1fr);grid-template-columns:24px minmax(0,1fr);width:100%;max-width:680px;display:grid}.battle-grid-corner{grid-area:1/1}.battle-grid-cols{grid-area:1/2;grid-template-columns:repeat(10,1fr);display:grid}.battle-grid-rows{grid-area:2/1;grid-template-rows:repeat(10,1fr);display:grid}.battle-grid-cols span,.battle-grid-rows span{color:#65808b;place-items:center;font-size:9px;font-weight:700;display:grid}.battle-grid{background:#08202bd6;border:1px solid #81afbd38;border-radius:3px;grid-area:2/2;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);display:grid;overflow:hidden;box-shadow:0 28px 80px #00000045,inset 0 0 90px #367e9212}.battle-cell{background:0 0;border:1px solid #82b1be21;border-top:0;border-left:0;border-radius:0;outline:none;min-width:0;min-height:0;padding:0;transition:background .12s,box-shadow .12s;position:relative}.battle-cell:not(:disabled):hover{z-index:2;background:#ff6b3526;box-shadow:inset 0 0 0 1px #ff6b35b3}.battle-cell:not(:disabled):focus-visible{z-index:3;box-shadow:inset 0 0 0 2px #fff}.battle-cell--ship:before{content:"";background:linear-gradient(135deg,#77a6b49e,#355d6aad);border:1px solid #8ec1cf78;border-radius:2px;position:absolute;inset:16%;box-shadow:inset 0 0 0 1px #e1f3f50f,0 3px 8px #0003}.battle-cell>span{z-index:2;aspect-ratio:1;border-radius:50%;width:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-cell--hit>span{background:var(--battle-orange);width:28%;animation:.36s cubic-bezier(.2,.8,.2,1) both battle-impact;box-shadow:0 0 0 5px #ff6b351f,0 0 18px #ff6b357a}.battle-placement__dock{padding-top:6px}.battle-dock-head{border-bottom:1px solid var(--battle-line);color:#91a6ae;gap:9px;padding-bottom:16px}.battle-dock-head span{letter-spacing:.18em;font-size:9px;font-weight:800}.battle-ship-list{border-bottom:1px solid var(--battle-line)}.battle-ship-row{color:#9cafb6;text-align:left;background:0 0;border:0;border-bottom:1px solid #a8cad317;border-radius:0;grid-template-columns:minmax(100px,1fr) minmax(58px,100px) 22px;align-items:center;gap:13px;width:100%;min-height:58px;padding:8px 9px;transition:color .14s,background .14s,padding .14s;display:grid}.battle-ship-row:last-child{border-bottom:0}.battle-ship-row:hover:not(:disabled){color:#fff;background:#ffffff09;padding-left:13px}.battle-ship-row span{flex-direction:column;gap:3px;display:flex}.battle-ship-row strong{font-size:12px;font-weight:650}.battle-ship-row small{color:#627a84;font-size:9px}.battle-ship-row>i,.battle-ship-pip>i{width:calc(var(--ship-size) * 12px);background:#334f5a;border:1px solid #64818c;border-radius:999px 35% 35% 999px;max-width:100%;height:7px;display:block}.battle-ship-row>b{color:#526c76;font-size:9px}.battle-placement-actions{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 12px;display:grid}.battle-placement-actions button,.battle-invite-button{border:1px solid var(--battle-line);color:#a4b6bc;background:#ffffff06;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-height:39px;font-size:10px;display:flex}.battle-placement-actions button:hover:not(:disabled),.battle-invite-button:hover{color:#fff;border-color:#a8cad357}.battle-placement-note{color:#758c95;min-height:40px;padding:9px 0;font-size:10px;line-height:1.5}.battle-ready-button{color:#fff;background:var(--battle-orange);letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:4px;width:100%;min-height:48px;font-size:11px;font-weight:750;box-shadow:0 14px 34px #ff6b352e}.battle-ready-button:disabled{color:#72858c;box-shadow:none;background:#18303a}.battle-lobby-state{border-bottom:1px solid var(--battle-line);color:#65818b;gap:11px;margin-top:16px;padding:14px 0}.battle-lobby-state svg{flex:none}.battle-lobby-state span{flex-direction:column;flex:1;gap:3px;display:flex}.battle-lobby-state strong{color:#a9bbc1;font-size:10px;font-weight:600}.battle-lobby-state small{color:#566f79;font-size:9px}.battle-lobby-state>i{background:#485e67;border-radius:50%;width:7px;height:7px}.battle-invite-button{width:100%;margin-top:12px}.battle-rules{border-top:1px solid var(--battle-line);margin-top:13px}.battle-rules summary{color:#849aa3;cursor:pointer;align-items:center;gap:7px;padding:14px 0;font-size:10px;list-style:none;display:flex}.battle-rules summary::-webkit-details-marker{display:none}.battle-rules>div{padding:0 0 1px;animation:.18s both battle-rule-in}.battle-rules p{color:#6e858e;margin:0 0 10px;font-size:9px;line-height:1.6}.battle-combat{width:min(1440px,100% - 56px);margin:0 auto;padding:clamp(27px,4vh,44px) 0 40px;animation:.48s cubic-bezier(.2,.75,.22,1) both battle-stage-in}.battle-command{text-align:center;margin-bottom:clamp(24px,4vh,42px)}.battle-command h1{color:#fff;letter-spacing:-.045em;margin:0;font-size:clamp(26px,3vw,42px);font-weight:560}.battle-command p{color:#718991;min-height:18px;margin:9px 0 0;font-size:11px}.battle-boards{grid-template-columns:minmax(430px,1.14fr) minmax(350px,.86fr);align-items:start;gap:clamp(34px,6vw,92px);display:grid}.battle-board{min-width:0}.battle-board .battle-grid-wrap{max-width:none}.battle-combat--your-turn .battle-board--target .battle-grid{box-shadow:0 0 0 1px #ff6b352e,0 25px 90px #0000004d,0 0 70px #ff6b350a}.battle-fleet-status{justify-content:space-between;align-items:flex-start;gap:8px;margin-top:14px;padding-left:24px;display:flex}.battle-ship-pip{color:#6e8790;flex-direction:column;gap:5px;display:flex}.battle-ship-pip small{text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:8px;overflow:hidden}.battle-ship-pip>i{opacity:.8;height:5px}.battle-ship-pip--sunk{opacity:.35;text-decoration:line-through}.battle-ship-pip--sunk>i{background:#552c26;border-color:#8b4737;transform:rotate(-5deg)}.battle-result-actions{border-top:1px solid var(--battle-line);color:#9bafb6;justify-content:space-between;gap:16px;margin-top:28px;padding:19px 0;font-size:11px}.battle-result-actions button{color:#fff;background:var(--battle-orange);border:0;border-radius:4px;align-items:center;gap:8px;min-height:40px;padding:0 17px;font-size:10px;font-weight:700;display:flex}.battle-connection-banner{z-index:10;color:#ffc0a8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#271612e6;border:1px solid #ff6b3559;border-radius:4px;padding:10px 14px;font-size:10px;position:fixed;bottom:18px;right:18px}@keyframes battle-stage-in{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes battle-impact{0%{opacity:0;transform:translate(-50%,-50%)scale(1.4)}68%{opacity:1;transform:translate(-50%,-50%)scale(.9)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes battle-rule-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.battle-topbar{grid-template-columns:1fr auto;padding:0 18px}.battle-versus{display:none}.battle-placement{grid-template-columns:minmax(0,1fr);gap:28px;width:min(680px,100% - 34px);padding-top:30px}.battle-placement__dock{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.battle-dock-head,.battle-ship-list,.battle-placement-actions,.battle-placement-note,.battle-ready-button{grid-column:1/-1}.battle-lobby-state{grid-column:1}.battle-rules{grid-column:2}.battle-invite-button{grid-column:1/-1}.battle-boards{grid-template-columns:minmax(0,1fr);gap:44px}.battle-combat{width:min(680px,100% - 34px)}.battle-board--own{opacity:.72}}@media (width<=560px){.battle-topbar{min-height:58px;padding:0 13px}.battle-brand>small,.battle-room-actions button span{display:none}.battle-placement{width:calc(100% - 22px);padding-top:23px}.battle-grid-wrap{grid-template-rows:18px minmax(0,1fr);grid-template-columns:18px minmax(0,1fr)}.battle-grid-cols span,.battle-grid-rows span{font-size:7px}.battle-placement__dock{display:block}.battle-placement-actions{grid-template-columns:1fr}.battle-ship-row{min-height:52px}.battle-rules{margin-top:18px}.battle-combat{width:calc(100% - 22px);padding-top:22px}.battle-command{margin-bottom:24px}.battle-command p{padding:0 12px}.battle-board .battle-section-head{margin-bottom:12px}.battle-section-head h2{font-size:19px}.battle-fleet-status{padding-left:18px}.battle-ship-pip small{display:none}.battle-result-actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.battle-placement,.battle-combat,.battle-cell--hit>span,.battle-rules>div{animation:none}.battle-ship-row,.battle-cell{transition:none}}*{box-sizing:border-box}body{background:#fff;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}.app-shell{background:#fff;width:100%;min-height:100svh}.app-shell:after{content:"";z-index:10;aspect-ratio:3;pointer-events:none;background:url(/grass.png) bottom/100% 100% no-repeat;width:100%;position:fixed;bottom:0;left:0;right:0;transform:translateY(20%)}.app-shell--game:after{display:none}.room{background:#fff;width:100%;min-height:100svh;position:relative;overflow:hidden}.app-shell--opening-question .question-stage{animation-delay:.22s}.players-row{grid-template-columns:1fr 90px 1fr;align-items:start;width:min(560px,64%);display:grid;position:absolute;top:36px;left:50%;transform:translate(-50%)}.player{justify-items:center;gap:5px;display:grid;position:relative}.player--offline{opacity:.42}.player--waiting{color:#a3a9ac}.player__avatar-wrap{position:relative}.avatar{background:#fff;border:1px solid #f1f2f2;border-radius:50%;width:64px;height:64px;position:relative}.avatar__head{background:radial-gradient(circle at 35% 24%, color-mix(in srgb, var(--avatar), white 30%), var(--avatar) 54%, color-mix(in srgb, var(--avatar), black 34%));border-radius:50%;width:23px;height:23px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.avatar__body{background:radial-gradient(circle at 38% 0%, color-mix(in srgb, var(--avatar), white 22%), var(--avatar) 58%, color-mix(in srgb, var(--avatar), black 34%));border-radius:50% 50% 42% 42%;width:39px;height:18px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.avatar--pulse:after{content:"";border:1px solid #11bdec40;border-radius:50%;animation:2.5s ease-out infinite avatar-pulse;position:absolute;inset:-1px}.answer-dot{color:#fff;background:#8fc729;border:2px solid #fff;border-radius:50%;place-items:center;width:17px;height:17px;animation:.25s ease-out both pop;display:grid;position:absolute;bottom:2px;right:-3px}.player__meta{color:#33383a;align-items:center;gap:7px;font-size:13px;display:flex}.player__score{color:#8f9699;font-variant-numeric:tabular-nums;font-size:12px}.player__points{color:#8f9699;font-variant-numeric:tabular-nums;font-size:11px;animation:.35s ease-out both points-up;position:absolute;top:92px;left:50%;transform:translate(-50%)}.player__points--earned{color:#78a60b}.timer{--progress:360deg;background:conic-gradient(var(--cyan) var(--progress), #eff2f3 0);border-radius:50%;justify-self:center;width:70px;height:70px;transition:background .5s linear;position:relative}.timer:after{content:"";border-radius:inherit;background:#fff;position:absolute;inset:3px}.timer__inner{z-index:1;text-align:center;place-content:center;display:grid;position:absolute;inset:0}.timer__inner span{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:23px;font-weight:560;line-height:.95}.timer__inner small{letter-spacing:.14em;color:#92999c;margin-top:4px;font-size:9px}.timer--urgent{background:conic-gradient(#ff7e63 var(--progress), #eff2f3 0);animation:.7s ease-in-out infinite alternate urgent}.question-stage,.results-stage{width:min(580px,74%);animation:.52s cubic-bezier(.2,.7,.2,1) both stage-in;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.question-copy{text-align:center}.eyebrow{letter-spacing:.16em;color:#7f878a;margin:0 0 14px;font-size:10px;font-weight:650}h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,2.7vw,40px);font-weight:480;line-height:1.22}h1 span{display:block}.response-label{height:20px;color:var(--cyan-dark);opacity:0;margin:12px 0 8px;font-size:13px;transition:all .2s;transform:translateY(4px)}.response-label--visible{opacity:1;transform:translateY(0)}.answers-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer{color:#282c2e;cursor:pointer;text-align:center;background:#fafbfb;border:1px solid #f0f2f3;border-radius:13px;grid-template-columns:32px 1fr 78px;align-items:center;min-height:64px;padding:0 15px;font-size:15px;transition:transform .2s,border-color .2s,background .2s,color .2s,opacity .2s;display:grid;position:relative}.answer:hover:not(:disabled){background:#fff;border-color:#11bdec4d;transform:translateY(-2px)}.answer:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.answer:disabled{cursor:default}.answer__key{color:#969da0;justify-self:start;font-size:11px}.answer__result{justify-self:end;align-items:center;gap:7px;display:flex}.answer__picks{flex-direction:row-reverse;align-items:center;display:flex}.answer__picks .answer-marker+.answer-marker{margin-right:-5px}.answer__icon{place-items:center;width:14px;display:grid}.answer--correct{color:#54740b;background:#f7fbe9;border-color:#bddd6c}.answer--wrong{color:#b95645;background:#fff7f5;border-color:#ffc5bc}.answer--dim{opacity:.42}.answer--selected{color:#087fa5;background:#f4fbfd;border-color:#11bdec8c;transform:translateY(-1px)}.answer--shake{animation:.38s cubic-bezier(.36,.07,.19,.97) both answer-shake}.answer--celebrate{z-index:1}.answer-confetti{pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%}.answer-confetti i{--x:0px;--y:-35px;--r:0deg;--delay:0s;--confetti:var(--lime);background:var(--confetti);opacity:0;width:5px;height:8px;animation:confetti-pop .62s cubic-bezier(.15,.72,.28,1) var(--delay) both;border-radius:1px;position:absolute}.answer-marker{--marker:#151515;background:#f3f5f5;border:2px solid #fff;border-radius:50%;flex:0 0 23px;width:23px;height:23px;animation:.3s cubic-bezier(.2,.8,.2,1) both marker-pop;position:relative}.answer-marker i{background:var(--marker);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.answer-marker b{background:var(--marker);border-radius:50% 50% 42% 42%;width:12px;height:6px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.side-tools{gap:5px;display:grid;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.side-tools button{color:#a5aaad;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:grid;position:relative}.side-tools button:hover,.side-tools .tool--active:hover{color:var(--cyan-dark);background:#f2fafc}.side-tools .tool--active{color:#7d8589}.message-dot{background:var(--cyan);border:2px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.tool-tip{pointer-events:none;color:#fff;white-space:nowrap;opacity:0;background:#24282a;border-radius:6px;padding:7px 9px;font-size:11px;transition:all .18s;position:absolute;left:50px;transform:translate(-4px)}.side-tools button:hover .tool-tip{opacity:1;transform:translate(0)}.chat-popover{border:1px solid var(--line);z-index:3;background:#fffffff5;border-radius:12px;width:270px;padding:12px;animation:.2s ease-out both popover;position:absolute;top:calc(50% - 130px);left:76px}.chat-popover__messages{align-content:end;gap:8px;min-height:84px;max-height:180px;padding:3px 3px 8px;display:grid;overflow-y:auto}.chat-message{justify-items:start;gap:3px;font-size:12px;display:grid}.chat-message--mine{justify-items:end}.chat-message strong{color:#858d90;font-size:10px;font-weight:560}.chat-message span{background:#f2f4f4;border-radius:9px 9px 9px 2px;max-width:210px;padding:8px 10px;line-height:1.35}.chat-message--mine span{color:#087fa5;background:#eaf9fd;border-radius:9px 9px 2px}.chat-empty{color:#91989b;text-align:center;align-self:center;margin:0;font-size:11px}.chat-form{border-top:1px solid #eef0f1;grid-template-columns:1fr 38px;gap:6px;padding-top:9px;display:grid}.chat-form input{color:#222729;background:0 0;border:0;outline:0;width:100%;height:38px;padding:0 8px;font-size:12px}.chat-form button{color:#fff;cursor:pointer;background:#16191a;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.chat-form button:disabled{opacity:.25}.countdown-stage,.waiting-stage{z-index:1;text-align:center;width:min(580px,100% - 44px);animation:.52s cubic-bezier(.2,.7,.2,1) both stage-in;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.countdown-stage strong{letter-spacing:-.08em;animation:countdown-pop .72s var(--ease-out) both;font-size:clamp(112px,20vw,220px);font-weight:520;line-height:.82;display:block}.countdown-stage>p:last-child{color:#7d8588;margin:24px 0 0;font-size:13px}.waiting-stage .room-code-title{letter-spacing:.18em;padding-left:.18em;font-size:clamp(46px,6vw,74px);font-weight:440}.waiting-status{color:#7d8588;margin:16px 0 0;font-size:12px}.waiting-status span{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin:0 7px 1px 0;animation:1.8s ease-in-out infinite live-pulse;display:inline-block}.invite-button{color:#555c5f;cursor:pointer;background:#fff;border:1px solid #e6e9ea;border-radius:999px;align-items:center;gap:8px;height:48px;margin-top:21px;padding:0 21px;font-size:12px;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.invite-button:hover{color:var(--cyan-dark);border-color:#11bdec73;transform:translateY(-2px)}.close-room{color:#afb4b7;cursor:pointer;background:#fff;border:1px solid #eceeef;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .2s;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.close-room:hover{color:#f06e5d;border-color:#fac8c1;transform:translate(-50%)rotate(8deg)}.results-stage{text-align:center;width:min(660px,82%);top:51%}.results-stage h1{font-size:clamp(30px,3.5vw,43px)}.results-stage>p:not(.eyebrow){color:#767e82;font-size:14px}.final-score{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:16px;margin:14px auto 17px;font-size:24px;display:flex}.final-score i{background:#dfe2e3;width:28px;height:1px}.final-score--solo{gap:7px}.final-score--solo small{color:#92999c;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.match-summary{text-align:left;border-top:1px solid #eceeef;width:100%}.match-summary__head,.match-summary__row{grid-template-columns:52px 1fr 1fr;align-items:center;display:grid}.match-summary__head{color:#8f9699;letter-spacing:.08em;text-transform:uppercase;height:34px;font-size:10px}.match-summary__row{color:#7f878a;border-top:1px solid #f0f2f2;min-height:42px;font-size:12px}.match-summary__row>span:not(:first-child){justify-content:space-between;align-items:center;gap:10px;min-width:0;padding-right:24px;display:flex}.match-summary__row i{color:#363b3d;text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.match-summary__row b{color:#858d90;font-variant-numeric:tabular-nums;font-size:11px;font-weight:520}.match-summary--solo .match-summary__head,.match-summary--solo .match-summary__row{grid-template-columns:52px 1fr 76px}.match-summary--solo .match-summary__row>span:last-child{justify-content:flex-start}.results-stage .primary-button{margin-top:17px}.primary-button{color:#fff;cursor:pointer;height:48px;transition:transform .14s var(--ease-out), background .18s ease;background:#16191a;border:0;border-radius:999px;margin-top:16px;padding:0 26px;font-size:13px}.primary-button:active:not(:disabled){transform:scale(.97)}.primary-button:disabled,.secondary-button:disabled{opacity:.32;transform:none}.connection-banner{color:#a46a25;background:#fff4e7;border-radius:999px;padding:9px 12px;font-size:11px;position:absolute;top:18px;left:18px}.app-shell--welcome{background:#fff;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:16px;min-height:100svh;padding:40px 24px;display:grid}.brand-mark{z-index:11;width:100%;max-width:1180px;color:var(--ink);letter-spacing:-.055em;text-align:center;-webkit-user-select:none;user-select:none;animation:brand-mark-in .42s var(--ease-out) both;justify-items:center;font-size:28px;font-weight:680;line-height:.74;display:grid;position:relative}.brand-mark span{display:block}.welcome-room{z-index:11;background:#f5f5f5;border-radius:24px;place-items:center;width:100%;max-width:1180px;height:min(760px,100svh - 140px);min-height:620px;display:grid;position:relative;overflow:hidden}.welcome-form{text-align:center;justify-items:stretch;width:min(360px,100% - 40px);display:grid}.welcome-form h1{letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(31px,3.3vw,43px);font-weight:520;line-height:1.08}.welcome-name{text-align:left;gap:8px;display:grid}.welcome-name>span{color:#6f7679;padding-left:2px;font-size:12px;font-weight:560}.welcome-name input{border:1px solid var(--line);color:#25292b;width:100%;height:54px;font:inherit;background:#fff;border-radius:12px;outline:0;padding:0 17px;font-size:15px;transition:border-color .18s,background .18s}.welcome-name input::placeholder{color:#b3b8ba}.welcome-name input:focus{border-color:#11bdecb3}.welcome-name input[aria-invalid=true]{background:#fff7f5;border-color:#ffc5bc}.welcome-guest-button{justify-content:center;align-items:center;gap:9px;width:100%;margin-top:14px;font-weight:540;display:flex}.welcome-guest-button[aria-disabled=true]{opacity:.32;cursor:not-allowed}.welcome-guest-button[aria-disabled=true]:active{transform:none}.welcome-divider{background:#e5e7e8;height:1px;margin:24px 0 14px}.welcome-account-actions{display:grid}.welcome-account-actions button{color:#596063;cursor:pointer;min-height:45px;transition:transform .14s var(--ease-out), border-color .18s ease, color .18s ease, background .18s ease;background:0 0;border:1px solid #e6e9ea;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:12px;display:flex}.welcome-name input:focus-visible,.welcome-account-actions button:focus-visible,.auth-back:focus-visible,.auth-fields input:focus-visible,.auth-code-actions button:focus-visible,.hub-account-action:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.auth-room{place-items:stretch stretch}.auth-back{color:#626a6d;cursor:pointer;min-height:40px;transition:color .18s ease, background .18s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex;position:absolute;top:26px;left:28px}.auth-back:active{transform:scale(.96)}.auth-form{width:min(430px,100% - 48px);animation:auth-form-in .42s var(--ease-out) both;margin:auto;display:grid}.auth-heading{margin-bottom:23px}.auth-heading>span{color:var(--cyan-dark);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:680}.auth-heading h1{letter-spacing:-.05em;margin:9px 0 8px;font-size:clamp(32px,3.4vw,44px);font-weight:520;line-height:1.04}.auth-heading p{color:#747c7f;margin:0;font-size:13px;line-height:1.55}.auth-heading p strong{color:#4c5356;font-weight:620}.auth-fields{animation:auth-step-in .26s var(--ease-out) both;gap:13px;display:grid}.auth-fields label{gap:7px;display:grid}.auth-fields label>span{color:#697174;padding-left:2px;font-size:11px;font-weight:580}.auth-fields label>span i{color:#a1a7aa;font-style:normal;font-weight:450}.auth-fields input{width:100%;height:50px;color:var(--ink);font:inherit;background:#fff;border:1px solid #e0e3e4;border-radius:11px;outline:0;padding:0 15px;font-size:14px;transition:border-color .18s,box-shadow .18s}.auth-fields input::placeholder{color:#b3b8ba}.auth-fields input:focus{border-color:#11bdec9e;box-shadow:0 0 0 3px #11bdec17}.auth-fields .auth-code-input{font-variant-numeric:tabular-nums;letter-spacing:.34em;text-align:center;height:66px;padding-left:30px;font-size:27px;font-weight:620}.auth-code-input::placeholder{color:#d4d8da}.auth-response{color:#858d90;min-height:17px;margin-top:13px;font-size:11px}.auth-response:not(:empty){animation:.18s ease-out both auth-response-in}.auth-response--error{color:#b95645}.auth-submit{width:100%;margin-top:14px}.auth-code-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:13px;display:flex}.auth-code-actions button{color:#737b7e;cursor:pointer;background:0 0;border:0;min-height:34px;padding:0;font-size:11px;transition:color .18s}.auth-code-actions button:disabled{color:#b8bdc0}.app-shell--hub{grid-template-rows:auto auto;align-content:center;justify-items:center;gap:16px;padding:40px 24px;display:grid}.hub-yard{z-index:11;background:var(--canvas);border-radius:24px;grid-template-rows:minmax(0,1fr);grid-template-columns:300px 1fr;gap:20px;width:100%;max-width:1180px;height:min(760px,100svh - 140px);margin:0 auto;padding:20px;display:grid;position:relative;overflow:hidden}.hub-side{z-index:22;background:#fff;border-radius:16px;flex-direction:column;padding:22px;display:flex;position:relative}.hub-side__player{align-items:center;gap:14px;display:flex}.hub-side__who{gap:3px;min-width:0;display:grid}.hub-side__who strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:560;overflow:hidden}.hub-side__who span{color:#7f878a;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.hub-account-action{color:#747c7f;cursor:pointer;width:fit-content;min-height:32px;transition:border-color .18s ease, color .18s ease, transform .14s var(--ease-out);background:#fff;border:1px solid #e8ebec;border-radius:999px;align-items:center;gap:6px;margin:11px 0 0 78px;padding:0 11px;font-size:10px;display:inline-flex}.hub-account-action:active{transform:scale(.96)}.hub-side__nav{border-top:1px solid #eff1f2;align-items:center;gap:10px;margin-top:auto;padding-top:18px;display:flex}.hub-side__item{color:#949a9d;background:#f5f5f5;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.hub-side__item svg{color:currentColor}.hub-side__item--unavailable{color:#b3b8ba;cursor:default}button.hub-side__item{cursor:pointer;transition:color .18s ease, background .18s ease, transform .14s var(--ease-out);background:#f5f5f5;border:0;padding:0}button.hub-side__item:active{transform:scale(.94)}.hub-side__item--active,.hub-side__item--active svg{color:var(--ink)}.hub-side__item--active{background:#eceeef!important}.hub-roster{border-top:1px solid #eff1f2;margin-top:20px;padding-top:17px}.hub-roster__head{justify-content:space-between;align-items:center;gap:12px;min-height:24px;display:flex}.hub-roster__head h2,.hub-roster__head span{color:#92999c;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:650;line-height:1.2}.hub-roster__list{margin-top:6px;display:grid}.hub-roster__player{border-bottom:1px solid #f0f2f3;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:68px;transition:opacity .18s,color .18s;display:grid}.hub-roster__player:last-child{border-bottom:0}.hub-roster__player>.avatar,.hub-roster__avatar .avatar{width:42px;height:42px}.hub-roster__player>.avatar .avatar__head,.hub-roster__avatar .avatar__head{width:15px;height:15px;top:8px}.hub-roster__player>.avatar .avatar__body,.hub-roster__avatar .avatar__body{width:26px;height:12px;bottom:7px}.hub-roster__avatar{position:relative}.hub-roster__check{background:var(--lime);color:#fff;width:15px;height:15px;transition:opacity .18s ease, transform .18s var(--ease-out);border:2px solid #fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:0;right:-2px;transform:scale(1)}@starting-style{.hub-roster__check{opacity:0;transform:scale(.9)}}.hub-roster__copy{gap:3px;min-width:0;display:grid}.hub-roster__copy strong{color:#303537;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:570;overflow:hidden}.hub-roster__copy small{color:#949b9e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.hub-roster__state{color:#92999c;letter-spacing:.04em;white-space:nowrap;font-size:9px;font-weight:620;transition:color .18s}.hub-roster__player--ready .hub-roster__state{color:#54740b}.hub-roster__player--offline{opacity:.5}.hub-roster__player--open .hub-roster__state{color:#aab0b2}.hub-main{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;min-width:0;min-height:0;display:flex;overflow-y:auto}.stats-page{min-height:0;animation:tile-in .26s var(--ease-out) both;background:#fff;border-radius:16px;flex-direction:column;flex:1;padding:clamp(28px,4.5vw,52px);display:flex;overflow-y:auto}.stats-head{align-items:center;gap:18px;padding-bottom:clamp(25px,4vh,38px);display:flex}.stats-head>div{min-width:0}.stats-head span{color:#92999c;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:650;display:block}.stats-head h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.4vw,52px);font-weight:590;line-height:1}.stats-grid{border-block:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.stats-grid--loading{opacity:.58}.stats-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;place-content:center;justify-items:center;gap:8px;min-height:clamp(112px,17vh,142px);padding:24px 18px;display:grid}.stats-card--third{grid-column:span 2}.stats-card--half{grid-column:span 3}.stats-card--full{border-bottom:0;grid-column:1/-1}.stats-card:nth-child(3),.stats-card:nth-child(5),.stats-card:nth-child(7),.stats-card--full{border-right:0}.stats-card:nth-child(3){border-bottom-color:var(--line)}.stats-card strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.045em;font-size:clamp(30px,3.8vw,44px);font-weight:590;line-height:.95}.stats-card span{color:#8b9296;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:650}.stats-footnote{color:#939a9d;text-align:center;margin:auto 0 0;padding-top:22px;font-size:11px;line-height:1.45}.stats-message{color:#8b9296;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:260px;display:grid}.stats-message strong{color:var(--ink);font-size:15px;font-weight:600}.stats-message span{font-size:12px}.friends-drawer{z-index:25;width:auto;height:min(480px,100% - 104px);box-shadow:none;overscroll-behavior:contain;animation:friends-drawer-in .24s var(--ease-out) both;background:#fff;border:0;border-top:1px solid #e8ebec;border-radius:0;padding:18px 0 0;position:absolute;inset:auto 22px 76px;overflow-y:auto}.friends-head{align-items:center;gap:18px;display:flex}.friends-head>div{min-width:0}.friends-head>div>span{color:#92999c;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:650;display:block}.friends-head h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.4vw,52px);font-weight:590;line-height:1}.friends-count{color:#92999c;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:560}.friends-drawer__head{gap:12px}.friends-drawer__head h1{font-size:25px}.friends-drawer__head>div>span{font-size:8px}.friends-drawer .friends-count{display:none}.friends-drawer__close{color:#7d8588;cursor:pointer;width:30px;height:30px;transition:transform .14s var(--ease-out), color .18s ease;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.friends-drawer__close:active{transform:scale(.94)}.friend-search{color:#a3a9ab;border:1px solid #e5e8e9;border-radius:13px;align-items:center;gap:11px;min-height:50px;margin-top:30px;padding:0 16px;transition:border-color .18s,box-shadow .18s;display:flex}.friends-drawer .friend-search{gap:8px;min-height:42px;margin-top:16px;padding:0 10px}.friends-drawer .friend-search input{font-size:11px}.friends-drawer .friend-search__status{font-size:0}.friend-search:focus-within{box-shadow:none;border-color:#11bdec99}.friend-search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.friend-search input::placeholder{color:#a9afb1}.friend-search__status{color:#9aa1a4;font-size:10px}.friends-error{color:#b95645;margin:10px 3px 0;font-size:11px}.friends-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,4vw,44px);margin-top:30px;display:grid}.friends-drawer .friends-columns{grid-template-columns:1fr;gap:18px;margin-top:18px}.friends-drawer .friend-section{margin-top:18px}.friends-drawer .friends-columns .friend-section{margin-top:0}.friends-drawer .friend-section__title{min-height:23px;padding-bottom:6px}.friends-drawer .friend-section__title h2{font-size:8px}.friends-drawer .friend-row{grid-template-columns:32px minmax(0,1fr) auto;gap:8px;min-height:54px}.friends-drawer .friend-avatar{width:32px;height:32px;font-size:11px}.friends-drawer .friend-row strong{font-size:11px}.friends-drawer .friend-action{min-height:28px;padding-inline:8px;font-size:9px}.friends-drawer .friend-action--icon{width:28px;padding:0}.friends-drawer .friend-empty{min-height:54px;font-size:10px}.friend-section{min-width:0;margin-top:30px}.friends-columns .friend-section{margin-top:0}.friend-section__title{border-bottom:1px solid #e9ebec;justify-content:space-between;align-items:center;min-height:28px;padding-bottom:9px;display:flex}.friend-section__title h2{color:#6f777a;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:650}.friend-section__title span{color:#a0a6a8;font-variant-numeric:tabular-nums;font-size:10px}.friend-list{display:grid}.friend-row{min-width:0;min-height:66px;animation:tile-in .22s var(--ease-out) both;border-bottom:1px solid #f0f2f3;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.friend-row strong{color:#34393b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:570;overflow:hidden}.friend-row__actions{align-items:center;gap:5px;display:flex}.friend-avatar{background:var(--lime);color:#202509;border-radius:50%;place-items:center;width:38px;height:38px;font-size:13px;font-weight:680;display:grid}.friend-avatar--image{object-fit:cover}.friend-status{color:#8f9699;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.friend-action{color:#747c7f;cursor:pointer;white-space:nowrap;min-height:30px;transition:transform .14s var(--ease-out), border-color .18s ease, color .18s ease, background .18s ease;background:#fff;border:1px solid #e5e8e9;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:10px;display:inline-flex}.friend-action:active:not(:disabled){transform:scale(.96)}.friend-action:disabled{opacity:.55;cursor:wait}.friend-action--primary{border-color:var(--ink);background:var(--ink);color:#fff}.friend-action--icon{width:30px;padding:0}.friend-action--remove{color:#9a7b76;border-color:#0000;padding-inline:8px}.friend-empty{color:#a0a6a8;align-items:center;min-height:66px;margin:0;font-size:11px;line-height:1.4;display:flex}.hub-head{justify-content:space-between;align-items:center;gap:16px;padding:6px 4px 0;display:flex}.hub-head__title{letter-spacing:-.04em;margin:0;font-size:clamp(28px,2.8vw,36px);font-weight:600;line-height:1.1}.hub-head__sub{color:#7f878a;margin:5px 0 0;font-size:13px}.hub-head .primary-button{flex:none;margin:0}.hub-lobby-head{min-height:70px;padding-bottom:16px}.hub-lobby-head__title{align-items:center;gap:12px;min-width:0;display:flex}.hub-back{color:#7d8588;cursor:pointer;width:44px;height:44px;transition:transform .14s var(--ease-out), border-color .18s ease, color .18s ease, background .18s ease;background:#fff;border:1px solid #e3e6e7;border-radius:50%;flex:none;place-items:center;display:grid}.hub-back:active{transform:scale(.96)}.lobby-mode{background:#fff;border:1px solid #e6e9ea;border-radius:999px;gap:2px;padding:3px;display:flex}.lobby-mode button{color:#858c8f;cursor:pointer;min-width:82px;height:38px;transition:transform .14s var(--ease-out), background .18s ease, color .18s ease;background:0 0;border:0;border-radius:999px;padding:0 17px;font-size:12px;font-weight:560}.lobby-mode button:active{transform:scale(.97)}.lobby-mode .lobby-mode--active{background:var(--ink);color:#fff}.game-menu{min-height:0;animation:tile-in .26s var(--ease-out) both;flex:1;grid-template-rows:minmax(210px,1fr) auto;display:grid;overflow-y:auto}.game-menu__hero{text-align:center;align-content:center;place-items:center;gap:24px;min-height:0;padding:clamp(34px,6vw,72px) 24px;display:grid;position:relative;overflow:hidden}.game-menu__hero:before{content:"";background:#f3f9df;border-radius:50%;width:280px;height:280px;position:absolute;transform:translateY(-24px)}.game-menu__art{background:var(--lime);color:#192006;width:116px;height:116px;animation:game-menu-art-in .42s var(--ease-out) both;border-radius:30px;place-items:center;display:grid;position:relative;box-shadow:0 14px 30px #70910c2e}.game-menu__intro{justify-items:center;display:grid;position:relative}.game-menu__intro>span{color:#7d8588;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:650}.game-menu__intro h2{color:var(--ink);letter-spacing:-.055em;margin:7px 0 4px;font-size:clamp(36px,5vw,56px);font-weight:620;line-height:1}.game-menu__intro p{color:#7d8588;margin:0;font-size:14px}.game-menu__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,620px);margin:0 auto;padding:18px 0 0;display:grid}.game-menu__action--primary{grid-column:1/-1}.game-menu__error{color:#b95645;text-align:center;width:min(100%,620px);margin:10px auto 0;font-size:11px}.game-menu__action{min-height:76px;color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s var(--ease-out), border-color .18s ease, background .18s ease;background:#fff;border:1px solid #e4e8e9;border-radius:13px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:13px;padding:13px 16px;display:grid}.game-menu__action:active{transform:scale(.985)}.game-menu__action>span:nth-child(2){gap:3px;min-width:0;display:grid}.game-menu__action strong{font-size:14px;font-weight:600}.game-menu__action small{color:#8c9396;font-size:11px}.game-menu__action-icon{color:#6f777a;background:#f2f4f4;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.game-menu__action-arrow{color:#abb1b3;transition:transform .18s var(--ease-out), color .18s ease;justify-self:end;transform:rotate(180deg)}.game-menu__action--primary{border-color:var(--ink);background:var(--ink);color:#fff;min-height:82px}.game-menu__action--primary .game-menu__action-icon{background:var(--lime);color:#1b2208}.game-menu__action--primary small{color:#aeb3b5}.game-menu__action--primary .game-menu__action-arrow{color:#fff}.game-menu__back{color:#747c7f;cursor:pointer;min-height:44px;transition:transform .14s var(--ease-out), color .18s ease, background .18s ease;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:18px auto 2px;padding:0 16px;font-size:12px;font-weight:560;display:inline-flex}.game-menu__back:active{transform:scale(.97)}.matchmaking-screen{min-height:0;animation:tile-in .26s var(--ease-out) both;background:#fff;border-radius:16px;flex-direction:column;flex:1;padding:clamp(26px,4vw,44px);display:flex;position:relative;overflow:hidden}.matchmaking-head{z-index:3;justify-content:space-between;align-items:center;gap:20px;min-height:30px;display:flex;position:relative}.matchmaking-head>span{color:#858d90;letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:650;display:inline-flex}.matchmaking-head>span i{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite matchmaking-status-pulse;box-shadow:0 0 0 4px #a6d51c24}.matchmaking-head>span i.matchmaking-head__status--offline{box-shadow:none;background:#c1c6c8;animation:none}.matchmaking-head>strong{color:#7d8588;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:12px;font-weight:590}.matchmaking-stage{z-index:1;flex:1;align-content:center;justify-items:center;gap:clamp(25px,4vh,38px);min-height:0;padding-block:24px;display:grid;position:relative}.matchmaking-radar{pointer-events:none;width:360px;height:360px;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.matchmaking-radar__ring{animation:matchmaking-radar 3s var(--ease-out) infinite;border:1px solid #a6d51c3d;border-radius:50%;position:absolute;inset:50%;transform:translate(-50%,-50%)scale(.45)}.matchmaking-radar__ring--one{width:180px;height:180px}.matchmaking-radar__ring--two{width:260px;height:260px;animation-delay:.75s}.matchmaking-radar__ring--three{width:340px;height:340px;animation-delay:1.5s}.matchmaking-versus{z-index:2;width:min(470px,100%);animation:matchmaking-players-in .48s var(--ease-out) both;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);place-items:center;display:grid;position:relative}.matchmaking-versus:before{content:"";background:#e4e8e9;height:1px;position:absolute;top:39px;left:29%;right:29%}.matchmaking-player{justify-items:center;gap:4px;display:grid;position:relative}.matchmaking-player .avatar,.matchmaking-open-avatar{width:78px;height:78px;margin-bottom:7px}.matchmaking-player .avatar{border-color:#edf0e7;box-shadow:0 9px 24px #70910c17}.matchmaking-player .avatar__head{width:28px;height:28px;top:14px}.matchmaking-player .avatar__body{width:46px;height:21px;bottom:11px}.matchmaking-player>strong{color:#303537;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.matchmaking-player>span:last-child{color:#9aa1a4;letter-spacing:.09em;text-transform:uppercase;font-size:9px;font-weight:620}.matchmaking-open-avatar{color:#a0a7aa;background:#fafbfb;border:1px dashed #cfd5d7;border-radius:50%;place-items:center;display:grid;position:relative}.matchmaking-open-avatar:after{content:"";border-top:1px solid var(--cyan);border-bottom:1px solid #0000;border-left:1px solid #0000;border-right:1px solid #0000;border-radius:50%;animation:1.8s linear infinite matchmaking-scan;position:absolute;inset:-5px}.matchmaking-player--open>strong{color:#757d80}.matchmaking-beacon{z-index:2;background:var(--ink);width:52px;height:52px;color:var(--lime);border:7px solid #fff;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 5px 15px #15171824}.matchmaking-copy{z-index:2;text-align:center;width:min(520px,100%);animation:matchmaking-copy-in .42s var(--ease-out) .1s both;position:relative}.matchmaking-copy p{color:#8d9497;letter-spacing:.16em;margin:0 0 9px;font-size:9px;font-weight:650}.matchmaking-copy h1{font-size:clamp(29px,3.6vw,44px);font-weight:570}.matchmaking-copy>span{color:#8b9296;max-width:430px;margin:10px auto 0;font-size:11px;line-height:1.5;display:block}.matchmaking-footer{z-index:3;border-top:1px solid #edf0f1;justify-content:space-between;align-items:flex-end;gap:24px;min-height:68px;padding-top:16px;display:flex;position:relative}.matchmaking-rules{align-items:center;gap:clamp(24px,5vw,52px);min-width:0;display:flex}.matchmaking-rules>div{gap:4px;min-width:0;display:grid}.matchmaking-rules span{color:#9aa1a4;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:630}.matchmaking-rules strong{color:#505658;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:570;overflow:hidden}.matchmaking-cancel{color:#737b7e;cursor:pointer;min-height:38px;transition:transform .14s var(--ease-out), border-color .18s ease, color .18s ease, background .18s ease;background:#fff;border:1px solid #e2e5e6;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:570;display:inline-flex}.matchmaking-cancel:active{transform:scale(.97)}@keyframes matchmaking-radar{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}25%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes matchmaking-scan{to{transform:rotate(1turn)}}@keyframes matchmaking-status-pulse{50%{box-shadow:0 0 0 7px #a6d51c00}}@keyframes matchmaking-players-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes matchmaking-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.public-rooms{min-height:0;animation:tile-in .26s var(--ease-out) both;background:#fff;border-radius:16px;flex-direction:column;flex:1;padding:clamp(28px,4.5vw,52px);display:flex;overflow-y:auto}.public-rooms__head{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding-bottom:27px;display:flex}.public-rooms__head>div{min-width:0}.public-rooms__head>div>span{color:#92999c;letter-spacing:.13em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:650;display:block}.public-rooms__head h1{color:var(--ink);letter-spacing:-.055em;margin:0;font-size:clamp(34px,4.4vw,52px);font-weight:590;line-height:1}.public-rooms__refresh{color:#777f82;cursor:pointer;background:#f3f4f4;border:0;border-radius:999px;align-items:center;gap:7px;min-height:36px;margin-left:auto;padding:0 12px;font-size:10px;font-weight:570;display:inline-flex}.public-rooms__refresh:disabled{opacity:.55}.public-rooms__refresh-icon--spinning{animation:.8s linear infinite public-room-spin}.public-rooms__toolbar{justify-content:space-between;align-items:center;gap:18px;min-height:70px;display:flex}.public-rooms__toolbar p{color:#8b9296;margin:0;font-size:11px}.public-rooms__toolbar .secondary-button{min-height:36px;padding-inline:13px;font-size:10px}.public-room-list{align-content:start;min-height:0;display:grid}.public-room-row{color:#3d4345;text-align:left;cursor:pointer;min-width:0;min-height:76px;transition:background .18s ease, transform .14s var(--ease-out);animation:tile-in .22s var(--ease-out) both;background:0 0;border:0;border-top:1px solid #eef0f1;grid-template-columns:30px minmax(130px,.9fr) minmax(180px,1.4fr) auto 54px;align-items:center;gap:13px;padding:0 14px 0 5px;display:grid}.public-room-row:last-child{border-bottom:1px solid #eef0f1}.public-room-row:active{transform:scale(.995)}.public-room-row__signal{background:#f2f8df;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.public-room-row__signal i{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:1.8s ease-out infinite public-room-pulse;box-shadow:0 0 0 4px #a6d51c29}.public-room-row__host{gap:4px;min-width:0;display:grid}.public-room-row__host strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:590;overflow:hidden}.public-room-row__host small{color:#9aa1a4;letter-spacing:.03em;text-transform:uppercase;font-size:9px}.public-room-row__details{color:#858d90;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.public-room-row__seats{color:#7f878a;font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:10px;display:inline-flex}.public-room-row__join{color:var(--cyan-dark);justify-self:end;font-size:11px;font-weight:620}.public-rooms__empty{color:#a0a6a8;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:250px;display:grid}.public-rooms__empty strong{color:#4a5052;margin-top:5px;font-size:14px;font-weight:590}.public-rooms__empty span{font-size:11px}@keyframes public-room-spin{to{transform:rotate(1turn)}}@keyframes public-room-pulse{50%{box-shadow:0 0 0 7px #a6d51c00}}@keyframes game-menu-art-in{0%{opacity:0;transform:translateY(12px)scale(.9)rotate(-3deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.lobby-manager{min-height:540px;animation:tile-in .26s var(--ease-out) both;background:#fff;border-radius:16px;flex-direction:column;flex:1;display:flex;overflow:hidden}.lobby-form{text-align:left;flex-direction:column;width:100%;min-height:100%;display:flex}.lobby-form--join{justify-content:center;width:min(760px,100%);margin:auto;padding:clamp(32px,5vw,64px)}.lobby-form--create{padding:0}.lobby-manager__heading{margin-bottom:27px}.lobby-manager__heading .eyebrow{text-align:left;margin:0 0 9px}.lobby-manager__heading h2{color:var(--ink);letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.2vw,42px);font-weight:520;line-height:1.08}.lobby-form__fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.lobby-form label{gap:8px;display:grid}.lobby-form label>span{color:#92999c;letter-spacing:.12em;text-transform:uppercase;padding-left:2px;font-size:10px;font-weight:650}.lobby-form input{border:1px solid var(--line);background:var(--surface);color:#25292b;border-radius:11px;outline:0;width:100%;height:52px;padding:0 16px;font-size:14px;transition:border-color .18s,background .18s,box-shadow .18s}.lobby-form input::placeholder{color:#b3b8ba}.lobby-form input:focus{background:#fff;border-color:#11bdec8c;box-shadow:0 0 0 3px #11bdec1a}.lobby-form .code-input{text-align:center;text-transform:uppercase;font-variant-numeric:tabular-nums;letter-spacing:.2em;font-weight:620}.lobby-form .code-input:read-only{color:#5f6669;cursor:default}.lobby-form--join .room-settings{margin-top:24px}.lobby-setup-bar,.lobby-config-bar{border-bottom:1px solid #eef0f1;grid-template-columns:1fr;gap:12px;padding:18px 24px;display:grid}.lobby-setup-bar>label{background:#fff;border:1px solid #e8ebec;border-radius:12px;align-content:start;padding:13px}.lobby-setup-bar>label input{border-radius:9px;height:40px;padding-inline:10px}.lobby-setup-bar .room-settings,.lobby-config-bar .room-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-form__footer{border-top:1px solid #eff1f2;justify-content:space-between;align-items:center;gap:20px;min-height:65px;margin-top:24px;padding-top:20px;display:flex}.lobby-form--create .lobby-form__footer{background:#fafbfb;border-top:1px solid #e8ebec;min-height:78px;margin-top:auto;padding:16px 24px}.lobby-form__footer .primary-button{min-width:128px;margin:0}.lobby-form__summary{color:#90979a;gap:4px;min-width:0;font-size:11px;line-height:1.4;display:grid}.lobby-form__summary:empty{display:none}.lobby-form__summary strong{color:#a46a25;font-size:11px;font-weight:560}.lobby-form__summary b{color:#4c5356;font-weight:620}.lobby-form__summary .lobby-status--error{color:#b95645}.room-code-chip{color:#7e8588;cursor:pointer;height:44px;transition:transform .14s var(--ease-out), border-color .18s ease, color .18s ease;background:#fff;border:1px solid #e3e6e7;border-radius:999px;grid-template-columns:auto auto 14px;align-items:center;gap:9px;padding:0 13px;display:grid}.room-code-chip span{letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:650}.room-code-chip strong{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.14em;font-size:14px;font-weight:620}.room-code-chip:active{transform:scale(.97)}.hub-side__room-code{text-align:left;grid-template-columns:1fr auto 14px;width:100%;margin-top:auto}.lobby-facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.lobby-facts>div{background:#fff;border:1px solid #e8ebec;border-radius:12px;align-content:center;gap:5px;min-height:76px;padding:13px;display:grid}.lobby-facts span{color:#858d90;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:650}.lobby-facts strong{color:#404649;font-size:15px;font-weight:540}.lobby-config-bar{grid-template-columns:1fr 1fr}.deck-picker{flex-direction:column;flex:1;padding:20px 24px 24px;display:flex}.deck-picker__head{justify-content:space-between;align-items:center;gap:16px;min-height:26px;margin-bottom:12px;display:flex}.deck-picker__head h2{color:#858c8f;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:650}.deck-picker__head>span{color:#a0a6a9;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:10px}.deck-grid{flex:none;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:12px;display:grid}.deck-picker--readonly .deck-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deck-grid--single{grid-template-columns:minmax(260px,1fr) 2fr}.deck-card{color:#33383b;text-align:left;cursor:pointer;min-width:0;min-height:230px;transition:transform .18s var(--ease-out);background:#fff;border:1px solid #e3e6e7;border-radius:14px;grid-template-rows:1fr auto;padding:8px;display:grid;position:relative}.deck-card:disabled{color:#afb5b7;cursor:default;opacity:.62}.deck-picker--readonly .deck-card:disabled{color:#33383b;opacity:1}.deck-card:not(button){cursor:default}.deck-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button.deck-card:active:not(:disabled){transform:scale(.985)}.deck-card--selected{border-color:#11bdecad;box-shadow:inset 0 0 0 1px #11bdec1a}.deck-card--option{opacity:0;min-height:88px;animation:deck-option-in .3s var(--ease-out) both;transition:transform .18s var(--ease-out), border-color .18s ease, background .18s ease, box-shadow .18s ease;grid-template-rows:1fr;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px}.deck-grid .deck-card--option:nth-child(2){animation-delay:35ms}.deck-grid .deck-card--option:nth-child(3){animation-delay:70ms}.deck-grid .deck-card--option:nth-child(4){animation-delay:.105s}.deck-grid .deck-card--option:nth-child(5){animation-delay:.14s}.deck-grid .deck-card--option:nth-child(6){animation-delay:.175s}.deck-grid .deck-card--option:nth-child(7){animation-delay:.21s}.deck-grid .deck-card--option:nth-child(8){animation-delay:.245s}.deck-card--option.deck-card--selected{background:var(--cyan-soft);box-shadow:inset 0 0 0 1px #11bdec14}.deck-card__icon{color:#646c6f;width:46px;height:46px;transition:transform .18s var(--ease-out), background .18s ease, color .18s ease;background:#f2f4f4;border-radius:12px;place-items:center;display:grid;position:relative}.deck-card--selected .deck-card__icon{color:var(--cyan-dark);background:#fff;transform:scale(1.03)}.deck-card--option .deck-card__check{width:18px;height:18px;box-shadow:0 0 0 3px var(--cyan-soft);animation:pop .18s var(--ease-out) both;padding:4px;top:auto;bottom:-3px;right:-3px}.deck-card--option .deck-card__copy{padding:0}.deck-card--option .deck-card__copy strong{font-size:14px}.deck-card__count{color:#9aa1a4;font-variant-numeric:tabular-nums;justify-items:end;gap:1px;min-width:26px;font-size:9px;line-height:1.1;display:grid}.deck-card__count strong{color:#626a6d;font-size:13px;font-weight:620}.deck-card__count small{display:none}.deck-card--selected .deck-card__count strong{color:var(--cyan-dark)}.deck-card__preview{color:#555c5f;background:#f4f6f6;border-radius:10px;place-items:center;min-height:150px;display:grid;position:relative;overflow:hidden}.deck-card--selected .deck-card__preview{background:var(--cyan-soft);color:var(--cyan-dark)}.deck-card__preview>svg{z-index:2;position:relative}.deck-card__preview>i{color:#7f878a;background:#ffffffdb;border:1px solid #dfe3e4;border-radius:7px;place-items:center;width:48px;height:72px;font-size:15px;font-style:normal;font-weight:560;display:grid;position:absolute}.deck-card__preview>i:first-child{transform:translate(-30px)rotate(-8deg)}.deck-card__preview>i:nth-child(2){transform:translateY(-5px)}.deck-card__preview>i:nth-child(3){transform:translate(30px)rotate(8deg)}.deck-card__preview--letters>svg{opacity:0}.deck-card__copy{gap:3px;min-width:0;padding:12px 9px 7px;display:grid}.deck-card__copy strong{letter-spacing:-.01em;font-size:15px;font-weight:570}.deck-card__copy small{color:#858d90;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.deck-card__check{z-index:3;background:var(--cyan);color:#fff;border-radius:50%;width:23px;height:23px;padding:5px;position:absolute;top:15px;right:15px}.lobby-room-footer{background:#fafbfb;border-top:1px solid #e8ebec;justify-content:space-between;align-items:center;gap:18px;min-height:78px;margin-top:auto;padding:16px 24px;display:flex}.lobby-room-footer .primary-button,.lobby-room-footer .secondary-button{justify-content:center;align-items:center;gap:8px;margin:0;display:inline-flex}.lobby-room-footer--guest{justify-content:flex-end}.lobby-room-status{color:#697174;align-items:center;gap:8px;font-size:12px;display:flex}.lobby-room-status>span{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite live-pulse}.lobby-room-status>.lobby-room-status--offline{background:#d69b43;animation:none}.hub-game-picker{place-content:center;min-height:100%;display:grid}.hub-filters{flex-wrap:wrap;justify-content:center;gap:7px;margin:0 0 14px;padding:0 4px;display:flex}.filter-chip{color:#555c5f;cursor:pointer;height:38px;transition:border-color .2s, color .2s, transform .14s var(--ease-out);background:#fff;border:1px solid #e7e9ea;border-radius:999px;padding:0 16px;font-size:12px}.filter-chip:disabled{color:#b7bcbe;background:0 0;border-color:#ececec}.filter-chip--selected{background:var(--ink);border-color:var(--ink);color:#fff}.games-grid{text-align:left;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;width:min(100%,620px);margin:0 auto;display:grid}.game-card{text-align:left;color:#282c2e;cursor:pointer;opacity:0;animation:tile-in .3s var(--ease-out) both;transition:transform .2s var(--ease-out), border-color .2s ease;background:#fff;border:1px solid #0000;border-radius:16px;padding:8px;display:grid}.games-grid .game-card:first-child{animation-delay:60ms}.games-grid .game-card:nth-child(2){animation-delay:.11s}.games-grid .game-card:nth-child(3){animation-delay:.16s}.games-grid .game-card:nth-child(4){animation-delay:.21s}.games-grid .game-card:nth-child(5){animation-delay:.26s}.games-grid .game-card:nth-child(6){animation-delay:.31s}.game-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.game-card:active:not(:disabled){transform:scale(.98)}.game-card__art{color:#454b4e;background:#f5f6f6;border-radius:10px;place-items:center;height:108px;display:grid}.game-card__row{justify-content:space-between;align-items:center;gap:12px;padding:13px 9px 10px;display:flex}.game-card__info{gap:2px;min-width:0;display:grid}.game-card__name{letter-spacing:-.01em;font-size:15px;font-weight:560}.game-card__desc{color:#7f878a;font-size:12px;line-height:1.4}.game-card__meta{flex:none;align-items:center;gap:8px;display:flex}.game-card__players{color:#8b9296;background:#f3f5f5;border-radius:999px;align-items:center;height:26px;padding:0 9px;font-size:11px;font-weight:560;display:inline-flex}.game-card__live{color:var(--cyan-dark);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:650;display:inline-flex}.game-card__live i{background:var(--cyan);border-radius:50%;width:5px;height:5px;animation:1.8s ease-in-out infinite live-pulse}.game-card__badge{border:1px solid var(--line);color:var(--faint);letter-spacing:.1em;text-transform:uppercase;background:#fff;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:650}.game-card--soon{cursor:default}.game-card--soon .game-card__art{color:#c6cacc;background:#f8f9f9}.game-card--soon .game-card__name{color:#82888c}.game-card--soon .game-card__desc{color:var(--faint)}.geo-select,.geo-round,.geo-results{background:#fff;border-radius:16px;flex:1;min-height:0;position:relative;overflow-y:auto}.geo-select{animation:tile-in .26s var(--ease-out) both;flex-direction:column;padding:clamp(28px,4.5vw,52px);display:flex}.geo-head{align-items:flex-start;gap:18px;margin-bottom:clamp(24px,4vh,36px);display:flex}.geo-head>div{min-width:0}.geo-head>div>span{color:#92999c;letter-spacing:.13em;text-transform:uppercase;margin:3px 0 6px;font-size:10px;font-weight:650;display:block}.geo-head h1{font-size:clamp(32px,4vw,44px);font-weight:510;line-height:1.06}.geo-head p{color:#858d90;margin:10px 0 0;font-size:13px;line-height:1.5}.geo-mode-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.geo-mode{color:#303537;cursor:pointer;text-align:left;opacity:0;min-width:0;min-height:154px;animation:tile-in .26s var(--ease-out) both;animation-delay:calc(var(--geo-order) * 45ms);transition:transform .18s var(--ease-out), border-color .18s ease, box-shadow .18s ease;background:#fff;border:1px solid #edf0f1;border-radius:15px;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px;display:grid}.geo-mode:active{transform:scale(.98)}.geo-mode:focus-visible,.geo-answer:focus-visible,.geo-round__footer button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.geo-mode__preview{color:#555c5f;background:#f3f5f5;border-radius:11px;place-items:center;width:88px;height:112px;display:grid;position:relative;overflow:hidden}.geo-mode__preview:before,.geo-mode__preview:after{content:"";border:1px solid #6971741f;border-radius:50%;position:absolute}.geo-mode__preview:before{width:74px;height:74px}.geo-mode__preview:after{width:42px;height:42px}.geo-mode__preview>span{z-index:2;letter-spacing:-.05em;font-size:28px;font-weight:510;position:relative}.geo-mode__preview>svg{z-index:2;box-sizing:content-box;background:#fff;border-radius:50%;padding:5px;position:absolute;bottom:9px;right:9px}.geo-mode__preview--capitals>span{letter-spacing:.12em;font-size:21px}.geo-mode__preview--continents>span{letter-spacing:.08em;font-size:19px}.geo-mode__copy{gap:5px;min-width:0;display:grid}.geo-mode__copy strong{letter-spacing:-.015em;font-size:15px;font-weight:580}.geo-mode__copy small{color:#858d90;font-size:11px;line-height:1.45}.geo-mode__count{color:#737b7e;font-variant-numeric:tabular-nums;justify-items:end;gap:2px;min-width:38px;font-size:14px;font-weight:600;display:grid}.geo-mode__count small{color:#a0a6a9;font-size:9px;font-weight:520}.geo-picker{min-height:0;overflow-y:auto}.geo-mode-list--lobby{flex:none}.geo-mode-list--lobby .geo-mode{grid-template-columns:72px minmax(0,1fr) 24px;min-height:118px}.geo-mode-list--lobby .geo-mode__preview{width:72px;height:96px}.geo-mode--selected{background:var(--cyan-soft);border-color:#11bdec94;box-shadow:inset 0 0 0 1px #11bdec14}.geo-mode--selected .geo-mode__preview{color:var(--cyan-dark);background:#fff}.geo-mode--unselected{opacity:.45}.geo-mode__selection{background:var(--cyan);color:#fff;opacity:0;width:20px;height:20px;transition:opacity .14s ease, transform .14s var(--ease-out);border-radius:50%;justify-self:end;place-items:center;display:grid;transform:scale(.92)}.geo-mode--selected .geo-mode__selection{opacity:1;transform:scale(1)}.geo-mode-list--lobby button.geo-mode:disabled{cursor:default}.question-stage--geo{width:min(620px,76%)}.question-stage--geo .geo-question__visual{margin-bottom:16px}.question-stage--geo .question-copy h1{font-size:clamp(27px,2.6vw,37px)}.geo-round{animation:tile-in .24s var(--ease-out) both;flex-direction:column;padding:0 clamp(20px,4vw,44px) 24px;display:flex;position:relative}.geo-round__bar{flex:0 0 76px;grid-template-columns:42px minmax(120px,260px) 1fr;align-items:center;gap:18px;height:76px;display:grid}.geo-progress{background:#edf0f1;border-radius:999px;height:4px;overflow:hidden}.geo-progress>span{border-radius:inherit;background:var(--cyan);width:100%;height:100%;transform:scaleX(var(--geo-progress));transform-origin:0;transition:transform .26s var(--ease-in-out);display:block}.geo-score{font-variant-numeric:tabular-nums;justify-self:end;align-items:baseline;gap:5px;display:flex}.geo-score strong{color:#34393b;font-size:15px;font-weight:600}.geo-score span{color:#a0a6a9;font-size:10px}.geo-question{width:min(610px,100%);animation:geo-question-in .26s var(--ease-out) both;justify-items:stretch;margin:auto;display:grid}.geo-question__visual{color:#4e5558;background:#f7f8f8;border:1px solid #edf0f1;border-radius:20px;place-content:center;justify-items:center;gap:7px;width:132px;height:112px;margin:0 auto 20px;display:grid}.geo-question__visual strong{text-align:center;max-width:106px;font-size:12px;font-weight:590;line-height:1.25}.geo-flag{filter:saturate(.94);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:68px;line-height:1}.geo-question__copy{text-align:center}.geo-question__copy .eyebrow{color:#969da0;margin-bottom:10px}.geo-question__copy h1{font-size:clamp(27px,3.3vw,36px);font-weight:490;line-height:1.15}.geo-answer-status{min-height:18px;color:var(--cyan-dark);opacity:0;transition:opacity .16s ease, transform .16s var(--ease-out), color .16s ease;margin:10px 0 8px;font-size:12px;transform:translateY(3px)}.geo-answer-status--visible{opacity:1;transform:translateY(0)}.geo-answer-status--wrong{color:var(--coral)}.geo-answers{grid-template-columns:1fr 1fr;gap:9px;display:grid}.geo-answer{color:#34393b;cursor:pointer;text-align:center;min-width:0;min-height:60px;transition:transform .16s var(--ease-out), border-color .16s ease, background .16s ease, color .16s ease, opacity .16s ease;background:#fafbfb;border:1px solid #edf0f1;border-radius:12px;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:8px;padding:0 13px;display:grid}.geo-answer:active:not(:disabled){transform:scale(.98)}.geo-answer:disabled{cursor:default}.geo-answer>span{color:#9da3a6;justify-self:start;font-size:10px}.geo-answer>strong{overflow-wrap:anywhere;min-width:0;font-size:14px;font-weight:470;line-height:1.3}.geo-answer>i{justify-self:end;place-items:center;min-height:15px;display:grid}.geo-answer--correct{color:#54740b;background:#f7fbe9;border-color:#bddd6c}.geo-answer--wrong{color:#b95645;animation:answer-shake .26s var(--ease-out);background:#fff7f5;border-color:#ffc5bc}.geo-answer--dim{opacity:.43}.geo-round__footer{opacity:0;pointer-events:none;min-height:50px;transition:opacity .18s ease, transform .18s var(--ease-out);justify-content:space-between;align-items:center;gap:18px;margin-top:12px;display:flex;transform:translateY(5px)}.geo-round__footer--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.geo-round__footer>span{color:#8d9497;font-size:11px}.geo-round__footer button{background:var(--ink);color:#fff;cursor:pointer;height:42px;transition:transform .14s var(--ease-out), background .16s ease;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 17px;font-size:12px;font-weight:560;display:inline-flex}.geo-round__footer button:active{transform:scale(.97)}.geo-round__footer button svg{transform:rotate(180deg)}.geo-results{text-align:center;animation:tile-in .26s var(--ease-out) both;place-content:center;justify-items:center;padding:clamp(30px,5vw,58px);display:grid}.geo-results>.hub-back{position:absolute;top:clamp(28px,4vw,52px);left:clamp(28px,4vw,52px)}.geo-results__globe{color:#4f5659;background:#f2f4f4;border-radius:50%;place-items:center;width:120px;height:120px;margin-bottom:24px;display:grid;position:relative}.geo-results__globe i{background:var(--lime);box-sizing:content-box;border:5px solid #fff;border-radius:50%;width:24px;height:24px;position:absolute;bottom:10px;right:8px}.geo-results .eyebrow{margin-bottom:11px}.geo-results h1{font-size:clamp(34px,4.5vw,48px);font-weight:500}.geo-results>p:not(.eyebrow){color:#858d90;margin:10px 0 0;font-size:13px}.geo-results__facts{align-items:center;gap:24px;margin:27px 0 24px;display:flex}.geo-results__facts>span{gap:4px;min-width:76px;display:grid}.geo-results__facts strong{color:#34393b;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:24px;font-weight:520}.geo-results__facts small{color:#9aa1a4;font-size:10px}.geo-results__facts>i{background:#e8ebec;width:1px;height:34px}.geo-results__actions{gap:8px;display:flex}.geo-results__actions .primary-button,.geo-results__actions .secondary-button{justify-content:center;align-items:center;gap:7px;min-width:130px;margin:0;display:inline-flex}@media (hover:hover) and (pointer:fine){.geo-mode:hover{border-color:#11bdec5c;transform:translateY(-2px);box-shadow:0 10px 24px #161f220a}.geo-mode:hover .geo-mode__preview{color:var(--cyan-dark)}.geo-answer:hover:not(:disabled){background:#fff;border-color:#11bdec57;transform:translateY(-2px)}.geo-round__footer button:hover{background:var(--cyan-dark);transform:translateY(-1px)}}@media (width<=720px){.geo-select{padding:24px 18px 20px}.geo-head{gap:13px;margin-bottom:22px}.geo-head .hub-back{width:40px;height:40px}.geo-head h1{font-size:32px}.geo-mode-list{grid-template-columns:1fr;gap:9px}.geo-mode{grid-template-columns:68px minmax(0,1fr) auto;gap:12px;min-height:96px;padding:8px}.geo-mode__preview{width:68px;height:78px}.geo-mode__preview:before{width:56px;height:56px}.geo-mode__preview:after{width:32px;height:32px}.geo-mode__preview>span{font-size:23px}.geo-mode__preview>svg{width:17px;height:17px;padding:4px;bottom:5px;right:5px}.geo-mode__preview--capitals>span,.geo-mode__preview--continents>span{font-size:16px}.geo-round{padding:0 18px 16px}.geo-round__bar{flex-basis:62px;grid-template-columns:40px minmax(90px,180px) 1fr;gap:12px;height:62px}.geo-round__bar .hub-back{width:38px;height:38px}.geo-question__visual{border-radius:17px;width:112px;height:92px;margin-bottom:15px}.geo-flag{font-size:58px}.geo-question__copy h1{font-size:27px}.geo-answer{min-height:56px}.geo-results{padding:58px 20px 28px}.geo-results>.hub-back{top:18px;left:18px}.geo-results__globe{width:100px;height:100px;margin-bottom:20px}.geo-results__globe svg{width:54px;height:54px}.geo-results h1{font-size:36px}}@media (width<=430px){.geo-head p{display:none}.geo-mode{grid-template-columns:62px minmax(0,1fr);min-height:88px}.geo-mode__preview{width:62px;height:70px}.geo-mode__count{display:none}.geo-mode__copy strong{font-size:14px}.geo-round__bar{grid-template-columns:38px 1fr auto}.geo-score span{display:none}.geo-question{margin-block:auto}.geo-question__visual{width:104px;height:84px;margin-bottom:13px}.geo-question__copy h1{font-size:24px}.geo-answer-status{margin-block:8px 6px}.geo-answers{grid-template-columns:1fr;gap:7px}.geo-answer{min-height:50px}.geo-round__footer{margin-top:8px}.geo-results__actions{width:100%;display:grid}.geo-results__actions .primary-button,.geo-results__actions .secondary-button{width:100%}}@keyframes geo-question-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.geo-select,.geo-mode,.geo-round,.geo-question,.geo-results,.geo-answer--wrong{transform:none;animation-duration:1ms!important}.geo-progress>span,.geo-answer-status,.geo-round__footer,.geo-mode__selection{transform:none;transition-duration:1ms!important}}.back-button{width:38px;height:38px;color:var(--faint);cursor:pointer;transition:background .2s, color .2s, transform .16s var(--ease-out);z-index:2;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;left:18px}.back-button:active{transform:scale(.94)}.room-settings{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.setting-row{background:#fff;border:1px solid #e8ebec;border-radius:12px;align-content:start;gap:10px;min-width:0;margin:0;padding:15px;display:grid}.setting-row__name{color:#737b7e;letter-spacing:.1em;text-transform:uppercase;padding:0 2px;font-size:10px;font-weight:650}.chip-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;display:grid}.chip{border:1px solid var(--line);background:var(--surface);color:#555c5f;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;min-width:0;height:40px;transition:border-color .2s, background .2s, color .2s, transform .14s var(--ease-out);border-radius:9px;padding:0 9px;font-size:11px;overflow:hidden}.chip:disabled{color:#c2c7c9;border-color:#eef0f1}.chip--selected{background:var(--cyan-soft);color:var(--cyan-dark);cursor:default;border-color:#11bdec8c}.chip--selected:disabled{color:var(--cyan-dark);border-color:#11bdec8c}.room-settings--fixed .setting-row{align-content:center;min-height:67px}.room-settings--fixed .setting-row>strong{color:#3d4346;font-variant-numeric:tabular-nums;font-size:15px;font-weight:560}.chip:focus-visible,.lobby-mode button:focus-visible,.hub-back:focus-visible,.game-menu__action:focus-visible,.game-menu__back:focus-visible,.hub-side__item:focus-visible,.room-code-chip:focus-visible,.friend-action:focus-visible,.friends-drawer__close:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.secondary-button{color:#555c5f;cursor:pointer;height:48px;transition:transform .14s var(--ease-out), border-color .18s ease, color .18s ease;background:#fff;border:1px solid #e6e9ea;border-radius:999px;padding:0 22px;font-size:13px}.secondary-button:active:not(:disabled){transform:scale(.97)}@media (hover:hover) and (pointer:fine){.primary-button:hover:not(:disabled){background:var(--cyan-dark);transform:translateY(-2px)}.welcome-guest-button[aria-disabled=true]:hover{background:var(--ink);transform:none}.secondary-button:hover:not(:disabled){color:var(--cyan-dark);border-color:#11bdec73;transform:translateY(-2px)}.welcome-account-actions button:hover{color:var(--cyan-dark);background:#fff;border-color:#11bdec61;transform:translateY(-1px)}.auth-back:hover{color:var(--cyan-dark);background:#fff}.auth-code-actions button:hover:not(:disabled){color:var(--cyan-dark)}.hub-account-action:hover{color:var(--cyan-dark);border-color:#11bdec66;transform:translateY(-1px)}button.hub-side__item:hover{color:var(--cyan-dark);background:#eef9fc;transform:translateY(-2px)}.game-card:hover:not(:disabled){border-color:#11bdec4d;transform:translateY(-2px)}.game-menu__action:hover{border-color:#11bdec61;transform:translateY(-2px)}.game-menu__action:hover .game-menu__action-arrow{color:var(--cyan-dark);transform:translate(3px)rotate(180deg)}.game-menu__action--primary:hover{border-color:var(--ink);background:#292d2f}.game-menu__action--primary:hover .game-menu__action-arrow{color:#fff}.game-menu__back:hover{color:var(--cyan-dark);background:#fff}.matchmaking-cancel:hover{color:#444a4c;background:#fafbfb;border-color:#cdd2d4}.public-room-row:hover{background:#fafbfb}.filter-chip:hover:not(:disabled):not(.filter-chip--selected){color:var(--cyan-dark);border-color:#11bdec73}.friends-drawer__close:hover{color:var(--cyan-dark);border-color:#11bdec66}.back-button:hover{color:var(--cyan-dark);background:#f2fafc}.hub-back:hover{color:var(--cyan-dark);background:#f5fbfd;border-color:#11bdec59}.room-code-chip:hover{color:var(--cyan-dark);border-color:#11bdec59}.friend-action:hover:not(:disabled){color:var(--cyan-dark);border-color:#11bdec73;transform:translateY(-1px)}.friend-action--primary:hover:not(:disabled){border-color:var(--cyan-dark);background:var(--cyan-dark);color:#fff}.friend-action--remove:hover:not(:disabled){color:#b95645;border-color:#b9564533}.lobby-mode button:hover:not(.lobby-mode--active){color:var(--cyan-dark)}.chip:hover:not(.chip--selected){color:var(--cyan-dark);border-color:#11bdec61}button.deck-card:hover:not(:disabled){border-color:#11bdec75;transform:translateY(-2px)}}@keyframes stage-in{0%{opacity:0;transform:translate(-50%,calc(12px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes auth-form-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-step-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes auth-response-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes tile-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes friends-drawer-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes deck-option-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes avatar-pulse{0%{opacity:.8;transform:scale(.92)}65%,to{opacity:0;transform:scale(1.18)}}@keyframes urgent{to{transform:scale(1.025)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes popover{0%{opacity:0;transform:translate(-5px)}}@keyframes live-pulse{50%{opacity:.3;transform:scale(.75)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(.72)}}@keyframes marker-pop{0%{opacity:0;transform:scale(.4)}}@keyframes points-up{0%{opacity:0;margin-top:5px}}@keyframes answer-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)rotate(-.4deg)}40%{transform:translate(5px)rotate(.35deg)}60%{transform:translate(-3px)rotate(-.2deg)}80%{transform:translate(2px)}}@keyframes confetti-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)rotate(0)}16%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1) rotate(var(--r))}}@keyframes brand-mark-in{0%{opacity:0;transform:translateY(4px)}}@media (width<=1080px){.hub-yard{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:14px}.lobby-manager{min-height:500px}.hub-side{flex-direction:row;align-items:center;gap:14px;padding:12px 14px}.hub-account-action{flex:none;margin:0 0 0 auto}.hub-side__nav{border:0;gap:8px;margin:0 0 0 auto;padding:0}.hub-side--lobby .hub-side__player{display:none}.hub-roster{border:0;flex:1;align-items:center;gap:14px;min-width:0;margin:0;padding:0;display:flex}.hub-roster__head{flex:none;place-content:center start;gap:3px;width:64px;display:grid}.hub-roster__head span{color:#b0b5b7}.hub-roster__list{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;display:grid}.hub-roster__player{border:1px solid #eef0f1;border-radius:12px;min-height:54px;padding:0 12px}.hub-roster__player:last-child{border-bottom:1px solid #eef0f1}.hub-side__room-code{grid-template-columns:auto auto 14px;width:auto;margin:0 0 0 auto}.friends-drawer{border-radius:14px;width:270px;height:min(440px,100vh - 40px);position:fixed;inset:auto 20px 20px auto}}@media (width<=960px){.deck-grid,.deck-picker--readonly .deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (height<=800px) and (width>=721px){.app-shell--hub{padding-block:20px}.hub-yard{height:calc(100svh - 98px);min-height:min(680px,100svh - 98px)}.app-shell--welcome{padding-block:20px}.welcome-room{height:calc(100svh - 98px);min-height:600px}}@media (width<=720px){.app-shell--hub,.app-shell--welcome{gap:14px;padding:12px}.brand-mark{font-size:24px}.welcome-room{border-radius:18px;height:calc(100svh - 82px);min-height:560px}.auth-back{top:16px;left:16px}.auth-form{width:min(430px,100% - 36px)}.auth-heading{margin-bottom:18px}.auth-heading h1{font-size:32px}.hub-yard{border-radius:18px;height:calc(100svh - 82px);padding:12px}.stats-page{padding:24px 18px 20px}.stats-head{gap:13px;padding-bottom:20px}.stats-head .hub-back{width:40px;height:40px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-card--third,.stats-card--half{grid-column:span 1}.stats-card--full{grid-column:1/-1}.stats-card{min-height:100px;padding:18px 10px}.stats-card:nth-child(2n){border-right:0}.stats-card:nth-child(3),.stats-card:nth-child(5),.stats-card:nth-child(7){border-right:1px solid var(--line)}.stats-card:nth-child(7){border-right:0;grid-column:1/-1}.stats-card--full{border-right:0}.friends-head{gap:13px}.friend-search{margin-top:22px}.friends-columns{grid-template-columns:1fr;gap:26px;margin-top:24px}.friends-drawer{width:min(320px,100vw - 24px);height:min(480px,100vh - 24px);padding:18px 14px 14px;bottom:12px;right:12px}.matchmaking-screen{padding:22px 18px 18px}.matchmaking-stage{gap:24px;padding-block:18px}.matchmaking-radar{width:300px;height:300px;top:40%}.matchmaking-radar__ring--one{width:150px;height:150px}.matchmaking-radar__ring--two{width:220px;height:220px}.matchmaking-radar__ring--three{width:290px;height:290px}.matchmaking-versus{grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr)}.matchmaking-versus:before{top:34px;left:25%;right:25%}.matchmaking-player .avatar,.matchmaking-open-avatar{width:68px;height:68px}.matchmaking-player .avatar__head{width:24px;height:24px;top:12px}.matchmaking-player .avatar__body{width:40px;height:18px;bottom:10px}.matchmaking-beacon{border-width:6px;width:46px;height:46px}.matchmaking-copy h1{font-size:30px}.matchmaking-footer{flex-direction:column;align-items:stretch;gap:15px;padding-top:15px}.matchmaking-rules{justify-content:space-between;gap:16px}.matchmaking-rules>div:last-child{text-align:right}.matchmaking-rules strong{max-width:180px}.matchmaking-cancel{width:100%;min-height:42px}.public-rooms{padding:24px 18px 20px}.public-rooms__head{gap:13px;padding-bottom:20px}.public-rooms__head .hub-back{width:40px;height:40px}.public-rooms__refresh{justify-content:center;width:36px;padding:0;font-size:0}.public-rooms__toolbar{min-height:66px}.public-room-row{grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr) 42px;gap:3px 10px;min-height:78px;padding-right:6px}.public-room-row__signal{grid-row:1/span 2;width:22px;height:22px}.public-room-row__host{grid-column:2;align-self:end}.public-room-row__host small{display:none}.public-room-row__details{grid-column:2;align-self:start}.public-room-row__seats{display:none}.public-room-row__join{grid-area:1/3/span 2;align-self:center}.hub-yard--lobby .lobby-manager{flex:1 1 0;height:auto;min-height:0}.hub-side--lobby{flex-wrap:wrap;padding:10px 12px}.hub-side--lobby .hub-roster{width:100%}.hub-side__room-code{grid-template-columns:1fr auto 14px;width:100%;margin:0}.game-menu{min-height:0}.game-menu__hero{gap:16px;padding:28px 18px}.game-menu__hero:before{width:220px;height:220px}.game-menu__art{border-radius:24px;width:88px;height:88px}.game-menu__art svg{width:50px;height:50px}.game-menu__intro h2{font-size:36px}.game-menu__actions{grid-template-columns:1fr;padding:12px}.game-menu__action--primary{grid-column:auto}.game-menu__action{min-height:66px}.hub-roster{gap:9px}.hub-roster__head{width:52px}.hub-roster__player{grid-template-columns:34px minmax(0,1fr);gap:8px;min-height:50px;padding:0 9px}.hub-roster__player>.avatar,.hub-roster__avatar .avatar{width:34px;height:34px}.hub-roster__player>.avatar .avatar__head,.hub-roster__avatar .avatar__head{width:13px;height:13px;top:6px}.hub-roster__player>.avatar .avatar__body,.hub-roster__avatar .avatar__body{width:22px;height:10px;bottom:5px}.hub-roster__check{border-width:2px;width:13px;height:13px}.hub-roster__state{grid-column:2;margin-top:-6px;font-size:8px}.hub-roster__copy{align-self:end}.hub-roster__copy small{display:none}.players-row{grid-template-columns:1fr 74px 1fr;width:82%;top:22px}.avatar{width:54px;height:54px}.avatar__head{width:20px;height:20px;top:10px}.avatar__body{width:33px;height:15px;bottom:8px}.timer{width:60px;height:60px}.timer__inner span{font-size:21px}.question-stage{width:calc(100% - 42px);top:50%}h1{font-size:29px}.answers-grid{gap:8px}.answer{grid-template-columns:22px 1fr 68px;min-height:58px;padding:0 10px;font-size:14px}.side-tools{display:flex;top:auto;bottom:13px;left:7px}.side-tools button{width:44px;height:44px}.tool-tip{display:none}.chat-popover{top:auto;bottom:58px;left:17px}.close-room{display:none}.lobby-manager{flex:0 0 calc(100svh - 232px);height:calc(100svh - 232px);min-height:0;overflow:hidden}.lobby-form{height:100%;min-height:0}.lobby-form--join{padding:30px 28px}.lobby-setup-bar,.lobby-config-bar{grid-template-columns:1fr;padding:16px}.deck-picker{overscroll-behavior:contain;min-height:0;padding:17px 16px 20px;overflow-y:auto}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.deck-grid--single{grid-template-columns:1fr}.deck-card:not(.deck-card--option){min-height:170px}.deck-card__preview{min-height:105px}.deck-card--option{grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr);align-content:center;gap:2px 8px;min-height:84px;padding:9px}.deck-card__icon{border-radius:10px;grid-row:1/span 2;width:36px;height:36px}.deck-card__icon>svg:not(.deck-card__check){width:20px;height:20px}.deck-card--option .deck-card__copy small{display:none}.deck-card--option .deck-card__copy strong{font-size:13px}.deck-card__count{grid-column:2;place-items:baseline start;gap:3px;display:flex}.deck-card__count strong{font-size:11px}.deck-card__count small{display:inline}.deck-picker--readonly .deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-room-footer,.lobby-form--create .lobby-form__footer{flex:none}.room-settings{grid-template-columns:1fr}.room-settings--fixed .setting-row{min-height:58px}}@media (width<=430px){.players-row{width:88%}.player__meta{font-size:12px}.question-stage{top:48%}.eyebrow{margin-bottom:10px}h1{font-size:26px}.response-label{margin-top:9px}.answers-grid{grid-template-columns:1fr}.answer{min-height:54px}.results-stage{width:calc(100% - 40px);top:50%}.match-summary__head,.match-summary__row{grid-template-columns:34px 1fr 1fr}.match-summary__row>span:not(:first-child){padding-right:10px}.match-summary__row{min-height:38px;font-size:11px}.hub-head{flex-wrap:wrap}.hub-side .avatar{width:54px;height:54px}.hub-side .avatar__head{width:20px;height:20px;top:10px}.hub-side .avatar__body{width:33px;height:15px;bottom:8px}.hub-account-action{justify-content:center;width:35px;min-width:35px;padding:0;font-size:0}.hub-side:not(.hub-side--lobby){flex-wrap:wrap}.hub-side:not(.hub-side--lobby) .hub-side__nav{border-top:1px solid #eff1f2;flex-basis:100%;justify-content:center;width:100%;margin:0;padding-top:10px}.hub-side:not(.hub-side--lobby) .friends-drawer{width:auto;bottom:12px;left:12px;right:12px}.hub-side--lobby .hub-roster__player{grid-template-columns:34px minmax(0,1fr)}.hub-side--lobby .hub-roster__player>.avatar,.hub-side--lobby .hub-roster__avatar .avatar{width:34px;height:34px}.hub-side--lobby .hub-roster__player>.avatar .avatar__head,.hub-side--lobby .hub-roster__avatar .avatar__head{width:13px;height:13px;top:6px}.hub-side--lobby .hub-roster__player>.avatar .avatar__body,.hub-side--lobby .hub-roster__avatar .avatar__body{width:22px;height:10px;bottom:5px}.hub-side__item b,.hub-roster__head{display:none}.hub-roster__list{width:100%}.hub-roster__copy strong{font-size:11px}.hub-lobby-head{align-items:flex-start;gap:12px;min-height:auto;padding-bottom:14px}.hub-lobby-head__title,.lobby-mode{width:100%}.lobby-mode button{flex:1;min-width:0}.lobby-manager{flex-basis:calc(100svh - 260px);height:calc(100svh - 260px)}.chip{padding-inline:5px}.lobby-form--join{padding:26px 22px}.lobby-form__footer{flex-direction:column;align-items:stretch}.lobby-form__footer .primary-button{width:100%}.room-code-chip{grid-template-columns:1fr auto 14px;width:100%}.lobby-room-footer{flex-direction:column;align-items:stretch;padding-inline:18px}.lobby-room-footer .primary-button,.lobby-room-footer .secondary-button{justify-content:center;width:100%}.lobby-room-status{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.word-room{min-height:calc(100svh - 40px)}.word-intro,.word-game,.word-finish{min-height:calc(100svh - 42px);position:relative}.word-intro{place-items:center;display:grid;overflow:hidden}.word-intro__copy{z-index:2;text-align:center;width:min(440px,100% - 48px);margin-top:-116px;position:relative}.word-intro__copy h1{letter-spacing:-.065em;font-size:clamp(52px,7vw,88px);font-weight:510}.word-intro__copy>p:not(.eyebrow){color:#7c8387;width:min(390px,100%);margin:15px auto 23px;font-size:15px;line-height:1.55}.word-intro__copy .primary-button{height:45px;padding-inline:24px}.word-intro__board{transform-origin:50% 100%;grid-template-columns:repeat(5,1fr);gap:10px;width:min(530px,80vw);display:grid;position:absolute;top:calc(50% + 94px);left:50%;transform:translate(-50%)perspective(700px)rotateX(56deg)rotate(-4deg)}.word-intro__board span{aspect-ratio:1;opacity:0;animation:word-tile-enter .42s var(--ease-out) var(--intro-delay) forwards;background:#fafbfb;border:1px solid #e5e8e9;border-radius:18px;place-items:center;display:grid;position:relative;transform:translateY(12px);box-shadow:0 13px 20px #191f2212}.word-intro__board b{letter-spacing:-.05em;font-size:clamp(32px,5vw,60px);font-weight:510}.word-intro__board small{color:#a0a6a9;font-size:12px;font-weight:600;position:absolute;bottom:10%;right:13%}.word-intro__rules{color:#9ba1a4;white-space:nowrap;gap:28px;font-size:11px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.word-intro__rules b{color:#565d60;margin-right:4px;font-weight:620}.word-game{padding:0 24px 24px}.word-online-waiting__content{text-align:center;place-content:center;justify-items:center;min-height:calc(100svh - 150px);padding-bottom:30px;display:grid}.word-online-waiting__content h1{font-variant-numeric:tabular-nums;letter-spacing:.18em;margin:0;padding-left:.18em;font-size:clamp(54px,8vw,78px);font-weight:480;line-height:1}.word-online-waiting__status{color:#8b9296;margin:18px 0 0;font-size:12px}.word-online-waiting__status span{background:var(--cyan);border-radius:50%;width:5px;height:5px;margin:0 7px 1px 0;animation:1.8s ease-in-out infinite live-pulse;display:inline-block}.word-online-waiting .invite-button{margin-top:18px}.word-online-waiting__seat{grid-template-columns:1fr 36px 1fr;align-items:center;width:min(430px,82vw);margin-top:34px;display:grid}.word-online-waiting__seat>i{background:#e2e5e6;justify-self:center;width:18px;height:1px}.word-rematch-wait{color:#8d9498;margin:15px 0 0;font-size:12px}.word-game__header{grid-template-columns:44px 1fr 44px;align-items:center;height:72px;display:grid}.word-game__invite{justify-self:end}.word-icon-button,.word-rules__close{color:#8e9598;cursor:pointer;width:44px;height:44px;transition:color .16s ease, background .16s ease, transform .12s var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.word-icon-button:active,.word-rules__close:active,.word-power:active:not(:disabled),.word-alphabet button:active{transform:scale(.96)}.word-scoreboard{grid-template-columns:1fr 92px 1fr;align-items:center;width:min(600px,88%);height:102px;margin:0 auto;display:grid}.word-player{color:#92989b;grid-template-columns:44px minmax(0,auto) minmax(44px,1fr);align-items:center;gap:10px;min-width:0;transition:color .2s,opacity .2s;display:grid}.word-player:last-child{direction:rtl}.word-player:last-child .word-player__copy,.word-player:last-child>strong{direction:ltr}.word-player--active{color:#242829}.word-player--offline{opacity:.4}.word-solo-status{color:#999fa2;justify-self:end;justify-items:end;gap:4px;font-size:11px;display:grid}.word-solo-status strong{color:#383d3f;font-variant-numeric:tabular-nums;font-size:17px;font-weight:520}.word-player__mark{color:#6f970f;background:#edf7d7;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;font-weight:650;display:grid;box-shadow:inset 0 0 0 1px #a6d51c38}.word-player__mark--bot{color:#50575a;background:#f0f2f2;box-shadow:inset 0 0 0 1px #e5e8e9}.word-player__copy{gap:3px;display:grid}.word-player__copy b{text-overflow:ellipsis;font-size:13px;font-weight:560;overflow:hidden}.word-player__copy small{color:#a2a8ab;align-items:center;gap:3px;font-size:11px;display:flex}.word-player>strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;justify-self:end;font-size:20px;font-weight:520}.word-player:last-child>strong{justify-self:start}.word-player--score-bump .word-player__mark{animation:word-avatar-score .26s var(--ease-out)}.word-player--score-bump>strong{color:var(--cyan-dark);animation:word-score-settle .26s var(--ease-out)}.word-round-timer{--timer-progress:360deg;background:conic-gradient(var(--cyan) var(--timer-progress), #eef1f2 0);text-align:center;border-radius:50%;place-content:center;justify-self:center;width:70px;height:70px;display:grid;position:relative}.word-round-timer:after{content:"";border-radius:inherit;background:#fff;position:absolute;inset:3px}.word-round-timer span{z-index:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:20px;font-weight:560;position:relative}.word-round-timer--urgent{background:conic-gradient(#ff7e63 var(--timer-progress), #eef1f2 0)}.word-stage{justify-items:stretch;width:min(500px,100%);margin:3px auto 0;display:grid}.word-turn-copy{text-align:center;min-height:70px}.word-turn-copy .eyebrow{color:#a0a6a9;margin:0 0 6px;font-size:10px}.word-current{justify-content:center;align-items:center;min-height:29px;display:flex;position:relative}.word-current>span{color:#2a2e30;letter-spacing:.13em;text-transform:uppercase;font-size:23px;font-weight:510}.word-current>button{color:#969da0;cursor:pointer;background:0 0;border:0;font-size:11px;position:absolute;right:0}.word-notice{color:#949b9e;height:18px;margin:2px 0 0;font-size:11px;transition:color .18s}.word-notice--error{color:var(--coral)}.word-board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-columns:repeat(5,1fr);gap:7px;width:100%;display:grid;position:relative}.word-path-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.word-path-lines line{stroke:#11bdec8c;stroke-width:2px;vector-effect:non-scaling-stroke}.word-path-lines .word-path-line--rival{stroke:#7c5cd69e}.word-tile{z-index:2;color:#25292b;cursor:pointer;opacity:0;min-width:0;animation:word-tile-enter .24s var(--ease-out) var(--tile-delay) forwards;transition:transform .15s var(--ease-out), border-color .15s ease, background .15s ease, box-shadow .15s ease, opacity .15s ease;background:#fafbfb;border:1px solid #e8ebec;border-radius:13px;place-items:center;display:grid;position:relative;transform:translateY(7px)}.word-tile:disabled{cursor:default}.word-tile b{letter-spacing:-.04em;font-size:clamp(23px,3.5vw,32px);font-weight:510;line-height:1}.word-tile>small{color:#9da3a6;font-size:10px;font-weight:620;position:absolute;bottom:7px;right:9px}.word-tile--selected{background:#f0fbfe;border-color:#11bdec99;transform:translateY(-2px)scale(1.025);box-shadow:0 5px 14px #008cc71a}.word-board--cast-failed{animation:word-cast-failed-shake .26s var(--ease-out)}.word-tile--failed,.word-tile--double-word.word-tile--failed{color:var(--coral);background:#fff2f0;border-color:#ef695eb3;transition-duration:60ms;box-shadow:0 0 0 3px #ef695e1a}.word-tile--cast-success,.word-tile--double-word.word-tile--cast-success{color:#9bbbc4;box-shadow:none;background:#f4fbfd;border-color:#11bdec33;transform:scale(.96);opacity:.34!important}.word-letter-flights{z-index:20;pointer-events:none;position:fixed;inset:0}.word-letter-flight{width:28px;height:28px;color:var(--cyan-dark);animation:word-letter-flight 1.25s cubic-bezier(.22, .78, .22, 1) var(--flight-delay) both;background:#effbfe;border:1px solid #11bdec47;border-radius:8px;place-items:center;font-size:13px;font-weight:680;display:grid;position:fixed;transform:translate(-50%,-50%);box-shadow:0 7px 18px #008cc729}.word-tile--rival-selected{background:#f6f2ff;border-color:#7c5cd69e;transform:translateY(-2px)scale(1.025);box-shadow:0 5px 14px #5b3dae1f;opacity:1!important}.word-tile--rival-hovered:not(.word-tile--rival-selected){background:#fbf9ff;border-color:#7c5cd675;transform:translateY(-2px);box-shadow:0 0 0 3px #7c5cd614;opacity:.9!important}.word-tile--rival-pressed{border-color:#7c5cd6b8;transform:scale(.97);box-shadow:inset 0 0 0 2px #7c5cd629;opacity:1!important}.word-tile--double-word{border-color:#d64f846b;box-shadow:inset 0 0 0 1px #d64f841c}.word-tile--double-word.word-tile--selected{border-color:#11bdec99;box-shadow:0 5px 14px #008cc71a}.word-tile--swap{background:#fffbf2;border-color:#e2aa3f;box-shadow:0 0 0 3px #e2aa3f1f}.word-board--locked .word-tile:not(.word-tile--selected):not(.word-tile--rival-selected):not(.word-tile--rival-hovered):not(.word-tile--rival-pressed){opacity:.55!important}.word-current__rival{color:#6545be!important}.word-tile__bonus{color:#168aab;background:#eef8fb;border-radius:5px;place-items:center;min-width:20px;height:15px;padding:0 4px;font-size:9px;font-style:normal;font-weight:700;line-height:1;display:grid;position:absolute;top:6px;left:6px}.word-tile__bonus--tl{color:#a46a25;background:#fff5e8}.word-tile__bonus--2x,.word-tile__bonus--gem{color:#d64f84;background:#fff0f5}.word-live-score{border-bottom:1px solid #eef0f1;grid-template-columns:1fr;align-items:center;gap:12px;min-height:60px;display:grid}.word-live-score__detail{align-items:baseline;gap:9px;display:flex}.word-live-score__detail b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:530}.word-live-score__detail small{color:#949a9d;font-size:11px}.word-powers{grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;min-height:57px;display:grid}.word-power{color:#697073;cursor:pointer;height:44px;transition:transform .12s var(--ease-out), background .16s ease, color .16s ease, opacity .16s ease;background:#f5f5f5;border:0;border-radius:999px;grid-template-rows:1fr 1fr;grid-template-columns:18px auto;justify-content:center;align-items:center;column-gap:3px;display:grid}.word-power svg{grid-row:1/3}.word-power span{align-self:end;font-size:11px}.word-power small{color:#b0b5b7;align-self:start;align-items:center;gap:2px;font-size:9px;display:flex}.word-power:disabled{opacity:.28;cursor:default}.word-alphabet{z-index:8;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);transform-origin:50% 100%;width:min(520px,100% - 32px);animation:word-popover-in .18s var(--ease-out) both;background:#ffffffe6;border:1px solid #e0e4e5cc;border-radius:14px;padding:12px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #15191b1a}.word-alphabet>span{color:#8c9396;text-align:center;margin-bottom:8px;font-size:11px;display:block}.word-alphabet>div{grid-template-columns:repeat(13,1fr);gap:3px;display:grid}.word-alphabet button{aspect-ratio:1;color:#34393b;cursor:pointer;transition:transform .1s var(--ease-out), border-color .15s ease, background .15s ease;background:#fafbfb;border:1px solid #eceeef;border-radius:6px;font-size:11px}.word-round-recap{z-index:7;color:#6f7679;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);animation:word-recap-in .24s var(--ease-out) both;white-space:nowrap;background:#ffffffe6;border:1px solid #e3e6e7cc;border-radius:999px;align-items:center;gap:12px;padding:13px 17px;font-size:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 15px 40px #161b1d1a}.word-round-recap>svg{color:#d4a52d}.word-round-recap b{color:#25292b;font-weight:600}.word-round-recap i{background:#e4e7e8;width:1px;height:16px}.word-rules-scrim{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f6f6b8;place-items:center;padding:20px;animation:.16s ease-out both word-scrim-in;display:grid;position:absolute;inset:0}.word-rules{width:min(560px,100%);max-height:calc(100svh - 80px);animation:word-dialog-in .22s var(--ease-out) both;background:#fff;border:1px solid #e7eaeb;border-radius:20px;padding:34px;position:relative;overflow:auto;box-shadow:0 25px 70px #161b1d1f}.word-rules__close{position:absolute;top:14px;right:14px}.word-rules h2{letter-spacing:-.045em;margin:0 0 25px;font-size:clamp(25px,4vw,34px);font-weight:510}.word-rules__list{border-top:1px solid #eceeef;display:grid}.word-rules__list p{color:#7f8689;border-bottom:1px solid #eceeef;grid-template-columns:72px 1fr;align-items:center;min-height:54px;margin:0;font-size:13px;line-height:1.4;display:grid}.word-rules__list b{color:#33383a;font-weight:580}.word-values{grid-template-columns:repeat(13,1fr);gap:4px;margin-top:22px;display:grid}.word-values span{aspect-ratio:1;color:#454b4d;border:1px solid #eceeef;border-radius:6px;place-items:center;font-size:11px;display:grid}.word-values small{color:#a0a6a9;font-size:8px}.word-finish{text-align:center;animation:word-finish-in .3s var(--ease-out) both;place-content:center;justify-items:center;padding:40px 24px;display:grid}.word-finish h1{font-size:clamp(34px,5vw,55px)}.word-final-score{align-items:center;gap:19px;margin:22px 0;display:flex}.word-final-score span{font-variant-numeric:tabular-nums;letter-spacing:-.04em;gap:3px;min-width:72px;font-size:26px;font-weight:520;display:grid}.word-final-score small{color:#979da0;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:500}.word-final-score i{background:#dfe3e4;width:30px;height:1px}.word-final-score--solo span{min-width:120px}.word-history{text-align:left;border-top:1px solid #e8ebec;width:min(600px,80vw)}.word-history>div{color:#555c5f;border-bottom:1px solid #eef0f1;grid-template-columns:58px 1fr 1fr;align-items:center;min-height:38px;font-size:12px;display:grid}.word-history>div:first-child{color:#a0a6a9;letter-spacing:.08em;text-transform:uppercase;min-height:31px;font-size:10px}.word-history span:not(:first-child){justify-content:space-between;padding-right:28px;display:flex}.word-history b{color:#9ba1a4;font-size:11px;font-weight:520}.word-history--solo>div{grid-template-columns:58px 1fr}.word-gem-note{color:#a0a6a9;margin:14px 0 0;font-size:11px}.word-finish__actions{gap:8px;margin-top:20px;display:flex}.word-finish__actions .primary-button,.word-finish__actions .secondary-button{min-width:130px;margin:0}@media (hover:hover) and (pointer:fine){.word-icon-button:hover,.word-rules__close:hover{color:#313638;background:#f2f4f4}.word-tile:hover:not(:disabled):not(.word-tile--selected){background:#fff;border-color:#11bdec4d;transform:translateY(-2px)}.word-tile:active:not(:disabled){transform:scale(.97)}.word-power:hover:not(:disabled){color:var(--cyan-dark);background:#f3fafc}.word-alphabet button:hover{background:#f2fbfd;border-color:#11bdec66}}@media (height<=800px) and (width>=721px){.word-game__header{height:52px}.word-scoreboard{height:76px}.word-round-timer{width:60px;height:60px}.word-stage{width:min(410px,100%)}.word-turn-copy{min-height:56px}.word-current>span{font-size:18px}.word-live-score{min-height:50px}.word-powers{min-height:48px}}@media (width<=720px){.word-room,.word-intro,.word-game,.word-finish{min-height:100svh}.word-game{padding:0 15px max(10px, env(safe-area-inset-bottom))}.word-game__header{height:58px;padding-top:env(safe-area-inset-top)}.word-scoreboard{grid-template-columns:1fr 72px 1fr;width:100%;height:82px}.word-player{grid-template-columns:36px minmax(0,auto) minmax(30px,1fr);gap:7px}.word-player__mark{width:36px;height:36px}.word-round-timer{width:60px;height:60px}.word-stage{width:min(460px,100vw - 30px)}.word-turn-copy{min-height:61px}.word-board{gap:6px}.word-tile{border-radius:11px}.word-tile>small{bottom:5px;right:7px}.word-intro__copy{margin-top:-142px}.word-intro__board{gap:7px;width:min(520px,112vw);top:calc(50% + 76px)}.word-intro__board span{border-radius:13px}.word-intro__rules{bottom:max(18px, env(safe-area-inset-bottom));gap:14px}.word-rules{padding:29px 20px 20px}.word-values{grid-template-columns:repeat(9,1fr)}}@media (width<=430px){.word-player__copy small{display:none}.word-player{grid-template-columns:32px 1fr}.word-player__mark{width:32px;height:32px}.word-player>strong{grid-column:2;justify-self:start;margin-top:-12px;font-size:15px}.word-player:last-child>strong{justify-self:end}.word-round-timer{width:60px;height:60px}.word-board{gap:5px}.word-live-score__detail small{display:none}.word-power{grid-template-columns:15px auto;column-gap:2px}.word-power svg{width:13px}.word-round-recap{justify-content:center;gap:7px;width:calc(100% - 28px);padding-inline:10px;font-size:10px}.word-alphabet>div{grid-template-columns:repeat(9,1fr)}.word-intro__copy h1{font-size:52px}.word-intro__copy>p:not(.eyebrow){font-size:14px}.word-intro__rules span:last-child{display:none}.word-history{width:calc(100vw - 36px)}.word-history>div{grid-template-columns:42px 1fr 1fr}.word-history span:not(:first-child){padding-right:10px}.word-finish__actions{width:100%;display:grid}}@keyframes word-tile-enter{to{opacity:1;transform:translateY(0)}}@keyframes word-cast-failed-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes word-letter-flight{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}28%{opacity:1;transform:translate(calc(-50% + var(--middle-x)), calc(-50% + var(--middle-y))) scale(1.3)}66%{opacity:1;transform:translate(calc(-50% + var(--middle-x)), calc(-50% + var(--middle-y))) scale(1.3)}to{opacity:0;transform:translate(calc(-50% + var(--flight-x)), calc(-50% + var(--flight-y))) scale(.42)}}@keyframes word-avatar-score{50%{transform:scale(1.09);box-shadow:inset 0 0 0 1px #a6d51c4d,0 0 0 5px #11bdec1a}}@keyframes word-score-settle{0%{opacity:.45;transform:translateY(3px)}}@keyframes word-popover-in{0%{opacity:0;transform:translate(-50%)translateY(7px)scale(.98)}}@keyframes word-recap-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))scale(.97)}}@keyframes word-scrim-in{0%{opacity:0}}@keyframes word-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes word-finish-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.word-board--cast-failed,.word-player--score-bump .word-player__mark,.word-player--score-bump>strong{animation:none}.word-letter-flight{animation-delay:0s!important}.word-intro__board span,.word-tile,.word-alphabet,.word-round-recap,.word-rules-scrim,.word-rules,.word-finish{transform:none;animation-duration:1ms!important}.word-alphabet{transform:translate(-50%)}.word-round-recap{transform:translate(-50%,-50%)}.word-tile--selected,.word-tile--rival-selected,.word-tile--rival-hovered,.word-tile--rival-pressed{transform:none}}@media (prefers-reduced-transparency:reduce){.word-alphabet,.word-round-recap,.word-rules-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}.app-shell--battleship{background:var(--room);min-height:100svh;padding:0}.battleship-shell{--battle-ink:var(--ink);--battle-muted:var(--muted);--battle-line:var(--line);--battle-orange:var(--cyan-dark);--battle-water:var(--surface);width:100%;min-height:100svh;color:var(--text);background:var(--room);box-shadow:none;background-image:none;border:0;border-radius:0;overflow:auto}.battle-topbar{min-height:64px;color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;padding:0 24px}.battle-brand{gap:8px}.battle-brand svg{color:var(--cyan-dark)}.battle-brand>span{color:var(--ink);letter-spacing:.04em;font-size:14px;font-weight:520}.battle-brand>span b{font-weight:650}.battle-brand>small{border-color:var(--line);color:var(--muted);font-weight:600}.battle-versus{color:var(--text)}.battle-versus b{color:var(--faint)}.battle-player-dot{box-shadow:none;background:#d4d9db}.battle-player-dot--self{background:var(--lime);box-shadow:0 0 0 4px #a6d51c1f}.battle-player-dot--rival{background:var(--ink);box-shadow:0 0 0 4px #15171812}.battle-room-actions button{border-color:var(--line);color:#687075;background:var(--surface);min-width:44px;min-height:44px;transition:color .18s ease, border-color .18s ease, background .18s ease, transform .14s var(--ease-out);border-radius:999px;padding:0 13px}.battle-room-actions button:active{transform:scale(.97)}.battle-placement{width:min(1100px,100% - 64px);animation:battle-stage-in .26s var(--ease-out) both;grid-template-columns:minmax(440px,620px) minmax(280px,350px);gap:clamp(40px,6vw,84px);padding:clamp(26px,4vh,44px) 0 36px}.battle-section-head{margin-bottom:16px}.battle-section-head>div>span,.battle-command>span{color:var(--cyan-dark);letter-spacing:.16em;font-weight:650}.battle-section-head h2{color:var(--ink);letter-spacing:-.04em;font-weight:520}.battle-section-head>strong{color:var(--muted);font-weight:560}.battle-status i{background:#c8ced0}.battle-status--ready{color:var(--lime-dark)!important}.battle-status--ready i{background:var(--lime);box-shadow:0 0 0 4px #a6d51c1f}.battle-grid-wrap{max-width:min(620px,100svh - 190px)}.battle-grid-cols span,.battle-grid-rows span{color:var(--muted);font-weight:600}.battle-grid{background:var(--surface);box-shadow:none;border-color:#e2e6e7;border-radius:12px}.battle-cell{transition:background .18s ease, box-shadow .18s ease, transform .14s var(--ease-out);background:0 0;border-bottom-color:#e9eced;border-right-color:#e9eced}.battle-cell:active:not(:disabled){transform:scale(.95)}.battle-cell--ship:before{background:var(--lime-soft);border-color:#54740b42;border-radius:4px;inset:15%;box-shadow:inset 0 0 0 1px #a6d51c2e}.battle-cell--selected-ship{background:var(--cyan-soft)}.battle-cell--selected-ship:before{border-color:#008cc785;box-shadow:inset 0 0 0 1px #11bdec2e}.battle-cell--miss>span{background:#aeb6b9;box-shadow:0 0 0 4px #8b929614}.battle-cell--hit>span{background:var(--coral);animation-duration:.22s;animation-timing-function:var(--ease-out);box-shadow:0 0 0 4px #b956451c}.battle-cell--sunk{background:var(--coral-soft)}.battle-dock-head{border-color:var(--line);color:var(--muted)}.battle-dock-head svg{color:var(--cyan-dark)}.battle-ship-list{border-color:var(--line)}.battle-ship-row{color:#636b6f;border-bottom-color:var(--line);transition:color .18s ease, background .18s ease, transform .14s var(--ease-out)}.battle-ship-row:active:not(:disabled){transform:scale(.98)}.battle-ship-row--selected{color:var(--cyan-dark);background:var(--cyan-soft)}.battle-ship-row small{color:var(--muted)}.battle-ship-row>i,.battle-ship-pip>i{background:#e7eaeb;border-color:#c6ccce}.battle-ship-row>b{color:var(--muted)}.battle-placement-actions button,.battle-invite-button{border-color:var(--line);color:#626a6e;min-height:44px;transition:color .18s ease, border-color .18s ease, background .18s ease, transform .14s var(--ease-out);background:#fff;border-radius:999px}.battle-placement-actions button:active,.battle-invite-button:active{transform:scale(.97)}.battle-placement-note{color:var(--muted)}.battle-ready-button{color:#fff;background:var(--ink);min-height:48px;box-shadow:none;transition:background .18s ease, transform .14s var(--ease-out);border-radius:999px;font-weight:600}.battle-ready-button:hover:not(:disabled){background:var(--cyan-dark);transform:none}.battle-ready-button:active:not(:disabled){transform:scale(.97)}.battle-ready-button:disabled{color:var(--muted);background:#eef0f1}.battle-lobby-state{border-color:var(--line);color:var(--muted)}.battle-lobby-state strong{color:var(--text);font-weight:520}.battle-lobby-state small{color:var(--muted)}.battle-lobby-state>i{background:#d2d7d9}.battle-lobby-state>.battle-online-dot{background:var(--lime);box-shadow:0 0 0 4px #a6d51c1c}.battle-rules{border-color:var(--line)}.battle-rules summary{color:var(--muted)}.battle-rules[open] summary{color:var(--ink)}.battle-rules p{color:#727a7e}.battle-combat{width:min(1280px,100% - 64px);animation:battle-stage-in .26s var(--ease-out) both;padding:8px 0 32px}.battle-command{margin-bottom:clamp(20px,3vh,30px)}.battle-command h1{color:var(--ink);letter-spacing:-.045em;font-weight:520}.battle-command p{color:var(--muted)}.battle-boards{grid-template-columns:minmax(400px,1.06fr) minmax(340px,.94fr);gap:clamp(40px,6vw,80px)}.battle-board{flex-direction:column;align-items:stretch;display:flex}.battle-board .battle-grid-wrap{width:min(100%,100svh - 250px);max-width:590px}.battle-board--target .battle-grid-wrap{align-self:flex-start}.battle-board--own{opacity:.72}.battle-combat--your-turn .battle-board--target .battle-grid{box-shadow:0 0 0 3px var(--cyan-soft);border-color:#11bdec80}.battle-combat--finished .battle-board{opacity:.72}.battle-grid-wrap--target .battle-grid{background:var(--surface)}.battle-fleet-status{padding-left:24px}.battle-ship-pip{color:var(--muted)}.battle-ship-pip--sunk{color:var(--coral);opacity:.55}.battle-ship-pip--sunk>i{border-color:var(--coral-line);background:var(--coral-soft)}.battle-result-actions{border-color:var(--line);color:var(--text)}.battle-result-actions button{background:var(--ink);min-height:44px;transition:background .18s ease, transform .14s var(--ease-out);border-radius:999px;padding:0 20px;font-weight:560}.battle-result-actions button:active{transform:scale(.97)}.battle-result-actions small{color:var(--muted)}.battle-connection-banner{color:var(--amber);background:var(--amber-soft);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#f1d3aa}.battle-cell:not(:disabled):hover{box-shadow:none;background:0 0}.battle-ship-row:hover:not(:disabled){padding-left:9px}@media (hover:hover) and (pointer:fine){.battle-room-actions button:hover{color:var(--cyan-dark);background:var(--cyan-soft);border-color:#11bdec4d}.battle-cell:not(:disabled):hover{background:var(--cyan-soft);box-shadow:inset 0 0 0 1px #11bdec73}.battle-ship-row:hover:not(:disabled){color:var(--ink);background:var(--surface);padding-left:9px;transform:translateY(-1px)}.battle-placement-actions button:hover:not(:disabled),.battle-invite-button:hover{color:var(--cyan-dark);background:var(--cyan-soft);border-color:#11bdec4d}.battle-result-actions button:hover{background:var(--cyan-dark)}}@media (height<=800px) and (width>=901px){.app-shell--battleship{padding:0}.battleship-shell{min-height:100svh}.battle-topbar{min-height:56px}.battle-placement{padding-top:14px}.battle-grid-wrap{max-width:min(540px,100svh - 150px)}.battle-combat{padding-top:0}.battle-command{margin-bottom:12px}.battle-command h1{font-size:28px}.battle-board .battle-grid-wrap{width:min(100%,100svh - 285px);max-width:460px}}@media (width<=900px){.app-shell--battleship{padding:0}.battleship-shell{min-height:100svh}.battle-topbar{padding:0 18px}.battle-placement,.battle-combat{width:min(680px,100% - 34px)}.battle-placement__dock{display:block}.battle-board .battle-grid-wrap{width:100%;max-width:620px}.battle-boards{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.app-shell--battleship{background:#fff;padding:0}.battleship-shell{min-height:100svh}}@media (width<=560px){.battle-topbar{min-height:58px;padding:0 12px}.battle-placement,.battle-combat{width:calc(100% - 24px)}.battle-placement{padding-top:20px}.battle-command h1{font-size:27px}.battle-grid{border-radius:9px}}@media (prefers-reduced-transparency:reduce){.battle-topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}@media (prefers-contrast:more){.battle-grid,.battle-room-actions button,.battle-placement-actions button,.battle-invite-button{border-color:#aeb5b8}}