.homePage{color:#392314;background:#f8f0e3;padding:24px 28px 0;display:block}.homeShell{max-width:1240px;margin:auto}.homeHeader{background:#fffcf6;border:1px solid #eddfca;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;gap:24px;padding:17px 28px;display:flex}.homeBrand,.homeFooterBrand{color:inherit;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:flex}.homeBrand img,.homeFooterBrand img{object-fit:contain}.homeBrand h1{letter-spacing:-1px;margin:0;font-size:24px;font-weight:900}.homeNav{gap:30px;display:flex}.homeNav a{color:#68513e;padding:10px 0;font-size:14px;text-decoration:none}.homeNav a.active{border-bottom:2px solid #754629}.homeButton{color:#38200e;cursor:pointer;background:#e2a34e;border:1px solid #d89a46;border-radius:999px;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:15px 25px;font-size:15px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.homeButton:hover{background:#edb568;transform:translateY(-2px)}.homeButton span{font-size:21px;line-height:1}.headerPlay{gap:16px;min-height:42px;padding:10px 22px;font-size:14px}.homeHero{background:#f9edda;border:1px solid #eddfca;border-top:0;border-radius:0 0 24px 24px;grid-template-columns:.9fr 1.2fr;min-height:470px;display:grid;overflow:hidden}.homeHeroCopy{z-index:1;padding:48px 0 42px 58px}.homeEyebrow{letter-spacing:.16em;color:#9c7148;margin:0 0 18px;font-size:11px;font-weight:800}.homeHeroCopy .homeEyebrow{align-items:center;gap:9px;font-size:12px;display:flex}.homeEyebrow>span{background:#0f766e;border-radius:50%;width:7px;height:7px}.homeHero h2{letter-spacing:-.055em;margin:0 0 20px;font-size:clamp(40px,4.5vw,62px);font-weight:900;line-height:1.23}.homeHero h2 span{color:#a6682b}.homeHero h2 i{color:#0f766e;font-style:normal}.homeHeroDescription{color:#7c5d44;margin:0 0 25px;font-size:17px;line-height:1.9}.homeHeroNote{color:#9a7e60;margin:18px 0 0;font-size:11px}.homeHeroNote span{margin:0 7px}.homeHeroArt{min-width:0;position:relative}.homeHeroArt img{object-fit:cover;object-position:55% center;width:100%;height:100%;position:absolute}.homeHeroArt:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f9edda,#0000 20%);position:absolute;inset:0}.homeGames{padding:52px 0 0;scroll-margin-top:24px}.homeSectionHeading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.homeSectionHeading .homeEyebrow{margin-bottom:8px}.homeSectionHeading h2,.homePractice h2,.homeTogether h2{letter-spacing:-.035em;margin:0;font-size:28px}.homeSectionHeading>p{color:#92765c;margin:0 0 3px;font-size:13px}.homeGameGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.homeGameCard{background:#fffcf6;border:1px solid #eadcc9;border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.homeGameCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #6847250c}.homeGameTop{justify-content:space-between;align-items:start;margin-bottom:19px;display:flex}.homeGameSymbol{color:#5b371d;background:#f5dfb9;border:1px solid #e8cc9d;border-radius:17px;place-items:center;width:62px;height:62px;font-size:34px;display:grid}.homeGameSymbol.gomoku{background-image:linear-gradient(#ae783938 1px,#0000 1px),linear-gradient(90deg,#ae783938 1px,#0000 1px);background-size:20px 20px}.homeGameSymbol.flying,.homeGameSymbol.reversi{color:#287d75;background:#e3efe7;border-color:#cce0d3}.homeGameSymbol.ticTacToe{color:#ad673b;background:#fae8d8;border-color:#efd2b8;font-size:25px;font-weight:800}.homeGameSymbol.xiangqi{color:#a6472f;background:#f7e4c8;border-radius:50%;font-size:30px}.homeGameSymbol.chess{background:#ece5db;border-color:#ddd1bf;font-size:43px}.homeGameTag{color:#977a5d;background:#f6f0e6;border-radius:6px;padding:5px 9px;font-size:10px}.homeGameNumber{color:#eee5d7;letter-spacing:-.06em;font-size:42px;font-weight:800;position:absolute;top:62px;right:23px}.homeGameCard h3{margin:0 0 9px;font-size:21px}.homeGameCard>p{color:#947b63;max-width:28em;min-height:47px;margin:0 0 22px;font-size:13px;line-height:1.8}.homeGameBottom{border-top:1px solid #f0e7da;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;display:flex}.homeGameBottom>span{color:#ac947c;font-size:11px}.homeGameBottom button{color:#704927;background:#f5e9d6;min-height:38px;padding:0 14px;font-size:12px}.homeGameBottom button:hover{background:#ebd6b6}.homePractice{background:#eaf0e7;border:1px solid #d6e0d1;border-radius:22px;align-items:center;gap:32px;margin-top:32px;padding:30px 38px;scroll-margin-top:24px;display:flex}.homePractice .homeEyebrow{color:#698475;margin-bottom:8px}.homePractice h2{color:#365648;font-size:25px}.homePracticeCopy{flex:1}.homePracticeCopy>p:last-child{color:#718373;margin:10px 0 0;font-size:13px;line-height:1.9}.homePractice>.homeButton{color:#fffaf3;background:#365e50;border-color:#365e50;flex-shrink:0;gap:15px;font-size:13px}.homeMathArt{flex-shrink:0;width:116px;height:116px;position:relative}.homeMathArt span{color:#a57d41;background:#fffcf2;border-radius:10px;place-items:center;width:44px;height:48px;font-size:29px;font-weight:800;display:grid;position:absolute;transform:rotate(-12deg);box-shadow:0 5px #d3ddcb}.homeMathArt span:first-child{top:0;left:2px}.homeMathArt span:nth-child(2){color:#376757;top:9px;right:3px;transform:rotate(13deg)}.homeMathArt span:nth-child(3){color:#376757;bottom:0;left:6px}.homeMathArt span:nth-child(4){bottom:-4px;right:0;transform:rotate(10deg)}.homeMathArt span:nth-child(5){color:#fff9ee;background:#e8b96b;top:39px;left:38px;transform:rotate(8deg)}.homeTogether{align-items:center;gap:24px;margin-top:12px;padding:40px 20px;scroll-margin-top:24px;display:flex}.homeTogetherIcon{color:#bc8c56;font-size:60px}.homeTogether .homeEyebrow{margin-bottom:8px;font-size:10px}.homeTogether h2{font-size:22px}.homeTogether p:last-child{color:#9b8168;margin:10px 0 0;font-size:13px;line-height:1.8}.homeTogether>a{color:#8c6138;white-space:nowrap;margin-left:auto;font-size:13px;text-decoration:none}.homeTogether>a span{margin-left:14px}.homeFooter{border-top:1px solid #e7dac7;align-items:center;gap:25px;padding:22px 0;display:flex}.homeFooterBrand{font-size:15px;font-weight:800}.homeFooter>p{color:#a38c74;font-size:11px}.homeFooter .icpText{margin:0 0 0 auto;font-weight:400}.homePage a:focus-visible,.homePage button:focus-visible{outline-offset:5px;outline:3px solid #0f766e}@media (width<=1000px){.homeHeader{gap:15px;padding:15px 20px}.homeNav{gap:18px}.homeBrand h1{font-size:20px}.homeHeroCopy{padding-left:35px}.homeHero{min-height:440px}.homeGameCard{padding:20px}.homePractice{gap:24px;padding:28px}}@media (width<=760px){.homePage{padding:12px 16px 0}.homeHeader{border-radius:20px 20px 0 0;flex-wrap:wrap;gap:8px;padding:12px 16px}.homeBrand img{width:40px;height:40px}.headerPlay{margin-left:auto;padding:8px 16px;font-size:12px}.homeNav{border-top:1px solid #f1e7d8;order:3;justify-content:space-between;gap:10px;width:100%;margin-top:6px;padding-top:5px}.homeNav a{font-size:12px}.homeHero{grid-template-columns:1fr 1fr;min-height:360px}.homeHeroCopy{padding:32px 0 30px 24px}.homeHero h2{font-size:39px}.homeHeroDescription{font-size:14px}.homeHero .homeEyebrow{font-size:10px}.homeHeroArt img{object-position:48% center}.homeHeroNote{font-size:9px}.homeHeroNote span{margin:0 3px}.homeGameGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.homeSectionHeading{flex-direction:column;align-items:start;gap:12px}.homeSectionHeading h2{font-size:26px}.homeGames{padding-top:34px}.homePractice{flex-wrap:wrap;gap:22px}.homeMathArt{width:100px;height:106px}.homePractice h2{font-size:21px}.homePractice>.homeButton{margin-left:122px}.homeTogether{flex-wrap:wrap;gap:14px;padding:30px 4px}.homeTogether h2{font-size:20px}.homeTogetherIcon{font-size:42px}.homeTogether>a{margin-left:56px}.homeFooter{flex-wrap:wrap;gap:4px 18px}.homeFooter .icpText{width:100%;margin:8px 0 0}}@media (width<=480px){.homeHero{flex-direction:column;display:flex}.homeHeroCopy{padding:30px 26px 0}.homeHero h2{font-size:43px}.homeHero h2 br{display:none}.homeHeroDescription{margin-bottom:18px}.homeHeroArt{height:245px;margin-top:8px}.homeHeroArt img{object-position:center 56%;position:static}.homeHeroArt:after{background:linear-gradient(#f9edda,#0000 20%)}.homeHeroNote{font-size:10px}.homeGameCard{border-radius:16px;padding:17px}.homeGameSymbol{border-radius:13px;width:48px;height:48px;font-size:28px}.homeGameSymbol.ticTacToe{font-size:20px}.homeGameSymbol.chess{font-size:34px}.homeGameTag{padding:4px;font-size:9px}.homeGameNumber{font-size:30px;top:62px;right:15px}.homeGameCard h3{font-size:18px}.homeGameCard>p{min-height:65px;font-size:12px}.homeGameBottom{flex-direction:column;align-items:stretch;gap:10px}.homeGameBottom>span{font-size:10px}.homeGameBottom button{padding:0 8px;font-size:11px}.homePractice{gap:20px;padding:25px 20px}.homeMathArt{display:none}.homePractice>.homeButton{margin-left:0}.homeTogetherIcon{display:none}.homeTogether>a{margin-left:0}.homeFooterBrand{font-size:14px}.homeFooter>p{font-size:10px}}@media (prefers-reduced-motion:reduce){.homeButton,.homeGameCard{transition:none}}@media (width<=480px){.homeHero h2 br{display:block}.homePractice{flex-direction:column;align-items:flex-start}.homePracticeCopy{width:100%}.homePracticeCopy br{display:none}.homePractice>.homeButton{align-self:flex-start}}.homeNav .homeWeappTrigger{color:#68513e;background:0 0;border-radius:0;min-height:40px;padding:10px 0;font-family:inherit;font-size:14px;font-weight:400}.homeNav .homeWeappTrigger:hover{color:#392314}.homeWeappPopover{color:#392314;text-align:center;background:#fffcf6;border:1px solid #eadcc9;border-radius:24px;width:min(360px,100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:36px 28px 26px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 80px #39231433}.homeWeappPopover::backdrop{background:#39231466}.homeWeappPopover .homeEyebrow{margin:0 0 10px;font-size:11px}.homeWeappPopover h2{margin:0 0 20px;font-size:23px}.homeWeappPopover img{border-radius:14px;width:min(240px,100%);height:auto;margin:auto;display:block}.homeWeappPopover>p:last-child{color:#947b63;margin:18px 0 0;font-size:13px}.homeWeappClose{color:#704927;background:#f5e9d6;place-items:center;width:36px;min-height:36px;padding:0;font-size:24px;display:grid;position:absolute;top:10px;right:10px}@media (width<=760px){.homeNav .homeWeappTrigger{font-size:12px}}.mathPage{max-width:1180px;min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.mathHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mathHeader h1{margin:2px 0 0;font-size:clamp(20px,4vw,28px)}.mathHeader .eyebrow{color:#8c4f1f;font-size:11px}.mathModeSwitch{gap:8px;display:flex}.modeBtn{color:#2f2115;background:#fff7eb;border:1px solid #8c6239;min-height:34px;padding:0 14px;font-size:13px}.modeBtn.active{color:#fffaf3;background:#2f2115;border-color:#2f2115}.primaryAction{background:#1f7a4d}.homeAction{color:#fffaf3;background:#475569;border:1px solid #475569}.homeAction:hover{background:#334155}.mathTopRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.mathTopRowLeft{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.configToggle{color:#6f4a2c;background:#fff7eb;border:1px solid #8c623999;min-height:32px;padding:0 14px;font-size:13px}.mathLayout{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;display:grid}.mathLayout.withConfig{grid-template-columns:minmax(250px,290px) minmax(0,1fr)}.mathSidePanel{max-height:calc(100vh - 32px);position:sticky;top:16px;overflow-y:auto}.mathMain{min-width:0}.mathConfig{background:#fffaf3eb;border-radius:18px;gap:10px;padding:12px 12px 14px;display:grid;box-shadow:0 8px 20px #43260e1f}.configSection h3{color:#8c4f1f;letter-spacing:.06em;margin:0 0 8px;font-size:12px}.configSection+.configSection{border-top:1px dashed #8c623959;margin-top:10px;padding-top:10px}.typeList{gap:3px;margin:0;padding:0;list-style:none;display:grid}.typeRow{background:#f6ead8b3;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:3px 6px;display:flex}.typeRow.on{background:#f3e4c8}.typeCheck{cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.typeCheck input{width:15px;height:15px}.typeWeight{color:#6f4a2c;align-items:center;gap:4px;font-size:11px;display:flex}.typeWeight select,.configGrid select,.seedRow input{background:#fffaf3;border:1px solid #c8a882;border-radius:8px;min-height:30px;padding:4px 6px;font-size:13px}.typeWeight select{min-height:24px;padding:0 2px}.configGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.configGrid label{color:#6f4a2c;gap:2px;font-size:12px;font-weight:700;display:grid}.configCheck{grid-column:1/-1;align-items:center;gap:6px;font-size:12px!important;display:flex!important}.configCheck input{width:15px;height:15px}.seedRow{gap:6px;margin-top:8px;display:flex}.seedRow input{font-variant-numeric:tabular-nums;flex:1;min-width:0}.seedRow button{min-height:30px;padding:0 10px;font-size:12px}.configHint{color:#8c6239;margin:6px 0 0;font-size:11px;line-height:1.5}.sheetStack{justify-items:center;gap:18px;display:grid}.a4Page{aspect-ratio:210/297;color:#1b1b1b;background:#fff;border-radius:8px;flex-direction:column;width:min(100%,900px);padding:5.7% 6%;display:flex;box-shadow:0 14px 36px #43260e33;container-type:inline-size}.sheetHeader{color:#333;margin:0 0 2cqw;font-size:2.2cqw;font-weight:700}.sheetGrid{flex:1;grid-auto-rows:1fr;align-items:center;display:grid}.sheetCell{font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden}.a4Page.font-sm .sheetCell{font-size:2.9cqw}.a4Page.font-md .sheetCell{font-size:3.4cqw}.a4Page.font-lg .sheetCell{font-size:3.9cqw}.sheetFooter{color:#b0a08c;text-align:right;margin:1cqw 0 0;font-size:1.7cqw}.sheetEmpty{text-align:center;background:#fffaf3e6;border-radius:20px;padding:40px 20px;font-weight:700}.answerPreview{background:#fffaf3d9;border-radius:18px;margin-top:16px;padding:12px}.answerPreview summary{cursor:pointer;color:#6f4a2c;font-weight:800}.practiceContainer{gap:14px;display:grid}.practiceHeader{background:#fffaf3f0;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 12px 30px #43260e24}.practiceHeader p{margin:0;font-weight:800}.practiceCount{font-size:18px}.practiceTimer{color:#8c4f1f;font-variant-numeric:tabular-nums}.practiceStart{background:#fffaf3f0;border-radius:22px;justify-items:center;gap:12px;padding:40px 20px;display:grid;box-shadow:0 12px 30px #43260e24}.practiceHint{color:#8c6239;margin:0;font-size:13px}.practiceGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.practiceItem{background:#fffaf3;border-radius:16px;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 14px;display:grid;box-shadow:0 6px 16px #43260e1a}.practiceItem input{text-align:center;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #c8a882;border-radius:12px;grid-area:1/3;width:74px;min-height:40px;font-size:18px}.practiceItem input:disabled{background:#f4ecdf}.practiceIndex{color:#b08a5f;grid-area:1/1;font-size:13px;font-weight:800}.practiceExpr{font-variant-numeric:tabular-nums;grid-area:1/2;font-size:17px;font-weight:700}.practiceItem.correct{background:#e7f7ec;box-shadow:inset 0 0 0 2px #34a853}.practiceItem.wrong{background:#fdeaea;box-shadow:inset 0 0 0 2px #d9534f}.practiceAnswer{color:#b3261e;grid-area:2/1/auto/-1;justify-self:end;font-size:12px;font-weight:800}.practiceCheck{color:#1f7a4d;grid-area:1/3;font-size:16px;font-weight:900}.resultCard{background:#fffaf3f5;border-radius:22px;grid-template-columns:120px 1fr;align-items:center;gap:16px;padding:18px;display:grid;box-shadow:0 14px 34px #43260e29}.accuracyRing{width:120px;height:120px}.ringBg{fill:none;stroke:#ece0cd;stroke-width:10px}.ringFg{fill:none;stroke:#1f7a4d;stroke-width:10px;stroke-linecap:round}.ringText{fill:#2f2115;font-size:22px;font-weight:800}.resultStats{gap:6px;display:grid}.resultStats p{align-items:baseline;gap:8px;margin:0;display:flex}.resultLabel{color:#8c6239;width:44px;font-size:13px}.resultStats strong{font-variant-numeric:tabular-nums;font-size:20px}.resultMuted{color:#8c6239;font-size:14px}.wrongList{grid-column:1/-1}.wrongList summary{cursor:pointer;color:#b3261e;font-weight:800}.wrongList ul{gap:6px;max-height:240px;margin:10px 0 0;padding:0;list-style:none;display:grid;overflow-y:auto}.wrongList li{background:#fdeaea;border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:700;display:grid}.wrongIdx{color:#b08a5f}.wrongYou{color:#b3261e}.wrongAns{color:#1f7a4d}.resultPerfect{color:#1f7a4d;grid-column:1/-1;margin:0;font-weight:800}.resultActions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.mathToolbar{background:#fffaf3f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:14px;padding:12px 14px;display:flex;box-shadow:0 10px 24px #43260e1f}.mathToolbarGroup{flex-wrap:wrap;gap:8px;display:flex}.mathToolbar button{font-size:14px}.mathToast{z-index:30;color:#fff;background:#1f7a4df5;border-radius:999px;padding:12px 20px;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000003d}@media (width<=900px){.mathLayout{grid-template-columns:1fr}.mathSidePanel{order:2;position:static}.mathMain{order:1}}@media (width<=520px){.configGrid,.practiceGrid{grid-template-columns:1fr}.resultCard{grid-template-columns:1fr;justify-items:center}.mathToolbar{flex-direction:column}.mathToolbarGroup{justify-content:center}}:root{color:#21170f;--board-size:min(92vw, 560px);--board-min-size:480px;--wood:#d8a45f;--line:#532f108c;background:#f6ead8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{color:#fffaf3;cursor:pointer;background:#2f2115;border:0;border-radius:999px;min-height:44px;padding:0 18px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.45}.secondary{color:#2f2115;background:#fff7eb;border:1px solid #8c6239}.homePage,.gamePage{min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom))}.homePage{place-items:center;display:grid}.heroCard{text-align:center;background:#fffaf3e0;border-radius:32px;width:min(1280px,100%);padding:40px 48px;box-shadow:0 24px 70px #43260e2e}.heroCard h1{margin:8px 0 12px;font-size:clamp(44px,10vw,88px)}.heroCard p{font-size:18px;line-height:1.7}.heroActions,.modalActions,.gameActions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.eyebrow{color:#8c4f1f;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.icpText{color:#8c6239;margin:20px 0 0;font-size:13px;font-weight:700}.gamePage{max-width:900px;margin:0 auto}.statusBar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.statusBar h1{margin:4px 0 0;font-size:clamp(26px,7vw,44px)}.moveCount{color:#6f4a2c;margin:0;font-weight:700}.boardSection{margin:0 auto}.scrollHint{color:#8c4f1f;text-align:center;margin:0 0 8px;font-size:14px;font-weight:700;display:none}.boardScroller{overscroll-behavior-x:contain;padding:8px 0 14px;overflow-x:auto}.boardFrame{grid-template-areas:".top.""left board right"".bottom.";grid-template-columns:28px var(--board-size) 28px;grid-template-rows:24px var(--board-size) 24px;width:calc(var(--board-size) + 56px);min-width:calc(var(--board-min-size) + 56px);color:#5b3619;margin:0 auto;font-size:12px;font-weight:800;display:grid}.axisLabels{pointer-events:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.axisLabels.top{grid-area:top;grid-template-columns:repeat(15,1fr)}.axisLabels.bottom{grid-area:bottom;grid-template-columns:repeat(15,1fr)}.axisLabels.left{grid-area:left;grid-template-rows:repeat(15,1fr)}.axisLabels.right{grid-area:right;grid-template-rows:repeat(15,1fr)}.board{width:var(--board-size);height:var(--board-size);min-width:var(--board-min-size);min-height:var(--board-min-size);background-color:var(--wood);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);--preview-shadow:#3721102e;background-size:7.14286% 7.14286%;border:14px solid #b87932;border-radius:18px;grid-area:board;margin:0 auto;padding:0;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #ffffff59,0 16px 40px #502d0e3d}.board.preview-black{--preview-shadow:#28385052}.board.preview-white{--preview-shadow:#f5d27885}.centerStar{pointer-events:none;background:#140e08d1;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffebbe33}.intersection{width:7.14286%;min-width:32px;height:7.14286%;min-height:32px;color:inherit;opacity:1;background:0 0;border-radius:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.intersection:disabled{opacity:1}.intersection:not(:disabled):active:after,.intersection:not(:disabled):hover:after{content:"";background:var(--preview-shadow);width:42%;height:42%;box-shadow:0 0 16px 6px var(--preview-shadow);border-radius:50%}.intersection.black:not(:disabled):after,.intersection.black:before{background:#08060438}.intersection.white:not(:disabled):after,.intersection.white:before{background:#fffaf3b8}.intersection.occupied:before{content:"";border-radius:50%;width:34%;height:34%;position:absolute;box-shadow:0 0 0 1px #41271224}.stone{z-index:1;border-radius:50%;width:72%;height:72%;position:relative;box-shadow:0 4px 10px #00000040}.black .stone{background:radial-gradient(circle at 35% 30%,#5a514a,#080604 70%)}.white .stone{background:radial-gradient(circle at 35% 30%,#fff,#e7dccb 72%);border:1px solid #8d806f}.lastMove .stone{outline-offset:2px;outline:4px solid #38bdf8}.winningPoint .stone{box-shadow:0 0 0 5px #fbbf24,0 4px 12px #00000047}.gameActions{padding:14px 0 max(10px, env(safe-area-inset-bottom));background:linear-gradient(#f6ead800,#f6ead8 28%);margin-top:18px;position:sticky;bottom:0}.modalOverlay{z-index:20;background:#20140a75;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffaf3;border-radius:24px;width:min(440px,100%);padding:26px;box-shadow:0 30px 80px #00000040}.modal h2{margin-top:0}.modal p{line-height:1.6}@media (width<=520px){:root{--board-size:92vw}.scrollHint{display:block}.board{margin:0}.statusBar{flex-direction:column;align-items:start}}.modeGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:28px 0;display:grid}.modeCard{text-align:left;background:#fff7ebc7;border:1px solid #8c623947;border-radius:22px;gap:10px;padding:20px;display:grid}.modeCard h2{margin:0;font-size:24px}.modeCard p{margin:0;font-size:14px;line-height:1.55}.modeCard.flying{background:linear-gradient(135deg,#fee2e2b8,#dbeafeb8,#dcfce7b8)}.modeCard.ticTacToe{background:linear-gradient(135deg,#e0f2feb8,#f0fdf4b8)}.modeCard.reversi{background:linear-gradient(135deg,#dcfce7b8,#fff7edc2)}.modeCard.math{background:linear-gradient(135deg,#ffedd5c7,#e0f2feb8)}.reversiPage{max-width:1180px;min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.reversiGameLayout{grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:20px;display:grid}.reversiSidePanel{gap:14px;display:grid}.reversiBoardSection{justify-items:center;min-width:0;display:grid}.reversiBoardFrame{grid-template:".top"24px"left board"/24px minmax(0,560px);width:min(100%,600px);display:grid}.reversiAxis{color:#24533b;-webkit-user-select:none;user-select:none;place-items:center;font-size:12px;font-weight:900;display:grid}.reversiAxisTop{grid-area:top;grid-template-columns:repeat(8,1fr)}.reversiAxisLeft{grid-area:left;grid-template-rows:repeat(8,1fr)}.reversiBoard{aspect-ratio:1;background:#176140;border:10px solid #17412f;border-radius:20px;grid-area:board;grid-template-columns:repeat(8,1fr);width:min(100vw - 56px,560px);padding:8px;display:grid;box-shadow:inset 0 0 0 1px #ffffff38,0 18px 42px #0d2d1f3d}.reversiCell{min-width:0;min-height:0;color:inherit;background:#197047;border:1px solid #d9f5e26b;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.reversiCell:disabled{opacity:1}.reversiCell:not(:disabled):active{background:#1d7d50}.reversiCell.legalMove:after{content:"";background:#f5f4dcb8;border-radius:50%;width:24%;height:24%;position:absolute;box-shadow:0 0 0 2px #1c402d33}.reversiCell.invalidMove{box-shadow:inset 0 0 0 3px #f87171}.reversiDisc{z-index:1;border-radius:50%;width:76%;height:76%;position:relative;box-shadow:0 5px 12px #00000047}.reversiCell.black .reversiDisc{background:radial-gradient(circle at 35% 28%,#56524c,#090806 70%)}.reversiCell.white .reversiDisc{background:radial-gradient(circle at 35% 28%,#fff,#e8dfd0 74%);border:1px solid #726a5f}.reversiCell.lastMove .reversiDisc{outline-offset:2px;outline:4px solid #fbbf24}.reversiLegalDot{background:#f5f4dcb8;border-radius:50%;width:24%;height:24%}.reversiStatusPanel,.reversiActions{background:#fffaf3eb;border-radius:22px;box-shadow:0 12px 30px #1838261f}.reversiStatusPanel{gap:14px;padding:18px;display:grid}.reversiStatusPanel h2{margin:4px 0 0;font-size:clamp(26px,5vw,38px)}.reversiScoreGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reversiScoreItem{color:#173226;background:#eef8f0;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.reversiScoreDisc{border-radius:50%;width:24px;height:24px;box-shadow:0 3px 8px #0003}.reversiScoreItem.black .reversiScoreDisc{background:#111}.reversiScoreItem.white .reversiScoreDisc{background:#fff;border:1px solid #7a7166}.reversiMeta{color:#4d6a58;margin:0;font-weight:800}.reversiMessage{color:#713f12;background:#fef3c7;border-radius:14px;margin:0;padding:12px;font-weight:900}.reversiActions{grid-template-columns:1fr;gap:10px;padding:16px;display:grid}.reversiActions button{width:100%}.reversiModal p{color:#3e342b}@media (width<=820px){.reversiGameLayout{grid-template-columns:1fr}.reversiSidePanel{order:-1}.reversiActions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.reversiPage{padding-left:10px;padding-right:10px}.reversiBoardFrame{grid-template-rows:20px auto;grid-template-columns:20px minmax(0,1fr)}.reversiBoard{border-width:8px;border-radius:16px;width:calc(100vw - 48px);padding:6px}.reversiActions{grid-template-columns:1fr}}.ticTacToePage{max-width:760px;min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.ticTacToeStatusBar{background:#fffaf3e0;border-radius:28px;justify-content:space-between;align-items:end;gap:16px;margin-bottom:22px;padding:18px 20px;display:flex;box-shadow:0 14px 38px #43260e1f}.ticTacToeStatusBar h1{margin:4px 0 0;font-size:clamp(30px,8vw,54px)}.ticTacToeLastMove{color:#6f4a2c;margin:8px 0 0;font-weight:700}.ticTacToeBoardSection{place-items:center;display:grid}.ticTacToeBoard{aspect-ratio:1;background:#fff7eb;border:10px solid #2f2115;border-radius:24px;grid-template-columns:repeat(3,1fr);width:min(92vw,420px);padding:10px;display:grid;box-shadow:inset 0 0 0 1px #ffffff6b,0 18px 44px #502d0e38}.ticTacToeCell{color:#2f2115;background:#fffaf3;border:3px solid #2f2115;border-radius:0;min-width:0;min-height:72px;padding:0;font-size:clamp(54px,18vw,92px);font-weight:900;line-height:1}.ticTacToeCell:nth-child(-n+3){border-top:0}.ticTacToeCell:nth-child(3n+1){border-left:0}.ticTacToeCell:nth-child(3n){border-right:0}.ticTacToeCell:nth-child(n+7){border-bottom:0}.ticTacToeCell:not(:disabled):hover{background:#eef8f6}.ticTacToeCell:disabled{opacity:1}.ticTacToeCell.player-x{color:#0f766e}.ticTacToeCell.player-o{color:#be123c}.ticTacToeCell.lastMove{background:#ecfeff}.ticTacToeCell.winningCell{background:#fef3c7;box-shadow:inset 0 0 0 5px #fbbf24}.ticTacToeActions{padding:14px 0 max(10px, env(safe-area-inset-bottom));background:linear-gradient(#f6ead800,#f6ead8 28%);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px;display:flex;position:sticky;bottom:0}.flyingPage{max-width:1180px;min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.flyingHeader{background:#fffaf3db;border-radius:28px;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;padding:18px 20px;display:flex;box-shadow:0 14px 38px #43260e1f}.flyingHeader h1{margin:4px 0 0;font-size:clamp(30px,7vw,52px)}.flyingLayout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.lineupPanel{background:#fffaf3e0;border-radius:22px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:14px 16px;display:flex;box-shadow:0 12px 30px #43260e1a}.lineupPanel p{color:#6f4a2c;margin:4px 0 0;font-size:13px;font-weight:700}.lineupOptions{flex-wrap:wrap;gap:8px;display:flex}.lineupOption{background:color-mix(in srgb, var(--player-color) 12%, #fffaf3);min-height:38px;color:var(--player-color);opacity:.58;border:2px solid;padding:0 12px}.lineupOption.selected{background:var(--player-color);color:#fffaf3;opacity:1}.lineupHint{color:#dc2626;font-size:13px;font-weight:800}.flyingBoard{aspect-ratio:1;background:radial-gradient(circle,#fffaf3d6 0 9%,#0000 10%),linear-gradient(135deg,#fee2e26b 0 20%,#0000 20%),linear-gradient(225deg,#fef3c780 0 20%,#0000 20%),linear-gradient(315deg,#dbeafe80 0 20%,#0000 20%),linear-gradient(45deg,#dcfce780 0 20%,#0000 20%),#efd0a3;border:12px solid #b87932;border-radius:28px;width:min(76vw,720px);margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff52,0 16px 40px #502d0e33}.routeLayer{position:absolute;inset:0}.routePoint,.takeoffPoint,.targetPoint,.approachRoute{border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.approachRoute{z-index:0;pointer-events:none;border-radius:999px}.approachRoute.player-red{background:linear-gradient(90deg, color-mix(in srgb, var(--player-color) 32%, transparent), color-mix(in srgb, var(--player-color) 18%, transparent));width:16%;height:3.1%;top:50%;left:13.5%}.approachRoute.player-yellow{background:linear-gradient(180deg, color-mix(in srgb, var(--player-color) 32%, transparent), color-mix(in srgb, var(--player-color) 18%, transparent));width:3.1%;height:16%;top:13.5%;left:50%}.approachRoute.player-blue{background:linear-gradient(270deg, color-mix(in srgb, var(--player-color) 32%, transparent), color-mix(in srgb, var(--player-color) 18%, transparent));width:16%;height:3.1%;top:50%;left:86.5%}.approachRoute.player-green{background:linear-gradient(0deg, color-mix(in srgb, var(--player-color) 32%, transparent), color-mix(in srgb, var(--player-color) 18%, transparent));width:3.1%;height:16%;top:86.5%;left:50%}.routePoint{color:#6f4a2c85;background:#fff7eb;border:1px solid #6f4a2c6b;width:5.2%;height:5.2%;font-size:9px;font-weight:800}.routePoint.approachRoutePoint,.routePoint.homeRoute{z-index:1;border:3px solid color-mix(in srgb, var(--player-color) 78%, #1f130b);background:color-mix(in srgb, var(--player-color) 36%, #fffaf3);color:#1f130b;width:4.8%;height:4.8%;box-shadow:0 0 0 2px #fffaf3, 0 0 0 4px color-mix(in srgb, var(--player-color) 30%, transparent);font-size:10px}.takeoffPoint{z-index:1;color:currentColor;background:#ffffffe0;border:3px solid;width:6.4%;height:6.4%;font-size:11px;font-weight:900}.targetPoint{z-index:2;background:#ffffff42;border:3px dashed;width:8.2%;height:8.2%;box-shadow:0 0 18px}.targetPoint.capture{border-color:#dc2626;box-shadow:0 0 18px #dc2626}.targetPoint.selectedTarget{background:#ffffff6b}.baseLabel{text-align:center;pointer-events:none;background:#ffffff70;border:2px solid;border-radius:16px;place-items:center;width:13%;height:13%;font-size:clamp(10px,1.45vw,13px);font-weight:900;line-height:1.1;display:grid;position:absolute}.baseLabel.inactive{opacity:.28;filter:grayscale(.85)}.inactiveCamp{z-index:1;width:13%;height:13%;color:color-mix(in srgb, var(--player-color) 58%, #5b3619);opacity:.62;pointer-events:none;border-radius:16px;place-items:center;font-size:12px;font-weight:900;display:grid;position:absolute}.inactiveCamp.player-red{top:3.2%;left:3.2%}.inactiveCamp.player-yellow{top:3.2%;right:3.2%}.inactiveCamp.player-blue{bottom:3.2%;right:3.2%}.inactiveCamp.player-green{bottom:3.2%;left:3.2%}.baseLabel.red{color:#ef4444;background:#fee2e294;top:3.2%;left:3.2%}.baseLabel.yellow{color:#f59e0b;background:#fef3c79e;top:3.2%;right:3.2%}.baseLabel.blue{color:#3b82f6;background:#dbeafe9e;bottom:3.2%;right:3.2%}.baseLabel.green{color:#22c55e;background:#dcfce79e;bottom:3.2%;left:3.2%}.flyingFinish{z-index:2;color:#2f2115;pointer-events:none;background:conic-gradient(#fee2e2,#fef3c7,#dbeafe,#dcfce7,#fee2e2);border:1px solid #2f21152e;border-radius:50%;place-items:center;width:8.6%;height:8.6%;font-size:clamp(10px,1.5vw,13px);font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planeButton{z-index:3;background:var(--player-color);color:#fffaf3;border:2px solid #fffaf3;border-radius:50%;place-items:center;width:6.6%;min-width:40px;height:6.6%;min-height:40px;padding:0;font-size:19px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 14px #0000002e}.planeButton.inBase{width:5.2%;min-width:32px;height:5.2%;min-height:32px;font-size:16px;box-shadow:0 4px 10px #00000029}.planeButton.inBase:before{content:"";border-radius:50%;position:absolute;inset:-6px}.planeButton:disabled{opacity:.72;cursor:default}.planeButton.selectable{box-shadow:0 0 0 4px color-mix(in srgb, var(--player-color) 32%, transparent), 0 8px 18px #00000038;cursor:pointer;opacity:1;border-color:#fff}.planeButton.selected{outline:3px dashed var(--player-color);outline-offset:4px}.stackBadge{color:#fffaf3;background:#2f2115;border:2px solid #fffaf3;border-radius:999px;min-width:22px;height:22px;padding:0 5px;font-size:11px;line-height:18px;position:absolute;bottom:-6px;right:-6px}.flyingSidePanel{gap:14px;display:grid}.dicePanel,.playerPanel{background:#fffaf3e6;border-radius:24px;padding:18px;box-shadow:0 12px 30px #43260e1a}.dicePanel{text-align:center;justify-items:center;gap:12px;display:grid}.diceValue{background:#fff7eb;border:2px solid #8c6239;border-radius:24px;place-items:center;width:92px;height:92px;font-size:44px;font-weight:900;display:grid}.devDiceControls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.devDiceControls button{min-width:34px;min-height:34px;padding:0;font-size:12px}.playerPanel{gap:10px;display:grid}.playerCard{background:#fff7eb;border:2px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.playerCard.current{background:color-mix(in srgb, var(--player-color) 10%, #fff7eb);box-shadow:0 0 18px color-mix(in srgb, var(--player-color) 18%, transparent);border-color:currentColor}.playerCard em{color:#fffaf3;background:currentColor;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.rollInlineButton{background:var(--player-color);color:#fffaf3;min-height:36px;box-shadow:0 8px 18px color-mix(in srgb, var(--player-color) 26%, transparent);padding:0 14px}.player-red{--player-color:#ef4444;color:#ef4444}.player-yellow{--player-color:#f59e0b;color:#f59e0b}.player-blue{--player-color:#3b82f6;color:#3b82f6}.player-green{--player-color:#22c55e;color:#22c55e}.flyingActions{background:0 0;margin-top:0;padding:0;position:static}@media (width<=1340px){.modeGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=820px){.modeGrid,.flyingLayout{grid-template-columns:1fr}.flyingHeader{flex-direction:column;align-items:start}.flyingBoard{width:min(92vw,680px)}.ticTacToeStatusBar{flex-direction:column;align-items:start}}.modeCard.xiangqi{background:linear-gradient(135deg,#fef3c7c7,#ffedd5c2)}.xiangqiPage{--xq-cell:min(8.4vw, 50px);max-width:900px}.xiangqiHeader{margin-bottom:16px}.xiangqiHeader h1{margin:4px 0 0;font-size:clamp(30px,7vw,52px)}.xiangqiStatusBar{background:#fffaf3e6;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex;box-shadow:0 12px 30px #43260e1a}.xiangqiStatusInfo{min-width:0}.xiangqiStatusLabel{margin:0;font-size:clamp(22px,5vw,32px);font-weight:800}.xiangqiStatusHint{color:#6f4a2c;margin:6px 0 0;font-size:14px;font-weight:700;line-height:1.5}.xiangqiTurnChip{text-align:center;background:#fffaf0;border:2px solid #d9c8a3;border-radius:16px;flex:none;min-width:96px;padding:10px 14px}.xiangqiTurnChipLabel{color:#8c6239;font-size:12px;font-weight:700;display:block}.xiangqiTurnChipValue{margin-top:2px;font-size:20px;font-weight:900;display:block}.xiangqiTurnChip.turn-red .xiangqiTurnChipValue{color:#b3261e}.xiangqiTurnChip.turn-black{background:#eef6ff;border-color:#9fb8d8}.xiangqiTurnChip.turn-black .xiangqiTurnChipValue{color:#24313f}.xiangqiBoardSection{justify-items:center;display:grid}.xiangqiBoardScroller{overscroll-behavior-x:contain;max-width:100%;padding:8px 0 4px;overflow-x:auto}.xiangqiBoard{width:calc(var(--xq-cell) * 10);height:calc(var(--xq-cell) * 11);padding:calc(var(--xq-cell) / 2);background:#e9c78d;border-radius:10px;position:relative;box-shadow:inset 0 0 0 2px #7b4b2a,0 16px 40px #5032143d}.xiangqiPalace{left:calc(var(--xq-cell) * 5);top:calc(var(--xq-cell) * 2);width:calc(var(--xq-cell) * 2.8284);pointer-events:none;background:#6b4226;height:2px;position:absolute;transform:translate(-50%,-50%)rotate(45deg)}.xiangqiPalace.reverse{transform:translate(-50%,-50%)rotate(-45deg)}.xiangqiPalace.red{top:calc(var(--xq-cell) * 9)}.xiangqiRiver{left:calc(var(--xq-cell) * .5);right:calc(var(--xq-cell) * .5);top:calc(var(--xq-cell) * 5);height:var(--xq-cell);color:#7b4225;font-size:calc(var(--xq-cell) * .44);letter-spacing:.16em;pointer-events:none;justify-content:space-around;align-items:center;font-weight:800;display:flex;position:absolute}.xiangqiGrid{z-index:1;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(9,1fr);width:100%;height:100%;display:grid;position:relative}.xiangqiPoint{min-width:0;min-height:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.xiangqiPoint:disabled{opacity:1}.xiangqiPoint:before,.xiangqiPoint:after{content:"";pointer-events:none;background:#6b4226;position:absolute}.xiangqiPoint:before{height:1.5px;top:50%;left:0;right:0;transform:translateY(-50%)}.xiangqiPoint:after{width:1.5px;top:0;bottom:0;left:50%;transform:translate(-50%)}.xiangqiPoint.edgeLeft:before{left:50%}.xiangqiPoint.edgeRight:before{right:50%}.xiangqiPoint.edgeTop:after{top:50%}.xiangqiPoint.edgeBottom:after,.xiangqiPoint.riverTop:after{bottom:50%}.xiangqiPoint.riverBottom:after{top:50%}.xiangqiPiece{z-index:3;width:calc(var(--xq-cell) * .86);height:calc(var(--xq-cell) * .86);font-size:calc(var(--xq-cell) * .5);background:linear-gradient(160deg,#fbeac4,#edcf98);border-radius:50%;place-items:center;font-weight:800;line-height:1;display:grid;position:relative;box-shadow:0 3px 6px #462a0e4d}.xiangqiPiece.red{color:#b3261e;border:2px solid #b3261e}.xiangqiPiece.black{color:#24313f;border:2px solid #24313f}.xiangqiPoint.lastFrom .xiangqiPiece{opacity:.72}.xiangqiPoint.lastTo .xiangqiPiece{box-shadow:0 0 0 3px #2563eb99,0 3px 6px #462a0e4d}.xiangqiPoint.selected .xiangqiPiece{box-shadow:0 0 0 3px #d87826f2,0 3px 6px #462a0e4d}.xiangqiPoint.capture .xiangqiPiece{box-shadow:0 0 0 3px #b3261ef2,0 3px 6px #462a0e4d}.xiangqiPoint.check .xiangqiPiece{box-shadow:0 0 0 3px #dc2626fa,0 3px 6px #462a0e4d}.xiangqiTargetDot{z-index:2;width:calc(var(--xq-cell) * .3);height:calc(var(--xq-cell) * .3);background:#167654eb;border-radius:50%;position:relative;box-shadow:0 0 0 4px #16765438}.xiangqiLegend{color:#6f4a2c;justify-content:space-between;gap:12px;width:100%;margin:12px 0 0;font-size:13px;font-weight:700;display:flex}.xiangqiActions button{min-width:104px}.xiangqiModal{max-width:520px}.xiangqiModalBody p{color:#3e342b;margin:0 0 8px;line-height:1.6}@media (width<=520px){.xiangqiStatusBar{flex-direction:column;align-items:stretch}.xiangqiTurnChip{min-width:0}.xiangqiLegend{flex-direction:column;gap:4px}.xiangqiActions button{flex:1;min-width:0}}.modeCard.chess{background:linear-gradient(135deg,#fee2e2c7,#fef3c7c7)}.chessPage{--ch-cell:min(11vw, 64px);max-width:980px;padding-bottom:max(120px, env(safe-area-inset-bottom));margin:0 auto}.chessHeader{text-align:center;margin-bottom:16px}.chessHeader h1{margin:4px 0 0;font-size:clamp(30px,7vw,52px)}.chessStatusBar{background:#fffaf3e6;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 18px;display:flex;box-shadow:0 12px 30px #43260e1a}.chessStatusInfo{min-width:0}.chessStatusLabel{margin:0;font-size:clamp(22px,5vw,32px);font-weight:800}.chessStatusHint{color:#6f4a2c;margin:6px 0 0;font-size:14px;font-weight:700;line-height:1.5}.chessTurnChip{text-align:center;background:#fffaf0;border:2px solid #d9c8a3;border-radius:16px;flex:none;min-width:96px;padding:10px 14px}.chessTurnChipLabel{color:#8c6239;font-size:12px;font-weight:700;display:block}.chessTurnChipValue{margin-top:2px;font-size:20px;font-weight:900;display:block}.chessTurnChip.turn-white{background:#eef6ff;border-color:#9fb8d8}.chessTurnChip.turn-white .chessTurnChipValue{color:#24313f}.chessTurnChip.turn-black{background:#2f2115;border-color:#2f2115}.chessTurnChip.turn-black .chessTurnChipLabel{color:#fbeacb}.chessTurnChip.turn-black .chessTurnChipValue{color:#fffaf3}.chessBoardSection{justify-items:center;display:grid}.chessBoardScroller{overscroll-behavior-x:contain;max-width:100%;padding:8px 0 4px;overflow-x:auto}.chessBoard{width:calc(var(--ch-cell) * 8);aspect-ratio:1;background:#2f2115;border:6px solid #2f2115;border-radius:14px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);padding:0;display:grid;box-shadow:0 16px 40px #502d0e47}.chessCell{cursor:pointer;border:0;border-radius:0;place-items:center;min-width:0;min-height:0;padding:0;line-height:1;display:grid;position:relative}.chessCell:disabled{opacity:1}.chessCell.light{background:#ead9b7}.chessCell.dark{background:#9b7048}.chessCell.selected:after{content:"";pointer-events:none;border:4px solid #e0a243;border-radius:6px;position:absolute;inset:6%}.chessCell.capture:after{content:"";pointer-events:none;border:5px solid #dc2626;border-radius:50%;position:absolute;inset:7%;box-shadow:0 0 0 3px #dc262642,inset 0 0 0 2px #dc262638}.chessCell.check{background:#d96c54!important}.chessPiece{font-size:calc(var(--ch-cell) * .74);pointer-events:none;line-height:1}.chessPiece.white{color:#2f2115;text-shadow:0 1px #fff7eb99}.chessPiece.black{color:#1a120a;text-shadow:0 1px #fff7eb2e}.chessCell.lastFrom .chessPiece{opacity:.78}.chessCell.lastTo .chessPiece{filter:drop-shadow(0 0 4px #2563eb99)}.chessPiece.capturePiece{filter:drop-shadow(0 0 3px #dc2626f2);opacity:.8}.chessTargetDot{background:#b45309;border-radius:50%;width:28%;height:28%;box-shadow:0 0 0 3px #b4530942}.chessLegend{color:#6f4a2c;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:12px 0 0;font-size:13px;font-weight:700;display:flex}.chessLegendHints{align-items:center;gap:14px;display:inline-flex}.chessLegendHint{align-items:center;gap:5px;display:inline-flex}.chessLegendDot{background:#b45309;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 2px #b4530942}.chessLegendRing{border:2px solid #dc2626;border-radius:50%;width:13px;height:13px}.chessActions{padding:14px 0 max(10px, env(safe-area-inset-bottom));background:linear-gradient(#f6ead800,#f6ead8 28%);margin-top:18px;position:sticky;bottom:0}.chessActions button{flex:1;min-width:0}.chessModal{max-width:520px}.chessModalBody p{color:#3e342b;margin:0 0 8px;line-height:1.6}@media (width<=520px){.chessStatusBar{flex-direction:column;align-items:stretch}.chessTurnChip{min-width:0}.chessLegend{flex-direction:column;gap:4px}}.heroCard{position:relative}.weappFab{z-index:10;justify-items:end;gap:10px;display:grid;position:absolute;bottom:24px;right:28px}.weappFabButton{color:#fff;background:#07c160;border-radius:50%;width:60px;min-height:60px;padding:0;font-size:13px;font-weight:800;line-height:1.2;box-shadow:0 10px 26px #07c16066}.weappFabButton:active{transform:scale(.95)}.weappFabPanel{text-align:center;background:#fffaf3;border:1px solid #8c623947;border-radius:22px;width:240px;padding:20px;position:absolute;bottom:72px;right:0;box-shadow:0 24px 60px #43260e47}.weappFabQrcode{border-radius:12px;width:192px;height:192px;margin:0 auto;display:block}.weappFabPanel h2{margin:12px 0 4px;font-size:18px}.weappFabPanel p{color:#6f4a2c;margin:0;font-size:13px;line-height:1.6}@media (width<=520px){.weappFab{bottom:16px;right:18px}.weappFabButton{width:52px;min-height:52px;font-size:12px}.weappFabPanel{bottom:62px}}