@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#172338;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;max-width:1440px;margin:auto;padding:28px 5vw 24px;display:flex;flex-direction:column}.top{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce1e8}.brand{display:flex;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;letter-spacing:.07em}.brand-mark{font-size:34px;font-weight:600;letter-spacing:-.24em;color:#ed765c;padding-right:9px;line-height:1}.brand-mark i{font-style:normal;color:#293f7a}.brand-light{font-weight:400}.language-picker{display:flex;align-items:center;gap:9px;color:#657787;font-size:12px;font-weight:700}.language-picker select{appearance:none;border:1px solid #dce1e8;border-radius:7px;background:#fff;color:#354a64;font:inherit;padding:7px 28px 7px 9px;background-image:linear-gradient(45deg,transparent 50%,#657787 50%),linear-gradient(135deg,#657787 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 9px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.language-picker select:focus-visible{outline:3px solid #ed765c33;border-color:#ed765c}.top-note{font-size:12px;color:#7a8796}.layout{display:grid;grid-template-columns:1fr minmax(440px,540px);gap:7vw;align-items:center;flex:1;padding:58px 0}.side{max-width:540px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:#e56f58}.side h1{font-family:Space Grotesk,sans-serif;font-size:clamp(48px,5vw,78px);line-height:1.04;letter-spacing:-.065em;margin:23px 0 28px}.side h1 em{font-style:normal;color:#ed765c}.side p{font-size:16px;line-height:1.8;color:#718091;max-width:410px;margin:0 0 45px}.rules{display:grid;gap:14px}.rules span{font-size:13px;color:#526173}.rules b{color:#ef785e;margin-right:15px;font-size:12px}.side-bottom{border-top:1px solid #dce1e8;max-width:420px;margin-top:54px;padding-top:18px;color:#9ba6b2;font-size:12px;display:flex;justify-content:space-between}.side-bottom span{font-size:18px}.card{background:#fff;border:1px solid #e5e9ee;border-radius:22px;box-shadow:0 28px 60px #182c5017;min-height:590px;padding:26px 32px;display:flex;flex-direction:column}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center}.live{font-size:10px;font-weight:800;letter-spacing:.13em;color:#657787}.dot{display:inline-block;width:7px;height:7px;background:#6ccda8;border-radius:50%;margin-right:6px}.phase-tag{align-self:flex-start;border:1px solid #edf0f3;border-radius:50px;background:#f8f9fb;color:#65798b;font-size:11px;font-weight:700;padding:7px 11px;margin-top:20px}.leave-game{align-self:flex-start;margin-top:20px;border:1px solid #f1c9c1;border-radius:50px;background:#fff7f5;color:#c75c49;padding:7px 11px;font-size:11px;font-weight:700}.leave-game:hover:not(:disabled){background:#ffebe7}.center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px 12px 32px}.center h2{font-family:Space Grotesk,sans-serif;font-size:28px;letter-spacing:-.04em;margin:10px 0}.center h3{margin:2px 0 10px;color:#526173;font-size:15px;font-weight:700}.center .selected-game-title{font-size:30px;margin-bottom:2px}.center p{font-size:13px;line-height:1.7;color:#8290a0;margin:0 0 26px;max-width:300px}.illustration{font-family:Space Grotesk;font-size:86px;font-weight:600;letter-spacing:-.2em;padding-right:15px;color:#ed765c;line-height:1.2}.illustration span{color:#293f7a}.center form{width:100%;max-width:340px;text-align:left}.center label{font-size:11px;font-weight:800;color:#44566a;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:9px}.center input{width:100%;height:48px;border:1px solid #dce3e9;border-radius:9px;padding:0 14px;font:inherit;outline:0}.center input:focus{border-color:#ed765c;box-shadow:0 0 0 3px #ed765c22}button{cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.58}.primary,.secondary{border:0;border-radius:9px;min-height:47px;padding:12px 20px;font-weight:800;font-size:13px}.primary{background:#ed765c;color:#fff;box-shadow:0 8px 18px #ed765c33}.primary:hover:not(:disabled){background:#df654c}.primary span{margin-left:20px;font-size:17px}.secondary{background:#f1f4f7;color:#405269}.center form .primary{width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center}.center>.primary{min-width:180px}.game-options{display:grid;gap:10px;width:min(100%,380px)}.game-option{min-height:0;padding:14px 16px;text-align:left}.game-option strong,.game-option small{display:block}.game-option small{margin-top:4px;font-weight:500;line-height:1.35;opacity:.82}.game-choice-hint{margin-top:15px!important}.card-bottom{border-top:1px solid #eef1f4;padding-top:20px;font-size:11px;color:#a1acb8}.loader{width:48px;height:48px;border:3px solid #fae3de;border-top-color:#e8765d;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.notice{padding:10px 13px;border-radius:8px;font-size:12px;margin-top:12px}.danger{background:#fff1ee;color:#a84232}.info{background:#f1f5fb;color:#526b8d}.versus{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;font-weight:700;overflow:hidden}.versus span{overflow:hidden;text-overflow:ellipsis}.versus b{font-size:11px;color:#ed765c}.countdown{font-family:Space Grotesk;font-size:50px;color:#ed765c;font-weight:700;margin:-8px 0 18px}.countdown small{font-size:15px}.actions{display:flex;gap:10px}.game{flex:1;padding:17px 0 22px;display:flex;flex-direction:column;align-items:stretch}.players{display:flex;align-items:center;justify-content:space-between;gap:8px}.player{display:flex;align-items:center;gap:8px;min-width:0}.player div{min-width:0}.player small{display:block;font-size:9px;letter-spacing:.1em;color:#a0aaba;font-weight:800}.player strong{display:block;font-size:14px;max-width:135px;overflow:hidden;text-overflow:ellipsis}.player.right{text-align:right}.thinking-clock{width:76px;height:30px;display:grid;grid-template-columns:15px 1fr;align-items:center;flex:none;overflow:hidden;border:1px solid #253b59;border-radius:5px;background:#172b45;box-shadow:inset 0 1px #ffffff1c,0 2px 4px #172b4522;color:#f9fbff;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}.clock-face{display:grid;align-self:stretch;place-items:center;background:#ed765c;color:#fff;font-size:12px}.clock-value{min-width:0;padding-right:4px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.symbol{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;font-family:Space Grotesk;font-size:32px;font-weight:700;flex:none}.symbol.x{background:#ffede9;color:#ec7258}.symbol.o{background:#e8edf8;color:#38548f;-webkit-text-stroke:1px currentColor;paint-order:stroke fill}.symbol-mark{display:block;line-height:1}.symbol.o .symbol-mark{transform:translateY(-2px)}.vs-small{font-size:10px;color:#9daab8;font-weight:800}.turnline{display:flex;justify-content:space-between;margin:20px 0 12px;font-size:12px;font-weight:800;color:#354a64}.turnline b{color:#ed765c}.double-score{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:-3px 0 10px;color:#718091;font-size:10px;font-weight:700}.double-score strong{color:#ed765c;font-family:Space Grotesk,sans-serif;font-size:18px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,520px,calc(100dvh - 250px));aspect-ratio:1;margin:auto;container-type:inline-size}.cell{min-width:0;min-height:0;aspect-ratio:1;padding:0;display:grid;place-items:center;border:1px solid #e5eaf0;background:#f8fafc;border-radius:10px;transition:background .15s,transform .15s}.cell:hover:not(:disabled){background:#f0f3f8;transform:scale(1.02)}.cell:disabled{opacity:1}.cell-x{color:#e87359}.cell-o{color:#38548f}.board-mark{display:block;width:50%;height:50%;overflow:visible}.board-mark path,.board-mark circle{fill:none;stroke:currentColor;stroke-width:18;stroke-linecap:round}.cell.win{background:#f44336;color:#fff;border-color:#f44336}.game-foot{display:flex;justify-content:space-between;color:#a1acb8;font-size:10px;margin:15px 0 0}.end-actions{display:grid;gap:9px;margin-top:20px}.other{margin-top:20px}.game-mode{max-width:none;min-height:100dvh;padding:0}.game-mode .top,.game-mode .side,.game-mode>footer{display:none}.game-mode .layout{display:flex;min-height:100dvh;padding:0}.game-mode .card{width:100%;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:28px clamp(22px,6vw,88px)}.game-mode .game{width:min(100%,680px);margin:auto;justify-content:center}footer{border-top:1px solid #dce1e8;padding-top:18px;display:flex;justify-content:flex-end;color:#9aa7b5;font-size:11px}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:32px}.side{max-width:100%}.side h1{font-size:46px}.side p{margin-bottom:25px}.side-bottom{display:none}.card{min-height:570px;max-width:600px;width:100%;margin:auto}}@media(max-width:560px){.shell{padding:16px}.game-mode{padding:0}.game-mode .card{padding:16px}.game-mode .game{padding:8px 0}.game-mode .turnline{margin:12px 0 8px}.game-mode .game-foot{margin-top:10px}.top-note,.brand-light,.language-picker span{display:none}.layout{padding:32px 0}.side h1{font-size:38px;margin:15px 0}.side p{font-size:14px}.rules{display:none}.card{padding:20px;min-height:550px}.board{width:min(100%,300px)}}