/* Spacious desktop platform; touch-first game boards and a mobile app shell. */
html body .card-body p,html body .hero-copy p,html body .player-row small,html body .page-heading p{color:#6e7d64}
html body.focus-mode main{padding-top:calc(10px + env(safe-area-inset-top))}
html body .board.mancala-board .pit.own-pit strong{background:#e2ebc4}
@media(max-width:600px){html body .lobby-hero{display:block;min-height:290px;isolation:isolate}html body .hero-copy{padding:26px 22px;width:100%;max-width:none;background:linear-gradient(to right,#edf1e300,#edf1e3e8 45%,#edf1e3 65%)}html body .hero-copy h1{font-size:32px;max-width:285px;line-height:1.55}html body .hero-copy p{max-width:245px;font-size:11px}html body .hero-table{position:absolute;left:-85px;top:0;bottom:0;width:190px;height:100%;min-height:0;opacity:.75;z-index:0;pointer-events:none}html body .hero-chess{left:5%;top:30px;font-size:205px}html body .hero-table:after{left:-20px;top:115px}html body .hero-copy .primary-button{font-size:13px}html body .quick-messages button{min-height:44px}}
:root{--surface:#fffefb;--deep:#193f37;--sage:#8da678;--stroke:#dfe6d6}html{scroll-behavior:smooth;scroll-padding-top:105px}body{font-size:14px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button,input,a{touch-action:manipulation}button{min-height:44px}input{font-size:16px}button:disabled{opacity:.48}.topbar{position:sticky;top:0;background:#f7f8f2ee;backdrop-filter:blur(18px);z-index:20;height:92px;padding-inline:4%}.rail{width:88px;position:sticky;top:0;height:100dvh}.rail-item{min-width:48px;min-height:48px}.wordmark{font-size:34px}.wordmark>span{font-size:11px}.main-nav button{font-size:12px}.connection{font-size:11px}.guest{font-size:11px}.top-actions{gap:20px}main{max-width:1640px;padding:36px 4% 0}.lobby-hero{min-height:395px;border-radius:26px;grid-template-columns:1.05fr 1fr}.hero-copy{padding:40px 42px}.hero-copy h1{font-size:50px;line-height:1.55}.hero-copy h1>b{right:370px;top:30px;font-size:42px}.hero-copy .eyebrow{font-size:11px}.hero-copy p{font-size:13px}.hero-copy .primary-button{font-size:13px;padding:15px 25px;min-height:52px}.hero-benefits{font-size:10px;gap:20px}.hero-benefits svg{height:16px;width:16px}.hero-table:after{width:365px;height:365px;background-size:91.25px 91.25px;left:10%;top:75px}.hero-chess{font-size:265px;top:30px;left:40%}.hero-checker{width:105px;height:95px}.checker-one{left:13%;top:120px}.checker-two{left:25%;top:270px;width:95px;height:85px}.checker-three{left:70%;top:290px;width:85px;height:76px}.hero-ticket{font-size:11px;padding:13px 19px;bottom:31px}.catalog-section{margin-top:44px}.catalog-heading h2{font-size:27px}.catalog-heading .eyebrow{font-size:11px}.catalog-heading h2 span{font-size:14px}.game-search{width:285px;min-height:48px;border-radius:12px;padding:10px 15px}.game-search input{font-size:13px}.game-search svg{width:19px;height:19px}.filter-bar{gap:9px;padding:24px 0}.filter-bar button{font-size:12px;padding:10px 18px}.filter-bar button>span{font-size:11px}.filter-note{font-size:10px}.game-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.game-card{border-radius:19px}.card-art{height:230px}.card-badge{font-size:10px;right:17px;top:16px;padding:6px 10px}.card-index{font-size:10px;left:17px;top:19px}.card-body{padding:22px 24px}.card-title-row h3{font-size:19px}.card-title-row>span{font-size:10px}.card-body p{font-size:12px;line-height:2;min-height:24px;margin:12px 0 18px}.card-bottom{font-size:11px;padding-top:16px}.card-bottom svg{width:15px;height:15px}.card-play{font-size:12px}.card-play svg{height:19px;width:19px}.mini-grid{width:220px;height:220px;border-width:8px;border-radius:9px}.mini-chess{font-size:36px}.mini-connect{width:225px;border-width:9px;border-bottom-width:15px;gap:7px}.mini-tic{width:185px;gap:6px}.mini-tic>span{height:58px;font-size:49px}.mini-gomoku{width:219px;border-width:8px}.lobby-bottom{padding:25px 28px;margin-top:35px;border-radius:17px}.lobby-bottom h3{font-size:14px}.lobby-bottom p{font-size:11px}.lobby-bottom>span{font-size:12px}.lobby-bottom-icon{width:49px;height:49px}.lobby-bottom-icon svg{width:24px;height:24px}footer{font-size:10px;padding:30px 0}.page-heading h1{font-size:31px}.page-heading p{font-size:12px}.back-button{font-size:12px}.quiet-button{font-size:12px;padding:12px 18px}.quiet-button svg{width:18px;height:18px}.game-layout{grid-template-columns:minmax(0,1fr) 360px;gap:26px}.arena{padding:22px 28px 0;border-radius:22px}.game-title h2{font-size:16px}.game-title div>span{font-size:10px}.mini-board{font-size:37px;padding:10px}.session-invite-button{font-size:12px;padding:10px 14px;gap:8px}.session-invite-button svg{height:18px;width:18px}.share-panel{padding:18px;margin-top:18px}.share-panel-heading strong{font-size:13px}.share-panel p{font-size:11px}.share-link-row input{font-size:13px;min-height:45px}.share-link-row>button{font-size:12px}.board-wrap,.player-row{max-width:700px}.board-border{padding:15px;border-radius:14px}.piece{width:83%;height:83%;box-shadow:0 5px 0 #20362738,0 8px 10px #20362725}.piece.white{box-shadow:0 5px 0 #b5b195,0 8px 12px #28352a35}.piece.black{box-shadow:0 5px 0 #153528,0 8px 12px #28352a35}.piece.king{font-size:35px}.square{min-height:0}.board.chess-board .piece{font-size:clamp(38px,4.7vw,73px);width:98%;height:98%}.coord{font-size:10px;right:5px;bottom:4px}.player-row{padding:19px 0;gap:13px}.avatar{width:45px;height:45px}.avatar svg{height:25px;width:25px}.player-row strong{font-size:13px}.player-row strong>span{font-size:10px}.player-row small{font-size:10px}.piece-counter{font-size:14px;gap:8px}.tiny-piece{width:17px;height:17px}.clock{font-size:24px;padding:8px 14px;min-width:92px;text-align:center}.arena-bottom{font-size:11px;padding:11px 0}.text-button{font-size:12px}.icon-button,.text-button{min-height:44px;padding:7px}.icon-button svg,.text-button svg{height:19px;width:19px}.welcome-card{max-width:400px;padding:30px 25px}.welcome-card h2{font-size:23px}.welcome-card p{font-size:13px;margin-bottom:22px}.primary-button{font-size:13px;padding:15px 22px;min-height:50px}.welcome-symbol{width:48px;height:48px;font-size:30px}.welcome-card small{font-size:10px}.social-panel{position:sticky;top:114px}.chat-heading{padding:23px 21px 18px}.chat-heading h2{font-size:14px}.chat-heading svg{height:22px;width:22px}.soft-pill{font-size:8px}.privacy-note{font-size:10px;padding:13px 0}.messages{height:380px;padding:20px;gap:12px}.chat-empty h3{font-size:13px}.chat-empty p{font-size:11px}.chat-art{height:83px;width:83px}.chat-art>svg{height:37px;width:37px}.chat-composer{padding:17px}.quick-messages button{font-size:10px;min-height:38px;padding:7px 9px}.chat-composer input{font-size:14px;min-height:44px}.chat-composer form button{height:44px;width:44px}.bubble{font-size:13px;padding:11px 14px}.bubble small{font-size:9px}.voice-card{padding:19px 17px}.voice-card h3{font-size:12px}.voice-card p{font-size:10px;line-height:1.8}.voice-icon{height:43px;width:43px}.voice-icon svg{width:21px;height:21px}.voice-toggle{width:48px;height:29px;min-height:44px;padding:10px 3px;background:none;position:relative}.voice-toggle:before{content:'';position:absolute;inset:8px 0;background:#cbd4be;border-radius:20px}.voice-toggle[aria-pressed=true]{background:none}.voice-toggle[aria-pressed=true]:before{background:#52774b}.voice-toggle span{width:22px;height:22px;position:relative}.voice-toggle[aria-pressed=true] span{transform:translateX(-20px)}.little-note p{font-size:11px}.board-tools{max-width:700px;margin:0 auto 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}.board-tools p{margin:0;font-size:10px;color:#8a9a7c;line-height:1.9;max-width:65%}.board-tools>div{display:flex;gap:5px;flex-shrink:0}.board-tool{border:1px solid #e3e9d9;background:#f7f9f0;color:#6f8660;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;padding:8px 10px;min-height:40px}.board-tool svg{height:15px;width:15px}.board-tool[aria-pressed=true]{background:#dfe9cf;color:#31543b}.board-wrap.zoomed .board-border{max-height:68dvh;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}.board-wrap.zoomed .board{min-width:720px}.board-wrap.zoomed .board.chess-board .piece{font-size:74px}.board-wrap.zoomed .board.hex-board{min-width:550px;margin-right:250px}.focus-mode .rail,.focus-mode .social-panel,.focus-mode #room-heading{display:none}.focus-mode .game-layout{display:block;max-width:1050px;margin:auto}.focus-mode .board-wrap,.focus-mode .player-row,.focus-mode .board-tools{max-width:820px}.focus-mode .board.chess-board .piece{font-size:clamp(40px,7vw,88px)}.install-button{border:1px solid #dfe7d2;background:#edf2e2;border-radius:9px;color:#5f7b4f;display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:10px}.install-button svg{height:15px;width:15px}.offline-banner{position:sticky;top:92px;z-index:22;background:#f5e7c8;color:#8a6b36;padding:11px 20px;text-align:center;font-size:12px}.mobile-navigation,.mobile-chat-close,.chat-backdrop{display:none}dialog{font-size:14px;max-width:590px;padding:35px;line-height:2.3}dialog h2{font-size:24px}.dialog-close{height:44px;width:44px;top:8px;left:8px}.toast{font-size:13px;line-height:1.9;padding:15px 22px}.promotion-options button{font-size:53px}.promotion-options button span{font-size:13px}
/* The five new boards have distinct materials and interaction targets. */
.card-art.mancala{background:#eadfcd}.card-art.morris{background:#e6ebdc}.card-art.go{background:#e9dfcc}.card-art.hex{background:#e8e1cf}.card-art.dotsboxes{background:#e1e8e7}.mini-mancala{width:235px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:16px;background:#bba17a;transform:rotate(-13deg) translateY(10px);border-radius:40px;box-shadow:0 8px #967e5f,0 15px 24px #795e3425}.mini-mancala>span{border-radius:50%;height:55px;background:#9a805c;box-shadow:inset 0 4px 5px #5c472c40;text-align:center;padding-top:10px;color:#e6d9aa}.mini-mancala b{display:block;font:14px/.9 Georgia;letter-spacing:2px}.mini-morris{width:200px;height:200px;position:relative;transform:rotate(-13deg) translateY(23px);background:#d6dfc2;border:7px solid #aebc94;border-radius:7px;box-shadow:0 6px #85996c}.mini-morris>span{position:absolute;inset:10px;border:2px solid #84976b}.mini-morris>span:nth-child(2){inset:37px}.mini-morris>span:nth-child(3){inset:63px}.morris-seed{position:absolute;width:27px;height:27px;border-radius:50%;background:#385c3f;box-shadow:0 3px #21432f;z-index:1}.morris-seed.one{top:-2px;left:-2px}.morris-seed.two{left:78px;top:-2px}.morris-seed.three{left:78px;bottom:24px;background:#f0e8cd;box-shadow:0 3px #b3b88f}.morris-seed.four{right:24px;top:78px;background:#f0e8cd;box-shadow:0 3px #b3b88f}.mini-go{width:215px;display:grid;grid-template-columns:repeat(7,1fr);transform:rotate(-13deg) translateY(23px);border:8px solid #d6c399;background:#d6c399;box-shadow:0 5px #b19b71}.mini-go>span{aspect-ratio:1;display:grid;place-items:center;box-shadow:inset 0 0 0 .6px #9c865c55}.mini-hex{display:grid;grid-template-columns:repeat(5,1fr);width:185px;gap:3px;transform:rotate(-12deg) translate(-25px,10px)}.mini-hex span{aspect-ratio:1.12;background:#f5efd9;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);transform:translateX(calc(var(--r)*50%))}.mini-hex span.gold{background:#ccb276}.mini-hex span.green{background:#4a7150}.mini-dots{display:grid;grid-template-columns:repeat(5,1fr);width:170px;transform:rotate(-12deg) translateY(15px);border:12px solid #ecf1e8;background:#ecf1e8;box-shadow:0 4px #c5d1c1;border-radius:7px}.mini-dots>span{aspect-ratio:1;position:relative;box-shadow:inset 0 0 0 1px #80987c40}.mini-dots>span.point:after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#608260;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-dots>span.owned{background:#b9cda4}.board.morris-board{background:#e8ecdc url('/static/morris-board.svg') center/100% 100%;overflow:visible;border-radius:12px}.board.morris-board .square{background:none;box-shadow:none;position:relative;z-index:1}.board.morris-board .non-node{visibility:hidden}.board.morris-board .morris-node:before{content:'';height:20%;width:20%;background:#7e956e;border:2px solid #e8ecdc;border-radius:50%;box-shadow:none}.board.morris-board .morris-node:has(.piece):before{display:none}.board.morris-board .piece{width:72%;height:72%;position:absolute}.board.morris-board .selected{background:#d8d9a060;border-radius:50%}.board.morris-board .legal:before{background:#d2b262;box-shadow:0 0 0 7px #d2b26235;height:26%;width:26%}.board.morris-board .legal:has(.piece){box-shadow:inset 0 0 0 3px #d8b56d;border-radius:50%}.board.go-board{background:#d8c59e;overflow:visible;border-radius:9px}.board.go-board .square{background:transparent;box-shadow:none}.board.go-board .square:before,.board.go-board .square:after{content:'';position:absolute;background:#9a8865;pointer-events:none;border-radius:0;box-shadow:none}.board.go-board .square:before{height:1px;width:100%;left:0;top:50%}.board.go-board .square:after{height:100%;width:1px;left:50%;top:0}.board.go-board .piece{z-index:2;width:85%;height:85%;border-width:1px;box-shadow:0 3px 3px #493c2c40}.board.go-board .piece:after{display:none}.board.go-board .piece.black{background:radial-gradient(circle at 35% 25%,#5d6658,#222d24 65%);border-color:#263f2e}.board.go-board .piece.white{background:radial-gradient(circle at 35% 25%,#fffdf3,#e6dfcc 75%);border-color:#d9d1b7}.board.go-board .square.legal:hover{background:#f5e9cc80}.board.go-board .square.last{background:#e9d393}.board.hex-board{background:none;overflow:visible;width:69.23%;margin-left:0;margin-right:auto;gap:2px;direction:ltr}.board.hex-board .square{transform:translateX(calc(var(--row)*50%));clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#dedcc2;box-shadow:none;aspect-ratio:1.1}.board.hex-board .square.top-edge{background:#d4bc80}.board.hex-board .square.side-edge{box-shadow:inset 0 0 0 2px #7a9668;background:#b2c29b}.board.hex-board .piece{height:82%;width:82%;border:0;box-shadow:none;border-radius:0;clip-path:inherit}.board.hex-board .piece:after{display:none}.board.hex-board .piece.white{background:#d4ae56}.board.hex-board .piece.black{background:#3e6947}.board.hex-board .square.legal:before{width:15%;height:15%;background:#7c926130;box-shadow:none}.board.hex-board .square.last{background:#e9cf7d}.board.dotsboxes-board{background:#edf1e7;overflow:visible;border-radius:10px}.board.dotsboxes-board .square{background:none;box-shadow:none;position:relative}.board.dotsboxes-board .dot-cell:after{content:'';width:18%;height:18%;background:#56764b;border-radius:50%;z-index:3}.board.dotsboxes-board .square.edge-h:after,.board.dotsboxes-board .square.edge-v:after{content:'';position:absolute;background:#c4d1b9;border-radius:4px;pointer-events:none;z-index:1}.board.dotsboxes-board .edge-h:after{height:5px;width:200%;left:-50%;top:calc(50% - 2.5px)}.board.dotsboxes-board .edge-v:after{width:5px;height:200%;top:-50%;left:calc(50% - 2.5px)}.board.dotsboxes-board .square.claimed:after{background:#486f53}.board.dotsboxes-board .square.claimed.side-one:after{background:#c8a559}.board.dotsboxes-board .square.legal:before{display:none}.board.dotsboxes-board .square.legal:hover:after{background:#d0b16d}.board.dotsboxes-board .box-cell.claimed{background:#50795b25;color:#4e7554;font-size:26px}.board.dotsboxes-board .box-cell.claimed.side-one{background:#cfb47535;color:#b9994f}.board.mancala-board{display:grid!important;grid-template-columns:1fr repeat(6,1fr) 1fr!important;grid-template-rows:repeat(2,minmax(100px,1fr));gap:12px;padding:22px 16px;background:#c8af86;aspect-ratio:2.1!important;border-radius:50px;box-shadow:inset 0 0 0 5px #b89b70,0 7px 0 #a78c63;overflow:visible}.board.mancala-board .pit{min-width:0;width:100%;height:100%;aspect-ratio:auto;border-radius:50%;background:#a78b63;box-shadow:inset 0 6px 10px #70553250;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px}.board.mancala-board .pit strong{position:relative;z-index:2;font:700 17px 'DM Sans';background:#f4e8ccde;padding:3px 7px;min-width:28px;border-radius:20px;color:#705a35}.board.mancala-board .pit:before{display:none}.board.mancala-board .pit.legal{outline:2px solid #f0e3ba;outline-offset:3px}.board.mancala-board .pit.last{background:#b59b6e}.board.mancala-board .store{opacity:1;grid-row:1 / 3;border-radius:40px;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;padding:15px 0}.board.mancala-board .store small{position:relative;z-index:2;font-size:8px;writing-mode:vertical-rl;color:#f0e3c5}.board.mancala-board [data-pit="13"]{grid-column:1}.board.mancala-board [data-pit="6"]{grid-column:8}.board.mancala-board [data-pit="12"],.board.mancala-board [data-pit="0"]{grid-column:2}.board.mancala-board [data-pit="11"],.board.mancala-board [data-pit="1"]{grid-column:3}.board.mancala-board [data-pit="10"],.board.mancala-board [data-pit="2"]{grid-column:4}.board.mancala-board [data-pit="9"],.board.mancala-board [data-pit="3"]{grid-column:5}.board.mancala-board [data-pit="8"],.board.mancala-board [data-pit="4"]{grid-column:6}.board.mancala-board [data-pit="7"],.board.mancala-board [data-pit="5"]{grid-column:7}.board.mancala-board [data-pit="12"],.board.mancala-board [data-pit="11"],.board.mancala-board [data-pit="10"],.board.mancala-board [data-pit="9"],.board.mancala-board [data-pit="8"],.board.mancala-board [data-pit="7"]{grid-row:1}.board.mancala-board [data-pit="0"],.board.mancala-board [data-pit="1"],.board.mancala-board [data-pit="2"],.board.mancala-board [data-pit="3"],.board.mancala-board [data-pit="4"],.board.mancala-board [data-pit="5"]{grid-row:2}.seeds{position:absolute;inset:6px 4px 30px;pointer-events:none}.seeds i{position:absolute;width:10px;height:12px;border-radius:55% 45% 55% 45%;background:#e9d9a5;box-shadow:0 2px 2px #59422550;transform:rotate(-23deg)}.seeds i:nth-child(3n){background:#b9c48a;transform:rotate(25deg)}
@media(min-width:1800px){.game-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.card-art{height:230px}.card-title-row h3{font-size:18px}.card-title-row>span{font-size:9px}.card-body{padding:20px}.card-body p{font-size:11px}.hero-table:after{left:17%}.hero-chess{left:45%}}@media(max-width:1250px){.wordmark>span{display:none}.topbar{padding-inline:3%}.top-actions{gap:12px}.game-layout{grid-template-columns:minmax(0,1fr) 315px;gap:18px}.arena{padding:19px 19px 0}.hero-copy{padding:35px}.hero-copy h1{font-size:43px}.hero-copy h1>b{display:none}.hero-copy p{font-size:12px}.hero-table:after{left:-5%}.hero-chess{left:25%;font-size:245px;top:43px}.card-art{height:200px}.mini-grid{height:195px;width:195px}.mini-connect{width:190px}.mini-tic{width:165px}.mini-tic>span{height:51px;font-size:43px}.mini-gomoku,.mini-go{width:190px}.card-body{padding:19px}.card-title-row h3{font-size:16px}.card-title-row>span{font-size:8px}.card-body p{font-size:11px;min-height:44px}.catalog-heading h2 span{display:none}.chat-heading h2{font-size:13px}.quick-messages button{font-size:9px;padding:6px}.game-title h2{font-size:14px}.session-invite-button{font-size:10px}.board-tools p{max-width:55%}.board-tool span{display:none}.board.chess-board .piece{font-size:clamp(32px,4.8vw,61px)}}
@media(max-width:900px){html{scroll-padding-top:86px}body{padding-bottom:calc(80px + env(safe-area-inset-bottom));font-size:14px}.rail{display:none}.topbar{height:78px;padding:0 5%;padding-top:env(safe-area-inset-top)}.wordmark{font-size:32px}.main-nav{margin-right:auto;margin-left:22px;gap:18px}.main-nav button{font-size:11px}.main-nav button:last-child{display:none}.top-actions{gap:12px}.guest{display:none}.connection{font-size:10px}.install-button{font-size:0;padding:9px;width:44px}.install-button svg{height:19px;width:19px;margin:auto}main{padding:24px 4% 0}.lobby-hero{grid-template-columns:1fr .8fr;min-height:325px;border-radius:22px}.hero-copy{padding:28px}.hero-copy h1{font-size:39px;margin:12px 0}.hero-copy .eyebrow{font-size:9px}.hero-copy p{font-size:11px}.hero-benefits{font-size:9px;gap:12px}.hero-table{min-height:325px}.hero-table:after{width:300px;height:300px;left:-60px;top:95px;background-size:75px 75px}.hero-chess{font-size:215px;left:17%;top:42px}.hero-checker{width:75px;height:68px}.checker-one{left:1%;top:145px}.checker-two{width:70px;height:63px;left:20%;top:250px}.checker-three{display:none}.hero-ticket{font-size:9px;left:1%;padding:10px;bottom:25px}.table-label{font-size:7px;left:18px}.hero-star{font-size:43px}.catalog-section{margin-top:30px}.catalog-heading h2{font-size:23px}.catalog-heading .eyebrow{font-size:10px}.game-search{width:230px;min-width:0}.filter-bar{overflow:auto;gap:5px;padding:20px 0;scrollbar-width:none}.filter-bar button{font-size:11px;white-space:nowrap;padding:10px 14px}.filter-note{display:none}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-art{height:210px}.mini-grid{width:205px;height:205px}.mini-connect{width:210px}.mini-tic{width:180px}.mini-tic>span{height:56px;font-size:46px}.mini-gomoku,.mini-go{width:210px}.card-title-row h3{font-size:18px}.card-title-row>span{font-size:9px}.card-body p{font-size:12px;min-height:44px}.card-body{padding:20px}.card-bottom{font-size:11px}.card-play{font-size:12px}.lobby-bottom>span{display:none}.lobby-bottom{padding:21px}.lobby-bottom p{font-size:10px;line-height:2}.game-layout{display:block}.page-heading{margin-bottom:18px;align-items:center}.page-heading h1{font-size:28px;margin:8px 0}.page-heading p{font-size:11px}.quiet-button{font-size:11px;min-width:44px;padding:10px}.quiet-button svg{width:18px;height:18px}.arena{padding:18px 17px 0;border-radius:19px}.game-title h2{font-size:16px}.game-title div>span{font-size:9px}.session-invite-button{font-size:11px;min-height:44px}.mini-board{font-size:31px;padding:8px}.board-border{padding:12px;border-radius:12px}.board-wrap,.player-row,.board-tools{max-width:650px}.board.chess-board .piece{font-size:clamp(35px,8.6vw,73px)}.board.tictactoe-board .piece{font-size:clamp(80px,17vw,140px)}.piece{width:84%;height:84%}.player-row strong{font-size:13px}.player-row small{font-size:10px}.clock{font-size:22px;min-width:82px}.player-row{padding:16px 0}.board-tools{margin-bottom:12px}.board-tools p{font-size:10px;max-width:65%}.board-tool{min-height:44px;min-width:44px;font-size:11px;padding:8px}.social-panel{position:fixed;top:calc(80px + env(safe-area-inset-top));bottom:calc(80px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:650px;margin:auto;z-index:51;display:none;flex-direction:column;gap:12px;background:#f7f8f2;border-radius:22px;padding:14px;box-shadow:0 0 0 1px #e1e8d7,0 20px 70px #173e3740}.mobile-chat-open .social-panel{display:flex}.mobile-chat-open{overflow:hidden}.mobile-chat-close{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:#6f8760;font-size:12px;flex-shrink:0;min-height:35px}.mobile-chat-close svg{width:21px;height:21px}.social-panel .chat-card{display:flex;flex-direction:column;min-height:0;flex:1}.social-panel .messages{height:auto;min-height:90px;flex:1}.social-panel .voice-card{margin:0;flex-shrink:0;padding:13px 16px}.social-panel .little-note{display:none}.chat-composer input{font-size:16px}.chat-composer{padding:12px 15px}.quick-messages button{font-size:10px;min-height:38px}.chat-heading{padding:15px 18px}.privacy-note{font-size:10px}.chat-backdrop:not([hidden]){display:block;position:fixed;inset:0;background:#193f3770;backdrop-filter:blur(4px);z-index:50;border:0;border-radius:0}.mobile-navigation{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fffefbf2;backdrop-filter:blur(20px);border-top:1px solid #e0e7d5;padding:8px 8px calc(9px + env(safe-area-inset-bottom));z-index:60;box-shadow:0 -7px 30px #35502d06}.mobile-navigation button{border:0;background:none;min-height:54px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;color:#8d9c81;font-size:10px;border-radius:12px;position:relative}.mobile-navigation button>svg,.mobile-icon>svg{height:23px;width:23px;stroke-width:1.7}.mobile-navigation .mobile-active{background:#ebf1e0;color:#49693d}.mobile-icon{position:relative;display:flex}.mobile-icon>b{position:absolute;top:-8px;left:-11px;background:#b28b4c;color:#fff;font:10px 'DM Sans';padding:2px 4px;min-width:17px;border-radius:10px}.offline-banner{top:78px;font-size:11px}.toast{bottom:calc(91px + env(safe-area-inset-bottom));font-size:12px;max-width:92%;width:max-content}.focus-mode .topbar,.focus-mode #room-heading{display:none}.focus-mode main{padding:10px 2% 0}.focus-mode .arena{border-radius:14px}.focus-mode .player-row small{display:none}.focus-mode .player-row{padding:10px 0}.focus-mode .board-tools p{display:none}.focus-mode .board-tools{justify-content:flex-end}.focus-mode .board-wrap,.focus-mode .player-row{max-width:700px}.focus-mode .board.chess-board .piece{font-size:clamp(37px,9vw,78px)}footer{gap:12px;align-items:center;font-size:9px;padding:25px 0}.board.mancala-board{gap:9px;padding:18px 13px;grid-template-rows:repeat(2,minmax(105px,1fr))}.board.morris-board .piece{width:78%;height:78%}.board.dotsboxes-board .dot-cell:after{width:20%;height:20%}}
@media(max-width:600px){.topbar{height:70px}.main-nav{display:none}.top-actions{margin-right:auto}.wordmark{font-size:31px}.connection{font-size:9px;gap:7px}.offline-banner{top:70px}main{padding:18px 14px 0}.lobby-hero{grid-template-columns:1fr .63fr;min-height:305px;border-radius:20px}.hero-copy{padding:25px 20px}.hero-copy h1{font-size:33px;letter-spacing:-1.2px}.hero-copy p{font-size:10px;line-height:2.2}.hero-copy p br{display:none}.hero-copy .eyebrow{font-size:9px}.hero-copy .primary-button{font-size:12px;gap:15px;padding:12px 17px;margin-top:17px}.hero-benefits{font-size:8px;margin-top:18px;gap:10px;flex-wrap:wrap}.hero-benefits span:last-child{display:none}.hero-table{min-height:305px}.hero-table:after{width:260px;height:260px;left:-115px;top:105px;background-size:65px 65px}.hero-chess{font-size:180px;left:-12%;top:52px}.hero-checker{width:66px;height:60px}.checker-one{left:-10%;top:192px}.checker-two{width:57px;height:51px;left:6%;top:262px}.hero-ticket,.table-label{display:none}.hero-star{font-size:40px;top:31px;right:11%}.catalog-heading{display:flex;align-items:stretch;flex-direction:column;gap:17px}.catalog-heading h2{font-size:24px}.catalog-heading .eyebrow{font-size:10px}.game-search{width:100%;min-height:49px}.game-search input{font-size:16px}.filter-bar{margin-inline:-14px;padding:18px 14px;gap:5px}.filter-bar button{font-size:11px;min-height:44px;padding:9px 13px}.game-cards{gap:12px}.game-card{border-radius:15px}.card-art{height:173px}.card-badge{font-size:8px;right:10px;top:11px;padding:5px 7px}.card-index{font-size:7px;left:11px;top:15px}.mini-grid{width:162px;height:162px;border-width:6px}.mini-chess{font-size:29px}.mini-connect{width:163px;gap:5px;border-width:7px;border-bottom-width:11px}.mini-tic{width:139px;gap:4px}.mini-tic>span{height:44px;font-size:36px}.mini-gomoku,.mini-go{width:164px;border-width:6px}.mini-mancala{width:182px;padding:12px;gap:5px;border-radius:29px}.mini-mancala>span{height:43px;padding-top:9px}.mini-mancala b{font-size:11px}.mini-morris{width:156px;height:156px;border-width:6px}.mini-morris>span:nth-child(2){inset:29px}.mini-morris>span:nth-child(3){inset:48px}.morris-seed{width:23px;height:23px}.morris-seed.two{left:60px}.morris-seed.three{left:60px;bottom:20px}.morris-seed.four{right:19px;top:61px}.mini-hex{width:140px;transform:rotate(-12deg) translate(-17px,10px)}.mini-dots{width:137px;border-width:9px}.card-body{padding:16px 13px}.card-title-row h3{font-size:15px;letter-spacing:-.4px}.card-title-row>span{display:none}.card-body p{font-size:10px;line-height:2;min-height:40px;margin:10px 0 13px}.card-bottom{font-size:9px;padding-top:13px;gap:4px}.card-play{font-size:10px;gap:4px}.card-bottom svg{height:12px;width:12px}.card-play svg{height:15px;width:15px}.lobby-bottom{margin-top:25px;padding:19px 15px;gap:11px}.lobby-bottom h3{font-size:13px}.lobby-bottom p{font-size:10px}.lobby-bottom-icon{width:44px;height:44px;flex-shrink:0}.page-heading{align-items:flex-start;margin-bottom:14px}.back-button{font-size:11px;min-height:35px}.page-heading h1{font-size:24px;margin:2px 0 6px}.page-heading p{font-size:10px;max-width:265px;line-height:1.9}.quiet-button{font-size:0;padding:10px;margin-top:10px}.arena{padding:14px 11px 0;border-radius:17px}.game-title{gap:8px}.game-title h2{font-size:14px}.game-title div>span{font-size:8px;letter-spacing:1px}.mini-board{font-size:27px;padding:7px}.arena-top{padding-bottom:12px;gap:10px}.session-invite-button{padding:8px 10px;font-size:10px;gap:5px;min-width:44px}.session-invite-button svg{height:16px;width:16px}.board-border{padding:8px;border-radius:10px}.player-row{padding:13px 0;gap:9px}.avatar{height:37px;width:37px}.avatar svg{height:21px;width:21px}.player-row strong{font-size:11px}.player-row strong>span{font-size:9px}.player-row small{font-size:9px;margin-top:4px;max-width:165px}.piece-counter{font-size:12px;gap:5px}.tiny-piece{height:13px;width:13px}.clock{font-size:20px;min-width:72px;padding:6px 10px}.piece{width:86%;height:86%;border-width:1.5px}.piece.white{box-shadow:0 3px 0 #b5b195,0 5px 6px #28352a35}.piece.black{box-shadow:0 3px 0 #153528,0 5px 6px #28352a35}.piece.king{font-size:26px}.board.chess-board .piece{font-size:clamp(31px,9.4vw,55px);width:100%;height:100%}.coord{font-size:8px;right:2px;bottom:1px}.board-tools{margin-bottom:9px;gap:5px;align-items:flex-end}.board-tools p{font-size:9px;line-height:1.9;max-width:55%}.board-tools>div{gap:4px}.board-tool{font-size:10px;min-width:44px;min-height:44px;padding:8px}.board-tool svg{height:17px;width:17px}.arena-bottom{font-size:10px;padding:6px 0;gap:7px}.arena-bottom>div{gap:4px}.text-button{font-size:10px}.text-button svg,.icon-button svg{width:17px;height:17px}.arena-bottom>span{font-size:9px;line-height:1.8}.welcome-card{width:89%;padding:20px 16px;border-radius:15px}.welcome-card h2{font-size:19px;line-height:1.8;margin:11px 0 8px}.welcome-card p{font-size:11px;margin-bottom:16px;line-height:2}.welcome-symbol{height:36px;width:36px;font-size:25px}.welcome-card .primary-button{font-size:12px;padding:12px 17px;min-height:46px}.board-overlay{backdrop-filter:blur(2px)}.share-panel{padding:14px;margin-top:13px}.share-panel-heading strong{font-size:12px}.share-panel p{font-size:10px}.share-link-row input{font-size:11px}.share-link-row>button{font-size:11px;padding:9px}.share-panel-heading>button{min-width:44px}.social-panel{top:calc(76px + env(safe-area-inset-top));left:7px;right:7px;padding:10px;border-radius:19px;gap:9px}.chat-heading h2{font-size:14px}.privacy-note{font-size:10px}.messages{padding:17px}.bubble{font-size:13px}.chat-composer input{font-size:16px}.chat-empty h3{font-size:14px}.chat-empty p{font-size:12px}.quick-messages button{font-size:10px}.voice-card h3{font-size:12px}.voice-card p{font-size:10px}.mobile-navigation{padding-top:6px}.mobile-navigation button{font-size:9px;min-height:54px}.mobile-navigation button>svg,.mobile-icon>svg{height:23px;width:23px}.board.mancala-board{grid-template-columns:repeat(6,1fr)!important;grid-template-rows:90px 90px 67px;gap:9px 6px;padding:15px 12px;aspect-ratio:auto!important;border-radius:23px;direction:ltr}.board.mancala-board .store{grid-row:3;flex-direction:row;justify-content:space-around;padding:12px;border-radius:24px}.board.mancala-board [data-pit="13"]{grid-column:1/4}.board.mancala-board [data-pit="6"]{grid-column:4/7}.board.mancala-board [data-pit="12"],.board.mancala-board [data-pit="0"]{grid-column:1}.board.mancala-board [data-pit="11"],.board.mancala-board [data-pit="1"]{grid-column:2}.board.mancala-board [data-pit="10"],.board.mancala-board [data-pit="2"]{grid-column:3}.board.mancala-board [data-pit="9"],.board.mancala-board [data-pit="3"]{grid-column:4}.board.mancala-board [data-pit="8"],.board.mancala-board [data-pit="4"]{grid-column:5}.board.mancala-board [data-pit="7"],.board.mancala-board [data-pit="5"]{grid-column:6}.board.mancala-board .store small{font-size:10px;writing-mode:initial;direction:rtl}.board.mancala-board .pit strong{font-size:14px;padding:3px 6px;min-width:24px}.seeds i{width:7px;height:9px}.board.mancala-board .store .seeds{inset:8px 30px 22px}.board.dotsboxes-board .box-cell.claimed{font-size:21px}.board.morris-board .morris-node:before{height:23%;width:23%}.board.morris-board .piece{height:80%;width:80%}.board.morris-board .legal:before{height:30%;width:30%;box-shadow:0 0 0 4px #d2b26235}dialog{padding:27px 23px;max-height:85dvh;overflow:auto;font-size:13px;border-radius:19px}dialog h2{font-size:22px}.promotion-options{gap:7px}.promotion-options button{font-size:42px;padding:9px}.promotion-options button span{font-size:11px}footer{flex-direction:column;font-size:9px;gap:10px}.focus-mode .board.chess-board .piece{font-size:clamp(33px,10vw,61px)}}
@media(max-width:359px){main{padding-inline:9px}.hero-copy{padding:22px 16px}.hero-copy h1{font-size:29px}.hero-copy p{font-size:9px}.card-art{height:151px}.mini-grid{width:145px;height:145px}.mini-connect{width:145px}.mini-tic{width:123px}.mini-tic>span{height:38px;font-size:32px}.mini-gomoku,.mini-go{width:146px}.mini-mancala{width:156px}.mini-morris{width:139px;height:139px}.mini-morris>span:nth-child(3){inset:43px}.card-body{padding:13px 10px}.card-title-row h3{font-size:13px}.card-body p{font-size:9px}.card-bottom{font-size:8px}.card-play{font-size:9px}.game-title h2{font-size:12px}.session-invite-button{font-size:9px;padding:7px}.clock{min-width:63px;font-size:18px}.player-row strong{font-size:10px}.player-row small{font-size:8px}.avatar{width:33px;height:33px}.arena{padding-inline:9px}.board-tools p{font-size:8px}.board.chess-board .piece{font-size:clamp(29px,9.2vw,37px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}@media(display-mode:standalone){.install-button{display:none}.topbar{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}}