:root{--background:#f5f5f0;--surface-soft:#eeefe8;--surface-strong:#fafbf7;--border:#dfe3da;--foreground:#23322c;--muted:#69736c;--accent:#287451;--accent-foreground:#fff;--accent-soft:#e5eee3}.dark{--background:#151b1a;--surface:#1d2623;--surface-raised:#202b26;--surface-strong:#202b26;--surface-soft:#27322c;--border:#344039;--foreground:#eef1e8;--muted:#abb6ac;--accent:#a6ca88;--accent-foreground:#19271c;--accent-soft:#2a3b2a}body{font-family:Segoe UI,Arial,Noto Sans Khmer,Noto Sans Thai,sans-serif}.action-primary{color:var(--accent-foreground)}button:not(:disabled),summary{cursor:pointer}button:disabled{cursor:not-allowed}.app-brand.btn,.app-mobile-brand.btn,.app-nav-link.btn{border:0;box-shadow:none;justify-content:flex-start}.app-nav-link.btn{font-size:13px;font-weight:600;text-align:start}.app-nav-link.btn.is-active{box-shadow:inset 3px 0 0 var(--accent)}.app-brand-mark{color:var(--accent-foreground)}.studio-home{min-width:0;max-width:1260px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.game-library,.library-heading,.library-mode,.library-toolbar{min-width:0}.studio-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;font-weight:600}.studio-welcome span{color:var(--muted);font-weight:400;margin-inline-start:8px}.studio-welcome>a:last-child{display:inline-flex;align-items:center;gap:8px;color:var(--muted)}.studio-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;min-height:296px;padding:32px 42px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(110deg,var(--surface) 5%,var(--surface-soft) 100%);overflow:hidden}.studio-eyebrow{font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.16em;color:var(--muted)}.studio-hero .intro-copy{gap:13px}.studio-hero h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,3.8vw,57px);line-height:1.02;font-weight:400;letter-spacing:-.045em}.studio-hero h1 em{color:var(--accent);font-weight:400}.studio-hero .intro-copy p{line-height:1.6;font-weight:400;margin:0}.studio-hero .intro-actions a{font-weight:600;min-height:42px;padding:10px 18px}.studio-hero .intro-proof{gap:14px}.studio-hero .intro-proof span{padding:0;border:0;background:none;color:var(--muted);font-size:10px;font-weight:500}.studio-hero .intro-board-orbit{width:min(100%,275px);height:255px;min-height:0;justify-self:center;transform:rotate(-4deg)}.studio-hero .intro-board{width:235px;height:235px;border:7px solid #677f60;border-radius:5px;box-shadow:12px 20px 26px #263d252b;transform:perspective(700px) rotateX(12deg) rotate(12deg)}.studio-hero .intro-board>span.is-light{background:#e6e9cf}.studio-hero .intro-board>span.is-dark{background:#78906b}.studio-hero .intro-orbit-piece{display:none}.library-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.library-heading h2{margin:5px 0 0;font-size:24px;font-weight:650;letter-spacing:-.045em}.library-mode{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.library-mode button,.library-mode select{min-height:36px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:600}.library-mode button{display:inline-flex;align-items:center;gap:7px}.library-mode button[aria-pressed=true]{background:var(--surface);color:var(--foreground);box-shadow:0 1px 4px #0000000f}.library-toolbar{justify-content:space-between;gap:14px}.library-filters{display:flex;align-items:center;gap:4px;overflow-x:auto}.library-filters button{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:36px;padding:7px 11px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px}.library-filters button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:650}.library-search{display:flex;align-items:center;gap:8px;width:190px;flex-shrink:0;padding:8px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.library-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.library-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--foreground);font-size:12px}.library-search button{display:grid;place-items:center;border:0;background:none;color:var(--muted)}.library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.library-card{position:relative;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:border-color .18s ease,transform .18s ease}.library-card:hover{transform:translateY(-3px);border-color:var(--accent)}.library-card-link{display:block;border-radius:inherit;overflow:hidden}.library-art{--art-light:#dfe9d4;--art-dark:#8ba383;position:relative;isolation:isolate;height:138px;overflow:hidden;background:var(--art-light)}[data-tone=sand] .library-art{--art-light:#f1e4ca;--art-dark:#c3a27a}[data-tone=clay] .library-art{--art-light:#ecded3;--art-dark:#bf9782}[data-tone=slate] .library-art{--art-light:#dce5ec;--art-dark:#8b9faf}[data-tone=plum] .library-art{--art-light:#e7deea;--art-dark:#a78dac}.library-art-grid{position:absolute;inset:28px -22px -85px;z-index:-1;background:repeating-conic-gradient(var(--art-dark) 0 25%,transparent 0 50%) 50% /54px 54px;opacity:.42;transform:perspective(230px) rotateX(45deg) rotate(-12deg);-webkit-mask-image:linear-gradient(transparent,#000 60%);mask-image:linear-gradient(transparent,#000 60%)}.library-motif{inset-inline-start:13px;top:13px;font-weight:650;text-transform:uppercase;letter-spacing:.1em}.library-board-size,.library-motif{position:absolute;color:#435044;font-size:9px}.library-board-size{bottom:9px;inset-inline-end:11px;font-weight:600}.library-piece-group{display:flex;align-items:flex-end;justify-content:center;height:100%;padding-bottom:10px;gap:0;filter:drop-shadow(1px 7px 3px #17251e2b)}.library-piece-group>span{display:grid;place-items:center;width:62px;height:69px;--board-fixed-size:400px;--board-cols:8}.library-piece-group>span:nth-child(2){width:77px;height:91px;z-index:1}.library-piece-group .piece-icon{width:90%;height:90%;font-size:32px}.library-piece-group .native-piece-symbol{font-size:30px}.library-card-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px}.library-card-copy h3{margin:0;font-size:13px;font-weight:650;letter-spacing:-.015em}.library-card-copy p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.library-card-copy>svg{flex-shrink:0;color:var(--muted)}.library-favorite{position:absolute;top:7px;inset-inline-end:7px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff75;color:#586450}.library-favorite[aria-pressed=true]{color:#795319;background:#fff4cb}.library-footer{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:17px;color:var(--muted);font-size:11px}.library-footer>span{margin-inline-end:auto}.library-footer a,.library-footer button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;background:transparent;color:var(--foreground);font-size:11px;font-weight:600}.library-empty{display:grid;justify-items:center;gap:10px;padding:42px 18px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted)}.library-empty h3,.library-empty p{margin:0}.library-empty h3{font-size:17px;color:var(--foreground)}.library-empty p{font-size:13px}.play-arena:has(.game-studio){padding:0;background:transparent;overflow:visible}.play-arena .game-studio{--board-fixed-size:clamp(300px,min(48vw,calc((100dvh - 13rem) * var(--board-ratio, 1))),760px);grid-template-columns:minmax(0,var(--board-fixed-size)) minmax(280px,340px);max-width:calc(var(--board-fixed-size) + 360px);gap:20px}.game-studio .board-player-card{box-shadow:none;border-color:transparent;background:transparent}.play-arena .game-studio .game-side-panel{max-height:calc(100dvh - 3rem);border-radius:12px;box-shadow:0 3px 18px #00000005;padding:16px;gap:14px}.game-studio .play-mode-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.game-studio .play-mode-stack-button{min-height:42px;padding:8px;gap:7px;font-size:11px;border-radius:7px}.game-studio .play-mode-stack-button:first-child{grid-column:1/-1}.game-studio .play-mode-stack-button.is-selected{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.game-studio .play-setup-select-card{min-height:42px;border-radius:8px}.game-studio .play-setup-stack{gap:12px}.studio-bot-choice{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;color:var(--accent)}.studio-bot-choice strong{display:block;color:var(--foreground);font-size:12px;font-weight:600}.studio-bot-choice span{color:var(--muted);font-size:10px}.studio-bot-choice select{grid-column:1/-1;width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;font-size:12px}.studio-chat-disclosure{border-top:1px solid var(--border);padding-top:10px}.studio-chat-disclosure>summary{display:flex;justify-content:space-between;padding:8px 0;list-style:none;font-size:11px;font-weight:600}.studio-chat-disclosure>summary span{color:var(--muted);font-size:10px;font-weight:400}.studio-chat-note{color:var(--muted);font-size:11px;margin:4px 0 10px}.studio-time-shortcuts{display:flex;gap:6px}.studio-time-shortcuts button{flex:1 1;min-height:32px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font-size:11px}.studio-time-shortcuts button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.game-studio .play-title-picker-list{max-height:340px;overflow-y:auto;overscroll-behavior:contain}.game-studio .play-share-menu,.game-studio .play-title-picker{position:static}.game-studio .play-share-menu-panel,.game-studio .play-title-picker-menu{inset-inline:0;width:100%;max-width:100%;top:calc(100% + 8px)}.game-studio .play-title-picker-filters{grid-template-columns:minmax(0,1fr)}.game-studio .play-title-picker-family select{max-width:none}.game-studio .play-title-picker-row span{min-width:0;overflow-wrap:anywhere}.game-studio .play-start-button{min-height:46px;border-radius:8px}.game-studio :is(.play-tab-panel,.play-control-card,.play-control-section,.play-control-groups,.play-review-card){min-width:0;max-width:100%}.game-studio .play-control-group-primary{grid-template-columns:repeat(10,minmax(0,1fr))}.game-studio .play-control-group-primary>.play-control-button{grid-column:span 5}.game-studio .play-control-group-primary>.play-icon-button{grid-column:span 2}.game-studio .play-control-group-match{grid-template-columns:repeat(4,minmax(0,1fr))}.game-studio .play-control-group-match .play-control-button{padding-inline:3px;gap:4px;font-size:10px}.game-studio .play-review-card{padding:10px}.game-studio .pregame-board-overlay{background:#17251e24;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.game-studio .pregame-board-overlay strong{font-size:12px;padding:9px 14px;border-radius:20px;background:var(--surface);color:var(--foreground);box-shadow:0 4px 18px #0002}.game-studio .pregame-board-overlay button{pointer-events:auto;border:0;padding:0;background:transparent;border-radius:20px}.board-toolbar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;z-index:25}.board-look-picker>summary,.board-toolbar-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 10px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:600;list-style:none}.board-look-picker>summary::-webkit-details-marker{display:none}.board-toolbar-actions{display:flex;gap:5px}.board-toolbar-actions button{min-width:36px;padding:8px}.board-toolbar-actions button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.board-toolbar-actions button:disabled{opacity:.4}.board-look-panel{position:absolute;top:43px;inset-inline-start:0;width:min(370px,calc(100vw - 32px));padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-popover);max-height:min(520px,70dvh);overflow-y:auto}.board-look-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px}.board-look-heading strong{font-size:14px}.board-look-heading>span{color:var(--muted);font-size:10px}.board-look-presets{gap:8px}.board-look-presets,.piece-set-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.piece-set-choices{gap:6px;margin-bottom:16px}.piece-set-choices[data-collection-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.piece-set-choice{position:relative;display:grid;min-width:0;justify-items:center;gap:4px;padding:10px 4px 8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}.piece-set-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.piece-set-choice>span{display:flex;width:100%;max-width:88px;align-items:center;justify-content:center}.piece-set-choice .piece-icon[data-skin]{width:50%;height:auto;aspect-ratio:1;min-width:0;flex:0 1 50%}.piece-set-choice>strong{font-size:11px}.piece-set-choice>svg{position:absolute;top:6px;right:6px;color:var(--accent)}.piece-2d-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}.piece-2d-choice{display:grid;min-width:0;min-height:64px;justify-items:center;gap:2px;padding:5px 4px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:11px}.piece-2d-choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--foreground)}.piece-2d-choice>span:first-child{display:grid;place-items:center;width:34px;height:34px}.piece-2d-choice .piece-icon[data-skin]{width:32px;height:32px;font-size:19px;--board-fixed-size:256px;--board-cols:8}.board-look-preset{position:relative;display:grid;justify-items:stretch;gap:6px;padding:5px 5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:9px}.board-look-preset[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--foreground)}.board-look-preset>svg{position:absolute;top:8px;inset-inline-end:8px;padding:1px;background:var(--accent);color:var(--accent-foreground);border-radius:50%}.board-look-preset .board-look-preview{display:grid;place-items:center;width:100%;height:54px;aspect-ratio:auto;border-radius:4px;background:repeating-conic-gradient(var(--board-light) 0 25%,var(--board-dark) 0 50%) 50% /54px 54px}.board-look-preview .piece-icon{width:43px;height:43px;font-size:25px;--board-fixed-size:300px;--board-cols:8}.board-shell[data-board-theme=slate]{--board-light:#dfe7ec;--board-dark:#71899b}.board-shell[data-board-theme=plum]{--board-light:#eadeea;--board-dark:#97799e}.board-shell[data-board-theme=classic]{--board-light:#e9edda;--board-dark:#7b986a}.board-shell[data-board-theme=wood]{--board-light:#efddba;--board-dark:#b79166}.play-look-option[data-board-theme-option=slate]>.play-look-swatch{background:linear-gradient(135deg,#dfe7ec 50%,#71899b 0)}.play-look-option[data-board-theme-option=plum]>.play-look-swatch{background:linear-gradient(135deg,#eadeea 50%,#97799e 0)}.board-square[data-last-move=true]:not([data-square-state]){box-shadow:inset 0 0 0 4px #e7ce63b3}.board-grid[data-board-geometry=intersections]{background:var(--board-light)}.board-native-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:#594836;stroke-width:2;fill:none}.board-native-lines text{fill:#594836;stroke:none;font-size:32px;font-family:Georgia,"Noto Serif CJK SC",serif;letter-spacing:8px}.board-grid[data-board-geometry=plain-grid] .board-square{box-shadow:inset 0 0 0 .5px #59483660}.board-grid[data-board-geometry=intersections] .board-square[data-terrain=palace]:before,.board-grid[data-board-geometry=intersections] .board-square[data-terrain=river]:before{display:none}.board-grid[data-board-geometry=plain-grid] .board-square[data-last-move=true]:not([data-square-state]){box-shadow:inset 0 0 0 4px #b39a3299}.board-shell[data-piece-set=hori][data-board-theme=wood] .board-grid{background:#d9b77d url(/assets/shogi/hori/board-colour.webp) 50%/100% 100% no-repeat}.board-look-preview[data-piece-set=hori][data-board-theme=wood]{background:#d9b77d url(/assets/shogi/hori/board-colour.webp) 50%/100% 100% no-repeat!important}.board-shell[data-piece-set=hori][data-board-theme=wood] .board-grid .board-square:not([data-square-state]){background:transparent!important}.board-shell[data-piece-set=celadon][data-board-theme=wood] .board-grid[data-board-geometry=intersections]{background:#d9b77d url(/assets/xiangqi/celadon/board-colour.webp) 50%/100% 100% no-repeat}.board-look-preview[data-piece-set=celadon][data-board-theme=wood]{background:#d9b77d url(/assets/xiangqi/celadon/board-colour.webp) 50%/100% 100% no-repeat!important}.board-shell[data-piece-set=shore][data-board-theme=wood]{--board-light:#82796d;--board-dark:#82796d}.board-look-preview[data-piece-set=shore][data-board-theme=wood],.board-shell[data-piece-set=shore][data-board-theme=wood] .board-grid[data-board-geometry=pits]{background:#82796d url(/assets/konane/shore/board-colour.webp) 50%/100% 100% no-repeat!important}.board-shell[data-piece-set=shore][data-board-theme=wood] .board-square:not([data-square-state]){background-color:transparent!important}.board-square[data-legal-target=move]:before{content:"";position:absolute;width:20%;height:20%;border-radius:50%;background:#20352d65;pointer-events:none}.board-square[data-legal-target=move][data-piece-label]:before{inset:4%;width:92%;height:92%;border:4px solid #20352d65;background:transparent}.play-arena .game-studio[data-focus=true]{grid-template-columns:minmax(0,var(--board-fixed-size));max-width:900px}.app-shell:has(.game-studio[data-focus=true]) .app-sidebar{opacity:.28;transition:opacity .2s}.app-shell:has(.game-studio[data-focus=true]) .app-sidebar:focus-within,.app-shell:has(.game-studio[data-focus=true]) .app-sidebar:hover{opacity:1}@media (max-width:1180px){.library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-heading{align-items:start}.library-toolbar{flex-wrap:wrap}.studio-hero{padding:28px}}@media (max-width:980px){.play-arena .game-studio{--board-fixed-size:min(calc(100vw - 24px),560px);grid-template-columns:minmax(0,1fr);max-width:560px;gap:16px}.play-arena .game-studio .game-side-panel{max-height:none}.game-studio .play-mode-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.game-studio .play-mode-stack-button:first-child{grid-column:auto}.game-studio .board-shell{max-width:100%}}@media (max-width:600px){.game-studio .play-mode-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.game-studio .play-mode-stack-button:first-child{grid-column:1/-1}.studio-home{gap:22px}.studio-welcome{font-size:11px;padding:3px 2px}.studio-welcome span{display:none}.studio-hero{grid-template-columns:minmax(0,1fr) 95px;gap:0;min-height:240px;padding:22px}.studio-hero h1{font-size:35px}.studio-hero .intro-copy{z-index:1}.studio-hero .intro-copy p{font-size:12px;max-width:205px}.studio-hero .studio-eyebrow{font-size:8px}.studio-hero .intro-board-orbit{width:160px;height:170px;justify-self:start;opacity:.8;margin-inline-start:12px}.studio-hero .intro-board{width:155px;height:155px}.studio-hero .intro-actions{flex-wrap:wrap}.studio-hero .intro-actions a{font-size:11px;padding:9px 12px}.studio-hero .intro-proof{display:none}.library-heading{gap:15px;margin-bottom:12px}.library-heading h2{font-size:23px}.library-mode{width:100%}.library-mode button,.library-mode select{flex:1 1;min-width:0;padding-inline:7px;font-size:10px;justify-content:center}.library-toolbar{gap:10px}.library-filters{width:100%;padding-bottom:2px}.library-filters button{font-size:11px;padding-inline:10px}.library-search{width:100%;min-height:40px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-art{height:120px}.library-card-copy{min-height:72px;padding:11px}.library-card-copy h3{font-size:12px}.library-card-copy p{font-size:10px}.library-card-copy>svg{display:none}.library-piece-group>span{width:45px;height:58px}.library-piece-group>span:nth-child(2){width:56px;height:77px}.library-piece-group .native-piece-symbol{font-size:24px}.library-motif{font-size:8px;inset-inline-start:10px}.library-footer{gap:10px;font-size:10px}.library-footer a{font-size:10px}}@media (prefers-reduced-motion:reduce){.app-shell:has(.game-studio[data-focus=true]) .app-sidebar,.library-card{transition:none}}.choice-field{display:grid;gap:7px;min-width:0}.choice-label{font-size:11px;font-weight:700;color:var(--muted)}.choice-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.choice-buttons button{display:grid;place-content:center;gap:3px;min-height:44px;padding:8px 5px;border:1px solid var(--border);border-radius:11px;background:var(--surface);font-size:11px;font-weight:650;transition:background .15s,border-color .15s}.choice-buttons button:hover{background:var(--surface-soft)}.choice-buttons button[aria-pressed=true]{background:#e7eee5;color:#294c39;border-color:#728c73;box-shadow:inset 0 0 0 1px #728c73}.dark .choice-buttons button[aria-pressed=true]{background:#294137;color:#e2eddf}.choice-picker{position:relative;min-width:0;width:100%}.choice-picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:11px;cursor:pointer}.choice-picker summary::-webkit-details-marker{display:none}.choice-picker summary span{display:grid;gap:2px}.choice-help,.choice-picker small{display:block;font-size:10px;color:var(--muted)}.choice-picker strong{font-size:12px}.choice-picker[open] summary{border-color:#728c73}.choice-picker-options{position:absolute;z-index:40;top:calc(100% + 5px);inset-inline:0;display:grid;max-height:260px;overflow-y:auto;overscroll-behavior:contain;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 15px 40px #0003}.choice-picker-options button{display:flex;align-items:center;justify-content:space-between;text-align:start;min-height:42px;padding:9px 10px;border-radius:8px;font-size:12px}.choice-picker-options button:hover,.choice-picker-options button[aria-pressed=true]{background:#e7eee5;color:#294c39}.library-card[data-tone=khmer]{--game-tint:#efe3cf;--game-ink:#78562c}.library-art[data-tone=khmer]{background:#efe3cf}.khmer-piece{fill:var(--piece-fill);stroke:var(--piece-stroke);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.khmer-inlay{stroke:#af8340;stroke-width:2.5}.khmer-piece[data-owner=white]{--piece-fill:#fff0cc;--piece-stroke:#65543d;--piece-cutout:#65543d}.khmer-piece[data-owner=black]{--piece-fill:#753f32;--piece-stroke:#2f211e;--piece-cutout:#fff0cc}.native-piece-symbol[data-variant=ouk-chaktrang][data-skin=tile]{background:linear-gradient(145deg,#fff9e8,#e9d9b8);color:#245133;border-color:#58734c}.native-piece-symbol[data-variant=ouk-chaktrang][data-skin=tile][data-owner=black]{background:linear-gradient(145deg,#f4eef9,#dfd0ee);color:#513375;border-color:#73598d}.board-3d{position:relative;width:100%;aspect-ratio:5/4;border-radius:16px;overflow:hidden;background:#171b1a;box-shadow:inset 0 0 0 1px #d3be8420,0 16px 36px #10231b18}.board-3d-stage{container-type:inline-size}@container (width < 520px){.board-3d{aspect-ratio:.96}.board-3d[data-tall=true]{aspect-ratio:.86}.board-3d[data-collection=shogi]{aspect-ratio:.74}}.board-3d canvas{display:block;width:100%;height:100%;touch-action:none}.board-3d-status{padding:5px 8px;font-size:11px;color:var(--muted);text-align:center}.board-view-buttons{display:flex;gap:4px}.board-view-buttons button{padding:6px 10px;font-size:11px;border-radius:8px}.board-view-buttons button[aria-pressed=true]{background:#dbe6d8;color:#274633}.room-live-status{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;font-size:12px}.room-live-status:before{content:"";width:7px;height:7px;border-radius:100%;background:#778b5b;flex-shrink:0}.friend-chat-log{display:grid;gap:8px;max-height:200px;overflow-y:auto;padding:12px;font-size:12px}.friend-chat-log p{display:grid;gap:3px;overflow-wrap:anywhere}.friend-chat-log strong{font-size:10px;color:var(--muted)}.friend-chat-form{display:flex;gap:7px;padding:10px}.friend-chat-form input{min-width:0;flex:1 1;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:9px;font-size:12px}.library-mode{flex-wrap:wrap}.library-mode .choice-picker{width:auto}.game-studio .play-title-block h1{font-size:1.2rem;white-space:normal;overflow-wrap:anywhere;line-height:1.15}.ouk-count-panel{display:grid;gap:.45rem;padding:.75rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.ouk-count-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.4rem;font-size:.8rem}.ouk-count-heading [role=status]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);font-weight:800}.ouk-count-panel p,.ouk-endgame-picker p{margin:0;font-size:.74rem;color:var(--muted)}.ouk-count-actions{display:flex;flex-wrap:wrap;gap:.4rem}.ouk-count-actions button{min-height:40px;padding:.45rem .7rem;font-size:.75rem}.ouk-count-actions:empty{display:none}.ouk-endgame-picker{margin-top:.75rem;border-top:1px solid var(--border);padding-top:.65rem}.ouk-endgame-picker summary{cursor:pointer;padding:.3rem 0;font-size:.8rem;font-weight:750}.ouk-endgame-picker>div{display:grid;gap:.4rem;margin-top:.55rem}.ouk-endgame-picker button{display:grid;gap:.1rem;min-height:50px;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;text-align:left;background:var(--surface)}.ouk-endgame-picker button:hover{background:var(--surface-soft)}.ouk-endgame-picker button strong{font-size:.8rem}.ouk-endgame-picker button span{color:var(--muted);font-size:.7rem}.board-view-buttons{flex-wrap:wrap;align-items:center}.board-finish-buttons{display:flex;gap:3px;margin-left:auto;padding-left:8px;border-left:1px solid var(--border)}.board-3d-camera{display:flex;justify-content:flex-end;padding:0 0 6px;gap:3px;color:var(--foreground)}.board-3d-camera button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:6px 10px;font-size:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.board-3d-camera button:hover{background:var(--surface-soft)}.board-3d-camera button[aria-pressed=true]{background:#dbe6d8}.board-3d-status button{display:block;margin:6px auto 0;padding:7px 12px;border-radius:8px;background:#fff9e9;border:1px solid #75654c;pointer-events:auto}@media (max-width:400px){.board-finish-buttons{margin-left:0}.board-3d-status{font-size:10px}}.board-shell[data-view="3d"],.board-shell[data-view="3d"]>.board-stage{aspect-ratio:auto}.game-studio .board-shell[data-view="3d"] .pregame-board-overlay{position:static;display:flex;width:fit-content;margin:4px auto 0;padding:0;background:transparent;box-shadow:none}.game-studio .board-shell[data-view="3d"] .pregame-board-overlay button{min-height:44px;padding:8px 14px}.game-studio .board-shell[data-view="3d"] .pregame-board-overlay strong{padding:0;background:transparent;box-shadow:none}.board-shell[data-view="3d"] .drop-selection-card{position:relative;inset:auto;transform:none;margin:6px auto 0;box-shadow:none}.janggi-formation-picker,.janggi-local-setup{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.janggi-local-setup>.janggi-formation-picker{padding:10px 0 0;border:0}.formation-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.formation-heading>span{color:var(--muted);font-size:11px}.formation-heading button{min-height:36px;padding:5px 12px;border-radius:7px}.formation-heading button[aria-pressed=true]{background:var(--accent-soft)}.formation-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}.formation-options button{padding:9px 4px;border:1px solid var(--border);border-radius:9px;font-size:11px;background:var(--surface-raised)}.formation-options button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.formation-options button:disabled{opacity:.55}.formation-pieces{display:flex;justify-content:center;gap:2px;margin-bottom:5px}.formation-pieces .piece-icon{width:24px;height:24px}.formation-right-wing{margin-left:8px}.formation-confirm{margin-top:10px;padding:9px 16px;min-height:40px;border-radius:8px}.janggi-local-setup .formation-options{grid-template-columns:repeat(2,minmax(0,1fr))}.janggi-formation-wait{padding:10px 12px;border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px}@media (max-width:600px){.formation-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.offline-play{max-width:1480px;margin:auto;padding:20px}.offline-play-header{display:flex;align-items:center;gap:16px;margin-bottom:10px}.offline-play-header .offline-pack{margin-left:auto}.offline-play-label{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:13px}.offline-play-note{color:var(--muted);font-size:13px;margin:0 0 18px}.offline-pack{position:relative}.offline-pack-toggle{display:inline-flex;gap:6px;align-items:center;padding:9px;font-size:12px;white-space:nowrap}.offline-pack-panel{position:fixed;z-index:1000;max-height:calc(100dvh - 24px);overflow:auto;width:min(320px,calc(100vw - 32px));padding:16px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 36px #162e2526;border-radius:16px}.offline-pack-panel p{font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 12px}.offline-pack-panel progress{width:100%;accent-color:#294c39}.offline-pack-panel [role=status]>span{display:block;font-size:12px}.offline-pack-actions{display:flex;flex-wrap:wrap;gap:8px}.offline-pack-actions>*{padding:10px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.app-responsive-tools .offline-pack{grid-column:1/-1}.app-responsive-tools .offline-pack-toggle{width:100%;padding:8px 12px;justify-content:center}.app-mobile-tools .offline-pack-toggle{justify-content:center}@media(max-width:600px){.offline-play{padding:12px}.offline-play-header{gap:10px}.app-mobile-tools .offline-pack-toggle span,.offline-play-header .app-brand strong{display:none}}.local-save-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 10px;border-radius:10px;background:var(--surface);color:var(--muted);font-size:12px}.local-save-bar>span{flex:1 1 180px}.local-save-bar button{padding:6px 9px;border:1px solid var(--border);border-radius:8px;color:var(--text);white-space:nowrap}.local-save-error{font-size:13px;color:var(--text)}.saved-matches{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:12px}.saved-matches>summary{display:flex;align-items:center;gap:8px;padding:12px;cursor:pointer;font-size:13px;font-weight:650}.saved-matches>summary small{margin-inline-start:auto;color:var(--muted);font-size:11px;font-weight:400}.saved-match-list{max-height:360px;overflow-y:auto;padding:0 12px 8px}.saved-match-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--border)}.saved-match-row>div:first-child{flex:1 1 130px;min-width:0}.saved-match-row strong{font-size:13px;display:block}.saved-match-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.saved-match-row>a,.saved-match-row>button{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border-radius:8px;font-size:12px}.saved-match-delete{color:var(--muted)}.saved-match-remove{display:flex;gap:8px;align-items:center;font-size:12px;flex-wrap:wrap}.saved-match-remove button{padding:6px 8px;border:1px solid var(--border);border-radius:8px}.saved-match-transfer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 12px 12px}.saved-match-transfer button{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;font-size:12px}.saved-match-transfer small{flex:1 1 150px;color:var(--muted);font-size:11px}.saved-match-message{margin:0;padding:0 12px 12px;font-size:12px}.saved-match-message a{text-decoration:underline;text-underline-offset:3px}.saved-matches button:disabled{opacity:.55;cursor:wait}.match-arrival-panel{display:grid;gap:9px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.match-arrival-heading{display:flex;align-items:center;gap:8px;font-size:13px}.match-arrival-heading>span{margin-inline-start:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--muted)}.match-arrival-panel p{margin:0;font-size:12px;color:var(--muted)}.match-arrival-actions{display:flex;flex-wrap:wrap;gap:8px}.match-arrival-actions button{padding:9px 12px;font-size:12px}.konane-play-hint{margin:.25rem 0;color:var(--muted);font-size:.75rem;line-height:1.45}.board-grid[data-board-geometry=pits] .board-square{background-image:radial-gradient(ellipse at 50% 48%,#37220b26 0 22%,#37220b40 30%,#fff4d630 39%,transparent 42%)!important}.historical-piece-hint{margin:0;font-size:.78rem;line-height:1.5;color:var(--muted)}.photographic-piece{filter:drop-shadow(0 1px 1px #0005)}.photographic-piece image{image-rendering:auto}.photographic-piece[data-skin=hori][data-owner=gote]{transform:rotate(180deg)}.native-piece-symbol:is([data-variant=shogi],[data-variant=mini-shogi])[data-skin=tile]{background:linear-gradient(145deg,#fff7df,#ead5a4);color:#2c2217;border-color:#78633b}.native-piece-symbol:is([data-variant=shogi],[data-variant=mini-shogi])[data-skin=tile][data-promoted=true]{color:#822d24;border-color:#8f5c3b}.native-piece-symbol[data-variant=xiangqi][data-skin=tile]{background:linear-gradient(145deg,#fff7df,#ead5a4);color:#2c2217;border-color:#78633b}.native-piece-symbol[data-variant=xiangqi][data-skin=tile][data-owner=red]{color:#822d24;border-color:#8f5c3b}.board-shell:is([data-variant=shogi],[data-variant=mini-shogi])[data-board-orientation=second] .board-grid .piece-icon[data-owner=sente]{transform:rotate(180deg)}.board-shell:is([data-variant=shogi],[data-variant=mini-shogi])[data-board-orientation=second] .board-grid .piece-icon[data-owner=gote]{transform:none}.board-player-card-top .hand-piece-button .piece-icon:is([data-variant=shogi],[data-variant=mini-shogi]){transform:rotate(180deg)}.board-player-card-bottom .hand-piece-button .piece-icon:is([data-variant=shogi],[data-variant=mini-shogi]){transform:none}.hand-tray[data-skin=hori] .hand-tray-status{border-radius:.45rem;background:color-mix(in srgb,#d9b878 42%,var(--surface-raised))}.hand-strip[data-skin=hori]{gap:.3rem}.hand-piece-button[data-skin=hori]{border-radius:.45rem;background:color-mix(in srgb,#d9b878 72%,var(--surface-raised));color:#1f160c}.studio-home{gap:22px}.studio-hero{min-height:220px;padding:24px 36px}.studio-hero h1{max-width:330px;font-size:clamp(34px,3.8vw,52px)}.studio-hero .intro-board-orbit{height:200px;width:225px}.studio-hero .intro-board{width:190px;height:190px}.library-heading h2{margin:0;font-size:22px}.library-card-copy{min-height:54px}.library-card-copy h3{line-height:1.35}.library-card{box-shadow:none}.lobby-art-grid>.library-card{border-radius:12px}.game-preview-label{color:var(--muted);font-size:10px;font-weight:500}.game-artwork{position:relative;overflow:hidden;isolation:isolate;height:150px}.game-artwork[data-tone=sand]{--art-light:#f1e4ca;--art-dark:#c3a27a}.game-artwork[data-tone=clay]{--art-light:#ecded3;--art-dark:#bf9782}.game-artwork[data-tone=slate]{--art-light:#dce5ec;--art-dark:#8b9faf}.game-artwork[data-tone=plum]{--art-light:#e7deea;--art-dark:#a78dac}.game-artwork[data-tone=khmer]{--art-light:#f1e3c9;--art-dark:#b39a6c}.game-artwork-board{position:absolute;z-index:-1;width:190px;height:190px;left:calc(50% - 95px);top:33px;transform:perspective(300px) rotateX(53deg) rotate(-14deg);border:4px solid var(--art-dark);border-radius:3px;box-shadow:5px 7px 0 color-mix(in srgb,var(--art-dark),#000 20%);opacity:.65}.game-artwork .library-piece-group{padding-bottom:24px}.game-artwork-guide{display:grid;place-items:center;background:var(--surface-soft);color:var(--muted)}.game-artwork-guide:after,.game-artwork-guide:before{content:"";position:absolute;width:110px;height:110px;border:1px solid var(--border);border-radius:50%;z-index:-1}.game-artwork-guide:after{width:160px;height:160px}.game-artwork .native-piece-symbol:is([data-variant=jungle],[data-skin=tile]){--surface:#fff}.lobby-content-grid,.lobby-dashboard{grid-template-columns:minmax(0,1fr)}.lobby-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lobby-stat-rail>.compact-section-heading{display:none}.lobby-dashboard .compact-page-heading h1{font-size:28px;font-weight:650;letter-spacing:-.035em}.catalog-rules-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;padding:16px;background:transparent;color:var(--foreground)}.catalog-rules-dialog[open]{display:grid;place-items:center}.catalog-rules-dialog::backdrop{background:#111a16a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width:600px){.studio-hero{grid-template-columns:minmax(0,1fr);min-height:0;padding:24px}.studio-hero .intro-board-orbit{display:none}.studio-hero .intro-actions{flex-wrap:wrap}.studio-hero h1{max-width:none;font-size:34px}.studio-hero .intro-actions a{min-height:42px}.lobby-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.game-artwork{height:120px}.game-artwork-board{width:150px;height:150px;left:calc(50% - 75px)}.library-card-copy{min-height:52px}}:is(.records-page,.watch-page,.leaderboards-page,.analysis-page){display:grid;gap:16px}.compact-page-heading h1{font-size:28px;font-weight:650;letter-spacing:-.035em;line-height:1.2}:is(.records-page,.watch-page,.leaderboards-page,.analysis-page) .panel{box-shadow:none}.studio-empty-state{display:grid;justify-items:center;align-content:center;gap:16px;padding:36px 20px;min-height:220px;text-align:center}.studio-empty-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--border);border-radius:22px;color:var(--accent);background:var(--accent-soft);transform:rotate(-5deg)}.studio-empty-icon svg{transform:rotate(5deg)}.studio-empty-title{display:flex;align-items:center;justify-content:center;gap:8px}.studio-empty-title h2{margin:0;font-size:18px;font-weight:600;line-height:1.4}.studio-empty-caption{color:var(--muted);font-size:12px}.studio-empty-state .watch-actions{display:flex;justify-content:center;flex-wrap:wrap;padding:0;gap:8px}.studio-empty-state .watch-actions a{min-height:42px;font-size:12px;font-weight:600}.studio-empty-title .info-hint{text-align:start}.studio-empty-title .info-hint-bubble{max-width:min(300px,calc(100vw - 40px))}.form-choice-picker{min-width:0;width:100%}.record-filter-row{display:grid;grid-template-columns:minmax(0,1fr) 190px auto auto;gap:10px;align-items:center}.record-filter-row .catalog-search{min-height:48px}.leaderboard-filter-bar.is-empty,.record-filter-row.is-empty{opacity:1}.record-filter-row.is-empty .catalog-search{cursor:text}.record-filter-row.is-empty button.record-filter-chip{cursor:pointer}.record-filter-row>span.record-filter-chip{border:0;background:none;padding:0;cursor:default;font-size:11px;font-weight:500}.leaderboard-filter-bar{grid-template-columns:minmax(0,1fr) auto auto auto}.leaderboard-filter-stat{border:0;background:none;padding:0;font-size:11px;font-weight:500}.leaderboard-filter-bar.is-empty .leaderboard-filter-stat{cursor:default}.leaderboard-family-list{padding:0 16px}.leaderboard-family-list>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:16px}.leaderboard-family-list a{min-height:40px;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:500}.leaderboard-family-list a:hover{background:var(--accent-soft)}.leaderboard-card h2{font-size:16px;font-weight:650}.watch-page .lobby-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.watch-page .lobby-stat-card{gap:6px;padding:14px}.watch-page .lobby-stat-card strong{font-size:22px;font-weight:600}.watch-page .lobby-stat-card span{font-size:11px;font-weight:500}.watch-room-tools{order:0}.watch-room-tools .watch-room-search input{font-weight:400}.watch-filter-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.watch-filter-chip{min-height:40px;font-size:12px;font-weight:600}.watch-room-card strong{font-size:14px;font-weight:650}.watch-room-card small{font-size:11px;font-weight:500}.watch-page .watch-empty-state>.watch-actions{margin-top:0}.analysis-command-bar{grid-template-columns:minmax(0,1fr) auto auto;box-shadow:none}.analysis-command-bar>span{justify-content:flex-start;border:0;background:none;font-size:12px;font-weight:500;overflow-wrap:anywhere}.analysis-review-shell>h2,.analysis-summary-card>h2{font-size:17px;font-weight:650}.analysis-summary-card>p{font-size:14px;font-weight:400;line-height:1.6}.analysis-review-rows{grid-template-columns:minmax(0,1fr)}.analysis-review-rows>span{font-size:12px;font-weight:500}.analysis-review-shell.studio-disclosure{display:block;padding-block:0;align-self:start}.analysis-review-shell.studio-disclosure[open]{padding-bottom:16px}.review-empty-note{margin:12px 0 0;font-size:12px;color:var(--muted)}@media (max-width:700px){.watch-room-tools{display:grid;grid-template-columns:minmax(0,1fr) 44px}.watch-room-tools>.watch-room-search{grid-column:1}.watch-room-tools>button{min-height:44px;padding:10px;font-size:0;gap:0}.watch-filter-list{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.record-filter-row{grid-template-columns:minmax(0,1fr) auto}.record-filter-row>.catalog-search{grid-column:1/-1}.record-filter-row>span.record-filter-chip{grid-column:1/-1;justify-content:flex-end}.leaderboard-filter-bar{grid-template-columns:minmax(0,1fr) auto}.leaderboard-filter-stat{justify-content:flex-start}.analysis-command-bar{grid-template-columns:minmax(0,1fr) auto}.analysis-command-bar>span:first-child{grid-column:1/-1}}@media (max-width:420px){.compact-page-heading h1{font-size:26px}.studio-empty-state{min-height:220px;padding:28px 16px}.studio-empty-title h2{font-size:17px}.watch-page .lobby-stat-card{padding:10px}.leaderboard-family-list>div{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.info-hint-bubble{position:fixed;inset-inline:16px;top:auto;bottom:16px;width:auto;max-width:none;z-index:100}.studio-empty-title .info-hint-bubble{max-width:none}}:root{--bg:#f6f6f3;--surface-1:#ffffff;--surface-2:#efefea;--surface-3:#e6e6e0;--line:#e2e2dc;--line-strong:#cfcfc7;--ink:#1b211e;--ink-2:#646b66;--ink-3:#8b918c;--brand:#2c7350;--brand-ink:#ffffff;--brand-soft:#e3eee7;--bad:#b8433b;--radius-control:8px;--radius-card:12px;--control-h:36px;--rail-w:208px;--tabbar-h:58px;--pop-shadow:0 12px 32px rgb(20 28 24/14%),0 2px 6px rgb(20 28 24/6%);--background:var(--bg);--foreground:var(--ink);--text:var(--ink);--muted:var(--ink-2);--surface:var(--surface-1);--surface-strong:var(--surface-1);--surface-raised:var(--surface-1);--surface-soft:var(--surface-2);--border:var(--line);--border-strong:var(--line-strong);--accent:var(--brand);--accent-foreground:var(--brand-ink);--accent-strong:#1f5a3d;--accent-soft:var(--brand-soft);--danger:var(--bad);--shadow:none;--shadow-card:none;--shadow-popover:var(--pop-shadow)}.dark{--bg:#111413;--surface-1:#181c1a;--surface-2:#202522;--surface-3:#2a302c;--line:#2a2f2c;--line-strong:#3a413c;--ink:#e9ece8;--ink-2:#9ba39d;--ink-3:#737b75;--brand:#9fcf98;--brand-ink:#13200f;--brand-soft:#22301f;--bad:#f08a7f;--accent-strong:#c1e6b9;--pop-shadow:0 16px 40px rgb(0 0 0/45%),0 2px 8px rgb(0 0 0/30%)}body,html{background:var(--bg)}body{color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Khmer,Noto Sans Thai,Noto Sans Devanagari,Noto Sans Arabic,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.focus-ring:focus-visible,:where(button,a,summary,input,select):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.action-primary,.action-secondary{min-height:var(--control-h);border-radius:var(--radius-control);padding-inline:14px;gap:8px;font-size:13px;font-weight:600;box-shadow:none;transform:none}.action-primary{border:1px solid transparent;background:var(--brand);color:var(--brand-ink)}.action-secondary{border:1px solid var(--line);background:var(--surface-1);color:var(--ink)}.action-primary:hover,.action-secondary:hover{transform:none;box-shadow:none;filter:none}.action-primary:hover{background:color-mix(in srgb,var(--brand) 88%,var(--ink))}.action-secondary:hover{border-color:var(--line-strong);background:var(--surface-2)}.action-primary:disabled,.action-secondary:disabled{opacity:.45}.icon-btn{display:inline-grid;place-items:center;width:var(--control-h);height:var(--control-h);flex:0 0 auto;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink-2);padding:0;list-style:none;transition:background .12s ease,color .12s ease}.icon-btn::-webkit-details-marker{display:none}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.icon-btn[aria-pressed=true]{background:var(--brand-soft);color:var(--brand)}.icon-btn:disabled{opacity:.35}.shell-icon-control,.shell-icon-control.btn{width:var(--control-h);height:var(--control-h);min-height:var(--control-h);border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink-2)}.shell-icon-control:hover{background:var(--surface-2);color:var(--ink);transform:none}.dark .theme-icon-moon,:root:not(.dark) .theme-icon-sun{display:none}.popover{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--pop-shadow)}.shell{display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);min-height:100dvh}.rail{position:sticky;top:0;display:flex;flex-direction:column;gap:4px;height:100dvh;padding:16px 12px 12px;border-inline-end:1px solid var(--line);background:var(--surface-1);overflow-y:auto}.rail-brand,.topbar-brand{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding-inline:8px;border-radius:var(--radius-control);color:var(--ink);font-size:15px;font-weight:600;letter-spacing:-.01em}.rail-brand{margin-bottom:12px}.brand-mark{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--brand);color:var(--brand-ink)}.rail-nav{display:grid;gap:2px}.rail-nav-secondary{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.rail-link{display:flex;align-items:center;gap:12px;min-height:38px;padding-inline:10px;border-radius:var(--radius-control);color:var(--ink-2);font-size:13.5px;font-weight:500;transition:background .12s ease,color .12s ease}.rail-link.is-active,.rail-link:hover{background:var(--surface-2);color:var(--ink)}.rail-link.is-active{font-weight:600}.rail-link.is-active svg{color:var(--brand)}.rail-tools{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding-top:8px}.rail-tools .offline-pack-toggle,.sheet-tools .offline-pack-toggle{min-height:var(--control-h);border:0;background:transparent;color:var(--ink-2);font-size:12px;padding-inline:8px}.shell-main{display:flex;flex-direction:column;min-width:0}.app-content{flex:1 1;width:100%;min-width:0;padding:24px clamp(16px,3vw,40px) 40px}.tab-bar,.topbar{display:none}.language-menu{position:relative;display:inline-block}.language-menu>summary{list-style:none}.language-menu>summary::-webkit-details-marker{display:none}.language-menu-panel{position:absolute;inset:auto;inset-inline-start:0;bottom:calc(100% + 8px);z-index:90;display:grid;gap:1px;width:200px;max-height:min(420px,70dvh);padding:6px;overflow-y:auto}.language-option{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:6px 10px;border-radius:6px;color:var(--ink-2);font-size:13px;font-weight:500}.language-option:hover{background:var(--surface-2);color:var(--ink);transform:none}.language-option.is-active{background:var(--brand-soft);color:var(--ink);font-weight:600}.language-option.is-active svg{color:var(--brand)}.rail .language-menu{position:static}.rail .language-menu-panel{inset-inline:0;width:auto}@media (max-width:900px){.shell{display:block}.rail{display:none}.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:8px;height:52px;padding:0 8px 0 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-1) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s ease}.topbar.is-hidden{transform:translateY(-100%)}.topbar-tools{display:flex;align-items:center;gap:2px}.topbar .language-menu-panel{inset-inline:auto 0;top:calc(100% + 8px);bottom:auto}.app-content{padding:16px 16px calc(var(--tabbar-h) + 24px + env(safe-area-inset-bottom))}.tab-bar{position:fixed;inset-inline:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-1) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab-link{display:grid;place-items:center;align-content:center;gap:3px;height:100%;border-radius:var(--radius-control);color:var(--ink-2);font-size:11px;font-weight:500;list-style:none;cursor:pointer}.tab-link::-webkit-details-marker{display:none}.tab-link.is-active{color:var(--ink);font-weight:600}.tab-link.is-active svg{color:var(--brand)}.tab-more{position:static}.tab-more[open]>.tab-link{color:var(--ink)}.tab-sheet{position:fixed;inset-inline:8px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 8px);display:grid;gap:2px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--surface-1);box-shadow:var(--pop-shadow)}.sheet-link{display:flex;align-items:center;gap:12px;min-height:44px;padding-inline:12px;border-radius:var(--radius-control);color:var(--ink);font-size:14px;font-weight:500}.sheet-link svg{color:var(--ink-2)}.sheet-link.is-active{background:var(--surface-2)}.sheet-link.is-active svg{color:var(--brand)}.sheet-tools:not(:empty){display:flex;gap:8px;padding:8px 4px 2px;border-top:1px solid var(--line);margin-top:4px}}@media (prefers-reduced-motion:reduce){.topbar{transition:none}}.studio-home{max-width:1180px;gap:32px}.studio-hero{grid-template-columns:minmax(0,1fr) auto;gap:32px;min-height:0;padding:24px 28px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1)}.studio-hero .intro-copy{display:grid;gap:12px}.studio-hero h1{font-size:clamp(34px,4vw,52px)}.studio-hero .intro-copy p{max-width:420px;color:var(--ink-2);font-size:14px;line-height:1.55}.studio-hero .intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}.studio-hero .intro-actions a{min-height:40px;padding:0 16px;font-size:13px}.studio-hero .intro-board-orbit{width:176px;height:176px;aspect-ratio:auto;transform:none}.studio-hero .intro-board{width:176px;height:176px;grid-template-rows:repeat(8,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:none;transform:none}.game-library .saved-matches{margin-bottom:20px}.library-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.library-toolbar h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.library-all-link{margin-inline-start:auto;padding:4px 2px;border-radius:6px;color:var(--ink-2);font-size:13px;font-weight:500}.library-all-link:hover{color:var(--ink)}.library-filters{flex:1 1;gap:2px;margin:-4px;padding:4px}.library-filters button{min-height:32px;padding:0 12px;border-radius:999px;color:var(--ink-2);font-size:13px;font-weight:500}.library-filters button:hover{background:var(--surface-2);color:var(--ink)}.library-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);font-weight:600}.library-search{width:200px;min-height:34px;padding:0 10px;border-color:var(--line);border-radius:var(--radius-control);background:var(--surface-1)}.library-search input{font-size:13px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.library-card{border-color:var(--line);background:var(--surface-1);transition:border-color .12s ease}.library-card:hover{transform:none;border-color:var(--line-strong)}.library-card .game-artwork{height:132px}.library-card-copy{min-height:0;padding:10px 12px}.library-card-copy h3{overflow:hidden;font-size:13.5px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.library-empty{padding:32px 16px;border-color:var(--line)}.library-empty p{color:var(--ink-2)}.saved-matches{border-color:var(--line);border-radius:var(--radius-card);background:var(--surface-1)}.saved-matches>summary{list-style:none}.saved-matches>summary::-webkit-details-marker{display:none}.dark .segmented>button[aria-pressed=true]{background:var(--surface-3);box-shadow:0 0 0 1px var(--line-strong)}@media (max-width:900px){.studio-home{gap:24px}.studio-hero{grid-template-columns:minmax(0,1fr);padding:20px}.studio-hero .intro-board-orbit{display:none}.studio-hero h1{font-size:34px}.studio-hero .intro-actions{flex-direction:row}.studio-hero .intro-actions a{flex:1 1;width:auto;justify-content:center}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-card .game-artwork{height:108px}}.app-content:has(.play-arena){padding-top:16px;padding-bottom:16px}.play-arena,.play-arena:has(.game-studio){min-height:0;padding:0;border-radius:0;background:transparent;overflow:visible}.play-arena .game-board-layout.game-studio,.play-arena .game-studio{--board-chrome-h:196px;--board-fixed-size:clamp(280px,min(calc(100vw - var(--rail-w) - 380px - 2 * clamp(16px, 3vw, 40px)),calc((100dvh - var(--board-chrome-h)) * var(--board-ratio, 1))),880px);display:grid;grid-template-columns:var(--board-fixed-size) 320px;justify-content:center;align-items:start;gap:20px;width:100%;max-width:calc(var(--board-fixed-size) + 340px);margin-inline:auto}.play-arena .game-studio:has(.terrain-key){--board-chrome-h:228px}.game-studio .board-column{display:grid;gap:8px;min-width:0}.game-studio .board-shell{max-width:100%;border-radius:6px}.game-studio .board-square[data-piece-label]:after{font-weight:600}.game-studio .board-square[data-piece-label]:not(:focus-visible):after{opacity:0}.game-studio .board-shell:not(:is([data-variant=shogi],[data-variant=mini-shogi],[data-variant=makruk],[data-variant=ouk-chaktrang])) .board-square[data-terrain=promotion-zone]:before{content:none}.game-studio .board-square[data-terrain=promotion-zone]:before{inset:0;border:0;border-radius:0;background:color-mix(in srgb,var(--warning) 9%,transparent)}.game-studio .board-grid[data-board-geometry=intersections]{--edge:calc(40% / var(--board-cols));padding:calc(40% * var(--board-rows) / var(--board-cols) / var(--board-cols)) var(--edge)}.game-studio .board-grid[data-board-geometry=intersections]>:is(.board-native-lines,.board-planning-layer){inset:var(--edge);width:calc(100% - 2 * var(--edge));height:calc(100% - 2 * var(--edge))}.game-studio .board-grid[data-board-geometry=intersections] .board-square{overflow:visible}.game-studio .board-grid[data-board-geometry=intersections] .board-coordinate{font-size:clamp(9px,calc(var(--board-fixed-size) / var(--board-cols) * .2),12px)}.game-studio .board-grid[data-board-geometry=intersections] .board-rank{inset:50% auto auto -20%;transform:translate(-50%,-50%)}.game-studio .board-grid[data-board-geometry=intersections] .board-file{inset:122% auto auto 50%;transform:translate(-50%,-50%)}.game-studio .terrain-key{gap:14px;margin:0 auto;color:var(--ink-2);font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.game-studio .terrain-key-item{gap:6px;min-height:0;padding:0;border:0;background:transparent;color:var(--ink-2);font-size:12px;font-weight:500}.game-studio .terrain-key-item strong{font-weight:500}.game-studio .board-player-card,.game-studio .board-player-card.is-active{width:var(--board-fixed-size);max-width:100%;min-height:40px;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;padding:2px 0;border:0;background:transparent;box-shadow:none}.game-studio .player-dot{width:10px;height:10px;border-radius:50%;background:var(--ink-3);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 38%,transparent)}.game-studio .player-dot:is([data-color=white],[data-color=gote]){background:#f4f3ee}.game-studio .player-dot:is([data-color=black],[data-color=sente]){background:#202321}.game-studio .player-dot[data-color=red]{background:#c0392b}.game-studio .player-dot[data-color=blue]{background:#2d5fa3}.game-studio .player-card-row{justify-content:flex-start;gap:8px}.game-studio .player-card-row strong{min-width:0;color:var(--ink);font-size:13px;font-weight:600}.game-studio .player-card-row .player-status{flex:none;color:var(--ink-2);font-size:12px}.game-studio .player-card-row span{order:2;margin-inline-start:auto;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--ink-2);font-size:14px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.game-studio .board-player-card.is-active .player-card-row span{background:var(--ink);color:var(--bg)}.game-studio .player-piece-rail{display:flex;grid-column:auto;align-items:center;justify-content:flex-end;gap:8px;width:auto;min-width:0}.game-studio .captured-strip{grid-column:auto;min-width:0;padding-left:0}.game-studio .captured-strip.is-empty{display:none}.game-studio .hand-tray{display:flex;justify-content:flex-end}.game-studio .hand-strip{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:176px;overflow:visible}.game-studio .hand-piece-button,.game-studio .hand-piece-button:is([data-skin=wedge],[data-skin=mini-wedge],[data-skin=disc]){min-width:36px;min-height:30px;padding:2px 6px 2px 4px;border:1px solid var(--line);border-radius:6px;background:var(--surface-1);color:var(--ink);font-size:12px;font-weight:600;box-shadow:none}.game-studio .hand-piece-button[data-hand-state=ready]:hover{border-color:var(--line-strong);background:var(--surface-2);transform:none}.game-studio .hand-piece-button.is-selected{border-color:var(--brand);background:var(--brand-soft);color:var(--ink);box-shadow:none}.game-studio .hand-piece-button:disabled{opacity:1}.game-studio .board-toolbar{min-height:36px;gap:6px;justify-content:flex-start}.game-studio .board-toolbar-actions{margin-inline-start:auto;gap:2px}.board-toolbar .board-look-picker>summary.icon-btn,.board-toolbar .board-toolbar-actions button.icon-btn{width:36px;min-width:36px;min-height:36px;padding:0;border:0;background:transparent;color:var(--ink-2)}.board-toolbar .board-look-picker>summary.icon-btn:hover,.board-toolbar .board-look-picker[open]>summary.icon-btn,.board-toolbar .board-toolbar-actions button.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.board-toolbar .board-toolbar-actions button.icon-btn[aria-pressed=true]{background:var(--brand-soft);color:var(--brand)}.game-studio .board-look-panel{top:42px;width:min(340px,calc(100vw - 32px));padding:14px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--pop-shadow)}.game-studio .board-look-heading{margin:0 0 8px}.game-studio .board-look-heading strong{color:var(--ink-2);font-size:12px;font-weight:600}.game-studio .board-look-panel>*+.board-look-heading{margin-top:14px}.game-studio :is(.piece-set-choice,.piece-2d-choice,.board-look-preset){border-color:var(--line);background:var(--surface-1)}.game-studio :is(.piece-set-choice,.piece-2d-choice,.board-look-preset)[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft)}.game-studio .board-finish-buttons{display:flex;flex-wrap:wrap;gap:6px}.game-studio .board-look-panel .board-finish-buttons{margin:0;padding:0;border:0}.game-studio .board-finish-buttons button{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-1);color:var(--ink-2);font-size:12px;font-weight:600}.game-studio .board-finish-buttons button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);color:var(--ink)}.segmented{display:inline-flex;gap:2px;padding:2px;border-radius:var(--radius-control);background:var(--surface-2)}.segmented>button{flex:1 1;min-height:32px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--ink-2);font-size:13px;font-weight:600;white-space:nowrap}.segmented>button:hover:not(:disabled){color:var(--ink)}.segmented>button[aria-pressed=true]{background:var(--surface-1);color:var(--ink);box-shadow:0 0 0 1px var(--line)}.segmented>button:disabled{opacity:.4;cursor:not-allowed}.board-view-toggle>button{min-height:32px;padding:0 10px;font-size:12px}.play-arena .game-studio .game-side-panel{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;width:100%;max-height:calc(100dvh - 32px);padding:14px;overflow:visible;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:none}.game-studio[data-focus=true]>.game-side-panel{display:none}.play-arena .game-studio[data-started=true] .game-side-panel{min-height:min(calc(100dvh - 32px),calc(var(--board-fixed-size) / var(--board-ratio, 1) + 180px))}.game-studio .play-panel-match-header{position:relative;display:block;padding:0;background:transparent;box-shadow:none;border-radius:0}.game-studio .play-panel-match-header .play-title-row{display:flex;align-items:center;gap:4px}.game-studio .play-title-picker{min-width:0}.game-studio .play-panel-match-header .play-title-block h1{min-width:0;margin:0;overflow:visible;color:var(--ink);font-size:18px;font-weight:600;letter-spacing:0;line-height:1.25;white-space:nowrap}.game-studio .play-title-button{display:inline-flex;align-items:center;gap:4px;max-width:100%;margin-inline-start:-6px;padding:4px 6px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--ink);font:inherit}.game-studio .play-title-button:hover{background:var(--surface-2)}.game-studio .play-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-studio .play-title-button svg{flex:none;color:var(--ink-3)}.game-studio .play-panel-match-header .play-title-actions{gap:2px;margin-inline-start:auto}.game-studio .play-panel-match-header .play-share-menu>.icon-btn,.game-studio .play-panel-match-header .play-title-actions .icon-btn{width:36px;min-width:36px;min-height:36px;padding:0;border:0;background:transparent;color:var(--ink-2)}.game-studio .play-panel-match-header .play-title-actions .icon-btn:hover{background:var(--surface-2);color:var(--ink)}.game-studio :is(.play-title-picker-menu,.play-share-menu-panel){z-index:60;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--pop-shadow)}.setup-card{display:grid;gap:12px}.setup-card>.mode-tabs>button{min-height:36px;padding-inline:8px}.setup-pickers{display:grid;gap:8px}.setup-pickers[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-card>.segmented{display:flex}.setup-note{margin:0;color:var(--ink-2);font-size:12px}.game-studio .play-start-button{width:100%;min-height:44px;border-radius:var(--radius-control);font-size:14px}.game-studio .choice-picker summary{min-height:46px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-1);color:var(--ink)}.game-studio .choice-picker summary:hover{background:var(--surface-2)}.game-studio .choice-picker[open] summary{border-color:var(--brand)}.game-studio .choice-picker summary svg{flex:none;color:var(--ink-3)}.game-studio .choice-picker small{color:var(--ink-2);font-size:11px}.game-studio .choice-picker strong{overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.game-studio .choice-picker-options{padding:4px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--pop-shadow)}.game-studio .choice-picker-options button{min-height:36px;padding:0 10px;border-radius:6px;color:var(--ink);font-size:13px}.game-studio .choice-picker-options button:hover,.game-studio .choice-picker-options button[aria-pressed=true]{background:var(--surface-2);color:var(--ink)}.game-studio .choice-picker-options button svg{color:var(--brand)}.match-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:-4px;color:var(--ink-2);font-size:12px}.match-meta>span:not(.match-save)+span:not(.match-save):before{content:"\00B7";margin-inline-end:8px;color:var(--ink-3)}.match-save{margin-inline-start:auto;color:var(--ink-2)}.match-meta>.match-exit{width:32px;height:32px;margin:-6px -6px -6px auto}.match-save[data-state=conflict],.match-save[data-state=error]{color:var(--bad)}.play-note{margin:0;padding:8px 10px;border-radius:var(--radius-control);background:var(--surface-2);color:var(--ink-2);font-size:12px;line-height:1.4}.game-studio .online-search-card{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2)}.game-studio .online-search-card strong{color:var(--ink);font-size:13px;font-weight:600}.game-studio .online-search-card span{color:var(--ink-2);font-size:12px}.game-studio .online-search-card button{min-height:32px;padding:0 10px;font-size:12px}.move-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:132px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-1)}.move-pairs{flex:1 1 auto;min-height:0;margin:0;padding:4px 0;overflow-y:auto;overscroll-behavior:contain;list-style:none;font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;scrollbar-width:thin}.move-pairs>li{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr);align-items:center;padding-inline-end:4px}.move-pairs>li:nth-child(2n){background:color-mix(in srgb,var(--surface-2) 55%,transparent)}.move-no{padding-inline-start:10px;color:var(--ink-2);font-size:12px}.move-cell{--board-fixed-size:144px;--board-cols:8;display:flex;align-items:center;gap:4px;min-width:0;min-height:28px;padding:0 6px;border:0;border-radius:5px;background:transparent;color:var(--ink);font-weight:500;text-align:start}.move-cell>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-cell .piece-icon{flex:0 0 18px;width:18px;height:18px;font-size:14px}.move-cell:hover{background:var(--surface-3)}.move-cell[data-latest=true]{background:var(--surface-3);font-weight:600}.move-cell[aria-current=true]{background:var(--brand);color:var(--brand-ink);font-weight:600}.move-empty{margin:auto;padding:24px 12px;color:var(--ink-2);font-size:13px;text-align:center}.review-controls{display:flex;justify-content:space-between;padding:2px 4px;border-top:1px solid var(--line)}.review-controls .icon-btn{width:40px;min-height:32px}.play-actions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.play-action{display:grid;place-items:center;align-content:center;gap:3px;min-width:0;min-height:52px;padding:6px 2px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-1);color:var(--ink-2);font-size:11px;font-weight:600;list-style:none;cursor:pointer}.play-action::-webkit-details-marker{display:none}.play-action:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.play-action:disabled{opacity:.4;cursor:default}.play-action.is-primary{border-color:var(--brand);background:var(--brand);color:var(--brand-ink)}.play-action.is-primary:hover:not(:disabled){background:color-mix(in srgb,var(--brand) 88%,var(--ink));color:var(--brand-ink)}.play-action.is-danger:hover:not(:disabled){border-color:color-mix(in srgb,var(--bad) 45%,var(--line));color:var(--bad)}.play-more{position:relative;display:grid}.play-more[open]>.play-action{background:var(--surface-2);color:var(--ink)}.play-more-menu{position:absolute;bottom:calc(100% + 6px);inset-inline-end:0;z-index:60;display:grid;width:232px;padding:4px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--pop-shadow)}.play-more-menu hr{margin:4px 0;border:0;border-top:1px solid var(--line)}.play-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:13px;text-align:start}.play-menu-item svg{flex:none;color:var(--ink-2)}.play-menu-item:hover:not(:disabled){background:var(--surface-2)}.play-menu-item:disabled{opacity:.4}.play-menu-item[aria-pressed=true]:after{content:"On";margin-inline-start:auto;color:var(--brand);font-size:11px;font-weight:600}.game-studio .local-save-bar{display:flex;align-items:center;gap:8px;width:var(--board-fixed-size);max-width:100%;padding:6px 6px 6px 12px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-2);color:var(--ink-2);font-size:12px}.game-studio .local-save-bar button{min-height:30px;padding:0 10px;border-radius:6px;font-size:12px}.game-studio .studio-chat-disclosure{padding-top:8px;border-top:1px solid var(--line)}.game-studio .studio-chat-disclosure>summary{padding:6px 0;color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer}.play-arena .game-studio[data-focus=true]{--board-fixed-size:clamp(280px,min(calc(100vw - var(--rail-w) - 2 * clamp(16px, 3vw, 40px) - 20px),calc((100dvh - var(--board-chrome-h)) * var(--board-ratio, 1))),1000px);grid-template-columns:var(--board-fixed-size);max-width:none}.shell:has(.game-studio[data-focus=true]) .rail{opacity:.3;transition:opacity .2s}.shell:has(.game-studio[data-focus=true]) .rail:focus-within,.shell:has(.game-studio[data-focus=true]) .rail:hover{opacity:1}@media (max-width:900px){.app-content:has(.play-arena){padding-top:12px;padding-bottom:calc(var(--tabbar-h) + 24px + env(safe-area-inset-bottom))}.play-arena .game-board-layout.game-studio,.play-arena .game-studio,.play-arena .game-studio[data-focus=true]{--board-fixed-size:clamp(240px,min(calc(100vw - 32px),calc((100dvh - 290px) * var(--board-ratio, 1))),640px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;max-width:640px}.play-arena .game-studio .board-column{width:var(--board-fixed-size);max-width:100%}.play-arena .game-studio .game-side-panel{position:static;width:100%;max-height:none;min-height:0;padding:0;border:0;background:transparent}.game-studio .play-actions{order:-2}.game-studio .game-side-panel>.play-note{order:-1}.move-panel{flex:none;max-height:34dvh;min-height:112px}.play-more-menu{width:min(260px,calc(100vw - 32px))}.game-studio .setup-pickers .choice-picker-options{position:static;margin-top:5px}}@media (max-width:420px){.setup-pickers[data-count="2"]{grid-template-columns:minmax(0,1fr)}}@media (max-width:900px){.shell .app-content:has(.play-start-dock){padding-bottom:calc(var(--tabbar-h) + 84px + env(safe-area-inset-bottom))}.shell .game-studio .play-start-dock{position:fixed;inset-inline:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));z-index:5;padding:8px max(16px,calc((100vw - 640px) / 2));border-top:1px solid var(--line);background:var(--bg)}}.game-studio .promotion-choice-card{padding:10px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-1);box-shadow:var(--pop-shadow)}.game-studio .promotion-choice-card :is(strong,small){font-weight:600}.game-studio .promotion-choice-card>span small{color:var(--ink-2);font-size:11px}.game-studio .promotion-choice-card div[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.game-studio .promotion-choice-card div[data-count="4"] button{flex-direction:column;min-height:56px;font-size:11px}.game-studio .promotion-choice-card div[data-count="4"] button .piece-icon{width:28px;height:28px;font-size:22px}.game-studio .promotion-choice-card button{border-color:var(--line);border-radius:var(--radius-control);background:var(--surface-1);color:var(--ink);font-weight:600;transform:none}.game-studio .promotion-choice-card button:hover{background:var(--surface-2);transform:none}.game-studio .promotion-choice-card button:first-child{border-color:var(--brand);background:var(--brand-soft);color:var(--ink)}