:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--paper:#fff8ed;--surface:#fffdf8;--ink:#203b3a;--muted:#5d706b;--accent:#2d6858;--accent2:#9554ad;--line:#cfddd5;--glow:#d9ede2;--board-light:#f2e7cf;--board-dark:#55796c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.5}button,select{font:inherit}button,a{touch-action:manipulation}a{color:var(--accent)}img{max-width:100%;height:auto}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:10px;top:8px;z-index:999;background:#fff;padding:12px 16px;border-radius:10px;transform:translateY(-180%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}
.game-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px max(18px,calc((100vw - 1160px)/2));background:var(--surface);border-bottom:1px solid var(--line)}.game-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900}.game-brand img{display:block;width:auto;height:52px;max-width:210px;object-fit:contain}.jp-game .game-brand img{width:46px;height:46px}.game-brand span{line-height:1.1}.game-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:6px}.game-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.game-nav a,.game-nav button,.room-button{min-height:44px;border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:var(--surface);color:var(--accent);text-decoration:none;font-weight:800;font-size:13px;cursor:pointer}.game-nav .primary,.room-button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.room-button:disabled{opacity:.55;cursor:not-allowed}
.game-page{width:min(1160px,calc(100% - 36px));margin:auto;padding:30px 0 56px}.game-intro{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);align-items:center;gap:38px;margin-bottom:28px}.game-intro .eyebrow,.panel .eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.game-intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,6.5vw,76px);line-height:.96;letter-spacing:-.045em;margin:11px 0 17px}.game-intro p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:16px}.game-cover{position:relative;overflow:hidden;border-radius:26px;min-height:240px;background:var(--glow)}.game-cover img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover}.game-cover span{position:absolute;left:14px;bottom:14px;padding:7px 12px;border-radius:999px;background:#0c2a25d9;color:#fff;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.game-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(250px,1fr);gap:26px;align-items:start}.game-stage{min-width:0}.game-sidebar{display:grid;gap:16px}.panel{background:var(--surface);border-radius:20px;padding:20px}.panel h2,.panel h3{font-family:Georgia,"Times New Roman",serif;margin:0 0 10px}.panel p{color:var(--muted);font-size:13px}.controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.controls label{font-size:12px;font-weight:850}.controls select{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:9px 11px;background:var(--surface);color:var(--ink)}.game-status{min-height:52px;margin:0 0 12px;padding:12px 15px;border-radius:13px;background:var(--glow);font-weight:800;font-size:14px}.moves-list{max-height:260px;overflow:auto;margin:0;padding:0;list-style:none;counter-reset:moves}.moves-list li{display:grid;grid-template-columns:32px 1fr 1fr;gap:7px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.moves-list li::before{counter-increment:moves;content:counter(moves) ".";color:var(--muted)}.game-footer{padding:30px 20px;text-align:center;background:var(--surface);border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.game-footer nav{display:flex;justify-content:center;gap:10px 22px;flex-wrap:wrap}.game-footer a{min-height:42px;display:inline-flex;align-items:center;font-weight:800;text-decoration:none}.powered{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px}.powered img{width:70px;height:46px;object-fit:contain;border-radius:5px}.powered p{margin:0;max-width:290px;text-align:left;font-size:10px}
.chess-board,.checkers-board{display:grid;grid-template-columns:repeat(8,1fr);width:min(100%,720px);aspect-ratio:1;border-radius:20px;overflow:hidden;box-shadow:0 18px 45px #183d3422}.board-square{position:relative;display:grid;place-items:center;border:0;padding:0;min-width:0;background:var(--board-light);color:#182d2a;cursor:pointer}.board-square.dark{background:var(--board-dark)}.board-square.selected{box-shadow:inset 0 0 0 5px #ffd45f}.board-square.legal::after{content:"";position:absolute;width:24%;aspect-ratio:1;border-radius:50%;background:#ffd45fba}.board-square.capture::after{width:72%;background:transparent;border:5px solid #ffd45f}.board-square.last{box-shadow:inset 0 0 0 4px #dca8edaa}.chess-piece{position:relative;z-index:2;font-family:"Arial Unicode MS","Noto Sans Symbols 2",serif;font-size:clamp(28px,7.2vw,66px);line-height:1;text-shadow:0 2px 2px #fff8}.board-label{position:absolute;font-size:9px;font-weight:900;opacity:.7;z-index:3}.rank-label{top:3px;left:4px}.file-label{bottom:3px;right:4px}.board-square.dark .board-label{color:#fff}.check-piece{position:relative;z-index:2;width:72%;aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#e95b4e,#8e211e);border:4px solid #ffb3a8;box-shadow:inset 0 -8px 0 #6b1715aa,0 5px 8px #10241e4d}.check-piece.black{background:linear-gradient(145deg,#40505a,#111b20);border-color:#8fa3ad;box-shadow:inset 0 -8px 0 #05090baa,0 5px 8px #10241e4d}.check-piece.king::after{content:"★";position:absolute;inset:0;display:grid;place-items:center;color:#ffe37c;font-size:clamp(15px,4vw,34px);text-shadow:0 1px #5a4300}.board-square.forced{box-shadow:inset 0 0 0 6px #ffce55}
.trivia-card{min-height:430px;display:flex;flex-direction:column;justify-content:center;background:var(--surface);border-radius:24px;padding:clamp(22px,5vw,48px)}.trivia-progress{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:850;color:var(--muted)}.trivia-card h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,4vw,44px);line-height:1.12;margin:24px 0}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.answer{min-height:62px;border:1px solid var(--line);border-radius:15px;padding:13px;text-align:left;background:var(--paper);color:var(--ink);font-weight:780;cursor:pointer}.answer:hover{background:var(--glow)}.answer.correct{background:#d9f2dd;border-color:#4f9a62}.answer.wrong{background:#ffe0dd;border-color:#b85a50}.answer:disabled{cursor:default;opacity:1}.trivia-explanation{min-height:54px;color:var(--muted);font-size:14px;margin:15px 0 0}.score-number{font:700 50px/1 Georgia,serif;color:var(--accent)}
.townline-game{--paper:#f5f0e5;--surface:#fffaf1;--ink:#193b32;--muted:#536f67;--accent:#2c6975;--accent2:#c25f7b;--line:#d9d4c5;--glow:#e3eee9;--board-light:#e9dfc7;--board-dark:#316c67}.townline-game .game-bar{background:#122f36;color:#fff;border:0}.townline-game .game-brand{color:#fff}.townline-game .game-brand img{height:58px;max-width:250px}.townline-game .game-brand span{display:none}.townline-game .game-nav a,.townline-game .game-nav button{background:#f7e8bd;color:#153b3f;border:0}.townline-game .game-intro h1{font-family:Playfair Display,Georgia,serif}.townline-game .game-cover{border-radius:0}.townline-game .panel,.townline-game .trivia-card{box-shadow:none}.townline-game .game-footer{background:#112f35;color:#e7f0ed;border:0}.townline-game .game-footer a{color:#fff}.townline-game .powered p{color:#fff}.townline-game .network-promo{background:#e8dfca}.jp-game{--paper:#fff7eb;--surface:#fffdf8;--ink:#244b49;--muted:#647875;--accent:#2f7661;--accent2:#a35db8;--line:#d9e2d5;--glow:#e5f3e8;--board-light:#f7dfb4;--board-dark:#70a888}.jp-game .game-intro h1{color:#5a3a74}.jp-game .panel{box-shadow:0 12px 30px #263d3610}.jp-game .game-cover{transform:rotate(1deg)}
.network-promo{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:24px;padding:22px;border-radius:20px;background:#f2e9f7}.network-promo h2{font:500 25px/1.2 Georgia,serif;margin:0}.network-promo p{font-size:13px;color:var(--muted);margin:8px 0 0}.promo-dialog{border:0;border-radius:24px;padding:0;width:min(520px,calc(100% - 24px));background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0e2b2570}.promo-dialog::backdrop{background:#102d2a99}.promo-card{padding:28px}.promo-kicker{font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.promo-card h2{font:500 34px/1.1 Georgia,serif;margin:10px 0}.promo-card p{color:var(--muted)}.promo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.promo-privacy{font-size:10px!important;margin-top:18px}.promo-close{position:absolute;top:12px;right:12px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:22px;cursor:pointer}
@media(max-width:900px){.game-intro{grid-template-columns:1fr;gap:18px}.game-cover{max-height:340px}.game-layout{grid-template-columns:1fr}.game-sidebar{grid-template-columns:1fr 1fr}.network-promo{grid-template-columns:1fr}.townline-game .game-brand img{max-width:190px}}
@media(max-width:640px){.game-bar{align-items:flex-start;padding:10px 12px;gap:8px}.game-brand img{height:42px;max-width:142px}.townline-game .game-brand img{height:44px;max-width:150px}.game-nav{gap:6px}.game-nav a,.game-nav button{font-size:11px;min-height:36px;padding:7px 10px}.game-page{width:min(100% - 20px,1160px);padding:18px 0 38px}.game-intro h1{font-size:44px}.game-intro p:not(.eyebrow){font-size:14px}.game-cover,.game-cover img{min-height:170px}.game-layout{gap:16px}.game-sidebar{grid-template-columns:1fr}.panel{padding:16px}.chess-board,.checkers-board{border-radius:12px}.chess-piece{font-size:clamp(25px,10vw,49px)}.board-square.selected{box-shadow:inset 0 0 0 3px #ffd45f}.board-square.capture::after{border-width:3px}.check-piece{border-width:3px}.answer-grid{grid-template-columns:1fr}.trivia-card{min-height:500px;padding:22px 16px}.network-promo{padding:18px}.powered{align-items:flex-start}.promo-card{padding:26px 20px}.promo-card h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}