:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color-scheme:light;color:var(--text);background:var(--bg);--bg: #f7f8fc;--surface: #fff;--secondary: #f2f3fa;--text: #252942;--muted: #858ba0;--border: #e5e8f1;--primary: #6b65ed;--gradient: linear-gradient(120deg, #5878f2, #8860ed);--wood: #f3e9d5;--line: #ad9171;--red: #b64c4b;--blue: #425d80;--ink: #775b3e}:root[data-theme=dark]{color-scheme:dark;--bg: #0c0f19;--surface: #141927;--secondary: #1b2235;--text: #e7eaf6;--muted: #8b96b0;--border: #293149;--wood: #302d2a;--line: #726251;--red: #f5a091;--blue: #afc8ed;--ink: #d2b895;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{min-height:100%;background-color:var(--bg)}body{margin:0;min-height:100vh;min-height:100dvh;background-color:var(--bg);color:var(--text)}#root{min-height:100vh;min-height:100dvh;background-color:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 16px;color:var(--text);transition:background .18s,border-color .18s,transform .18s}button:hover:not(:disabled){border-color:#9690f4;background:var(--secondary)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}:focus-visible{outline:3px solid #8b8afa;outline-offset:3px}input,select{background:var(--secondary);border:1px solid var(--border);border-radius:9px;padding:12px;color:var(--text);width:100%;min-width:0}input::placeholder{color:var(--muted)}label{display:block;font-size:12px;margin:0 0 9px;color:var(--muted)}h1,h2,h3,p{margin:0}p{line-height:1.9;color:var(--muted)}header{height:76px;display:flex;align-items:center;gap:26px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand img{width:32px;height:32px}.brand strong{font-size:23px;letter-spacing:-1px;color:#6d65ef}.brand>span{font-size:13px;border-left:1px solid var(--border);padding-left:12px;margin-left:4px;color:var(--muted)}nav{display:flex;gap:26px;margin-left:auto;font-size:12px;color:var(--muted)}.theme-button{width:40px;height:40px;padding:0;font-size:23px}main{max-width:1240px;margin:auto;padding:0 24px}.hero{min-height:410px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:54px 36px 48px;gap:50px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--primary);display:inline-flex;align-items:center;gap:8px}.eyebrow i,.status-dot{display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#88b7a1}.hero h1{font-size:52px;line-height:1.25;letter-spacing:-2px;font-weight:650;margin:20px 0}.hero-copy>p{font-size:13px;line-height:2}.hero-tags{display:flex;gap:17px;margin-top:24px;font-size:10px;color:var(--muted)}.hero-tags span:before{content:"✧";margin-right:5px;color:var(--primary)}.hero-art{position:relative;height:300px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--border);border-radius:50%;width:340px;height:250px;transform:rotate(-25deg)}.orbit-two{width:420px;height:300px;transform:rotate(20deg);opacity:.65}.art-board{position:relative;width:230px;height:230px;border-radius:30px;background:linear-gradient(135deg,var(--surface),var(--secondary));border:1px solid var(--border);box-shadow:20px 28px 80px #6764ed15;transform:rotate(-12deg)}.art-lines{position:absolute;inset:30px;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(#000,transparent);mask-image:radial-gradient(#000,transparent)}.art-piece{width:75px;height:75px;position:absolute;border-radius:50%;display:grid;place-items:center;font:40px Songti SC,SimSun,serif;background:var(--surface);box-shadow:0 8px 0 var(--border),0 18px 25px #0001;border:1px solid var(--border)}.art-piece.one{color:var(--red);left:16px;top:22px;transform:rotate(12deg)}.art-piece.two{color:var(--blue);right:6px;bottom:25px;transform:rotate(12deg)}.art-stone{position:absolute;width:38px;height:38px;border-radius:50%;box-shadow:0 7px 13px #0002}.art-stone.black{background:radial-gradient(at 30% 20%,#626879,#141722 70%);bottom:50px;left:32px}.art-stone.white{background:radial-gradient(at 30% 20%,#fff,#d7dbe8);right:36px;top:31px}.art-pill{position:absolute;bottom:-15px;left:40px;padding:9px 17px;border-radius:8px;background:var(--gradient);font-size:8px;letter-spacing:2px;color:#fff;transform:rotate(12deg)}.floating-note{position:absolute;bottom:0;right:18px;font-size:10px;color:var(--muted);letter-spacing:3px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 10px 36px #26387907}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1000px;margin:0 auto 60px}.welcome h2{font-size:23px;margin:12px 0}.welcome p{font-size:12px}.input-row{display:flex;gap:8px;align-items:center}.input-row>button{white-space:nowrap}.primary{background:var(--gradient);border:0;color:#fff;box-shadow:0 5px 14px #6764ed21}.primary:hover:not(:disabled){background:var(--gradient);filter:brightness(1.05)}.full{width:100%;display:flex;justify-content:center;align-items:center;gap:12px}.lobby{display:grid;grid-template-columns:1fr 310px;gap:28px;margin:0 0 70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-size:23px;margin-top:10px;font-weight:600}.count{font-size:10px;color:var(--muted);padding-bottom:4px}.game-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.game-card{text-align:left;display:flex;gap:17px;position:relative;padding:23px 20px;min-height:161px;border-radius:15px}.game-card:last-child{grid-column:1/-1;min-height:135px}.game-card.chosen{border-color:#8b82ee;box-shadow:0 0 0 2px #6764ed0c;background:linear-gradient(120deg,#6964ed06,transparent),var(--surface)}.game-glyph{display:grid;place-items:center;width:53px;height:59px;flex-shrink:0;border-radius:14px;font:30px SimSun,serif;background:#f4e8df;color:#b76d53}.glyph-1{background:#eaecf7;color:#596078;font:38px serif}.glyph-2{background:#e5eee9;color:#608779}.glyph-3{background:#e9e8f8;color:#8574b6}.glyph-4{background:#f3eddf;color:#a08a53}.game-card small{font-size:8px;letter-spacing:1.6px;color:var(--muted)}.game-card h3{font-size:17px;font-weight:600;margin:7px 0}.game-card p{font-size:10px}.tag{font-size:9px;display:inline-block;margin-top:13px;background:var(--secondary);padding:4px 8px;border-radius:5px;color:var(--muted)}.card-arrow{position:absolute;right:15px;top:16px;font-size:16px;color:var(--muted)}.selected-dot{position:absolute;right:16px;bottom:16px;background:var(--primary);color:#fff;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-size:10px}.lobby-aside{padding-top:61px;display:flex;flex-direction:column;gap:14px}.create-panel h2{font-size:20px;margin:13px 0 7px}.create-panel>p{font-size:11px}.picked-game{display:flex;align-items:center;gap:14px;padding:16px 0;margin:12px 0 18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.picked-game>span{font:28px serif;color:var(--primary);background:var(--secondary);width:42px;height:42px;display:grid;place-items:center;border-radius:10px}.picked-game small{font-size:10px;color:var(--muted);display:block;margin-bottom:6px}.picked-game strong{font-size:13px}.create-panel select{margin-bottom:15px}.muted{font-size:10px;color:var(--muted);line-height:1.7;display:block;margin-top:13px}.join-panel h3{font-size:13px;font-weight:500;margin-bottom:14px}.join-panel input{letter-spacing:2px;font-size:12px}.promo{display:flex;align-items:center;gap:20px;padding:19px 22px;border:1px solid var(--border);background:linear-gradient(100deg,#6964ed08,transparent),var(--surface);border-radius:12px;margin:24px 0}.promo-label{font-weight:750;font-size:18px;letter-spacing:-.5px;color:#7467ee}.promo p{font-size:11px}.promo a{margin-left:auto;white-space:nowrap;font-size:11px;color:var(--primary)}footer{display:flex;align-items:center;gap:25px;padding:25px 0 30px;font-size:10px;color:var(--muted);border-top:1px solid var(--border)}footer>span:nth-child(2){margin-left:auto}footer strong{color:var(--primary);font-weight:600}.room-heading{display:flex;align-items:center;gap:20px;margin:30px 0 23px}.back-button{font-size:11px;background:transparent}.room-heading h1{font-size:23px;margin-top:7px;letter-spacing:-.5px}.invite{margin-left:auto;font-size:12px;letter-spacing:1px;display:flex;gap:15px}.invite span{color:var(--primary);font-size:10px;letter-spacing:0}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.game-stage{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:19px 28px}.turn-banner{display:flex;align-items:center;gap:8px;font-size:12px;border-bottom:1px solid var(--border);padding:0 0 17px;color:var(--muted)}.turn-banner>span:last-child{margin-left:auto;font-size:10px}.turn-banner.your-turn{color:var(--primary)}.your-turn .status-dot{background:var(--primary);box-shadow:0 0 0 4px #6764ed0c}.player-strip{display:flex;align-items:center;gap:11px;padding:17px 5px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-size:14px;font-weight:700;background:#e9eef6;color:#61799c}.avatar.side-0{background:#f6e8e4;color:#b57868}.player-strip strong{font-size:12px;display:block}.player-strip small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.player-strip em{font-size:9px;font-weight:400;font-style:normal;color:var(--muted)}time{margin-left:auto;font-family:ui-monospace,monospace;letter-spacing:1px;font-size:21px;padding:7px 10px;border-radius:8px;color:var(--muted);background:var(--secondary)}time.ticking{color:var(--primary);background:#6764ed10}.board-shell{background:var(--wood);color:var(--ink);border:1px solid color-mix(in srgb,var(--line) 30%,transparent);border-radius:13px;box-shadow:inset 0 0 0 5px #bba37c08;padding:13px 14px 10px;max-width:590px;margin:auto}.board-meta,.board-caption{display:flex;justify-content:space-between;align-items:center;font-size:9px;gap:6px;opacity:.8}.board{position:relative;width:100%}.board-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-lines line,.board-lines path{stroke:var(--line);stroke-width:.13;fill:none}.board-lines circle{fill:var(--line)}.board-lines .river{fill:var(--ink);font:4px SimSun,serif;letter-spacing:1px}.board-caption{border-top:1px solid #9e835523;padding-top:10px;font-size:9px}.board-caption .status-dot{width:4px;height:4px;margin-right:3px;background:var(--ink)}.cell{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;background:transparent;border:0;padding:0;border-radius:50%;min-width:0;transition:none}.cell:active:not(:disabled){transform:translate(-50%,-50%)}.cell:hover:not(:disabled){background:#6764ed20;border:0}.cell:disabled{opacity:1;cursor:default}.piece{display:grid;place-items:center;position:absolute;inset:3%;font:clamp(15px,2.8vw,28px) SimSun,serif;border-radius:50%;background:radial-gradient(at 35% 20%,#fff8,transparent 65%),var(--wood);box-shadow:0 2px color-mix(in srgb,var(--line) 60%,transparent),0 3px 5px #0002;border:1px solid var(--line);outline:1px solid color-mix(in srgb,var(--line) 40%,transparent);outline-offset:-4px;-webkit-user-select:none;user-select:none}.piece.red{color:var(--red)}.piece.blue{color:var(--blue)}.cell.selected .piece{box-shadow:0 0 0 3px #7770f2,0 0 20px #6764ed35;transform:translateY(-2px)}.cell.legal:not(.occupied)>i{width:19%;height:19%;border-radius:50%;background:#7770d6;box-shadow:0 0 0 4px #6764ed15}.cell.legal.occupied:after{content:"";position:absolute;inset:0;border:2px dashed #8d6de5;border-radius:50%;z-index:2}.last-mark{position:absolute;bottom:8%;right:8%;width:5px;height:5px;background:#8c63d4;border:1px solid #fffc;border-radius:50%;z-index:3}.gomoku .piece{inset:8%;outline:0;border:1px solid #0002;box-shadow:0 2px 4px #0005}.gomoku .piece.red{background:radial-gradient(at 35% 25%,#626571,#161924 75%)}.gomoku .piece.blue{background:radial-gradient(at 35% 25%,#fff,#d2d4dc)}.military{max-width:360px;background:linear-gradient(135deg,#557e6f0c,transparent),var(--wood)}.military .piece{inset:16% 0;font:bold clamp(10px,1.7vw,16px) SimSun,serif;border-radius:5px;outline:0;background:var(--surface);letter-spacing:-1px}.military .covered{background:linear-gradient(135deg,#667197,#495778);color:#eff1fc;border-color:#8896b4}.military .covered.red{background:linear-gradient(135deg,#ac7672,#8c5555);border-color:#bd8a83}.military .board-lines .rail{stroke-width:.65;stroke-dasharray:.65 .45;stroke:#718c7f}.military .board-lines .road{stroke:#8d9c85;stroke-width:.15}.military .camp{fill:var(--wood);stroke:#6e9b83;stroke-width:.35}.military .base,.military .station{fill:var(--wood);stroke:var(--line);stroke-width:.18}.station-text{font:2px sans-serif;text-anchor:middle;fill:var(--ink)}.room-sidebar{display:flex;flex-direction:column;gap:16px}.room-controls h2{font-size:21px;line-height:1.5;margin:13px 0}.room-controls p{font-size:11px;margin:16px 0}.room-controls>.full{margin-top:12px}.connection{font-size:10px;color:var(--muted);display:flex;gap:6px;align-items:center}.status-dot.offline{background:#dc9e69}.ready-status{display:flex;gap:20px;font-size:11px;margin-top:16px;color:var(--muted)}.room-controls p.room-note{font-size:10px;border-top:1px solid var(--border);padding-top:16px;margin-top:24px;margin-bottom:0}.rules-panel{padding:20px}.rules-panel summary{cursor:pointer;font-size:13px;display:flex;justify-content:space-between}.rules-panel summary span{color:var(--muted)}.rules-panel ol{padding:0 0 0 16px;font-size:10px;color:var(--muted);line-height:1.9}.rules-panel li+li{margin-top:10px}.quiet-note{text-align:center;padding:20px;font-size:8px;letter-spacing:2px;color:var(--muted);line-height:2.7}.quiet-note span{font-size:10px;letter-spacing:1px}.confirm-box{border:1px solid var(--border);padding:10px;border-radius:10px}.confirm-box p{margin-top:0}.confirm-box button{font-size:11px;flex:1;padding:9px}.danger{color:#d16868}.result-symbol{font:60px serif;color:var(--primary);text-align:center;padding:10px}.loading{margin:50px auto;max-width:600px;text-align:center}.loading h2{margin:16px 0}.loading p{font-size:12px;margin-bottom:20px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 40px #0002;padding:14px 16px;display:flex;align-items:center;gap:15px;max-width:calc(100% - 24px);width:max-content;font-size:12px;line-height:1.7;z-index:10}.toast button{background:transparent;border:0;color:inherit;padding:0 3px;font-size:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.lobby{grid-template-columns:1fr 280px;gap:18px}.game-cards{grid-template-columns:1fr}.game-card:last-child{grid-column:auto}.game-card{min-height:130px}.hero{gap:15px;padding-left:12px;padding-right:12px}.orbit-two{width:330px}.hero h1{font-size:46px}.room-layout{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.game-stage{padding:16px}.turn-banner>span:last-child{display:none}.piece{font-size:22px}.military .piece{font-size:13px}}@media(max-width:720px){header{height:64px;padding:0 16px;gap:14px}nav a:last-child{display:none}nav{gap:12px;font-size:10px}.brand strong{font-size:20px}.brand>span{font-size:11px}.brand img{width:28px;height:28px}main{padding:0 14px}.hero{min-height:0;padding:35px 8px;gap:0;grid-template-columns:1fr 155px}.hero h1{font-size:35px;margin:14px 0}.hero-copy>p{font-size:10px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-tags{font-size:8px;gap:10px;margin-top:18px}.hero-art{height:200px;overflow:hidden}.art-board{width:130px;height:130px;border-radius:20px}.art-piece{width:45px;height:45px;font-size:25px}.art-piece.one{left:10px;top:12px}.art-piece.two{right:5px;bottom:18px}.art-stone{width:24px;height:24px}.art-stone.black{bottom:27px;left:19px}.art-stone.white{right:22px;top:17px}.orbit{width:180px;height:150px}.orbit-two{width:220px;height:190px}.art-pill{font-size:5px;left:17px;bottom:-12px;padding:7px 9px;letter-spacing:1px}.floating-note{font-size:7px;letter-spacing:1px;right:2px;bottom:8px}.welcome{grid-template-columns:1fr;gap:22px;padding:22px;margin-bottom:35px}.welcome h2{font-size:21px}.lobby{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.section-heading h2{font-size:21px}.game-cards{grid-template-columns:1fr 1fr;gap:10px}.game-card{flex-direction:column;padding:16px;gap:12px;min-height:180px}.game-glyph{width:39px;height:43px;font-size:23px}.game-card h3{font-size:14px}.game-card small{font-size:7px;letter-spacing:1px}.game-card p{font-size:10px}.game-card:last-child{grid-column:1/-1;flex-direction:row;align-items:center;min-height:110px}.game-card:last-child .tag{margin-top:7px}.lobby-aside{padding-top:0;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:12px}.panel{padding:20px}.create-panel{grid-column:1/-1}.create-panel .picked-game{margin:12px 0}.join-panel{grid-column:1/-1}.promo{gap:12px;flex-wrap:wrap;padding:16px}.promo p{font-size:10px;flex:1;min-width:180px}.promo a{font-size:10px}footer{font-size:9px;gap:14px;flex-wrap:wrap;line-height:1.8}footer>span:nth-child(2){margin-left:0;order:3;width:100%}.room-heading{gap:12px;flex-wrap:wrap;margin:20px 0 16px}.back-button{padding:8px;font-size:10px}.room-heading h1{font-size:19px;margin-top:4px}.invite{padding:9px;font-size:10px;gap:7px}.invite span{font-size:9px}.room-layout{grid-template-columns:1fr;gap:16px}.game-stage{padding:14px 10px;border-radius:13px}.turn-banner{padding:0 5px 13px;font-size:11px}.player-strip{padding:13px 6px}.board-shell{padding:9px 6px;max-width:520px}.piece{font-size:clamp(18px,5vw,27px)}.military{max-width:360px}.military .piece{font-size:14px}.board-meta,.board-caption{font-size:8px;padding-left:5px;padding-right:5px}.room-sidebar{display:grid;grid-template-columns:1fr}.room-controls p{font-size:12px}.room-controls h2{font-size:20px}.rules-panel ol{font-size:12px}.quiet-note{display:none}.input-row button{font-size:12px}.board .cell{touch-action:manipulation}}@media(max-width:360px){.hero{grid-template-columns:1fr 115px}.hero h1{font-size:31px}.hero-art{transform:scale(.85)}.hero-tags{gap:6px}.brand>span{display:none}.game-card{padding:14px 12px}.invite{margin-left:0}.military .piece{font-size:12px}.board-caption{font-size:7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.public-games{margin:0 auto 28px;max-width:1000px}.public-games .game-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.public-games .game-card:last-child{grid-column:auto}.public-games .game-card{min-height:145px;padding:18px;gap:12px}.public-games .game-glyph{width:42px;height:48px}.nickname-switch{font-size:11px;color:var(--muted);padding:8px 10px}@media(max-width:720px){.public-games .game-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.public-games .game-card{min-height:180px}.public-games .game-card:last-child{grid-column:1/-1;min-height:110px}}.family-heading{display:flex;align-items:flex-start;gap:20px;padding:32px 0 22px}.family-heading h1{font-size:30px;letter-spacing:-1px;margin:8px 0}.family-heading p{font-size:12px}@media(max-width:720px){.family-heading{padding:23px 0 18px;gap:12px}.family-heading h1{font-size:25px}.family-heading p{font-size:11px}}.sound-controls{position:relative;flex-shrink:0;z-index:20}.sound-controls summary{list-style:none;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;cursor:pointer;background:var(--surface);color:var(--text)}.sound-controls summary::-webkit-details-marker{display:none}.sound-controls summary svg{width:21px;height:21px}.sound-controls[open] summary{border-color:var(--primary);color:var(--primary)}.sound-panel{position:absolute;right:0;top:50px;width:335px;max-width:calc(100vw - 28px);padding:22px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 60px #0003}.sound-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.sound-heading .eyebrow{font-size:8px;letter-spacing:1px}.sound-heading h2{font-size:17px;margin-top:8px}.sound-master{font-size:10px;padding:8px;white-space:nowrap;color:var(--primary);background:var(--secondary)}.sound-master.is-muted{color:var(--muted)}.sound-option{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;margin:0;border-top:1px solid var(--border);cursor:pointer}.sound-option strong{display:block;font-size:12px;color:var(--text);font-weight:500}.sound-option small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.sound-option input[type=checkbox]{padding:0;width:18px;height:18px;flex:0 0 18px;accent-color:var(--primary);margin:0;cursor:pointer}.sound-range{margin:12px 0 15px}.sound-range>span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.sound-range b{font-weight:500;color:var(--text)}.sound-range input[type=range]{padding:0;border:0;width:100%;height:20px;accent-color:var(--primary);cursor:pointer;margin-top:9px;background:transparent}.sound-range input:disabled{opacity:.4;cursor:not-allowed}.sound-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:16px}.sound-footer button{font-size:11px;padding:8px 12px}.sound-footer a{font-size:10px;color:var(--muted)}.sound-status{font-size:10px;margin-top:13px;line-height:1.7;color:var(--muted)}@media(max-width:720px){header{gap:8px}.sound-panel{position:fixed;right:14px;top:72px}.sound-controls summary{width:36px;height:36px}.theme-button{width:36px;height:36px}.sound-heading .eyebrow{font-size:8px}}.board-takeback{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 0;color:var(--muted);font-size:10px}.takeback-action{min-height:40px;padding:9px 14px;font-size:12px;white-space:nowrap}.takeback-wait{display:flex;flex-direction:column;gap:6px;min-width:0}.takeback-wait strong{font-size:12px;color:var(--text);font-weight:500}.takeback-wait span{font-size:10px;color:var(--muted)}.board-takeback-notice{font-size:11px;line-height:1.8;margin-top:10px;padding:9px 12px;background:var(--secondary);color:var(--muted);border-left:3px solid var(--primary);border-radius:5px}.takeback-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#050812a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overscroll-behavior:contain}.takeback-dialog{position:relative;max-width:420px;width:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 28px 100px #0004}.takeback-dialog:focus{outline:none}.takeback-close{position:absolute;right:14px;top:14px;width:36px;height:36px;padding:0;border-radius:50%;background:var(--secondary);font-size:23px;color:var(--muted)}.takeback-emblem{width:52px;height:52px;display:grid;place-items:center;font-size:33px;background:var(--secondary);color:var(--primary);border-radius:15px;margin-bottom:20px}.takeback-dialog h2{font-size:24px;letter-spacing:-.5px;line-height:1.5;margin:11px 0 7px}.takeback-opponent{font-size:12px;overflow-wrap:anywhere}.takeback-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 18px;background:var(--secondary);padding:15px;border-radius:11px}.takeback-summary strong{font-size:15px;font-weight:600}.takeback-summary span{font-size:12px;color:var(--primary);white-space:nowrap;font-variant-numeric:tabular-nums}.takeback-explanation p{font-size:11px;line-height:1.9;margin:9px 0}.takeback-network{font-size:11px;margin-top:12px;color:#c58d58}.takeback-decisions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.takeback-decisions button{min-height:46px;font-size:13px}.takeback-decisions .primary{box-shadow:0 4px 14px #6764ed26}@media(max-width:720px){.board-takeback{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:6;background:var(--surface);padding:9px 10px;margin:8px -1px 0;border:1px solid var(--border);border-radius:10px;box-shadow:0 5px 15px #0000000b}.takeback-action{min-height:44px;padding:9px 12px}.takeback-overlay{padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom));padding-top:max(16px,env(safe-area-inset-top))}.takeback-dialog{padding:24px 20px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:18px}.takeback-dialog h2{font-size:22px}.takeback-explanation p{font-size:12px}.takeback-close{width:40px;height:40px}.takeback-decisions button{min-height:48px}.board-takeback-notice{font-size:10px}}.board-phase-actions{flex-direction:column;align-items:stretch;gap:9px}.board-main-actions{display:flex;gap:9px;align-items:center}.board-main-actions>button{flex:1;min-width:0}.board-action-status{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:var(--muted)}.board-resign{color:var(--muted);padding-left:12px;padding-right:12px}.board-resign-confirm{display:flex;align-items:center;gap:9px;padding:10px;margin-top:9px;border:1px solid var(--border);background:var(--secondary);border-radius:10px;font-size:11px;color:var(--muted)}.board-resign-confirm>span{margin-right:auto}.board-resign-confirm button{font-size:11px;min-height:40px;padding:8px 10px}@media(max-width:720px){.board-phase-actions{gap:7px}.board-action-status{font-size:10px}.board-resign-confirm{position:sticky;top:85px;z-index:5;box-shadow:0 5px 15px #0001}.board-resign-confirm button{min-height:44px}.board-takeback:has(.board-resign){gap:8px}.takeback-hint{margin-right:auto;font-size:9px}.board-resign{font-size:11px;padding-left:10px;padding-right:10px}}