:root{--bg:#242421;--panel:#31312d;--panel2:#3b3b36;--line:#4d4d46;--text:#f5f4f0;--muted:#b5b5ac;--green:#81b64c;--green-deep:#5e9130;--gold:#e8c46e;--cream:#f1eee3;--ink:#343734}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#1a1a18;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit;cursor:pointer}#app{max-width:500px;min-height:100dvh;margin:auto;background:var(--bg);box-shadow:0 0 80px #0007}.top{height:75px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:900;letter-spacing:-1px}.brand img{width:38px;height:38px}.iconbutton{height:42px;min-width:42px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:25px}.iconbutton:hover{background:var(--panel)}.home{padding:8px 20px 36px}.eyebrow{color:var(--green);font-size:11px;letter-spacing:2px;font-weight:800}.hero{margin:8px 0 22px;height:235px;border-radius:17px;overflow:hidden;position:relative;background:radial-gradient(circle at 74% 29%,#4b6738,#2d3827 45%,#222a21 90%);border:1px solid #53734a}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,transparent 48%,#ffffff08 49%,#ffffff08 51%,transparent 52%);background-size:45px 45px}.hero-art{position:absolute;right:12px;top:30px;width:150px;height:150px;filter:drop-shadow(0 12px 10px #0007)}.hero-copy{position:absolute;left:20px;bottom:22px;right:140px}.hero h1{font-size:30px;line-height:1.04;letter-spacing:-1px;margin:0 0 8px}.hero p{color:#d8e5cf;margin:0;font-size:14px}.section-title{font-size:18px;margin:28px 0 12px}.mode-card{display:flex;align-items:center;gap:15px;width:100%;margin:10px 0;padding:17px;background:var(--panel);border:1px solid var(--line);border-radius:14px;color:var(--text);text-align:left}.mode-card:hover{background:var(--panel2)}.mode-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:#405037;color:#a6dc74;font-size:27px}.mode-card strong{font-size:16px}.mode-card small{display:block;color:var(--muted);margin-top:3px;font-size:12px}.chevron{margin-left:auto;color:var(--muted);font-size:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.button{background:var(--green);border:0;border-bottom:3px solid var(--green-deep);border-radius:10px;color:#fff;min-height:54px;font-weight:850;font-size:17px;padding:10px 16px}.button.secondary{background:var(--panel2);border:1px solid var(--line)}.button.wide{width:100%}.button:disabled{opacity:.42;cursor:default}.setup{padding:12px 20px 32px}.setup h1{font-size:29px;margin:10px 0 28px}.label{display:block;font-size:16px;font-weight:800;margin:23px 0 10px}.segmented{display:flex;gap:8px}.segment{flex:1;min-height:48px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:14px;font-weight:750}.segment.active{background:#3e522f;border-color:var(--green);color:#fff}.setup .button{margin-top:30px}.game-layout{display:flex;flex-direction:column;min-height:calc(100dvh - 75px);padding:0 12px 18px}.player-bar{min-height:56px;background:var(--panel);border-radius:11px;padding:7px 11px;display:flex;align-items:center;gap:9px}.player-bar.active{outline:1px solid var(--green)}.avatar{height:34px;width:34px;border-radius:8px;display:grid;place-items:center;font-size:21px}.player-bar strong{font-size:14px}.player-bar small{display:block;font-size:11px;color:var(--muted)}.turn-pill{margin-left:auto;color:#d7efc2;background:#455c37;padding:5px 7px;border-radius:6px;font-size:10px;font-weight:800}.board-wrap{width:100%;max-width:420px;align-self:center;aspect-ratio:1;min-height:300px;background:radial-gradient(circle,#43483d 0,#2b312a 60%,#242a24);margin:10px 0;border-radius:10px;position:relative;overflow:hidden;border:1px solid #53604c;touch-action:manipulation}.board-svg{width:100%;height:100%}.hex-tile{filter:drop-shadow(0 4px 2px #0008);cursor:pointer}.status{text-align:center;color:var(--muted);font-size:13px;min-height:28px;margin:2px 0 8px}.reserve{display:flex;gap:6px;overflow-x:auto;padding:5px 0 10px;scrollbar-width:none}.reserve::-webkit-scrollbar{display:none}.piece-choice{min-width:61px;padding:6px 4px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);display:flex;align-items:center;flex-direction:column;gap:1px}.piece-choice.active{border-color:var(--green);background:#405037}.piece-choice:disabled{opacity:.3}.piece-choice b{font-size:18px}.piece-choice small{font-size:10px;color:var(--muted)}.piece-choice em{font-style:normal;font-size:11px;color:var(--green);font-weight:800}.game-actions{display:flex;gap:8px;margin-top:6px}.game-actions .button{flex:1;min-height:44px;font-size:13px}.rules{padding:8px 20px 36px}.rules h1{font-size:29px}.rules .panel{margin:10px 0;line-height:1.45}.rules strong{display:block;color:var(--green);margin-bottom:5px}.rules p{margin:0;color:#dddcd3}.overlay{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(360px,100%);padding:22px;border-radius:16px;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 60px #0008}.modal h2{margin:0 0 9px}.modal p{color:var(--muted);line-height:1.4}.modal .button{width:100%;margin-top:8px}.modal .danger{background:#693c36;border-color:#8f4b43}.fine{font-size:12px;color:var(--muted);margin-top:20px}.clickable{cursor:pointer}@media(max-width:370px){.board-wrap{min-height:280px}.piece-choice{min-width:55px}.top{height:64px}.game-layout{min-height:calc(100dvh - 64px)}}.join-row{display:flex;gap:8px;margin-top:8px}.join-row .button{min-height:50px;margin:0}.text-input{min-width:0;flex:1;min-height:50px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);font:inherit;font-weight:800;padding:0 12px;text-transform:uppercase}.error-text{color:#ffaaa2;font-size:13px;margin-top:10px}.clock{margin-left:auto;font-weight:850;color:var(--text);background:#252d26;border-radius:7px;padding:5px 7px;font-variant-numeric:tabular-nums}.player-bar .clock+.turn-pill{margin-left:0}.lift-toggle{display:flex;gap:7px;margin:4px 0}.lift-toggle .button{min-height:39px;font-size:12px;flex:1}.chat-panel{margin-top:10px;padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.chat-scroll{height:120px;overflow:auto;background:#292a26;border-radius:8px;padding:8px}.chat-line{font-size:12px;line-height:1.45;margin:4px 0;overflow-wrap:anywhere}.chat-line strong{color:var(--green)}.chat-line.other strong{color:var(--gold)}.chat-actions{display:flex;gap:7px;margin-top:8px}.chat-actions .text-input{min-height:42px;text-transform:none;font-weight:500}.chat-actions .button{min-height:42px;padding:7px 12px;font-size:13px}.small-button{background:transparent;color:var(--muted);border:0;font-size:12px;min-height:30px;padding:0 6px}.profile-chip{position:relative;width:42px;height:42px;border:1px solid #607a49;border-radius:12px;background:#3d5433;color:#bde48b;font-size:22px;font-weight:800}.profile-chip .badge{position:absolute;right:-6px;top:-6px}.play-primary{margin:8px 0 24px}.play-primary .button{font-size:22px;min-height:70px}.play-primary small{display:block;text-align:center;color:var(--muted);margin-top:8px}.home-links{margin-top:22px}.home .mode-card{margin:9px 0}.home .hero{height:160px}.home .hero-art{width:115px;height:115px;top:23px}.home .hero h1{font-size:25px}.choice-label{font-size:15px;font-weight:800;margin:26px 0 10px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{min-height:56px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-size:15px;font-weight:700;padding:10px}.choice.active{border-color:var(--green);background:#3e522f}.choice:disabled{opacity:.65}.segment:disabled{opacity:.35}.setup>.button.wide{margin-top:32px}.board-wrap{touch-action:none}.board-svg{transform-origin:50% 50%;will-change:transform}.board-controls{position:absolute;right:7px;bottom:7px;display:flex;gap:3px;z-index:2}.board-controls button{width:34px;height:34px;border:1px solid #ffffff24;border-radius:7px;background:#242921dd;color:#fff;font-size:20px;line-height:1}.reserve-shell{position:relative}.reserve-hint{position:absolute;right:-2px;top:4px;bottom:10px;display:grid;place-items:center;width:18px;color:#d1edb5;font-size:24px;background:linear-gradient(90deg,transparent,#242421 50%);pointer-events:none}.reserve{padding-right:22px}.piece-choice{min-width:65px}.badge{display:inline-grid;place-items:center;background:#d94b36;color:#fff;border-radius:99px;min-width:17px;height:17px;font-size:10px;padding:0 4px}.chat-entry{background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:#fff;min-height:44px;padding:0 12px;font-size:13px;font-weight:700}.chat-backdrop{position:fixed;inset:0;background:#0009;z-index:3}.chat-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(500px,100%);max-height:65dvh;background:var(--panel);border-radius:20px 20px 0 0;padding:15px 15px calc(15px + env(safe-area-inset-bottom));z-index:4;display:flex;flex-direction:column;box-shadow:0 -15px 40px #0007}.chat-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chat-head strong{font-size:18px}.chat-sheet .chat-scroll{flex:1;min-height:140px;max-height:40dvh}.chat-tools{display:flex;gap:15px;margin-top:8px}.chat-tools .small-button{color:var(--text)}.archive h1{font-size:28px;margin:10px 0 20px}.profile-hero{display:flex;gap:16px;align-items:center;margin:20px 0 24px}.profile-hero h1{margin:0;font-size:26px}.profile-hero p{color:var(--muted);margin:5px 0}.profile-avatar{width:66px;height:66px;border-radius:16px;background:#3e522f;display:grid;place-items:center;color:#bde48b;font-size:34px}.stats-row{display:flex;gap:10px;margin-bottom:20px}.stats-row>div{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.stats-row strong{display:block;font-size:24px}.stats-row small{color:var(--muted)}.replay-title{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;color:var(--muted)}.replay-title strong{color:#fff}.replay-nav{display:flex;gap:7px}.replay-nav .button{flex:1;min-height:50px;font-size:24px}.replay-layout>.button{margin-top:15px}.lesson>p{font-size:18px;line-height:1.45;color:var(--text)}.lesson-options{display:grid;gap:9px;margin-top:25px}.lesson-options .choice{text-align:left}.lesson-detail{color:#bddc9b!important}.lesson .button{margin-top:15px}.lesson-options .choice.wrong{border-color:#b45b52;background:#573833}.account .text-input,.friends .text-input,.modal .text-input{text-transform:none;font-weight:500}.account .panel{margin:12px 0}.social-signin{display:grid;gap:8px;margin-top:15px}.social-signin .button{min-height:48px}.account .fine a{color:#a8d878}.danger-link{color:#f2a59e}.friend-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:7px 0}.friend-row .small-button{color:#b6e48a}.friends h2{font-size:17px;margin:26px 0 10px}.account-flow{display:flex;gap:8px;margin:4px 0 18px}.account-flow .small-button{flex:1;padding:12px;border-radius:10px;background:var(--panel);color:var(--muted)}.account-flow .small-button.active{color:#f7f7f3;box-shadow:inset 0 -2px #8fc358}.friend-row .name-link{cursor:pointer;flex:1}.friend-row .name-link:hover{text-decoration:underline}.rank-number{width:32px;color:var(--green);font-weight:900}.rank-rating{margin-left:auto}.leaderboard .segmented{margin:15px 0 22px}.profile>.button.wide{margin-top:10px}.play-screen{padding-top:4px}.play-mark{height:160px;display:grid;place-items:center}.play-mark img{width:112px;height:112px;filter:drop-shadow(0 12px 18px #0006)}.play-filter{width:100%;min-height:68px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);display:flex;align-items:center;gap:10px;padding:10px 16px;text-align:left}.play-filter span:first-child{font-size:13px;color:var(--muted)}.play-filter strong{margin-left:auto;font-size:17px}.play-filter span:last-child{color:var(--muted);font-size:23px}.play-screen>.button{margin-top:12px!important}.play-options{margin-top:27px}.play-options .mode-card{min-height:67px}.queen-halo{animation:queen-pulse .75s ease-in-out 1}.overlay{animation:overlay-in .18s ease-out}.modal{animation:modal-in .22s cubic-bezier(.2,.8,.2,1)}#app.screen-enter-forward{animation:screen-forward .22s ease-out}#app.screen-enter-back{animation:screen-back .22s ease-out}@keyframes screen-forward{0%{opacity:.65;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes screen-back{0%{opacity:.65;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:.75;transform:translateY(15px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes queen-pulse{0%,to{opacity:.45;stroke-width:3}50%{opacity:1;stroke-width:8}}@media(prefers-reduced-motion:reduce){#app.screen-enter-forward,#app.screen-enter-back,.overlay,.modal,.queen-halo{animation:none!important}}.top-actions{display:flex;align-items:center;gap:9px}.friends-chip{position:relative;width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:#bde48b;font-size:29px;line-height:1}.friends-chip .badge{position:absolute;right:-3px;top:-3px}.friend-shortcuts{margin:5px 0 22px}.friend-shortcuts .mode-card{min-height:57px;padding:8px 12px}.friend-shortcuts .mode-icon{width:39px;height:39px;font-size:22px}.friend-row{gap:10px}.friend-avatar{width:42px;height:42px;border-radius:9px;background:#405037;color:#bde48b;display:grid;place-items:center;font-size:24px;flex:none}.friend-name{flex:1;min-width:0;cursor:pointer}.friend-name strong,.friend-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-name small{color:var(--muted);font-size:12px;margin-top:3px}.friends h2 small{font-size:13px;color:var(--muted)}.qr-page{text-align:center}.qr-page h1{margin:28px 0 4px}.qr-page p{color:var(--muted);margin:0 0 22px}.qr-card{margin:0 auto 24px;padding:12px;width:min(320px,100%);background:#fff;border-radius:18px}.qr-card img{display:block;width:100%;aspect-ratio:1}.account-details #display-name{width:100%;margin-bottom:12px}.friends-chip svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.mode-card:disabled,.play-filter:disabled,.friends-chip:disabled,.small-button:disabled{opacity:.38;cursor:default;filter:grayscale(.6)}.mode-card:disabled:hover{background:var(--panel)}.offline-notice{margin:8px 0 14px;padding:12px 14px;border-left:3px solid #9eaaa0;border-radius:8px;background:#343530;color:#e1e3dc;font-size:13px;font-weight:650}.offline-actions{margin-top:12px}.offline-actions .button{margin-top:2px}.search-screen{min-height:calc(100dvh - 75px);display:flex;flex-direction:column;gap:12px;padding:10px 18px 24px}.search-player{display:flex;align-items:center;gap:12px;min-height:58px}.search-player strong{font-size:15px}.search-avatar{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;font-size:22px;font-weight:800;flex:none}.searching-avatar{background:#434c3e;color:#bfd4ae;animation:search-avatar-pulse 1.7s ease-in-out infinite}.you-avatar{background:#3e522f;color:#bce58e}.search-clock{margin-left:auto;padding:9px 12px;border-radius:8px;background:var(--panel2);color:#e6e7df;font-size:13px;font-weight:800}.search-board{position:relative;width:100%;max-height:520px;min-height:300px;aspect-ratio:1;align-self:center;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:radial-gradient(circle at center,#45513f,#2b332a 72%,#252b25);border:1px solid #53604c}.search-board-field{position:absolute;inset:-5%;display:grid;place-items:center;opacity:.7;filter:blur(2px);-webkit-mask-image:radial-gradient(circle,#000 48%,transparent 88%);mask-image:radial-gradient(circle,#000 48%,transparent 88%)}.search-board-field svg{width:100%;height:100%}.search-overlay{position:relative;z-index:1;width:185px;min-height:173px;padding:18px 14px;border:1px solid #ffffff20;border-radius:14px;background:#252924eb;box-shadow:0 16px 40px #0008;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.search-overlay img{width:47px;height:47px;animation:search-logo-breathe 2s ease-in-out infinite}.search-overlay strong{font-size:16px}.search-overlay span{color:#c5c8bd;font-size:12px}.search-controls{margin-top:auto;display:grid;gap:8px}.search-controls .button{min-height:48px}.search-controls .small-button{justify-self:center}@keyframes search-logo-breathe{50%{transform:scale(1.08);filter:brightness(1.18)}}@keyframes search-avatar-pulse{50%{opacity:.55}}@media(max-width:370px){.search-screen{min-height:calc(100dvh - 64px)}.search-board{min-height:270px}.search-overlay{min-height:155px}}@media(prefers-reduced-motion:reduce){.searching-avatar,.search-overlay img{animation:none!important}}.tile-icon{width:36px;height:36px;display:block;flex:none}.avatar .tile-icon{width:30px;height:30px}.piece-choice{min-width:58px;min-height:64px;flex:none;padding:3px 5px;gap:0}.piece-choice small{font-size:10px}.piece-choice:focus-visible,.board-svg [tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.ai-label{font-size:10px;border:1px solid var(--muted);border-radius:4px;padding:1px 3px;color:var(--muted)}#app[data-screen=game]{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top)}#app[data-screen=game]>.top{flex:none;height:56px;padding:4px 12px}#app[data-screen=game] .game-layout{min-height:0;flex:1;padding-bottom:max(8px,env(safe-area-inset-bottom));gap:5px}#app[data-screen=game] .board-wrap{flex:1;min-height:160px;aspect-ratio:auto;max-width:none;margin:0}#app[data-screen=game] .board-svg{position:absolute;inset:0}#app[data-screen=game] .player-bar{min-height:44px;padding:4px 8px;flex:none}#app[data-screen=game] .status{min-height:18px;font-size:12px;margin:0}#app[data-screen=game] .game-actions:empty{display:none}.reserve{padding:3px 18px 3px 0}.reserve-shell{flex:none}.move-confirm{display:flex;gap:8px;flex:none;min-height:44px}.move-confirm:empty{display:none}.move-confirm .button{flex:1;min-height:44px;font-size:15px}.board-controls button,.iconbutton,.profile-chip,.friends-chip{min-width:44px;min-height:44px}.board-controls{gap:4px}.board-controls button{font-size:22px}.small-button{min-height:44px}.piece-choice.active{box-shadow:inset 0 -3px var(--green)}.move-preview{filter:drop-shadow(0 0 5px #bfe98677)}.lesson-play{padding:8px 16px 24px;display:flex;flex-direction:column;align-items:center}.lesson-heading{width:100%}.lesson-heading h1{font-size:24px;margin:8px 0}.lesson-heading p{color:var(--muted);line-height:1.4;min-height:52px}.lesson-heading small{color:var(--green)}.lesson-play .board-wrap{width:100%;min-height:220px;max-height:48dvh}.lesson-play>.piece-choice{min-width:84px}.lesson-play>.button{margin-top:12px}.modal:focus{outline:none}.modal>.tile-icon{width:64px;height:64px}.modal{max-height:90dvh;overflow:auto}.text-input{font-size:16px}.turn-pill{letter-spacing:.02em}@media(min-width:800px){#app{max-width:1000px}.home,.setup,.rules,.profile,.friends,.archive,.account{max-width:600px;margin:auto}.game-layout{max-width:850px;width:100%;align-self:center}.board-wrap{max-width:680px}.chat-sheet{left:auto;right:20px;transform:none;width:380px}.replay-layout{max-width:740px;margin:auto}.replay-layout .board-wrap{max-height:65dvh}.lesson-play{max-width:650px;margin:auto}.lesson-play .board-wrap{max-width:520px}}@media(max-height:700px){#app[data-screen=game]>.top{height:48px}.player-bar small{font-size:10px}.piece-choice{min-height:56px}.piece-choice .tile-icon{width:29px;height:29px}.reserve .piece-choice small{font-size:9px}.game-actions{margin:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stats-grid>div{display:flex;flex-direction:column;gap:6px;background:#35342f;padding:16px;border-radius:12px}.stats-grid small{color:#bbb9ad}.stats-grid strong{font-size:24px}.friend-name{border:0;background:none;text-align:left;color:inherit;flex:1;min-height:44px}.friend-row{flex-wrap:wrap}.friend-row .small-button{min-height:44px}.draw-offer,.weekly-goal{display:flex;gap:10px;align-items:center;padding:12px;background:#393c30;border-radius:12px}.weekly-goal{flex-wrap:wrap;margin-top:20px}.weekly-goal progress{width:100%;accent-color:#84b44b}.weekly-goal span{margin-left:auto}.share-actions{display:flex;gap:8px}.share-actions>*{flex:1}.invitation{text-align:center}.invitation h1{font-size:28px}textarea.text-input{min-height:110px}.panel>small{display:block;overflow-wrap:anywhere}.home-links>.mode-card{min-height:64px}.text-input:focus-visible{outline:2px solid #afce80;outline-offset:2px}.lesson-play .piece-choice{margin:0 auto}.board-svg [role=button]:focus-visible{outline:none;filter:drop-shadow(0 0 5px #cfec9f)}.preview-piece{opacity:.65;pointer-events:none}.lift-steps{display:flex;gap:12px;justify-content:center;font-size:12px;color:#bebbb0;padding:5px}.lift-steps strong{color:#badc8e}.player-bar strong{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}#app[data-screen=game] .board-wrap{aspect-ratio:auto}.choice-label{display:flex;align-items:center;gap:6px}.choice-label .small-button{padding:4px 12px;min-height:44px}.reserve-hint{pointer-events:none}.modal{max-height:85dvh;overflow:auto}.modal button,.small-button{min-height:44px}.game-shell{display:flex;flex:1;min-height:0;gap:24px}.game-shell .game-layout{min-width:0;width:100%}.game-sidebar{display:none}@media(min-width:1000px){.game-sidebar{display:flex;flex-direction:column;width:230px;flex-shrink:0;padding:16px 12px;background:#2e2d28;border-radius:12px;margin-bottom:16px}.game-sidebar h2{font-size:18px}.move-history{list-style:none;padding:0;overflow:auto;flex:1;font-size:13px;color:#c5c2b8}.move-history li{padding:10px 0;border-bottom:1px solid #45423a}.move-history span{color:#88867e}.game-sidebar .button{font-size:16px}#app[data-screen=game]{max-width:1150px}.game-shell .game-layout{max-width:none}}.board-svg{overflow:visible;display:block}.game-shell .game-layout{align-self:stretch}.reserve-shell[hidden]{display:none!important}.piece-art{shape-rendering:geometricPrecision}.reserve .tile-icon{width:40px;height:40px;filter:drop-shadow(0 2px 1px #0004)}.reserve .piece-choice{position:relative;min-width:64px;min-height:72px;padding:4px 5px;border-radius:12px;background:#30322b}.reserve .piece-choice.active{background:#414f35;border-color:#a9cf7d}.reserve .piece-choice:disabled{opacity:.4}.reserve .piece-choice em{position:absolute;right:5px;top:4px;border-radius:5px;min-width:16px;background:#23281f;color:#bdda9a;font-size:10px;line-height:16px}.reserve .piece-choice small{margin-top:3px;font-size:10px}.game-actions>.button{min-height:44px;font-size:14px;padding:8px 12px}.lesson-context{font-size:12px;color:#a9b99b;display:block;margin-bottom:8px}.lesson-heading p{min-height:0}.lesson-play .board-wrap{overflow:hidden}.rules h1{font-size:26px}.rules .button.wide{margin:12px 0 24px}@media(max-height:650px){.reserve .tile-icon{width:30px;height:30px}.reserve .piece-choice{min-height:57px}.reserve .piece-choice small{font-size:9px}#app[data-screen=game] .board-wrap{min-height:120px}#app[data-screen=game] .player-bar{min-height:38px}.board-controls button{background:#252b24e8}}.piece-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 24px}.piece-guide>div{display:flex;flex-direction:column;align-items:center;gap:8px;background:#30332c;padding:12px 3px;border-radius:12px}.piece-guide .tile-icon{width:54px;height:54px}.piece-guide span{font-size:11px;color:#d5d8cd}.brand{min-width:0;flex:1}.brand .brand-wordmark{width:min(225px,100%);height:auto;max-height:55px;object-fit:contain;object-position:left center}.top-actions{flex:none}.setting-card>span:first-child{flex:1;min-width:0}.setting-card small{display:block;font-size:12px;font-weight:400;line-height:1.4;color:var(--muted);margin-top:4px}.setting-card .setting-value{flex:none;color:var(--muted)}.result-modal{position:relative;padding-top:30px}.result-modal h2{padding:0 28px}.result-close{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:0;border-radius:50%;padding:0;background:transparent;color:var(--muted);font-size:28px;cursor:pointer}.result-close:hover{background:#ffffff0c;color:var(--text)}.result-close:focus-visible{outline:2px solid var(--green)}.replay-nav{display:grid;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;gap:6px;flex:none;width:100%}.replay-nav .button{min-height:44px;padding:5px 10px;font-size:24px}.review-count{min-width:52px;text-align:center;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.rematch-banner{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);width:min(460px,calc(100% - 24px));z-index:10;background:#373e31;border:1px solid #6b8e50;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 35px #0008}.rematch-banner>div{flex:1;min-width:0}.rematch-banner strong,.rematch-banner span{display:block;overflow:hidden;text-overflow:ellipsis}.rematch-banner span{font-size:12px;color:var(--muted);margin-top:3px}.rematch-banner .button{min-height:44px;font-size:14px}.rematch-wait{position:fixed;inset:56px max(0px,calc((100vw - 500px)/2)) 0;z-index:6;background:#242421f5;padding:24px 16px;display:grid;place-items:center}.rematch-wait .search-board{width:100%;min-height:360px}.rematch-notice{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 20px;z-index:6;pointer-events:none}.lesson-heading progress{display:block;width:100%;height:5px;accent-color:var(--green);margin:14px 0}.lesson-phase{font-size:12px;font-weight:800;color:#bfe590}.lesson-tray{display:flex;gap:10px;justify-content:center;width:100%;margin:8px 0}.lesson-tray .piece-choice{min-width:80px;min-height:75px}.lesson-controls{width:100%;display:grid;gap:4px;text-align:center}.lesson-rule{width:100%;font-size:14px;color:var(--muted);margin-top:14px;line-height:1.5}.lesson-rule summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:center;color:#d5dacd}.lesson-rule p{margin:6px 0}.lesson-heading p{font-size:17px;min-height:48px;color:var(--text)}.lesson-play .board-wrap{width:100%;max-width:440px;min-height:230px;max-height:48dvh;aspect-ratio:1}.lesson-ending{text-align:center;min-height:calc(100dvh - 75px);justify-content:center;gap:18px}.ending-illustration{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;min-height:160px;width:100%;position:relative}.ending-illustration .tile-icon{width:80px;height:80px}.ending-illustration strong{width:100%;font-size:34px;color:#e8c46e}.ending-lock{position:absolute;font-size:125px;opacity:.35;color:#f59687}.lesson-ending>p{font-size:21px;line-height:1.45;max-width:330px}.repetition-illustration{display:flex;gap:18px;color:var(--muted);line-height:1.8}.lesson-finished{text-align:center;padding-top:36px}.lesson-finished .button{margin-top:12px}.lesson-finish-art .tile-icon{width:120px;height:120px}.lesson-finished p{color:var(--muted)}.lesson-goal-ring{animation:queen-pulse 1.2s ease-out}@media(prefers-reduced-motion:reduce){.lesson-goal-ring{animation:none}}.motion-destination>:not(.stack-base){opacity:0}.committed-motion{filter:drop-shadow(0 4px 3px #0004)}.target{cursor:pointer}.destination-dot{pointer-events:none}.target:focus-visible{outline:none;filter:drop-shadow(0 0 4px #b4e983)}.player-color{display:inline-block;width:12px;height:12px;border-radius:50%;background:#f0ecdc;border:1px solid #aaa88f;margin-right:7px;vertical-align:-1px}.player-color.dark{background:#303b30;border-color:#aec49c}.player-bar.mine{box-shadow:inset 3px 0 #81b64c}.player-bar small{display:block}.turn-pill{font-size:10px;letter-spacing:.7px;white-space:nowrap}.stack-layers{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.stack-layers>div{display:grid;justify-items:center;gap:5px}.stack-layers .tile-icon{width:70px;height:70px}.stack-layers small{color:var(--muted,#b8b9ae)}.board-result-cue{text-align:center;color:#e8c46e;font-weight:800;animation:result-cue .4s ease-out}.result-emblem{display:grid;place-items:center;width:90px;height:90px;margin:0 auto 8px;border-radius:50%;background:#393d33}.result-emblem .tile-icon{width:65px;height:65px}.result-emblem.won{background:#81b64c25;box-shadow:0 0 25px #81b64c22}.result-emblem.finished{background:#d4b57615}.modal .result-view{display:block;width:100%;margin-top:10px;min-height:44px}.stats-tabs{display:flex;gap:8px;margin-bottom:12px}.stats-tabs button{flex:1;min-height:44px}.stats-tabs .selected,.sound-options .selected{border-color:#81b64c;background:#34432a}.stats-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0 15px}.stats-summary>div{display:grid;gap:5px;text-align:center}.stats-summary strong{font-size:36px}.stats-summary span{color:#b8b9ae}.player-stats .stats-grid{grid-template-columns:repeat(3,1fr)}.game-outcome.win{color:#b4e983}.game-outcome.loss{color:#d3b7a3}.game-outcome.draw{color:#b8b9ae}@keyframes result-cue{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.board-result-cue{animation:none}}.chat-delivery{display:block;opacity:.6;font-size:11px;margin-top:3px}.result-modal>h2,.result-modal>p{text-align:center}