@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f4f3ee;background:#080b12;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 48% -18%,#1a2630 0,transparent 50%),#080b12}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}.app{min-height:100vh}.gold{color:#dfc184}.landing{max-width:1260px;margin:auto;padding:30px 42px 22px}.brandbar,.brand,.wallet,.landing-foot,.gamebar,.game-tools,.back,.game-brand,.opponent-row,.player-row,.level-desc,.board-actions,.lesson-nav{display:flex;align-items:center}.brandbar{justify-content:space-between}.brand{gap:12px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:.08em}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #6b6048;border-radius:13px;color:#dfc184;background:linear-gradient(145deg,#24251f,#11151a)}.brand small,.game-brand small{display:block;font-size:9px;color:#7e8b91;letter-spacing:.2em;margin-top:3px}.wallet{gap:9px;color:#d7d9d6;border:1px solid #242c32;background:#10151b;padding:8px 12px;border-radius:12px;font-size:13px}.coin{color:#e4c278}.tiny-icon,.game-tools button{background:transparent;border:0;color:#a8b0b0;display:grid;place-items:center;padding:8px}.welcome{max-width:700px;margin:84px auto 46px;text-align:center}.eyebrow,.mode-label,.panel-kicker{font-size:10px;font-weight:700;letter-spacing:.2em;color:#bca675}.welcome h1,.settings-card h1,.online-card h1{font:800 clamp(38px,5.5vw,66px)/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:18px 0}.welcome h1 em{font-style:normal;color:#d9c18b}.welcome p{max-width:550px;margin:0 auto;color:#9aa5a7;line-height:1.8;font-size:15px}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mode-card{position:relative;overflow:hidden;min-height:260px;text-align:left;border:1px solid #273038;border-radius:18px;padding:25px 24px;background:linear-gradient(150deg,#151c22,#0d1117 72%);display:flex;flex-direction:column;align-items:flex-start;transition:transform .22s,border-color .22s,background .22s}.mode-card:hover{transform:translateY(-4px);border-color:#82734e;background:linear-gradient(150deg,#1c2428,#0d1117 72%)}.mode-icon{width:48px;height:48px;border-radius:14px;border:1px solid #41433b;background:#20251f;color:#dfc184;display:grid;place-items:center;margin-bottom:26px}.mode-label{color:#859296;font-size:9px;margin-bottom:9px}.mode-card strong{font:700 22px Manrope,sans-serif;letter-spacing:-.03em}.mode-desc{font-size:12px;line-height:1.7;color:#96a1a4;margin-top:10px;max-width:310px}.mode-go{display:flex;align-items:center;gap:6px;color:#e2c98e;font-size:12px;font-weight:700;margin-top:auto;padding-top:22px}.watermark{position:absolute;right:10px;top:10px;font-size:110px;color:#ffffff06;pointer-events:none}.landing-foot{justify-content:space-between;gap:14px;margin-top:48px;padding-top:18px;border-top:1px solid #1c242a;color:#68777c;font-size:11px}.landing-foot>span:first-child{letter-spacing:.16em;color:#b9c0bd}.landing-foot button{display:flex;align-items:center;gap:7px;background:none;border:0;color:#cbb67f;font-size:11px}.game-shell{height:100dvh;min-height:540px;display:flex;flex-direction:column;max-width:1500px;margin:auto;padding:0 24px}.gamebar{height:68px;flex:0 0 68px;border-bottom:1px solid #202830;justify-content:space-between}.back{gap:8px;background:transparent;border:0;color:#a5afb0;font-size:12px;padding:9px 0}.game-brand{font:800 16px Manrope,sans-serif;letter-spacing:.08em;gap:0;display:block;text-align:center}.game-brand small{font:700 8px DM Sans,sans-serif}.game-tools{gap:6px}.game-tools button{border:1px solid transparent;border-radius:10px}.game-tools button:hover{border-color:#384149;color:#e3c785}.play-area{flex:1;min-height:0;display:grid;grid-template-columns:minmax(350px,1fr) 300px;gap:30px;align-items:center;padding:14px 0;overflow:hidden}.board-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;height:100%;gap:10px}.opponent-row,.player-row{width:min(100%,min(66vh,640px));gap:10px;min-height:35px}.opponent-row>div,.player-row>div{display:flex;flex-direction:column;gap:3px}.opponent-row strong,.player-row strong{font-size:12px}.opponent-row small,.player-row small{font-size:10px;color:#829094}.piece-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#1a2026;color:#d4c69d;font-size:24px}.white-piece{background:#ded8c8;color:#343832}.turn-pill{margin-left:auto;border:1px solid #2c383b;border-radius:6px;padding:5px 8px;font-size:9px;letter-spacing:.1em;color:#a7b5b0}.board-wrap{width:min(100%,min(66vh,640px));aspect-ratio:1;max-height:calc(100dvh - 175px);transform-origin:center center;transition:transform .4s ease;flex:0 1 auto}.board-wrap>div{width:100%!important;height:100%!important}.board-wrap [data-boardid],.board-wrap>div>div{max-width:100%}.side-panel{height:min(100%,680px);overflow-y:auto;border:1px solid #273139;background:linear-gradient(160deg,#121920,#0d1116);border-radius:16px;padding:22px;align-self:center}.panel-kicker{display:flex;justify-content:space-between;align-items:center;color:#9b9e8d;font-size:9px}.panel-kicker span{color:#d4bd80}.side-panel h2{font:700 22px/1.2 Manrope,sans-serif;letter-spacing:-.035em;margin:17px 0 12px}.lesson-tip{display:flex;gap:10px;align-items:flex-start;color:#a8b2b2;font-size:12px;line-height:1.7;margin:0 0 20px}.lesson-tip svg{color:#d8c084;flex-shrink:0;margin-top:2px}.step-meter{display:flex;gap:4px;margin:15px 0 20px}.step-meter span{height:3px;flex:1;border-radius:4px;background:#293239}.step-meter span.done{background:#cdb579}.lesson-nav{gap:8px}.lesson-nav>*{flex:1}.primary,.action,.quiet,.toggle{display:inline-flex;justify-content:center;align-items:center;gap:7px;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:700}.primary{border:1px solid #e2ca8c;background:linear-gradient(135deg,#e5d19f,#b79a5b);color:#161913}.action,.toggle{border:1px solid #303a40;background:#171f25;color:#c1cbca}.quiet{border:1px solid transparent;background:transparent;color:#9da9a9}.full,.wide{width:100%;margin-top:10px}.divider{height:1px;background:#273037;margin:20px 0}.status-text{color:#b6c1bd;font-size:12px}.caption-box{background:#090d12;border:1px solid #263038;border-radius:10px;padding:12px;margin:14px 0}.caption-box>span{display:inline-block;width:6px;height:6px;border-radius:100%;background:#cbb476;margin-right:6px}.caption-box{font-size:9px;letter-spacing:.13em;color:#b8a575}.caption-box p{font-size:11px;line-height:1.6;letter-spacing:0;color:#a7b2b1;margin:8px 0 0}.board-actions{gap:8px}.board-actions>*{flex:1}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:18px 0}.level-grid button{aspect-ratio:1;border:1px solid #303b40;background:#171e24;color:#aab4b4;border-radius:8px;font-size:12px}.level-grid button.selected{background:#d7c18b;color:#161913;border-color:#f1dca6;font-weight:800}.level-desc{gap:10px;border:1px solid #29333a;border-radius:10px;padding:12px;margin-bottom:10px;color:#ddc88e}.level-desc span{display:flex;flex-direction:column;gap:4px}.level-desc strong{font-size:12px;color:#e8e9e1}.level-desc small{font-size:10px;color:#8d999a}.game-foot{height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1d252b;color:#637176;font-size:9px;letter-spacing:.08em}.settings-page,.online-page{min-height:100dvh;padding:28px;max-width:800px;margin:auto}.settings-card,.online-card{max-width:560px;margin:60px auto;border:1px solid #29333a;border-radius:18px;padding:30px;background:#11171d}.settings-card h1,.online-card h1{font-size:36px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #293139;padding:17px 0}.setting-row strong{font-size:13px}.setting-row p,.online-card p{font-size:12px;line-height:1.7;color:#9aa5a5;margin:5px 0 0}.room-code{display:flex;align-items:center;justify-content:space-between;margin:14px 0;padding:15px;border:1px dashed #8c7950;border-radius:10px;color:#e5cd91;font:800 22px Manrope,sans-serif;letter-spacing:.2em}.room-code button{background:none;border:0;color:#e5cd91}.small-note{font-size:10px;line-height:1.6;color:#778588;margin-top:20px}.online-card>.mode-icon{margin-bottom:18px}.online-card label{display:block;margin-top:20px;font-size:10px;color:#9ca8a7;letter-spacing:.12em}.online-card input{width:100%;margin-top:8px;padding:13px;border-radius:9px;border:1px solid #313d43;background:#090e13;color:#f1ead8;letter-spacing:.12em;outline:none}.notice{display:flex;gap:8px;align-items:flex-start;color:#839092;font-size:10px;line-height:1.6;margin-top:18px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:10;display:flex;gap:15px;align-items:center;max-width:min(90vw,600px);padding:12px 16px;border:1px solid #4c4c3a;border-radius:12px;background:#171d20;color:#eee2c3;box-shadow:0 10px 40px #0008;font-size:12px}.toast button{border:0;background:transparent;color:#9ca5a2;display:grid;place-items:center}@media(min-width:1100px){.play-area{grid-template-columns:minmax(450px,1fr) 310px;gap:36px}.side-panel{padding:24px}.board-wrap{width:min(100%,min(70vh,680px));max-height:calc(100dvh - 150px)}.opponent-row,.player-row{width:min(100%,min(70vh,680px))}}@media(max-width:760px){.landing{padding:22px 18px}.welcome{margin:58px auto 32px}.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{min-height:220px}.landing-foot{flex-wrap:wrap;margin-top:28px}.game-shell{padding:0 10px;height:auto;min-height:100dvh}.gamebar{height:58px;flex-basis:58px}.game-brand{font-size:13px}.game-tools{gap:0}.game-tools button{padding:6px}.play-area{display:flex;flex-direction:column;gap:16px;overflow:visible;padding:12px 0}.board-stage{width:100%;height:auto}.board-wrap{width:min(94vw,calc(100vw - 28px));max-height:none}.opponent-row,.player-row{width:min(94vw,calc(100vw - 28px))}.side-panel{width:100%;height:auto;overflow:visible}.game-foot{font-size:8px}.settings-page,.online-page{padding:18px}.settings-card,.online-card{margin:35px auto;padding:22px}.wallet{font-size:11px}}@media(max-height:700px)and (min-width:761px){.gamebar{height:52px;flex-basis:52px}.play-area{padding:5px 0;gap:18px}.board-wrap{width:min(100%,calc(100dvh - 125px));max-height:calc(100dvh - 125px)}.opponent-row,.player-row{min-height:24px}.piece-avatar{width:26px;height:26px}.side-panel{padding:16px}.side-panel h2{font-size:18px}.divider{margin:12px 0}.game-foot{height:22px;flex-basis:22px}}.piece{font-family:DejaVu Sans,Segoe UI Symbol,"Noto Sans Symbols 2",serif!important;font-size:clamp(28px,5.4vw,52px);line-height:1;display:inline-flex;align-items:center;justify-content:center;transform-origin:center;filter:drop-shadow(0 2px 1px #0005);animation:piece-arrive .22s cubic-bezier(.2,.8,.2,1)}.white-piece{color:#fffdf4!important;text-shadow:0 1px 0 #514b40,0 2px 2px #0008,-1px 0 #aaa}.black-piece{color:#20252b!important;text-shadow:0 1px 0 #f7f0db,0 2px 2px #0005}@keyframes piece-arrive{0%{transform:translateY(-7px) scale(.82);opacity:.55}to{transform:translateY(0) scale(1);opacity:1}}.square{transition:background-color .22s,box-shadow .18s,transform .16s;position:relative;overflow:hidden}.square.chosen{box-shadow:inset 0 0 0 4px #f5d66e,inset 0 0 22px #ffe59c55;z-index:1}.square.legal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,#ffffff18 0 25%,transparent 28%);animation:legal-pulse 1.25s ease-in-out infinite}.square.target{box-shadow:inset 0 0 0 3px #ffcb60}@keyframes legal-pulse{0%,to{opacity:.55}50%{opacity:1}}.square.theme-almond.light{background:#f2e6d0}.square.theme-almond.dark{background:#6f5744}n.square.theme-classic.light{background:#f0d9b5}.square.theme-classic.dark{background:#b58863}.square.theme-pink.light{background:#fff0f6}.square.theme-pink.dark{background:#d77ca8}.square.theme-green.light{background:#eeeed2}.square.theme-green.dark{background:#769656}.square.theme-blue.light{background:#eaf4ff}.square.theme-blue.dark{background:#5488c7}.theme-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.theme-choice{display:flex;align-items:center;gap:6px;background:#171e24;border:1px solid #303a40;border-radius:9px;padding:7px 9px;font-size:11px;color:#d8e0df}.theme-choice.selected{border-color:#e2ca8c;box-shadow:0 0 0 2px #e2ca8c30}.swatches{width:28px;height:20px;border-radius:4px;display:inline-block;background:linear-gradient(90deg,var(--a) 50%,var(--b) 50%);position:relative}.swatches:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,transparent 50%,var(--b) 50%);opacity:.7}.classic-swatches{--a:#f0d9b5;--b:#b58863}.pink-swatches{--a:#fff0f6;--b:#d77ca8}.green-swatches{--a:#eeeed2;--b:#769656}.blue-swatches{--a:#eaf4ff;--b:#5488c7}.move-review{border:1px solid #bba15f!important;background:linear-gradient(135deg,#20271f,#11171b)!important;box-shadow:0 12px 36px #0005;animation:review-in .24s ease-out}@keyframes review-in{0%{transform:translateY(8px);opacity:.4}to{transform:translateY(0);opacity:1}}.piece-showcase .pedestal span{font-family:DejaVu Sans,Segoe UI Symbol,"Noto Sans Symbols 2",serif;animation:showcase-float 2.4s ease-in-out infinite;filter:drop-shadow(0 12px 10px #0006)}@keyframes showcase-float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}@media(max-width:620px){.theme-setting{align-items:flex-start!important;flex-direction:column}.theme-options{justify-content:flex-start}.piece{font-size:clamp(25px,8vw,42px)}}:root{--gold:#dfc184;--panel:#10161d;--line:#28323a;--muted:#93a0a5;--ink:#f5f3ec}body{background:radial-gradient(ellipse at 50% -15%,#25313b 0,transparent 52%),#080b12;color:var(--ink)}button{transition:transform .18s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}button:focus-visible{outline:2px solid #e5c982;outline-offset:3px}.landing{width:min(1320px,100%);margin:0 auto;padding:26px clamp(16px,3vw,42px) 22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid #1f282e}.brand{display:flex;align-items:center;gap:12px;font:800 18px/1.1 Manrope,DM Sans,sans-serif;letter-spacing:.08em}.brand-mark{width:44px;height:44px;display:grid;place-items:center;color:var(--gold);border:1px solid #6b6048;border-radius:14px;background:linear-gradient(145deg,#24251f,#11151a);box-shadow:inset 0 1px #ffffff10}.brand small{display:block;margin-top:5px;color:#7f8b90;font-size:9px;letter-spacing:.2em}.top-actions{display:flex;align-items:center;gap:12px}.coins{border:1px solid #33382f;background:#151a18;padding:9px 13px;border-radius:12px;color:#e5c984;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.icon-btn{display:grid;place-items:center;width:42px;height:42px;border:1px solid #303941;border-radius:12px;background:#121820;color:#c5c9c5}.icon-btn:hover{color:var(--gold);border-color:#8a7952;background:#1a2024}.hero{max-width:740px;margin:clamp(48px,7vw,84px) auto clamp(32px,4vw,50px);text-align:center}.hero h1{font:800 clamp(42px,6vw,72px)/.99 Manrope,"DM Sans",sans-serif;letter-spacing:-.06em;margin:18px 0 22px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:570px;margin:0 auto;color:#a3adaf;font-size:15px;line-height:1.85}.eyebrow{color:#bca675;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.reward-btn{display:inline-flex;align-items:center;gap:9px;margin-top:24px;border:1px solid #786947;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,#29271e,#171a19);color:#f0d18c;font-weight:700}.reward-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0005}.modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.mode-card{min-width:0;min-height:275px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;overflow:hidden;padding:23px 21px;border:1px solid #29333a;border-radius:18px;background:linear-gradient(145deg,#171e24,#0e1218 78%);box-shadow:0 14px 34px #0002}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 100% 0,#dfc1840d,transparent 45%);pointer-events:none}.mode-card:hover{transform:translateY(-4px);border-color:#88774f;box-shadow:0 20px 38px #0005}.mode-symbol{width:46px;height:46px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #514a38;border-radius:14px;background:linear-gradient(145deg,#29291f,#151a1c);color:var(--gold)}.mode-card>.eyebrow{font-size:9px;color:#8f9b9d;margin-bottom:10px}.mode-card strong{font:700 clamp(18px,1.6vw,22px)/1.2 Manrope,"DM Sans",sans-serif;letter-spacing:-.035em}.mode-card p{color:#9aa6a8;font-size:12px;line-height:1.75;margin:11px 0 20px}.card-cta{display:flex;align-items:center;gap:6px;margin-top:auto;color:#e4cb91;font-size:12px;font-weight:700}.card-cta svg{width:16px}.footer,.game-footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:34px;padding-top:17px;border-top:1px solid #1c242a;color:#738084;font-size:11px}.footer span:first-child,.game-footer span:first-child{letter-spacing:.17em;color:#bdc3bd}.simple-page{width:min(960px,100%);margin:0 auto;padding:28px 20px 60px}.back{display:inline-flex;align-items:center;gap:8px;border:1px solid #303942;border-radius:11px;background:#121820;padding:10px 13px;color:#c8cfcc}.back:hover{border-color:#8a7952;color:var(--gold)}.settings-card{width:min(760px,100%);margin:42px auto 0;padding:clamp(22px,4vw,38px);border:1px solid #2a343b;border-radius:22px;background:linear-gradient(145deg,#151c22,#0c1116);box-shadow:0 25px 70px #0004}.settings-card h1{font-size:clamp(32px,5vw,48px);letter-spacing:-.05em;margin:12px 0 26px}.setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid #273139}.setting strong{font-size:14px}.setting p,.settings-card>p{color:#9ba7aa;font-size:13px;line-height:1.7;margin:7px 0 0}.theme-options{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.theme-choice{display:grid;justify-items:center;gap:7px;min-width:74px;padding:10px;border:1px solid #303941;border-radius:12px;background:#11171d;color:#aeb7b6;font-size:11px}.theme-choice.selected{border-color:var(--gold);color:#f1d69a;box-shadow:0 0 0 1px #dfc18420}.swatches{width:34px;height:34px;border-radius:8px;border:1px solid #ffffff30;background:linear-gradient(90deg,#e8dfc5 50%,#75916d 50%);background-size:100% 100%}.classic-swatches{background:conic-gradient(#b5a27f 25%,#e9dfc8 0,#e9dfc8 50%,#b5a27f 0,#b5a27f 75%,#e9dfc8 0)}.pink-swatches{background:conic-gradient(#cf7f9e 25%,#fff0f5 0,#fff0f5 50%,#cf7f9e 0,#cf7f9e 75%,#fff0f5 0)}.green-swatches{background:conic-gradient(#578364 25%,#eef2dc 0,#eef2dc 50%,#578364 0,#578364 75%,#eef2dc 0)}.blue-swatches{background:conic-gradient(#477db3 25%,#edf4ff 0,#edf4ff 50%,#477db3 0,#477db3 75%,#edf4ff 0)}.switch,.primary,.secondary,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:11px 14px;font-size:12px;font-weight:750;white-space:nowrap}.switch,.secondary,.text-btn{border:1px solid #34404a;background:#151c22;color:#c6ceca}.switch.on,.primary{border:1px solid #b9a06a;background:linear-gradient(135deg,#e0c98e,#bda16a);color:#171711}.primary:hover{background:linear-gradient(135deg,#f3dda4,#d0b77c);transform:translateY(-1px)}.secondary:hover,.switch:hover{border-color:#8a7952;color:#f0d38f}.note{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid #2a343a;border-radius:12px;background:#11171c;color:#929fa2;font-size:11px;line-height:1.65;margin-top:18px}.note svg{flex:none;color:#c8ad73;width:16px;height:16px}.room-input{display:block;width:100%;margin:10px 0 15px;padding:14px 15px;border:1px solid #39444c;border-radius:12px;background:#090e13;color:#f5f3ec;letter-spacing:.16em;font-weight:700}.settings-card label{display:block;margin-top:24px;color:#bca675;font-size:10px;letter-spacing:.18em}.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.game-page{min-height:100vh;max-width:1540px;margin:auto;padding:16px clamp(12px,2vw,28px) 20px}.game-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;min-height:58px;padding-bottom:13px;border-bottom:1px solid #202a31}.game-brand{text-align:center;font:800 19px Manrope,DM Sans,sans-serif;letter-spacing:.1em}.game-brand small{font:700 9px DM Sans,sans-serif;letter-spacing:.2em}.game-controls{display:flex;justify-content:flex-end;gap:7px}.game-controls .active{border-color:var(--gold);color:var(--gold);background:#26251e}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(275px,330px);gap:clamp(18px,2.5vw,36px);align-items:start;padding-top:22px}.board-column{min-width:0;width:100%;max-width:960px;margin:0 auto}.board-player{width:100%;display:flex;align-items:center;gap:11px;padding:10px 2px 12px;color:#f0f0e8}.board-player>div{min-width:0;display:grid;gap:4px}.board-player strong{font-size:12px}.board-player small{font-size:10px;color:#96a2a5}.avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border:1px solid #3d4549;border-radius:11px;background:#20272b;color:#e3c987;font-size:23px}.light-avatar{background:#e8dfc9;color:#34342e;border-color:#c5bda8}.turn-chip{margin-left:auto;padding:6px 9px;border:1px solid #343c40;border-radius:8px;color:#b9c4c0;font-size:9px;font-weight:800;letter-spacing:.13em}.board-frame{width:min(100%,min(76vh,860px));aspect-ratio:1;margin:0 auto;perspective:1500px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .3s;position:relative;touch-action:pan-y}.board-grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));overflow:hidden;aspect-ratio:1;border:clamp(4px,.7vw,8px) solid #bda875;border-radius:7px;background:#1b211e;box-shadow:0 0 0 1px #f4dfad33,0 22px 60px #0009,inset 0 0 0 1px #fff2;transform-style:preserve-3d}.square{position:relative;display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:0;border-radius:0;aspect-ratio:1;overflow:hidden;isolation:isolate}.square.light.theme-classic{background:linear-gradient(135deg,#f0d9ad,#d9b77e)}.square.dark.theme-classic{background:linear-gradient(135deg,#794a2d,#4d2918)}.square.light.theme-pink{background:#fff0f5}.square.dark.theme-pink{background:#cf7f9e}.square.light.theme-green{background:#edf2dc}.square.dark.theme-green{background:#558264}.square.light.theme-blue{background:#edf4ff}.square.dark.theme-blue{background:#477db3}.square:hover{filter:brightness(1.07)}.square.chosen{box-shadow:inset 0 0 0 4px #e8c66c;z-index:2}.square:has(.piece):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#ffffff1a,transparent 70%);opacity:0;transition:opacity .2s;pointer-events:none}.square.chosen:has(.piece):after{opacity:1}.piece{position:relative;z-index:1;display:block;animation:pieceEnter .28s cubic-bezier(.2,.9,.2,1) both;font-family:DejaVu Sans,Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:clamp(25px,min(5.8vw,7.5vh),76px);line-height:1;transform:translateY(-2%);transition:transform .22s cubic-bezier(.2,.9,.2,1),filter .2s;-webkit-user-select:none;user-select:none;pointer-events:none}.square:hover .piece{transform:translateY(-5%) scale(1.07)}.white-piece{color:#fffaf0;-webkit-text-stroke:.6px #665c49;text-shadow:0 2px 0 #c6bca6,0 4px 0 #8c816a,0 7px 9px #0008,0 0 1px #4a4030}.black-piece{color:#252b2b;-webkit-text-stroke:.4px #e7dfc7;text-shadow:0 1px 0 #555d5a,0 4px 0 #0b0e0e,0 7px 8px #0009}.move-dot{position:absolute;width:22%;height:22%;border-radius:50%;background:#15281b6b;box-shadow:0 0 0 1px #ffffff30;animation:dotPulse 1.3s ease-in-out infinite}.capture-ring{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:4px solid #e7bd58d9;border-radius:50%;box-shadow:0 0 18px #e7bd5855;animation:captureRing 1.3s ease-in-out infinite}.rank-label,.file-label{position:absolute;z-index:3;font-size:clamp(7px,.85vw,11px);font-weight:800;opacity:.78;line-height:1}.rank-label{left:4px;top:3px}.file-label{right:4px;bottom:3px}.light .rank-label,.light .file-label{color:#455343}.dark .rank-label,.dark .file-label{color:#f6edda}.legal{cursor:pointer}.board-frame.inspect-3d{width:min(100%,min(72vh,800px));touch-action:none;cursor:grab}.board-frame.inspect-3d:active{cursor:grabbing}.board-frame.inspect-3d .board-grid{transform:rotateX(calc(12deg + var(--view-x))) rotateY(var(--view-y)) rotate(var(--angle));box-shadow:0 45px 70px #000b,0 12px #6e5b3b,0 0 0 1px #f5dda4;transition:transform .12s linear}.bottom-player{padding-top:12px}.text-btn{margin-left:auto;padding:8px 10px}.lesson-banner{margin-bottom:12px;padding:17px 19px;border:1px solid #37372e;border-radius:15px;background:linear-gradient(120deg,#20231e,#11171b)}.lesson-banner strong{display:block;margin-top:7px;font:700 20px Manrope,DM Sans,sans-serif}.lesson-banner p{margin:7px 0 0;color:#aab3af;font-size:12px;line-height:1.65}.game-side{min-width:0;padding:20px;border:1px solid #29333a;border-radius:19px;background:linear-gradient(145deg,#151c22,#0d1217);box-shadow:0 18px 45px #0003}.side-head h2{font:750 23px/1.15 Manrope,DM Sans,sans-serif;letter-spacing:-.04em;margin:9px 0}.side-head p{font-size:12px;line-height:1.7;color:#9ba7a9;margin:8px 0 18px}.piece-showcase{display:grid;justify-items:center;gap:6px;margin:17px 0;padding:18px 12px;border:1px solid #313b3d;border-radius:15px;background:radial-gradient(circle at 50% 40%,#d5bd7930,transparent 55%),#0c1216}.pedestal{width:118px;height:110px;display:grid;place-items:center;perspective:500px}.pedestal span{font-family:DejaVu Sans,Segoe UI Symbol,"Noto Sans Symbols 2",serif;font-size:88px;color:var(--piece-color);text-shadow:0 5px 0 #5c513c,0 13px 16px #000b;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--piece-color),transparent 65%));animation:pieceFloat 2.6s ease-in-out infinite;transform-origin:center bottom}.piece-showcase strong{font:700 18px Manrope,DM Sans,sans-serif}.piece-showcase small{color:#8f9c9f;font-size:10px}.info-block{margin-top:14px;padding:13px 14px;border:1px solid #2b353b;border-radius:12px;background:#11171c}.info-block strong{font-size:12px;color:#e4d3a8}.info-block p{font-size:11px;line-height:1.7;color:#a1abad;margin:7px 0 0}.info-block.compact{margin-bottom:14px}.lesson-progress{height:4px;overflow:hidden;border-radius:9px;background:#2a3236;margin:18px 0 14px}.lesson-progress span{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#9c8454,#f0d89a);transition:width .4s}.level-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;margin:16px 0}.level-grid button{position:relative;min-height:32px;padding:5px 0;border:1px solid #303a40;border-radius:8px;background:#11171c;color:#aab5b3;font-size:11px}.level-grid button.active{border-color:#e1c47d;background:#302b1e;color:#f5d994;box-shadow:0 0 0 1px #dfc18422}.level-grid button svg{position:absolute;right:2px;top:2px;color:#7dd4a5}.prize{display:flex;align-items:center;gap:12px;margin:14px 0;padding:14px;border:1px solid #544a31;border-radius:13px;background:linear-gradient(110deg,#29251a,#171a19)}.prize>svg:first-child{color:#e8cb83;flex:none}.prize>div{display:grid;gap:4px;min-width:0}.prize small{font-size:9px;letter-spacing:.13em;color:#c5b17c}.prize strong{font-size:18px;color:#f2d58f}.prize span{font-size:10px;color:#9ea5a0}.prize .prize-star{margin-left:auto;color:#b89c60;flex:none}.review-strip{margin-top:13px;padding:17px;border:1px solid #4b4534;border-radius:15px;background:linear-gradient(130deg,#28251d,#13191d);animation:reviewIn .28s ease-out}.review-strip strong{font-size:13px}.review-strip p{font-size:11px;line-height:1.6;color:#b1b7b2;margin:7px 0 13px}.reply-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.reply-list span{padding:7px 9px;border:1px solid #3e453e;border-radius:8px;background:#0d1316;color:#e7d4a0;font-size:11px}.inspect-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:10px;color:#bca675;font-size:10px;letter-spacing:.13em}.inspect-tools span{margin-right:auto}.toast{position:fixed;right:20px;bottom:20px;z-index:20;display:flex;align-items:center;gap:18px;max-width:min(420px,calc(100vw - 30px));padding:13px 16px;border:1px solid #756647;border-radius:12px;background:#171b19;color:#efdbac;box-shadow:0 15px 50px #0009;font-size:12px;animation:reviewIn .25s ease-out}.toast button{border:0;background:transparent;color:#fff;font-size:20px}@keyframes pieceEnter{0%{opacity:.25;transform:translateY(-12%) scale(.72)}to{opacity:1;transform:translateY(-2%) scale(1)}}@keyframes dotPulse{0%,to{transform:scale(.88);opacity:.6}50%{transform:scale(1.12);opacity:1}}@keyframes captureRing{0%,to{transform:scale(.96);opacity:.65}50%{transform:scale(1.04);opacity:1}}@keyframes pieceFloat{0%,to{transform:translateY(0) rotateY(-7deg)}50%{transform:translateY(-8px) rotateY(7deg)}}@keyframes reviewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.board-frame{width:min(100%,min(70vh,760px))}.game-side{padding:16px}.level-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:740px){.landing{padding:18px 14px}.hero{margin:48px auto 30px}.modes{grid-template-columns:1fr;gap:11px}.mode-card{min-height:205px;padding:19px}.mode-symbol{margin-bottom:15px}.footer{margin-top:25px}.game-page{padding:10px 10px 18px}.game-top{grid-template-columns:1fr auto;grid-template-areas:"back controls" "brand brand";padding-bottom:10px}.game-top>.back{grid-area:back}.game-brand{grid-area:brand;grid-row:2;text-align:left;margin-top:5px}.game-controls{grid-area:controls}.game-layout{grid-template-columns:minmax(0,1fr);gap:14px;padding-top:12px}.board-frame{width:min(100%,calc(100vw - 24px));max-height:none}.board-grid{border-width:4px}.piece{font-size:clamp(24px,10vw,52px)}.board-player{padding:7px 1px}.game-side{padding:17px}.level-grid{grid-template-columns:repeat(10,minmax(0,1fr))}.level-grid button{min-height:30px}.settings-card{margin-top:25px}.setting{align-items:flex-start;flex-direction:column}.theme-options{justify-content:flex-start}.game-footer{margin-top:24px}.inspect-tools{flex-wrap:wrap}.inspect-tools span{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.board-grid{position:relative}.white-piece{color:#fff!important;-webkit-text-stroke:1px #4b493f!important;text-shadow:0 1px 0 #fff,0 3px 0 #c9c9c2,0 5px 0 #77766f,0 7px 11px #000b,0 0 2px #25251f!important;filter:drop-shadow(0 0 1px #fff)}.black-piece{color:#161a1a!important;-webkit-text-stroke:1px #f5edda!important;text-shadow:0 1px 0 #5b615e,0 3px 0 #080a0a,0 6px 10px #000c,0 0 2px #fff!important}.reply-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.reply-line{stroke:#ffe27a;stroke-width:5;stroke-linecap:round;stroke-dasharray:10 12;fill:none;opacity:.9;filter:drop-shadow(0 0 5px #e9bd48);animation:replyDash 1.5s linear infinite,replyFade .4s ease-out both}.reply-origin{box-shadow:inset 0 0 0 3px #f5d77766!important}.reply-target{box-shadow:inset 0 0 0 3px #ffdf68aa!important}.reply-dot{position:absolute;z-index:5;right:8%;top:8%;width:18%;height:18%;border-radius:50%;background:#ffe27a;box-shadow:0 0 12px #ffdb55;animation:dotPulse 1s ease-in-out infinite;pointer-events:none}.game-action-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:13px auto 3px;max-width:960px}.game-action-bar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid #41494a;border-radius:10px;background:linear-gradient(180deg,#20272b,#141a1e);color:#e9e6dc;font-size:11px;font-weight:700;transition:transform .18s,border-color .18s,background .18s}.game-action-bar button:hover:not(:disabled){transform:translateY(-2px);border-color:#d8bd79;background:#2b2b24}.game-action-bar button span{font-size:17px;color:#f0d58c}.draw-offer{display:grid;gap:9px;margin:12px 0;padding:14px 16px;border:1px solid #8c7950;border-radius:13px;background:linear-gradient(120deg,#2a281e,#141a1c);animation:reviewIn .25s ease-out}.draw-offer>span{font-size:9px;letter-spacing:.18em;color:#e0c681;text-transform:uppercase;font-weight:800}.draw-offer>strong{font-size:13px}.draw-offer p{margin:0;color:#aab3af;font-size:11px}.draw-offer.agreed{border-color:#6d9b7b;background:linear-gradient(120deg,#1d3027,#141a1c)}.capture-focus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;pointer-events:none;perspective:900px;animation:captureBackdrop .82s ease-out both}.capture-focus:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#e5c36a40,transparent 60%);animation:captureFlash .82s ease-out both}.capture-focus .attacker{position:relative;font-size:clamp(90px,20vw,230px);color:#fffaf0;-webkit-text-stroke:2px #62563e;text-shadow:0 10px 0 #82775e,0 24px 35px #000e;animation:attackLunge .82s cubic-bezier(.2,.8,.2,1) both}.capture-focus .captured{position:absolute;font-size:clamp(42px,8vw,100px);color:#161a1a;-webkit-text-stroke:1px #f5edda;opacity:0;animation:capturedFall .82s ease-in both}.capture-focus .impact{position:absolute;color:#ffe18b;font-size:clamp(70px,14vw,150px);text-shadow:0 0 30px #ffce55;opacity:0;animation:impactFlash .82s ease-out both}@keyframes replyDash{to{stroke-dashoffset:-44}}@keyframes replyFade{0%{opacity:0}to{opacity:.9}}@keyframes captureBackdrop{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes captureFlash{0%,to{opacity:0}35%{opacity:1}}@keyframes attackLunge{0%{transform:translate3d(-32px,20px,0) scale(.45) rotateY(-20deg);opacity:.2}38%{transform:translateZ(100px) scale(1.35) rotateY(8deg);opacity:1}65%{transform:translate3d(15px,-10px,70px) scale(1.1);opacity:1}to{transform:translate3d(35px,-15px,0) scale(.72);opacity:0}}@keyframes capturedFall{0%,42%{opacity:1;transform:translate3d(30px,-20px,0) scale(1)}65%{opacity:.8;transform:translate3d(70px,20px,-40px) rotate(35deg) scale(.7)}to{opacity:0;transform:translate3d(100px,90px,-120px) rotate(80deg) scale(.2)}}@keyframes impactFlash{0%,40%{opacity:0;transform:scale(.3) rotate(-25deg)}53%{opacity:1;transform:scale(1.25) rotate(12deg)}80%,to{opacity:0;transform:scale(1.8) rotate(35deg)}}@media(max-width:740px){.game-action-bar{display:grid;grid-template-columns:1fr;gap:7px}.game-action-bar button{width:100%;min-height:42px}.reply-line{stroke-width:7;stroke-dasharray:12 15}}.white-piece{color:#fff!important;-webkit-text-stroke:1.5px #292b27!important;text-shadow:0 1px 0 #fff,0 2px 0 #c8c7bd,0 4px 0 #77786f,0 7px 10px #000c,0 0 3px #fff!important;filter:drop-shadow(0 2px 1px #0008) drop-shadow(0 0 1px #fff)!important;font-weight:900}.black-piece{color:#111615!important;-webkit-text-stroke:1.2px #fff5dc!important;text-shadow:0 1px 0 #77807b,0 3px 0 #080b0a,0 6px 10px #000d,0 0 3px #fff!important;filter:drop-shadow(0 2px 1px #0009)!important;font-weight:900}.square .piece{font-family:DejaVu Sans,Segoe UI Symbol,"Noto Sans Symbols 2",serif!important;paint-order:stroke fill}.online-feature-list{display:grid;gap:10px;margin-top:20px}.online-feature-list>div{padding:13px 14px;border:1px solid #2b353b;border-radius:12px;background:#11171c}.online-feature-list strong{font-size:12px;color:#e4d3a8}.online-feature-list p{font-size:11px;line-height:1.65;color:#a1abad;margin:6px 0 0}.rules-card{border-color:#4a4534;background:linear-gradient(135deg,#201f1a,#11171c)}.capture-focus{background:radial-gradient(ellipse at center,#090b0dbd 0%,#080b0d70 40%,transparent 76%);transform-style:preserve-3d}.capture-focus .attacker{transform-style:preserve-3d;filter:drop-shadow(0 0 12px #ffe2a5aa)}.capture-focus .captured{filter:drop-shadow(0 0 8px #fff5)}@media(prefers-reduced-motion:reduce){.capture-focus .attacker,.capture-focus .captured,.capture-focus .impact{animation:none!important}}.square.reply-origin{box-shadow:inset 0 0 0 4px #f3b63d,inset 0 0 22px #ffd24d8a!important;z-index:2}.square.reply-target{background-image:linear-gradient(135deg,#ffcf3f78,#ff6b3560)!important;box-shadow:inset 0 0 0 4px #ffbd36,inset 0 0 28px #ff9d3d9c!important;z-index:3;animation:replySquareGlow 1.25s ease-in-out infinite}.square.reply-target .piece{filter:drop-shadow(0 0 7px #ffce43) drop-shadow(0 2px 1px #000b)!important}.square.reply-origin .piece{filter:drop-shadow(0 0 7px #fff18a) drop-shadow(0 2px 1px #000b)!important}@keyframes replySquareGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}.review-strip.move-review{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:58px}.review-heading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.review-heading strong{font-size:12px}.review-heading span{font-size:10px;color:#c7b780}.review-quick-actions{display:flex;gap:8px;flex-shrink:0}.review-quick-actions button{width:44px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:26px;font-weight:900;line-height:1}.review-cross{border:1px solid #b75c5c;background:#422123;color:#ffd6d6}.review-tick{border:1px solid #6bb68a;background:#1c3b2b;color:#caffd8}.review-quick-actions button:hover{transform:translateY(-1px);filter:brightness(1.15)}.online-room-actions{display:flex;margin-top:14px}.online-room-actions .primary{width:100%}@media(max-width:740px){.review-strip.move-review{position:sticky;bottom:8px;z-index:7;box-shadow:0 8px 28px #0009}.review-quick-actions button{width:48px;height:46px}.square.reply-target{box-shadow:inset 0 0 0 3px #ffbd36,inset 0 0 18px #ff9d3d9c!important}}.room-expiry{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;margin-top:10px;padding:12px;border:1px dashed #8c7950;border-radius:10px;background:#171914}.room-expiry strong{font:800 20px Manrope,sans-serif;letter-spacing:.18em;color:#efd28c}.room-expiry span{grid-column:1/-1;font-size:11px;color:#aeb7b0}.room-expiry button{grid-column:2;grid-row:1;padding:7px 9px}.online-match-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;padding:10px 12px;border:1px solid #76613a;border-radius:12px;background:linear-gradient(110deg,#24231b,#11171a)}.online-match-banner>div{display:grid;gap:4px;flex:1;min-width:130px}.online-match-banner strong{font-size:12px;color:#f0d58f;letter-spacing:.08em}.online-match-banner span{font-size:11px;color:#aeb9b4}.online-match-banner button{padding:8px 10px;font-size:11px}.move-dot{width:24%;height:24%;background:#ffe48a;border:3px solid #18221c;box-shadow:0 0 0 3px #fff4c5,0 2px 10px #000b;opacity:1}.capture-ring{top:5%;right:5%;bottom:5%;left:5%;border:5px solid #fff1b4;border-radius:50%;box-shadow:inset 0 0 0 3px #17221b,0 0 0 3px #17221b,0 0 0 6px #ffdc69,0 0 20px #000c;opacity:1}.square.target{z-index:2}.game-page:fullscreen{width:100vw;max-width:none;min-height:100vh;box-sizing:border-box;overflow:auto;padding:10px 18px 18px;background:radial-gradient(ellipse at 50% 0%,#272116,#090c10 65%)}.game-page:fullscreen .game-layout{grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:18px;padding-top:8px}.game-page:fullscreen .board-frame{width:min(100%,min(64vh,calc(100vw - 370px)));max-width:720px}.game-page:fullscreen .game-action-bar{position:static;margin:10px auto 4px;display:flex;justify-content:center;flex-wrap:wrap;max-width:100%;background:transparent;padding:0}.game-page:fullscreen .game-action-bar button{min-height:38px}.game-page:fullscreen .review-strip.move-review{position:static;margin-top:8px}@media(max-width:850px){.game-page:fullscreen .game-layout{grid-template-columns:minmax(0,1fr)}.game-page:fullscreen .board-frame{width:min(100%,min(60vh,calc(100vw - 28px)))}.game-page:fullscreen .game-side{margin-top:12px}}.square.light.theme-classic{background:linear-gradient(135deg,#f1dbb1,#d9b77e)!important}.square.dark.theme-classic{background:linear-gradient(135deg,#7a492b,#4c2818)!important}.board-grid{border-color:#b9965a!important;background:#4c2818!important;box-shadow:0 0 0 1px #f4dfad55,0 22px 60px #0009,inset 0 0 0 1px #fff2!important}.game-page.online-mode .game-layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr);align-items:start;gap:clamp(14px,2vw,28px)}.game-page.online-mode .game-side{grid-column:1;grid-row:1;position:sticky;top:12px}.game-page.online-mode .board-column{grid-column:2;grid-row:1;max-width:none}.game-page.online-mode .board-frame{width:min(100%,min(72vh,820px))}.game-page.online-mode .game-action-bar{display:flex;justify-content:flex-end;max-width:100%;margin:12px 0 4px}.game-page.online-mode .game-action-bar button{min-width:118px}.game-page.online-mode .draw-offer{margin-top:10px}.game-page:fullscreen{height:100dvh;min-height:100dvh;overflow:auto;box-sizing:border-box}.game-page:fullscreen .game-layout{min-height:0}.game-page:fullscreen .board-frame{width:min(100%,calc(100dvh - 205px),calc(100vw - 390px));max-width:760px}.game-page.online-mode:fullscreen .game-layout{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.game-page.online-mode:fullscreen .board-frame{width:min(100%,calc(100dvh - 185px),calc(100vw - 320px));max-width:760px}@media(max-width:740px){.game-page.online-mode .game-layout,.game-page.online-mode:fullscreen .game-layout{display:flex;flex-direction:column;gap:12px;padding-top:10px}.game-page.online-mode .board-column{order:1;width:100%;max-width:none}.game-page.online-mode .game-side{order:2;position:static;width:100%;box-sizing:border-box;padding:12px}.game-page.online-mode .board-frame,.game-page:fullscreen .board-frame,.game-page.online-mode:fullscreen .board-frame{width:min(100%,calc(100vw - 24px),calc(100dvh - 190px));max-width:640px}.game-page.online-mode .game-action-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}.game-page.online-mode .game-action-bar button{min-width:0;width:100%;padding:9px 5px;font-size:10px;min-height:42px}.game-page.online-mode .game-action-bar button svg{width:14px;height:14px}.game-page.online-mode .draw-offer{position:static;width:auto;margin:8px 0;padding:12px}.game-page:fullscreen{padding:6px 8px 12px}.game-page:fullscreen .game-top{min-height:40px;padding-bottom:5px}.game-page:fullscreen .game-brand{font-size:13px}.game-page:fullscreen .board-grid{border-width:4px}}.game-page.full-view{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:9999!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-width:none!important;overflow:auto!important;box-sizing:border-box!important;margin:0!important;padding:8px 12px 14px!important;background:radial-gradient(ellipse at 50% 0%,#272116,#090c10 65%)!important}.game-page.full-view .game-layout{padding-top:8px}.game-page.full-view .board-frame{width:min(100%,calc(100dvh - 205px),calc(100vw - 390px));max-width:760px}@media(max-width:740px){.game-page.full-view .game-layout{display:flex;flex-direction:column;gap:10px}.game-page.full-view .board-column{order:1}.game-page.full-view .game-side{order:2;position:static;width:100%;box-sizing:border-box}.game-page.full-view .board-frame{width:min(calc(100vw - 24px),calc(100dvh - 185px));max-width:640px}.game-page.full-view .game-action-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.game-page.full-view .game-action-bar button{min-width:0;padding:8px 4px;font-size:10px}.game-page.full-view .game-top{min-height:38px;padding-bottom:4px}.game-page.full-view .game-brand{font-size:13px}}.board-grid .square .piece,.board-grid .square .white-piece,.board-grid .square .black-piece{background:transparent!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none;isolation:auto}.board-grid .square .white-piece{color:#f4e7c9!important;-webkit-text-fill-color:#f4e7c9!important;-webkit-text-stroke:1.15px #514533!important;text-shadow:0 1px 0 #fff5df,0 2px 0 #c9b995,0 4px 0 #81745c,0 6px 7px #000b!important;filter:drop-shadow(0 1px 1px #0009)!important;font-weight:500!important}.board-grid .square .black-piece{color:#202321!important;-webkit-text-fill-color:#202321!important;-webkit-text-stroke:.65px #a89a7b!important;text-shadow:0 1px 0 #756b54,0 3px 0 #090b0a,0 6px 7px #000b!important;filter:drop-shadow(0 1px 1px #0009)!important}.board-grid .square.light.theme-classic{background:#ead3a4!important}.board-grid .square.dark.theme-classic{background:#63391f!important}.board-grid .square .move-dot{width:23%!important;height:23%!important;background:#f6dc72!important;border:2px solid #142018!important;box-shadow:0 0 0 3px #fff5ce,0 2px 9px #000d!important;opacity:1!important;z-index:4!important}.board-grid .square .capture-ring{border:4px solid #ffe9a3!important;box-shadow:inset 0 0 0 3px #172018,0 0 0 3px #172018,0 0 0 6px #f4c34d,0 0 12px #000d!important;opacity:1!important;z-index:4!important}.board-grid .square.legal:after{background:transparent!important}.board-grid .square.chosen{box-shadow:inset 0 0 0 4px #ffdf72!important}.board-grid .square{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;padding:0!important;border:0!important;border-radius:0!important;background-image:none!important}.board-grid .square.light.theme-classic,.board-grid .square.light.theme-classic.target,.board-grid .square.light.theme-classic.reply-target{background-color:#ead3a4!important;background-image:none!important}.board-grid .square.dark.theme-classic,.board-grid .square.dark.theme-classic.target,.board-grid .square.dark.theme-classic.reply-target{background-color:#63391f!important;background-image:none!important}.board-grid .square.target:has(.piece){box-shadow:none!important}.board-grid .square.chosen:has(.piece){box-shadow:inset 0 0 0 4px #ffdf72!important}.board-grid .square .piece{display:block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important}.board-grid .square .white-piece{color:#f2e5c7!important;-webkit-text-fill-color:#f2e5c7!important;-webkit-text-stroke:1.1px #514533!important;text-shadow:0 1px 0 #fff8e7,0 2px 0 #c6b895,0 4px 0 #82745a,0 6px 8px #000c!important;filter:drop-shadow(0 1px 1px #000a)!important}.board-grid .square .move-dot{background:#f8df72!important;border:2px solid #172018!important;box-shadow:0 0 0 3px #fff5ce,0 2px 9px #000d!important}.board-grid .square.light.theme-classic,.game-page.online-mode .board-grid .square.light.theme-classic,.game-page.full-view .board-grid .square.light.theme-classic{background:#ead3a4!important;background-color:#ead3a4!important;background-image:none!important}.board-grid .square.dark.theme-classic,.game-page.online-mode .board-grid .square.dark.theme-classic,.game-page.full-view .board-grid .square.dark.theme-classic{background:#63391f!important;background-color:#63391f!important;background-image:none!important}.board-grid .square .piece,.board-grid .square .white-piece,.board-grid .square .black-piece{display:inline-block!important;position:relative;z-index:2;background:transparent!important;background-color:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important}.board-grid .square .white-piece{color:#f4e7c9!important;-webkit-text-fill-color:#f4e7c9!important;-webkit-text-stroke:1px #514533!important;text-shadow:0 1px 0 #fff8e7,0 2px 0 #c6b895,0 4px 0 #82745a,0 6px 8px #000b!important;filter:drop-shadow(0 1px 1px #0009)!important}.board-grid .square .move-dot{pointer-events:none}@media(max-width:740px){.game-page.online-mode{padding:8px 8px 18px!important;min-height:100dvh}.game-page.online-mode .game-top{padding-bottom:6px}.game-page.online-mode .game-layout,.game-page.online-mode:fullscreen .game-layout,.game-page.online-mode.full-view .game-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding-top:8px!important;overflow:visible!important}.game-page.online-mode .board-column{order:1;width:100%;min-width:0}.game-page.online-mode .game-side{order:2;width:100%;max-height:24dvh;overflow:auto;padding:10px 12px!important;margin:0!important}.game-page.online-mode .online-match-banner{padding:8px;margin-bottom:8px;gap:6px}.game-page.online-mode .online-match-banner strong{font-size:11px}.game-page.online-mode .online-match-banner span{font-size:10px}.game-page.online-mode .board-player{min-height:30px;gap:7px}.game-page.online-mode .board-frame,.game-page.online-mode:fullscreen .board-frame,.game-page.online-mode.full-view .board-frame{width:min(calc(100vw - 24px),calc(100dvh - 265px))!important;max-width:640px!important;max-height:none!important;margin-inline:auto}.game-page.online-mode .board-grid{width:100%;height:100%;border-width:4px!important}.game-page.online-mode .game-action-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:8px 0!important}.game-page.online-mode .game-action-bar button{min-width:0!important;width:100%;min-height:40px;padding:7px 3px!important;font-size:10px!important}.game-page.online-mode .game-action-bar button svg{width:14px;height:14px}.game-page.online-mode .toast{bottom:8px;max-width:calc(100vw - 20px);font-size:11px}.game-page.online-mode:fullscreen,.game-page.online-mode.full-view{height:100dvh!important;min-height:100dvh!important;overflow-y:auto!important;padding:5px 7px 8px!important}.game-page.online-mode:fullscreen .board-frame,.game-page.online-mode.full-view .board-frame{width:min(calc(100vw - 20px),calc(100dvh - 235px))!important}}.game-page:not(.online-mode) .game-layout:has(.learn-confirm-panel){grid-template-columns:minmax(150px,205px) minmax(0,1fr) minmax(250px,310px);gap:clamp(12px,1.6vw,24px);align-items:start}.learn-confirm-panel{grid-column:1;grid-row:1;position:sticky;top:12px;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid #51482f;border-radius:15px;background:linear-gradient(145deg,#1b211e,#101519);color:#eee5cf}.learn-confirm-panel>strong{font-size:19px;color:#f0d69a}.learn-confirm-panel p{font-size:12px;line-height:1.55;color:#b7c0ba;margin:0}.learn-confirm-panel small{font-size:10px;color:#9ba6a1}.learn-confirm-panel .review-quick-actions{display:flex;gap:10px}.learn-confirm-panel .review-quick-actions button{width:54px;height:50px;display:grid;place-items:center;border-radius:12px;font-size:28px;font-weight:800}.review-cross{background:#321c1b!important;border:1px solid #b65b50!important;color:#ffe2dc!important}.review-tick{background:#1b3325!important;border:1px solid #5ca875!important;color:#d9ffe3!important}.game-page:has(.learn-confirm-panel) .board-column{grid-column:2;grid-row:1;max-width:860px}.game-page:has(.learn-confirm-panel) .game-side{grid-column:3;grid-row:1}.ai-preview-origin{box-shadow:inset 0 0 0 4px #ffe07b,inset 0 0 18px #ffcf4c55!important;z-index:2}.ai-preview-origin .piece{filter:drop-shadow(0 0 7px #ffe17c)!important}.ai-preview-target{box-shadow:none!important}.ai-preview-dot{width:18%!important;height:18%!important;background:#ffdf72!important;border:2px solid #172018!important;box-shadow:0 0 0 2px #fff2bf,0 2px 8px #000b!important}.lesson-intro-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#2b261b,#090c10 68%);box-sizing:border-box;color:#f4f0e4}.lesson-intro-card{width:min(100%,720px);padding:clamp(22px,4vw,42px);border:1px solid #665735;border-radius:22px;background:linear-gradient(145deg,#171e21,#0e1316);box-shadow:0 24px 80px #0008}.lesson-intro-count{margin-top:22px;color:#d6bd7b;font-size:11px;font-weight:800;letter-spacing:.15em}.lesson-intro-card h1{margin:12px 0;font-size:clamp(28px,5vw,44px);letter-spacing:-.04em}.lesson-intro-card>p{max-width:60ch;color:#b9c2bc;font-size:15px;line-height:1.8}.lesson-intro-piece{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;margin:22px 0;padding:16px;border:1px solid #303a3d;border-radius:14px;background:#101619}.lesson-intro-piece>:first-child{grid-row:span 2;font-size:48px;color:#f4e7c9;text-shadow:0 3px 0 #655a44,0 6px 9px #000}.lesson-intro-piece span{color:#aab5af;font-size:12px;line-height:1.6}.lesson-intro-actions{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;margin-top:28px}.lesson-intro-actions button{min-height:48px}.lesson-intro-actions .lesson-skip{justify-self:end}.possible-moves-toggle{margin-top:12px}.reply-origin{box-shadow:inset 0 0 0 3px #e8c66c!important}.reply-origin .piece{filter:drop-shadow(0 0 7px #ffe17c)!important}.reply-target{box-shadow:none!important}.reply-dot{position:absolute;left:50%;top:50%;width:18%;height:18%;transform:translate(-50%,-50%);border-radius:50%;background:#ffdf72;border:2px solid #172018;box-shadow:0 0 0 2px #fff2bf,0 2px 8px #000b;z-index:4}@media(max-width:900px){.game-page:not(.online-mode) .game-layout:has(.learn-confirm-panel){grid-template-columns:minmax(100px,135px) minmax(0,1fr);gap:10px}.game-page:has(.learn-confirm-panel) .board-column{grid-column:2;grid-row:1}.game-page:has(.learn-confirm-panel) .game-side{grid-column:1 / -1;grid-row:2}.learn-confirm-panel{padding:10px}.learn-confirm-panel .review-quick-actions button{width:44px;height:42px}.lesson-intro-card{padding:22px}}@media(max-width:600px){.game-page:not(.online-mode) .game-layout:has(.learn-confirm-panel){display:grid;grid-template-columns:1fr 74px;gap:8px}.game-page:has(.learn-confirm-panel) .board-column{grid-column:1 / -1;grid-row:1}.game-page:has(.learn-confirm-panel) .learn-confirm-panel{grid-column:2;grid-row:2;position:static;padding:8px;gap:7px}.game-page:has(.learn-confirm-panel) .game-side{grid-column:1;grid-row:2;padding:10px}.learn-confirm-panel .eyebrow,.learn-confirm-panel>strong,.learn-confirm-panel p,.learn-confirm-panel small{font-size:9px}.learn-confirm-panel .review-quick-actions{flex-direction:column}.learn-confirm-panel .review-quick-actions button{width:100%;height:38px}.lesson-intro-actions{grid-template-columns:1fr 1fr}.lesson-intro-actions .lesson-skip{grid-column:1 / -1;justify-self:stretch}.lesson-intro-card>p{font-size:13px}}.game-page:not(.online-mode) .game-layout:has(.game-side .learn-side-actions){grid-template-columns:minmax(0,1fr) minmax(245px,300px)!important;align-items:start!important;gap:clamp(14px,2vw,28px)!important}.game-page:has(.learn-side-actions) .board-column{grid-column:1!important;grid-row:1!important;min-width:0}.game-page:has(.learn-side-actions) .game-side{grid-column:2!important;grid-row:1!important;position:sticky;top:12px;min-width:0}.learn-side-actions{display:grid;grid-template-columns:1fr;gap:9px;margin:16px 0}.learn-side-actions button{min-height:44px;justify-content:space-between}.lesson-intro-piece .lesson-big-piece{grid-row:span 2;font-size:clamp(72px,11vw,112px);line-height:1;color:#f4e7c9;text-shadow:0 2px 0 #fff8e7,0 4px 0 #c6b895,0 7px 0 #82745a,0 10px 16px #000c;filter:drop-shadow(0 2px 3px #0009)}.lesson-intro-board-icon{display:flex;align-items:center;gap:22px;margin:24px 0;padding:18px;border:1px solid #303a3d;border-radius:16px;background:#101619}.lesson-mini-board{display:grid;grid-template-columns:repeat(4,18px);grid-template-rows:repeat(4,18px);border:3px solid #b9965a;box-shadow:0 5px 16px #0008;flex:none}.lesson-mini-board i:nth-child(8n+1),.lesson-mini-board i:nth-child(8n+3),.lesson-mini-board i:nth-child(8n+6),.lesson-mini-board i:nth-child(8n+8){background:#ead3a4}.lesson-mini-board i{background:#63391f}.lesson-mini-board i:nth-child(2),.lesson-mini-board i:nth-child(4),.lesson-mini-board i:nth-child(5),.lesson-mini-board i:nth-child(7),.lesson-mini-board i:nth-child(10),.lesson-mini-board i:nth-child(12),.lesson-mini-board i:nth-child(13),.lesson-mini-board i:nth-child(15){background:#ead3a4}.lesson-intro-board-icon strong{color:#f0d69a;font-size:16px;line-height:1.5}.learning-complete{margin-top:18px;padding:18px;border:1px solid #d8bb69;border-radius:16px;background:linear-gradient(145deg,#27251b,#121817);box-shadow:0 12px 30px #0005}.learning-complete h2{margin:7px 0;color:#f0d69a}.learning-complete p{font-size:13px;line-height:1.6;color:#c5c9c0}@media(max-width:740px){.game-page:not(.online-mode) .game-layout:has(.game-side .learn-side-actions){display:flex!important;flex-direction:column!important;gap:10px!important}.game-page:has(.learn-side-actions) .board-column{order:1;width:100%}.game-page:has(.learn-side-actions) .game-side{order:2;position:static;width:100%;box-sizing:border-box}.learn-side-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.learn-side-actions button{min-height:40px;font-size:12px}.lesson-intro-piece .lesson-big-piece{font-size:76px}.lesson-intro-board-icon{gap:14px;padding:13px}.lesson-mini-board{grid-template-columns:repeat(4,15px);grid-template-rows:repeat(4,15px)}}.device-choice-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:20px;background:#05080be8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.device-choice-card{width:min(100%,680px);padding:clamp(24px,4vw,42px);border:1px solid #78633b;border-radius:24px;background:radial-gradient(ellipse at top,#29251b,#101619 70%);box-shadow:0 28px 100px #000c;color:#f4f0e4}.device-choice-card h1{margin:12px 0;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em}.device-choice-card p{color:#b9c2bc;line-height:1.7}.device-choice-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.device-choice-options button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;border:1px solid #3a4445;border-radius:16px;background:#151c1f;color:#f4f0e4;text-align:left;cursor:pointer}.device-choice-options button:hover{border-color:#d8bb69;background:#20251f}.device-choice-options button>span{font-size:40px;color:#e4c779}.device-choice-options button strong{font-size:18px}.device-choice-options button small{color:#aab5af;line-height:1.5}@media(max-width:520px){.device-choice-options{grid-template-columns:1fr}.device-choice-options button{padding:15px;display:grid;grid-template-columns:44px 1fr;gap:4px 12px}.device-choice-options button>span{grid-row:span 2;font-size:32px}.device-choice-options button strong{align-self:end}}.square.light.theme-red{background:linear-gradient(135deg,#fff0e9,#f0c2b5)!important}.square.dark.theme-red{background:linear-gradient(135deg,#9b302c,#68201f)!important}.square.light.theme-orange{background:linear-gradient(135deg,#fff2df,#f4d0a1)!important}.square.dark.theme-orange{background:linear-gradient(135deg,#b85b28,#713719)!important}.square.light.theme-yellow{background:linear-gradient(135deg,#fff9d9,#eddfa0)!important}.square.dark.theme-yellow{background:linear-gradient(135deg,#a98a27,#71601a)!important}.square.light.theme-mono{background:#f1f1ed!important}.square.dark.theme-mono{background:#34383b!important}.red-swatches{--a:#fff0e9;--b:#8e2c29}.orange-swatches{--a:#fff2df;--b:#a64c20}.yellow-swatches{--a:#fff9d9;--b:#8b751c}.mono-swatches{--a:#f1f1ed;--b:#34383b}.board-grid .square .move-dot,.board-grid .square .ai-preview-dot,.board-grid .square .reply-dot{width:22%!important;height:22%!important;background:#27e5d0!important;border:2px solid #071b20!important;box-shadow:0 0 0 2px #f8fffd,0 0 12px #27e5d0!important;opacity:1!important;z-index:5!important;pointer-events:none!important}.board-grid .square.chosen{box-shadow:inset 0 0 0 4px #ff3bd4,inset 0 0 18px #ff3bd466!important}.board-grid .square.ai-preview-origin{box-shadow:inset 0 0 0 4px #ff3bd4,inset 0 0 20px #ff3bd477!important}.board-grid .square.ai-preview-origin .piece{filter:drop-shadow(0 0 7px #ff3bd4) drop-shadow(0 3px 4px #000b)!important}.board-grid .square.ai-preview-target{background-image:none!important}.save-settings{margin-top:18px}.inspect-tools,.inspect-3d{display:none!important}@media(max-width:740px){.theme-options{gap:6px}.theme-choice{padding:7px 8px}.save-settings{width:100%}}.board-grid{transform:rotate(var(--angle, 0deg));transition:transform .25s ease}.board-frame{--angle: 0deg}.swatches.almond-swatches{background:linear-gradient(90deg,#f2e6d0 50%,#6f5744 50%);border:1px solid #c7b69a}.account-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.account-email{font-size:12px;color:#e9dfc9;overflow-wrap:anywhere}.board-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:repeat(8,minmax(0,1fr))!important;aspect-ratio:1/1!important;background:#5b3e2c!important}.board-grid .square{display:grid!important;position:relative!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;aspect-ratio:1/1!important;border:0!important;border-radius:0!important}.board-grid .square.light.theme-almond{background:linear-gradient(135deg,#f5ead6,#e8d8bb)!important}.board-grid .square.dark.theme-almond{background:linear-gradient(135deg,#84654d,#604632)!important}.board-grid .square.light.theme-mono{background:#f3f0e8!important}.board-grid .square.dark.theme-mono{background:#555!important}.reward-btn:disabled,.reward-btn.reward-collected{background:#454a4b!important;border-color:#656b6d!important;color:#c0c5c5!important;cursor:default;filter:grayscale(1)}.level-grid button.locked-level{opacity:.35;filter:grayscale(1);cursor:not-allowed;background:#0d1114!important;border-color:#252a2c!important}.check-alert{position:fixed;left:50%;top:48%;transform:translate(-50%,-50%);z-index:30;pointer-events:none;padding:13px 30px;border:2px solid #ff6666;border-radius:12px;background:#9d1010ef;color:#fff;font:900 clamp(22px,5vw,38px)/1 Manrope,sans-serif;letter-spacing:.18em;box-shadow:0 0 0 100vmax #0002,0 0 35px #f228;animation:checkAlertLife 2s ease-out forwards}@keyframes checkAlertLife{0%{opacity:0;transform:translate(-50%,-45%) scale(.88)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-53%) scale(1.04)}}.home-signin{padding:8px 11px!important;border-radius:10px!important;font-size:12px!important;border:1px solid #746648!important;background:#1b211f!important;color:#e9d7a7!important;white-space:nowrap}@media(max-width:740px){.top-actions{gap:5px}.home-signin{padding:7px 8px!important;font-size:11px!important}.board-frame{width:min(100%,calc(100vw - 20px))!important}.board-grid{width:100%!important;height:auto!important;aspect-ratio:1/1!important}.board-grid .square{aspect-ratio:1/1!important}.rank-label,.file-label{font-size:clamp(7px,2vw,10px)!important}.piece{font-size:clamp(22px,9vw,48px)!important}.check-alert{top:43%}}html,body,#root{min-height:100%;max-width:100%;overflow-x:hidden}.landing,.simple-page,.game-page,.lesson-intro-screen{width:100%;max-width:100vw;box-sizing:border-box}.topbar,.top-actions,.game-top,.game-controls{min-width:0;flex-wrap:wrap}@media(max-width:740px){.landing{padding-left:12px;padding-right:12px}.topbar{gap:10px;align-items:center}.top-actions{margin-left:auto;max-width:100%;justify-content:flex-end}.coins{font-size:12px;white-space:nowrap}.home-signin{min-height:40px}.modes{grid-template-columns:minmax(0,1fr)!important}.mode-card{min-width:0}.settings-card{width:100%;max-width:100%;box-sizing:border-box;padding:16px}.setting{gap:12px;flex-wrap:wrap}.account-actions{width:100%;min-width:0}.account-actions input{width:100%;box-sizing:border-box}.board-frame{max-width:calc(100vw - 24px)!important;margin-inline:auto}.board-grid{max-width:100%;touch-action:manipulation}.game-layout{min-width:0}.board-column,.game-side{min-width:0;max-width:100%}.game-action-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-action-bar button{min-width:0;white-space:normal}.game-top .game-brand{font-size:14px}.game-controls{gap:5px}}.mode-quick-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;position:sticky;top:0;z-index:30;margin:10px 0 0;padding:9px;border:1px solid #30383b;border-radius:14px;background:#0c1115f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px #0003}.mode-quick-nav button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 13px;border:1px solid #343d40;border-radius:10px;background:#171e22;color:#d8ded8;font-size:12px;font-weight:750}.mode-quick-nav button.active{border-color:#dfc184;background:linear-gradient(135deg,#393222,#24251f);color:#f5d997;box-shadow:inset 0 0 0 1px #dfc18422}.mode-quick-nav button:hover{border-color:#dfc184}.game-page,.game-layout,.board-column{min-width:0}@media(max-width:740px){.mode-quick-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:7px 0 0;padding:7px;border-radius:12px}.mode-quick-nav button{min-width:0;min-height:40px;padding:7px 4px;font-size:11px;white-space:normal;line-height:1.15}.mode-quick-nav .nav-fullscreen{grid-column:span 3}.game-layout{padding-top:8px!important;gap:10px!important}.lesson-banner{padding:10px 12px!important;margin-bottom:8px!important}.lesson-banner p{margin:4px 0!important;font-size:11px!important;line-height:1.35!important}.board-player{padding:5px 2px 7px!important;gap:8px!important}.board-player .avatar{width:29px;height:29px;font-size:19px;border-radius:8px}.board-player strong{font-size:11px}.board-player small{font-size:9px}.board-frame{width:min(100%,calc(100vw - 22px))!important;max-width:640px!important}.board-grid{width:100%!important;aspect-ratio:1!important}.board-grid .square{min-width:0;min-height:0;aspect-ratio:1!important}.game-side{margin-top:8px}}@media(min-width:741px){.mode-quick-nav{justify-content:center}}.home-quick-nav{display:none}.lesson-banner{display:flex;align-items:center;justify-content:space-between;gap:12px}.lesson-banner-copy{min-width:0;flex:1}.lesson-banner-actions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.lesson-banner-actions button{min-height:36px;padding:7px 10px;font-size:11px}@media(max-width:740px){.home-quick-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:2px 0 12px;padding:6px;border:1px solid #30383b;border-radius:12px;background:#0d1318}.home-quick-nav button{min-width:0;min-height:42px;padding:5px 3px;border:1px solid #343d40;border-radius:9px;background:#171e22;color:#f0e6cf;font-size:10px;font-weight:800;line-height:1.15}.landing{padding-top:8px!important}.topbar{padding-top:4px!important}.hero{margin:14px auto 16px!important}.hero h1{font-size:clamp(28px,8vw,42px)!important;line-height:1.02!important;margin:8px 0!important}.hero p{font-size:12px!important;line-height:1.45!important;margin:8px 0 12px!important}.modes{margin-top:8px!important}.mode-card{min-height:0!important;padding:15px!important}.mode-card p{margin:6px 0!important;font-size:11px!important;line-height:1.4!important}.mode-symbol{margin-bottom:8px!important}.game-page{padding:7px 8px 16px!important}.game-top{padding-bottom:6px!important}.mode-quick-nav{position:sticky;top:0;margin-top:5px!important}.game-layout{padding-top:7px!important}.lesson-banner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:9px 10px!important;margin:0 0 6px!important}.lesson-banner-copy .eyebrow{font-size:9px!important}.lesson-banner-copy strong{display:block;font-size:14px!important;line-height:1.2!important;margin-top:3px}.lesson-banner-copy p{font-size:11px!important;line-height:1.35!important;margin:4px 0 0!important}.lesson-banner-actions{display:grid!important;grid-template-columns:1fr 1.5fr!important}.lesson-banner-actions button{min-height:34px!important;padding:6px!important}.board-column{display:flex!important;flex-direction:column!important}.board-column .lesson-banner{order:0}.board-column .board-player:first-of-type{order:1}.board-column .board-frame{order:2}.board-column .bottom-player{order:3}.board-column .game-action-bar{order:4}.board-frame{width:min(100%,calc(100vw - 18px))!important;margin-bottom:0!important}.board-grid,.board-grid .square{aspect-ratio:1/1!important}.game-side{margin-top:6px!important}}.device-dashboard{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px auto 10px;padding:8px 10px;max-width:max-content;border:1px solid #303a3e;border-radius:14px;background:#0e1418}.device-dashboard>span{font-size:9px;font-weight:800;letter-spacing:.16em;color:#aeb7b4;margin:0 5px}.device-dashboard button{min-height:38px;padding:8px 14px;border:1px solid #374247;border-radius:10px;background:#171f23;color:#e9e4d7;font-size:12px;font-weight:800}.device-dashboard button.selected{border-color:#d7bb78;background:#2a281f;color:#f4d995;box-shadow:inset 0 0 0 1px #d7bb7844}@media(max-width:740px){.device-dashboard{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:none;margin:8px 0 10px;padding:6px;gap:6px}.device-dashboard>span{grid-column:1/-1;padding:2px 4px}.device-dashboard button{min-height:40px;padding:8px 5px;font-size:12px}.game-page{padding:5px 8px 12px!important}.game-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;flex-wrap:nowrap!important;padding:2px 0 5px!important}.game-top>.back{flex:0 0 auto!important;min-height:36px!important;padding:6px 8px!important;font-size:11px!important}.game-brand{display:none!important}.game-controls{display:flex!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important}.game-controls .icon-btn{width:36px!important;height:36px!important;padding:5px!important}.mode-quick-nav{display:flex!important;position:relative!important;top:auto!important;gap:5px!important;margin:3px 0 7px!important;padding:5px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;flex-wrap:nowrap!important}.mode-quick-nav::-webkit-scrollbar{display:none}.mode-quick-nav button{flex:0 0 auto!important;min-width:max-content!important;min-height:36px!important;padding:7px 10px!important;font-size:11px!important}.game-layout{display:flex!important;flex-direction:column!important;gap:7px!important;padding-top:0!important}.board-column{order:0!important;display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important}.board-column .lesson-banner,.board-column .online-match-banner{order:5!important}.board-column .board-player:first-of-type{order:0!important}.board-column .board-frame{order:1!important}.board-column .bottom-player{order:2!important}.board-column .game-action-bar{order:3!important}.board-frame{width:min(calc(100vw - 24px),calc(100dvh - 205px))!important;max-width:100%!important;aspect-ratio:1/1!important;align-self:center!important;margin:0 auto!important}.board-grid{width:100%!important;height:100%!important;aspect-ratio:1/1!important}.board-player{min-height:35px!important;padding:3px 2px!important}.board-player strong{font-size:11px!important}.board-player small{font-size:9px!important}.game-action-bar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:5px 0 0!important}.game-action-bar button{width:100%!important;min-height:38px!important;padding:6px 3px!important;font-size:10px!important;gap:4px!important}.game-side{order:1!important;margin:4px 0 0!important;padding:12px!important}.level-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}.level-grid button{min-height:34px!important}.lesson-banner{padding:8px!important;margin:0 0 3px!important}.lesson-banner-copy p{max-height:2.8em;overflow:hidden}.game-footer{margin-top:8px!important;padding-top:7px!important}}@media(max-width:380px){.game-controls .icon-btn{width:32px!important;height:32px!important}.mode-quick-nav button{padding:7px 8px!important}.board-frame{width:min(calc(100vw - 18px),calc(100dvh - 190px))!important}.game-action-bar button{font-size:9px!important}}@media(min-width:741px){.device-dashboard{margin-top:14px}.layout-mobile .landing{max-width:980px}.layout-mobile .modes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:740px){.home-quick-nav{display:none!important}.mode-quick-nav{position:sticky!important;top:0!important;z-index:30!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;white-space:normal!important;flex-wrap:nowrap!important;margin:2px 0 7px!important;padding:4px!important;border-radius:11px!important;background:#0d1318f5!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.mode-quick-nav button{min-width:0!important;width:100%!important;min-height:36px!important;padding:6px 2px!important;white-space:normal!important;font-size:10px!important;line-height:1.1!important}.mode-quick-nav button svg{display:none!important}.game-top{position:relative!important;z-index:31!important}.game-layout{padding-top:0!important}}@media(max-width:380px){.mode-quick-nav{gap:3px!important;padding:3px!important}.mode-quick-nav button{font-size:9px!important;min-height:34px!important}}@media(max-width:740px){html,body,#root{scroll-padding-top:0!important}.game-page{padding-top:4px!important}.game-top{position:relative!important;top:auto!important}.mode-quick-nav{position:sticky!important;top:0!important;z-index:50!important;isolation:isolate!important}.board-column{display:flex!important;flex-direction:column!important}.board-column>.check-alert{order:0!important}.board-column>.board-player:first-of-type{order:1!important}.board-column>.board-frame{order:2!important}.board-column>.bottom-player{order:3!important}.board-column>.game-action-bar{order:4!important}.board-column>.lesson-banner{order:5!important}.board-column>.online-match-banner{order:5!important}.board-column>.inspect-tools{order:6!important}.board-column>.draw-offer{order:7!important}.game-side{margin-top:8px!important}}@media(max-width:740px){.game-layout:has(.learn-confirm-panel){display:flex!important;flex-direction:column!important;gap:6px!important}.learn-confirm-panel{order:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title actions" "message actions"!important;align-items:center!important;gap:2px 8px!important;width:100%!important;box-sizing:border-box!important;margin:0 0 4px!important;padding:6px 8px!important;border-radius:9px!important;position:relative!important;top:auto!important}.learn-confirm-panel .eyebrow{grid-area:title!important;font-size:8px!important;line-height:1.1!important;letter-spacing:.1em!important}.learn-confirm-panel>strong{display:none!important}.learn-confirm-panel p{grid-area:message!important;font-size:9px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.learn-confirm-panel small{display:none!important}.learn-confirm-panel .review-quick-actions{grid-area:actions!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;margin:0!important}.learn-confirm-panel .review-quick-actions button{width:34px!important;height:32px!important;min-width:34px!important;min-height:32px!important;border-radius:8px!important;font-size:20px!important;line-height:1!important;padding:0!important}.board-column>.lesson-banner{order:5!important}.board-column>.online-match-banner{order:5!important}.board-column>.board-frame{touch-action:manipulation!important;transform-origin:center center!important}}@media(max-width:380px){.learn-confirm-panel{padding:5px 6px!important;gap:2px 5px!important}.learn-confirm-panel .review-quick-actions{gap:4px!important}.learn-confirm-panel .review-quick-actions button{width:31px!important;height:30px!important;min-width:31px!important;min-height:30px!important}}.ai-level-screen{min-height:100dvh;width:100%;max-width:1100px;margin:0 auto;padding:clamp(12px,3vw,28px);box-sizing:border-box;color:var(--text,#f0e8d5)}.ai-level-header{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}.ai-level-header>div{min-width:0}.ai-level-header h1{font-size:clamp(25px,4vw,40px);margin:5px 0}.ai-level-header p{color:var(--muted,#9ba6a1);font-size:13px;line-height:1.5;margin:0}.ai-level-card{border:1px solid var(--line,#303a3e);border-radius:18px;background:linear-gradient(145deg,#151d21,#0d1216);padding:clamp(12px,2.5vw,22px)}.ai-level-selected{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-radius:13px;background:#202821;border:1px solid #51482f}.ai-level-selected h2{margin:4px 0;font-size:clamp(24px,4vw,36px)}.ai-level-selected p{margin:0;color:#b9c1ba;font-size:12px}.ai-level-number{width:62px;height:62px;flex:none;display:grid;place-items:center;border-radius:15px;background:#d8c38b;color:#17201d;font-size:28px;font-weight:900}.ai-level-ranges{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.ai-level-ranges span{font-size:10px;color:#d4d8d0;border:1px solid #343e40;background:#171e21;border-radius:999px;padding:5px 8px}.ai-level-picker{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.ai-level-picker button{min-width:0;min-height:40px;position:relative}.ai-level-picker button:disabled{opacity:.3;cursor:not-allowed}.ai-level-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #303a3e}.ai-level-footer>div{display:grid;gap:3px}.ai-level-footer small{font-size:9px;letter-spacing:.14em;color:#b9c1ba}.ai-level-footer strong{font-size:18px;color:#e6cf91}.ai-level-footer span{font-size:10px;color:#9ba6a1}.ai-start-game{min-height:48px;padding:12px 18px;white-space:nowrap}@media(max-width:740px){.ai-level-screen{padding:10px}.ai-level-header{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-bottom:10px}.ai-level-header>.secondary{font-size:11px;padding:8px}.ai-level-header h1{font-size:24px;line-height:1.1}.ai-level-header p{font-size:11px}.ai-level-card{padding:10px;border-radius:13px}.ai-level-selected{padding:10px}.ai-level-number{width:48px;height:48px;font-size:23px}.ai-level-ranges{gap:4px;margin:8px 0}.ai-level-ranges span{font-size:9px;padding:4px 6px}.ai-level-picker{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:4px!important}.ai-level-picker button{min-height:34px!important;padding:3px 0!important;font-size:10px!important}.ai-level-footer{align-items:stretch;flex-direction:column;gap:10px;margin-top:10px;padding-top:10px}.ai-start-game{width:100%;justify-content:center}}@media(max-width:360px){.ai-level-picker{gap:3px!important}.ai-level-picker button{min-height:31px!important;font-size:9px!important}}.mobile-mode-intro{display:none}@media(max-width:740px){.mobile-mode-intro{display:block;order:0;margin:2px 0 7px;padding:8px 10px;border:1px solid #3b4240;border-radius:10px;background:linear-gradient(120deg,#1b2422,#12191d);color:#e8e4d8}.mobile-mode-intro .eyebrow{display:block;font-size:9px;letter-spacing:.13em;color:#d7c38c;font-weight:800;margin-bottom:3px}.mobile-mode-intro p{font-size:11px;line-height:1.35;margin:0;color:#c1c8c2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.game-layout{display:flex!important;flex-direction:column!important;gap:6px!important}.game-layout:has(.learn-confirm-panel){gap:5px!important}.learn-confirm-panel{order:1!important}.board-column{order:2!important}.game-side{order:3!important}.board-column>.lesson-banner{display:none!important}.game-side .side-head,.game-side .lesson-progress{display:none!important}.game-side .learn-side-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;margin:6px 0!important}.game-side .learn-side-actions button[title="Full screen"],.game-side .learn-side-actions button:has(svg.lucide-maximize),.game-side .learn-side-actions button:has(svg.lucide-undo-2){display:none!important}.game-side .learn-side-actions button{min-height:36px!important;padding:6px 8px!important;font-size:10px!important}.game-side .info-block,.game-side .prize,.game-side .level-grid{margin-top:7px!important}.game-controls .icon-btn{min-width:32px!important;width:32px!important;height:34px!important;padding:3px!important;box-sizing:border-box!important;overflow:hidden!important}.game-controls .rotate-label{display:block!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important;letter-spacing:-.04em!important}.game-top{gap:4px!important}.game-top>.back{font-size:10px!important;padding:5px 7px!important}.game-brand{display:none!important}.board-frame{width:min(calc(100vw - 20px),calc(100dvh - 235px))!important;max-width:100%!important;aspect-ratio:1/1!important;transform:none!important}.board-grid{aspect-ratio:1/1!important;transform:none!important}.game-action-bar{order:4!important}.mobile-intro-learn{margin-bottom:5px}}@media(max-width:380px){.mobile-mode-intro{padding:7px 8px}.mobile-mode-intro p{font-size:10px}.game-controls .icon-btn{width:30px!important;min-width:30px!important}.game-controls .rotate-label{font-size:11px!important}}@media(max-width:740px){.game-side .learn-side-actions button:first-child{display:none!important}.game-side .learn-side-actions button:nth-child(3){display:none!important}.game-page .note{display:none!important}}.square.theme-mono.light{background:#f4f4f4!important;color:#111!important}.square.theme-mono.dark{background:#222!important;color:#fff!important}.theme-choice .swatches.mono-swatches{background:linear-gradient(135deg,#f5f5f5 0,#f5f5f5 50%,#222 50%,#222);border:1px solid #777}.game-side .side-head p,.game-side .info-block{display:none!important}.game-action-bar button:has(svg.lucide-maximize),.game-action-bar button:has(svg.lucide-undo-2){display:none!important}.learn-side-actions button:has(svg.lucide-maximize),.learn-side-actions button:has(svg.lucide-undo-2){display:none!important}.ai-level-card{max-height:calc(100dvh - 150px);display:flex;flex-direction:column;overflow:hidden}.ai-level-picker{overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;grid-template-columns:repeat(10,minmax(0,1fr));padding:4px 4px 12px;min-height:0;flex:1}.ai-level-picker button{min-height:38px}.ai-level-footer{position:sticky;bottom:0;background:#11171c;padding-top:10px;z-index:2}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.profile-stats-grid>div{display:flex;flex-direction:column;gap:5px;padding:16px 12px;border:1px solid #343d40;border-radius:14px;background:#11171c;min-width:0}.profile-stats-grid strong{font-size:clamp(20px,4vw,30px);color:#f0d58c}.profile-stats-grid span,.profile-subtitle{font-size:12px;color:#aab3af}.profile-progress{margin:20px 0}.profile-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px}.profile-progress-track{height:8px;border-radius:9px;overflow:hidden;background:#293237}.profile-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#f1f1f1,#777);border-radius:9px}@media(max-width:740px){.landing{min-height:100dvh;padding:10px!important;box-sizing:border-box}.hero{margin:18px auto 16px!important}.hero p{display:none!important}.modes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.mode-card{min-height:145px!important;padding:12px!important;gap:6px}.mode-card p{display:none!important}.mode-symbol{margin-bottom:5px!important}.mode-card strong{font-size:14px!important}.mode-card .card-cta{font-size:10px!important}.home-quick-nav{display:none!important}.game-page{padding:8px 8px 14px!important}.game-brand small{display:none!important}.game-top{padding-bottom:4px!important}.game-layout{padding-top:5px!important;gap:8px!important}.board-frame{width:min(calc(100vw - 18px),calc(100dvh - 205px))!important;max-width:100%!important}.game-side{padding:8px!important;border-radius:12px!important}.game-side .side-head{display:block!important;margin:0!important}.game-side .side-head h2{font-size:15px!important;margin:2px 0 5px!important}.game-side .side-head .eyebrow{display:none!important}.level-grid{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:4px!important;margin:7px 0!important}.level-grid button{min-height:35px!important;font-size:11px!important}.game-action-bar{display:flex!important;justify-content:flex-start!important;gap:6px!important}.game-action-bar button{width:auto!important;min-height:36px!important;padding:7px 10px!important;font-size:11px!important}.board-player{gap:7px!important}.board-player strong{font-size:11px!important}.board-player small{font-size:10px!important}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-level-screen{padding:10px!important}.ai-level-header{gap:10px!important}.ai-level-header>div p{display:none!important}.ai-level-card{max-height:calc(100dvh - 110px)!important}.ai-level-selected{padding:12px!important}.ai-level-ranges{display:none!important}.ai-level-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}.ai-level-picker button{min-height:42px!important;font-size:13px!important}.ai-level-footer{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}}.mobile-mode-intro,.game-side-minimal{display:none!important}@media(max-width:740px){.modes{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mode-card{min-height:clamp(112px,25vw,150px)!important}.ai-level-screen{min-height:100dvh;box-sizing:border-box}.ai-level-card{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.ai-level-picker button{min-height:36px!important}}@media(max-width:740px){.ai-level-picker{grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:3px!important}.ai-level-picker button{min-height:30px!important;padding:3px 0!important;font-size:10px!important}.ai-level-footer{position:sticky;bottom:0;z-index:3;padding:9px 0 2px;background:linear-gradient(180deg,transparent 0%,#101619 18%)}.ai-start-game{min-height:42px!important}}.game-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:clamp(8px,3vw,24px);background:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:inherit;animation:resultFadeIn .18s ease-out}.game-result-card{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,14px);width:min(92%,440px);padding:clamp(16px,4vw,28px);text-align:center;border:1px solid rgba(226,196,117,.8);border-radius:18px;background:linear-gradient(145deg,#151b1d,#25271f);color:#f7f3e8;box-shadow:0 16px 60px #0000008c}.game-result-card strong{font-size:clamp(21px,4vw,34px);line-height:1.15;color:#f0d58b}.game-result-card span{font-size:clamp(13px,2vw,16px);line-height:1.45;color:#e3e5df}.game-result-card .primary{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;min-height:44px;width:100%}@keyframes resultFadeIn{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.game-result-overlay{animation:none}}@media(max-width:740px){.landing{width:100%;padding-left:14px;padding-right:14px}.modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card{min-width:0;padding:14px}.mode-card p{font-size:12px;line-height:1.35}.board-frame{width:min(100%,calc(100vw - 24px));margin-inline:auto}.game-layout{grid-template-columns:minmax(0,1fr)}.game-side{min-width:0}.game-result-card{border-radius:14px}}.device-dashboard{display:none!important}.online-social-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 14px}.online-social-controls .mic-active{border-color:#7ba68a;color:#c9f3d3}.reaction-buttons{display:flex;gap:5px}.reaction-buttons button{border:1px solid #303a40;background:#171f25;border-radius:9px;min-width:36px;height:36px;font-size:18px}.online-social-controls small{width:100%;color:#e1b58c;font-size:11px}.reaction-float{position:absolute;z-index:20;left:50%;top:42%;transform:translate(-50%,-50%);font-size:clamp(42px,9vw,72px);filter:drop-shadow(0 8px 14px #000b);pointer-events:none;animation:reaction-pop 2.3s ease both}.result-caption{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);padding:12px 22px;border:1px solid #dfc184;border-radius:14px;background:#111a;color:#f7edcf;font-weight:800;text-align:center;box-shadow:0 10px 40px #0009;pointer-events:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#05080cbb;display:grid;place-items:center;padding:18px}.unit-modal{position:relative;width:min(100%,420px);padding:26px;border:1px solid #4a4939;border-radius:18px;background:#121920;box-shadow:0 20px 60px #000a}.unit-modal h2{margin:12px 0;font-size:26px}.unit-modal p,.unit-modal small{color:#9ca9aa;line-height:1.6;font-size:13px}.unit-modal small{display:block;margin-top:14px;font-size:11px}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;color:#bdc5c4;font-size:28px}.unit-modal .wide{margin-top:10px}.unit-modal .secondary.wide{display:flex;justify-content:center;align-items:center;width:100%;padding:12px;border:1px solid #38434a;border-radius:9px;background:#1b252d;color:#e7e8e0}@keyframes reaction-pop{0%{opacity:0;transform:translate(-50%,-35%) scale(.7)}12%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-65%) scale(1.05)}}@media(max-width:740px){.online-social-controls{justify-content:center}.reaction-buttons button{min-width:38px;height:38px}.unit-modal{padding:22px}.result-caption{width:max-content;max-width:90vw}}.board-grid .square{min-width:0;min-height:0;overflow:hidden}.board-grid .piece{max-width:100%;max-height:100%;font-size:clamp(24px,7.2vw,48px)!important;line-height:1;white-space:nowrap}.draw-notice-overlay{z-index:12}.draw-notice-overlay .game-result-card{padding:18px 22px}.online-social-controls .mic-active{color:#c8f3d2;border-color:#7ba68a}@media(max-width:420px){.board-grid .piece{font-size:clamp(22px,7vw,34px)!important}.reaction-buttons{gap:4px}.reaction-buttons button{min-width:34px;height:34px}}.level-grid button.completed-level{background:#15392b;color:#a4f2c2;border-color:#2c8b5c;box-shadow:inset 0 0 0 1px #48a87333}.level-grid button.completed-level.active{background:#24573d;color:#d4ffe4;border-color:#7be0a3}.unit-alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:260;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;background:#05080caa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;animation:unit-alert-in .16s ease-out}.unit-alert-overlay strong{font-size:clamp(22px,5vw,32px);color:#fff0c7}.unit-alert-overlay span{font-size:14px;color:#e0e6e4}.draw-overlay-actions{justify-content:center;margin-top:12px}.draw-notice-overlay .game-result-card{max-width:min(92vw,440px)}@keyframes unit-alert-in{0%{opacity:0}to{opacity:1}}@media(max-width:740px){.ai-level-picker,.game-side .level-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}.ai-level-picker button,.game-side .level-grid button{min-height:42px!important;font-size:13px!important;border-radius:10px!important}.ai-level-card{padding:14px!important}.board-grid .square .piece,.board-grid .piece{font-size:clamp(29px,10vw,44px)!important;line-height:1!important;transform:scale(1.04);transform-origin:center;max-width:none!important;max-height:none!important}.board-grid .square{overflow:visible!important}.board-grid{overflow:visible}.online-social-controls{padding:10px 0}.online-social-controls .mic-active{font-weight:700}}@media(max-width:420px){.board-grid .square .piece,.board-grid .piece{font-size:clamp(27px,9.3vw,38px)!important;transform:scale(1.06)}.ai-level-picker,.game-side .level-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important}.ai-level-picker button,.game-side .level-grid button{min-height:40px!important}}.online-lobby .online-room-card{max-width:620px;margin-inline:auto}.online-room-card>p{margin-bottom:22px}.online-room-card .online-room-actions{margin:18px 0 24px}.online-room-card>label{display:block;margin:22px 0 8px}.lobby-voice-control{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:14px 16px;border:1px solid var(--line, rgba(255,255,255,.14));border-radius:14px;background:#ffffff09}.lobby-voice-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.lobby-voice-copy strong{font-weight:700}.lobby-voice-copy span{opacity:.75;font-size:.88rem}.mic-active{border-color:#40c98a!important;color:#5ce0a0!important}.mic-error{margin:10px 0 0;color:#ffb0a8;font-size:.9rem}@media(max-width:600px){.online-lobby .online-room-card{padding:18px}.lobby-voice-control{align-items:flex-start;flex-wrap:wrap}.lobby-voice-control button{min-height:44px}}.ai-level-picker{display:grid;grid-auto-rows:42px;align-content:start;overflow-y:auto;max-height:340px;padding:2px 4px 8px}.ai-level-picker button{aspect-ratio:auto!important;height:42px;min-height:42px;line-height:1;display:flex;align-items:center;justify-content:center;gap:3px}.opponent-exit-overlay{position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px 26px;max-width:calc(100vw - 32px);text-align:center;border:1px solid #d8c38b;border-radius:14px;background:#11181df2;color:#f5e7bf;box-shadow:0 18px 60px #0009;font-weight:800;pointer-events:none}.ai-level-picker{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-auto-rows:42px!important;align-content:start!important;align-items:stretch!important;gap:6px!important}.ai-level-picker>button{box-sizing:border-box!important;width:100%!important;height:42px!important;min-height:42px!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;position:relative!important;transform:none!important;line-height:1.2!important;overflow:hidden!important}@media(max-width:740px){.ai-level-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:44px!important}.ai-level-picker>button{height:44px!important;min-height:44px!important}}.ai-level-screen .ai-level-card{display:flex;flex-direction:column;max-height:none!important;overflow:visible!important}.ai-level-screen .ai-level-picker{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:44px!important;align-content:start!important;align-items:stretch!important;justify-items:stretch!important;gap:8px!important;height:min(44vh,440px)!important;max-height:440px!important;min-height:220px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px!important;position:relative!important;isolation:isolate}.ai-level-screen .ai-level-picker>button{display:flex!important;position:relative!important;inset:auto!important;width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;aspect-ratio:auto!important;transform:none!important;line-height:1!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;border-radius:9px!important}.ai-level-screen .ai-level-footer{position:static!important;flex-shrink:0;background:#11171c}@media(max-width:740px){.ai-level-screen .ai-level-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:42px!important;height:min(42vh,360px)!important;min-height:210px!important;gap:7px!important}.ai-level-screen .ai-level-picker>button{height:42px!important;min-height:42px!important;max-height:42px!important;font-size:13px!important}.ai-level-screen .ai-level-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important}}@media(max-width:380px){.ai-level-screen .ai-level-picker{gap:5px!important;grid-auto-rows:38px!important}.ai-level-screen .ai-level-picker>button{height:38px!important;min-height:38px!important;max-height:38px!important}}.online-lobby .room-entry-info,.online-lobby .live-board-info,.online-lobby .room-access-info,.online-lobby .supabase-setup-notice,.online-lobby .guest-signin-notice{display:none!important}.ai-level-screen{width:min(100%,1180px)!important;max-width:1180px!important;margin-inline:auto!important;padding:clamp(12px,2vw,24px)!important}.ai-level-screen .ai-level-card{display:flex!important;flex-direction:column!important;max-height:none!important;height:auto!important;overflow:visible!important}.ai-level-screen .ai-level-picker{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:48px!important;gap:8px!important;width:100%!important;max-height:none!important;height:auto!important;overflow:visible!important;align-content:start!important;margin:16px 0!important}.ai-level-screen .ai-level-picker>button{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:48px!important;height:48px!important;aspect-ratio:auto!important;padding:0!important;margin:0!important;border-radius:9px!important;font-size:15px!important;line-height:1!important;box-sizing:border-box!important;white-space:nowrap!important}.ai-level-screen .ai-level-picker>button.completed-level{outline:2px solid #76c893!important;outline-offset:-3px!important}.ai-level-screen .ai-level-picker>button.active{background:#e3c779!important;color:#101512!important;border-color:#ffe6a1!important;font-weight:800!important;box-shadow:0 0 0 2px #e3c77955!important}.ai-level-screen .ai-level-picker>button:disabled{opacity:.42!important}.ai-level-screen .ai-level-ranges{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.ai-level-screen .ai-level-footer{flex-wrap:wrap!important}@media(max-width:760px){.ai-level-screen .ai-level-picker{grid-template-columns:repeat(5,minmax(0,1fr))!important;grid-auto-rows:44px!important;gap:6px!important}.ai-level-screen .ai-level-picker>button{min-height:44px!important;height:44px!important;font-size:14px!important}}@media(max-width:360px){.ai-level-screen .ai-level-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.online-lobby .online-room-card>.eyebrow,.online-lobby .online-room-card>h1,.online-lobby .online-room-card>p{margin-bottom:10px!important}.online-lobby .online-room-card{max-width:620px!important;margin:24px auto!important}.ai-level-screen .ai-level-picker.level-grid,.ai-level-picker.level-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:22px 0!important}.ai-level-picker.level-grid>button{aspect-ratio:auto!important;min-height:64px!important;height:auto!important;padding:12px 8px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:18px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important}.ai-level-picker.level-grid>button.completed-level{border:2px solid #65c88a!important}.ai-level-picker.level-grid>button.active{outline:3px solid #e4ca82!important;outline-offset:2px!important}@media(max-width:760px){.ai-level-picker.level-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}.ai-level-picker.level-grid>button{min-height:54px!important;font-size:16px!important}}@media(max-width:420px){.ai-level-picker.level-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.ai-level-picker.level-grid>button{min-height:50px!important;font-size:15px!important}}.square.light.theme-purple{background:linear-gradient(135deg,#f0e7fa,#dfccef)!important}.square.dark.theme-purple{background:linear-gradient(135deg,#70498e,#43265e)!important}.square.light.theme-teal{background:linear-gradient(135deg,#e0f3ef,#b8e2d8)!important}.square.dark.theme-teal{background:linear-gradient(135deg,#247c78,#124d4a)!important}.purple-swatches{--a:#f0e7fa;--b:#5b3a78}.teal-swatches{--a:#e0f3ef;--b:#176b68}.premium-theme-options{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px!important;width:100%}.premium-theme-choice{min-height:60px!important;justify-content:flex-start!important;gap:10px!important;text-align:left!important;position:relative}.premium-theme-choice .swatches{flex:0 0 28px}.theme-choice-name{flex:1;min-width:0}.theme-status{font-size:10px;letter-spacing:.02em;opacity:.8;white-space:nowrap}.premium-theme-choice.locked{opacity:.66;filter:saturate(.58);background:linear-gradient(145deg,#1b1d20,#292c30)!important;border-style:dashed!important}.premium-theme-choice.locked .theme-status{color:#c4c8cd}.premium-theme-choice.selected{box-shadow:0 0 0 1px #d9b56d,0 8px 24px #0003!important}.unlock-board-preview{display:grid;grid-template-columns:repeat(4,1fr);width:104px;height:104px;margin:16px auto;border:3px solid #b99456;border-radius:5px;overflow:hidden;box-shadow:0 8px 25px #0005}.unlock-board-preview span{display:block}.unlock-board-preview .preview-light{background:var(--preview-light,#f1f1ed)}.unlock-board-preview .preview-dark{background:var(--preview-dark,#34383b)}.preview-almond{--preview-light:#f5ead6;--preview-dark:#604632}.preview-classic{--preview-light:#ead3a4;--preview-dark:#63391f}.preview-green{--preview-light:#e8f0d7;--preview-dark:#276749}.preview-blue{--preview-light:#e4edf8;--preview-dark:#285080}.preview-red{--preview-light:#fff0e9;--preview-dark:#8e2c29}.preview-purple{--preview-light:#f0e7fa;--preview-dark:#5b3a78}.preview-teal{--preview-light:#e0f3ef;--preview-dark:#176b68}.preview-orange{--preview-light:#fff2df;--preview-dark:#a64c20}.preview-pink{--preview-light:#fce8ef;--preview-dark:#9d4567}.preview-yellow{--preview-light:#fff9d9;--preview-dark:#8b751c}.auto-next-level{display:block;margin-top:10px;color:#e0c58d;font-size:12px}.upi-payment-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px;border:1px solid #b9945655;border-radius:18px;background:linear-gradient(145deg,#17191c,#22262a);text-align:center}.upi-qr-image{width:min(280px,80vw);height:auto;padding:10px;border-radius:12px;background:#fff}.upi-payment-panel span{font-size:13px;opacity:.8}.upi-payment-panel p{max-width:440px;font-size:12px;opacity:.75}@media(max-width:740px){.premium-theme-options{grid-template-columns:1fr}.premium-theme-choice{width:100%}}.owner-access-panel{margin:24px 0;padding:22px;border:1px solid rgba(202,164,83,.38);border-radius:18px;background:linear-gradient(145deg,#caa45317,#ffffff06)}.owner-access-panel h2{margin:6px 0 10px;font-size:1.25rem}.owner-access-panel p{color:var(--muted,#a6a6a6);line-height:1.55}.owner-access-form{display:flex;gap:10px;align-items:center;margin:16px 0}.owner-access-form .room-input{flex:1;min-width:0}.owner-email-list{display:grid;gap:8px;margin-top:12px}.owner-email-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:10px}.owner-email-row span{overflow-wrap:anywhere}@media(max-width:560px){.owner-access-form{align-items:stretch;flex-direction:column}.owner-access-form button{width:100%}.owner-email-row{align-items:flex-start;flex-direction:column}}.ad-preview-panel{display:flex;flex-direction:column;gap:10px;padding:18px;margin:16px 0;border:1px solid rgba(201,166,94,.36);border-radius:18px;background:linear-gradient(145deg,#171a1f,#242a31);color:#f5f1e8;min-height:150px}.ad-preview-label{font-size:10px;letter-spacing:.16em;font-weight:800;color:#d9b96e}.ad-preview-panel strong{font-size:18px;line-height:1.25}.ad-preview-panel p{margin:0;color:#c5cbd1;font-size:13px;line-height:1.5}.ad-preview-panel small{color:#d8dce1;font-size:12px}.ad-progress-track{height:6px;background:#41474f;border-radius:999px;overflow:hidden}.ad-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#c6a15d,#f4dfa5);border-radius:999px;transition:width .25s linear}