.games-space{--game-primary:#be123c;max-width:1120px;margin:auto;padding:24px 20px 50px;color:#172033;min-height:100dvh;font-family:Arial,Tahoma,sans-serif}.games-space *{box-sizing:border-box}.games-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.games-header>a{font-size:20px;font-weight:900;text-decoration:none}.games-space button,.games-space select{font:inherit;border:1px solid #ddd;border-radius:12px;padding:10px 16px;background:white;cursor:pointer;color:#172033;min-height:44px}.games-space button:disabled{cursor:default;opacity:.55}.games-space :focus-visible{outline:3px solid var(--game-primary);outline-offset:3px}.games-intro{padding:8px 0 24px;max-width:700px}.games-eyebrow{color:var(--game-primary);font-size:12px;font-weight:900;letter-spacing:.18em}.games-space h1{font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.2;margin:18px 0}.games-intro p{font-size:19px;line-height:1.9;margin:18px 0;color:#556175}.games-intro>span:last-child{color:#6b7280;font-size:13px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.game-card{background:white;border:1px solid #e7e7ec;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #17203308}.game-card>img{display:block;width:100%;height:auto;aspect-ratio:12/7;object-fit:cover}.game-card>div{padding:24px}.game-card h2{font-size:24px;font-weight:800;margin:0 0 10px}.game-card p{color:#606a7b;line-height:1.8;min-height:58px;margin:0 0 20px}.games-space .game-primary{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--game-primary);border:1px solid var(--game-primary);color:white!important;border-radius:12px;padding:12px 22px;font-weight:700;text-decoration:none;min-height:44px}.games-note{color:#6b7280;font-size:13px;text-align:center;margin:30px 0;line-height:1.8}.game-player{max-width:720px;text-align:center}.game-player h1{font-size:36px}.game-surface{border:1px solid #e5e7eb;border-radius:24px;background:white;padding:24px 18px;box-shadow:0 12px 40px #17203308}.game-surface>p{font-size:14px;line-height:1.8;color:#556175;margin:12px 0}.game-mode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}.game-mode select{max-width:100%}.game-status{min-height:28px;font-weight:700}.xo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:340px;margin:16px auto 24px}.xo-board button{aspect-ratio:1;font-size:clamp(30px,9vw,52px);font-weight:900;background:#fff1f2;border-color:#ffe4e6;color:var(--game-primary)}.xo-board button:disabled{opacity:1}.game-scores{display:flex;gap:12px;justify-content:center}.game-scores>span{background:#fff1f2;border-radius:12px;padding:10px 20px;font-size:13px}.game-scores strong{display:block;font-size:25px;color:var(--game-primary)}.numbers-board{touch-action:none;user-select:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-width:360px;margin:18px auto;background:#e8dcd8;padding:8px;border-radius:14px}.number-tile{aspect-ratio:1;display:grid;place-items:center;min-width:0;border-radius:9px;background:#f5efeb;font-size:clamp(18px,6vw,30px);font-weight:900;transition:background .12s}.snake-board{display:grid;grid-template-columns:repeat(16,1fr);max-width:360px;aspect-ratio:1;margin:18px auto;background:#f0f4ee;padding:5px;border-radius:12px;gap:1px}.snake-board span{border-radius:2px}.snake-head{background:#174b38}.snake-body{background:#43966b}.snake-food{background:var(--game-primary);border-radius:50%!important}.direction-pad{display:grid;grid-template-areas:". up ." "left down right";grid-template-columns:repeat(3,48px);gap:5px;justify-content:center;margin:16px auto}.direction-pad button{padding:6px;font-size:24px;touch-action:manipulation}.game-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.game-notice{padding:12px;background:#fff4dc;border-radius:12px;font-size:14px;line-height:1.6}@media(max-width:760px){.games-grid{grid-template-columns:1fr}.games-intro{padding-top:0}.game-card{display:grid;grid-template-columns:120px 1fr}.game-card>img{height:100%;aspect-ratio:auto;object-fit:cover}.game-card>div{padding:20px}.game-card p{min-height:0;font-size:14px}.games-space{padding:18px 14px 32px}}@media(max-width:380px){.game-card{display:block}.game-card>img{height:auto;aspect-ratio:12/7}.game-surface{padding:18px 10px}.game-mode select{font-size:13px}.games-header>a{font-size:17px}.games-space h1{font-size:32px}}.games-space.immersive-player{--arcade-ink:#f1f5f8;--arcade-muted:#98acbb;--arcade-line:#ffffff16;--arcade-accent:#c2ef91;max-width:none;width:100%;height:100dvh;min-height:0;margin:0;padding:0;display:flex;flex-direction:column;background:#0c1523;color:var(--arcade-ink);overflow:hidden;font-family:Arial,Tahoma,sans-serif;color-scheme:dark}.immersive-player .immersive-nav{flex:0 0 52px;min-height:52px;padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--arcade-line);background:#0b1521;position:relative;z-index:5}.immersive-player .immersive-nav>a{font-size:14px;display:flex;gap:12px;align-items:center;color:#eef5f7;font-weight:700}.immersive-nav>a>span:first-child{font-size:24px;font-weight:400}.immersive-player .immersive-nav>button{background:transparent;border:1px solid var(--arcade-line);color:#b5c4d0;font-size:12px;border-radius:10px;min-height:34px;padding:6px 12px}.immersive-player .immersive-surface{flex:1;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:none;overflow:auto}.immersive-player .immersive-offline{position:absolute;top:52px;left:10px;right:10px;z-index:10;margin:0;padding:8px;font-size:12px;text-align:center;color:#fee5a5;background:#382d16ee;border:1px solid #a3782e50;pointer-events:none}.immersive-player button,.immersive-player select{font-family:inherit}.immersive-player [tabindex]:focus-visible,.immersive-player button:focus-visible{outline:2px solid #c2ef91;outline-offset:-3px}.immersive-player button:disabled{opacity:.4}.immersive-player .arcade-icon{width:42px;height:42px;min-height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;color:#d3e4df;font-size:23px;line-height:1;touch-action:manipulation;backdrop-filter:blur(12px)}.hud-actions{display:flex;gap:7px;align-items:center}.arcade-score{text-align:start;min-width:46px}.arcade-score>span{display:block;color:#93ada7;font-size:10px;letter-spacing:.08em;line-height:1.5}.arcade-score>strong{display:block;color:#eef8ec;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.immersive-player .arcade-primary{background:#c2ef91;color:#18271b!important;border:0;border-radius:16px;padding:14px 28px;font-size:15px;font-weight:800;min-height:48px;box-shadow:0 5px 24px #8dd47716;touch-action:manipulation;transition:transform .15s,background .15s}.immersive-player .arcade-primary:active{transform:scale(.97)}.arcade-kicker{font-size:10px;letter-spacing:.16em;font-weight:700;color:#a8c1b7}.arcade-hud{display:flex;align-items:center;gap:22px;justify-content:flex-start;padding:22px 24px}.arcade-hud .hud-actions{margin-inline-start:auto}.arcade-world{width:100%;max-width:570px;margin:auto;text-align:center;min-height:100%;padding:0 20px 30px;background:radial-gradient(ellipse at 50% 20%,#26364d66,transparent 60%)}.snake-world{position:relative;flex:1;min-height:0;overflow:hidden;background:#071e25;isolation:isolate}.snake-canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;outline:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.snake-hud{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:18px;padding:18px 18px 22px;background:linear-gradient(#071e25ee,#071e2580,transparent);z-index:3;pointer-events:none}.snake-hud>*{pointer-events:auto}.snake-hud .hud-actions{margin-inline-start:auto}.snake-overlay{position:absolute;inset:100px 0 0;display:flex;align-items:center;justify-content:center;z-index:2;background:#061a2030;backdrop-filter:blur(3px);padding:24px;pointer-events:none}.snake-dialog{width:100%;max-width:370px;text-align:center;background:linear-gradient(145deg,#19392fe8,#0c2028f2);border:1px solid #b5e4bc25;border-radius:30px;padding:34px 22px;box-shadow:0 24px 90px #0005;pointer-events:auto}.snake-dialog h2{font-size:clamp(26px,6vw,36px);font-weight:800;line-height:1.4;margin:16px 0}.snake-dialog>p{font-size:14px;color:#aac5bd;line-height:1.9;margin:16px 0 24px}.snake-dialog .round-score{font-size:56px;color:#d2f1b0;font-weight:800;line-height:1.2;margin:12px 0}.round-score small{display:block;font-size:12px;font-weight:400;color:#a2b9ab;margin-top:6px}.xo-world .arcade-hud{justify-content:space-between;padding-inline:0}.xo-heading p{font-size:14px;color:#9fadc0;margin:0 0 20px}.xo-title{display:flex;justify-content:center;gap:8px}.xo-title .xo-mark{width:68px;height:68px}.xo-mark{width:76%;height:76%;stroke-width:8;stroke-linecap:round;filter:drop-shadow(0 0 10px #8acffc25)}.mark-X{stroke:#8ccef6}.mark-O{stroke:#f29cb0}.xo-mark circle,.xo-mark path{stroke-dasharray:160;stroke-dashoffset:0;animation:draw-mark .35s ease-out both}.xo-mark path:nth-child(2){animation-delay:.08s}.xo-mode{display:flex;gap:5px;padding:5px;background:#060c1666;border:1px solid #ffffff0d;border-radius:16px;max-width:330px;margin:0 auto 22px}.immersive-player .xo-mode button{flex:1;background:transparent;color:#91a1b5;border:0;border-radius:12px;font-size:13px;font-weight:700;min-height:40px;padding:10px 12px}.immersive-player .xo-mode button[aria-pressed=true]{background:#2b3c53;color:#eef6ff;box-shadow:0 4px 12px #0002}.xo-players{display:flex;gap:15px;max-width:390px;margin:0 auto 18px;justify-content:space-between}.xo-players>span{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;font-size:11px;color:#8193a9;padding:10px 6px;border-bottom:2px solid #ffffff10;transition:border-color .2s,color .2s}.xo-players b{font-size:21px}.xo-players .active-player{color:#d8ebfc;border-color:#8ccef6}.xo-players>span:nth-child(2).active-player{border-color:#f29cb0}.immersive-player .xo-board{width:100%;max-width:390px;gap:8px;padding:9px;background:#060d1766;border:1px solid #ffffff0e;border-radius:28px;margin:0 auto 14px}.immersive-player .xo-board button{background:linear-gradient(150deg,#223247,#182538);border:1px solid #ffffff0b;border-radius:20px;min-width:0;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 #ffffff05,0 4px 12px #0001;transition:background .2s,transform .2s}.immersive-player .xo-board button:not(:disabled):hover{background:#2d425b}.immersive-player .xo-board button:disabled{opacity:1}.immersive-player .xo-board .winning-cell{background:linear-gradient(145deg,#294c46,#21382d);border-color:#c2ef9140;animation:win-cell 1s ease-in-out infinite alternate}.xo-world .game-status{color:#c7d5e5;font-size:14px;min-height:26px;margin:18px 0}.xo-world>.arcade-primary{min-width:200px}.numbers-world{--tile-gap:9px;--tile-pad:9px}.numbers-world .arcade-hud{padding-inline:0}.numbers-heading{padding:10px 0 20px}.numbers-heading h2{font-size:72px;font-weight:800;line-height:1;letter-spacing:-5px;margin:16px 0;color:#f8e4c6}.numbers-heading h2>span{display:inline-block;font-size:34px;vertical-align:top;letter-spacing:0;color:#c2ef91;margin:7px 8px}.numbers-heading p{font-size:14px;color:#a0aebc;line-height:1.7;margin:8px 0}.numbers-stage{position:relative;max-width:420px;margin:auto}.immersive-player .numbers-board{--step:calc((100% - 2 * var(--tile-pad) + var(--tile-gap)) / 4);position:relative;max-width:420px;width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--tile-gap);padding:var(--tile-pad);margin:0;background:linear-gradient(135deg,#2a3547,#1c2839);border:1px solid #ffffff12;border-radius:25px;box-shadow:0 25px 70px #0003,inset 0 1px #ffffff12;touch-action:none;user-select:none}.tile-well{aspect-ratio:1;background:#080f1c66;border-radius:16px;box-shadow:inset 0 2px 6px #0003}.immersive-player .number-tile{position:absolute;inset-inline-start:auto;left:calc(var(--tile-pad) + var(--col) * var(--step));top:calc(var(--tile-pad) + var(--row) * var(--step));width:calc(var(--step) - var(--tile-gap));height:calc(var(--step) - var(--tile-gap));aspect-ratio:1;border-radius:16px;display:grid;place-items:center;font-size:clamp(23px,7vw,38px);font-weight:800;background:#ecdfcb;color:#474037;box-shadow:inset 0 2px 0 #ffffff44,0 4px 9px #0002;border:1px solid #ffffff22;z-index:2;transition:transform .15s ease-in-out;will-change:transform}.immersive-player .number-tile.tile-travelling{transform:translate(calc(var(--dx) * (100% + var(--tile-gap))),calc(var(--dy) * (100% + var(--tile-gap))))}.tile-enter{animation:tile-appear .18s ease-out}.immersive-player .tile-4{background:#e7c9a4}.immersive-player .tile-8{background:#efa974;color:#512d22}.immersive-player .tile-16{background:#eb876b;color:white}.immersive-player .tile-32{background:#dd6680;color:white}.immersive-player .tile-64{background:#b45c91;color:white}.immersive-player .tile-128{background:#8c79b8;color:white;font-size:30px}.immersive-player .tile-256{background:#658fb8;color:white;font-size:30px}.immersive-player .tile-512{background:#4ca6a1;color:white;font-size:30px}.immersive-player .tile-1024{background:#69b790;color:#12392d;font-size:25px}.immersive-player .tile-2048{background:#d6ed9a;color:#263b20;font-size:25px;box-shadow:0 0 26px #c2ef912b}.numbers-overlay{position:absolute;inset:0;border-radius:25px;background:#101b2ae8;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;z-index:3;padding:20px}.numbers-overlay h3{font-size:25px;font-weight:800;color:#f8e4c6;margin:0;line-height:1.5}.numbers-overlay>strong{font-size:48px;color:#c2ef91}.numbers-bottom{padding-top:20px}.numbers-bottom .game-status{font-size:13px;color:#9aabbd;margin:0 0 12px}.immersive-player .arcade-text-button{background:transparent;color:#c9d5df;border:0;padding:8px 12px;font-size:13px;min-height:40px}@keyframes draw-mark{0%{stroke-dashoffset:160}to{stroke-dashoffset:0}}@keyframes win-cell{to{box-shadow:inset 0 0 24px #b5ef9120,0 0 15px #b5ef9112}}@keyframes tile-appear{0%{opacity:.6;scale:.94}to{opacity:1;scale:1}}.xo-world .arcade-hud{padding-block:16px}.xo-title .xo-mark{width:54px;height:54px}.xo-mode{margin-bottom:16px}.xo-players{margin-bottom:12px}.immersive-player .xo-board{max-width:min(390px,calc(100dvh - 390px))}@media(min-width:850px){.player-snake .snake-world{width:min(100%,900px);margin:auto;border-inline:1px solid #ffffff10}.arcade-world{padding-inline:35px}.immersive-player .immersive-nav{padding-inline:30px}.xo-heading{margin-top:10px}}@media(max-width:360px){.snake-hud{gap:12px;padding-inline:12px}.snake-hud .hud-actions{gap:5px}.snake-hud .arcade-icon{width:36px;min-height:38px;height:38px;border-radius:11px}.arcade-score{min-width:37px}.arcade-score>strong{font-size:23px}.arcade-world{padding-inline:14px}.xo-mode{margin-bottom:12px}.xo-world .arcade-hud{padding-block:14px}.xo-heading p{margin-bottom:14px}.numbers-heading h2{font-size:60px}.numbers-heading{padding:0 0 15px}.immersive-player .number-tile,.tile-well{border-radius:12px}}@media(max-height:650px){.xo-title .xo-mark{width:46px;height:46px}.xo-heading p{display:none}.xo-mode,.xo-players{margin-bottom:9px}.immersive-player .xo-board{max-width:290px}.arcade-hud{padding-block:14px}.numbers-heading{padding:0 0 12px}.numbers-heading .arcade-kicker,.numbers-heading p{display:none}.numbers-heading h2{font-size:42px;margin:4px 0}.numbers-stage{max-width:min(100%,320px)}.numbers-bottom{padding-top:10px}}@media(prefers-reduced-motion:reduce){.tile-enter,.winning-cell,.xo-mark circle,.xo-mark path{animation:none!important}.immersive-player .number-tile{transition:none}}