@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";.learn-world{color:#382654;min-height:100vh;font-family:var(--font-geist-sans),Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffdf9}.learn-world *{box-sizing:border-box}.learn-world a{color:inherit;text-decoration:none}.learn-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:auto;padding:28px 36px;display:flex}.learn-logo{letter-spacing:-1.5px;font-size:29px;font-weight:900;color:#7044bd!important}.learn-logo span{letter-spacing:1px;margin-top:3px;font-size:12px;font-weight:600;display:block}.nav-pill{background:#fff;border:1px solid #ded2ee;border-radius:30px;padding:12px 22px;font-size:15px;font-weight:750}.learn-intro{text-align:center;padding:48px 24px 37px}.learn-kicker{letter-spacing:2px;color:#7c5c99;font-size:12px;font-weight:800}.learn-intro h1{letter-spacing:-4px;margin:19px 0;font-size:clamp(48px,6.4vw,84px);font-weight:850;line-height:1.04}.learn-intro h1 em{color:#8851cb;font-style:normal}.learn-intro p{color:#766780;font-size:20px}.intro-dots{justify-content:center;gap:9px;margin-top:25px;display:flex}.intro-dots i{background:#edb849;border-radius:50%;width:9px;height:9px}.intro-dots i:nth-child(2){background:#ec91b8}.intro-dots i:nth-child(3){background:#64cce7}.intro-dots i:nth-child(4){background:#7fc991}.intro-dots i:nth-child(5){background:#a887db}.activity-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:12px 30px 85px;display:grid}.activity-card{border:1px solid color-mix(in srgb,var(--card-color) 65%,white);background:color-mix(in srgb,var(--card-color) 17%,white);box-shadow:0 5px 0 color-mix(in srgb,var(--card-color) 35%,white);border-radius:30px;grid-column:span 2;transition:transform .2s,box-shadow .2s;overflow:hidden}.activity-card:nth-child(4){grid-column:span 2}.activity-card:hover{box-shadow:0 12px 0 color-mix(in srgb,var(--card-color) 35%,white);transform:translateY(-7px)}.card-top{justify-content:space-between;align-items:center;padding:21px 23px;font-size:13px;font-weight:700;display:flex}.card-top b{opacity:.5;font-size:16px}.card-art{justify-content:center;align-items:center;height:220px;display:flex;position:relative}.card-art>img{object-fit:contain;z-index:1;width:83%;height:100%;transition:transform .3s}.activity-card:hover .card-art>img{transform:rotate(-4deg)scale(1.05)}.card-symbol{letter-spacing:6px;color:color-mix(in srgb,var(--card-color) 80%,#644772);opacity:.65;font-size:43px;font-weight:900;position:absolute;top:0;left:20px;transform:rotate(-8deg)}.card-copy{padding:20px 25px 27px}.card-copy h2{letter-spacing:-.8px;margin:0 0 8px;font-size:23px;font-weight:800}.card-copy p{color:#75647e;min-height:48px;margin:0 0 20px;font-size:15px;line-height:1.6}.card-play{justify-content:space-between;align-items:center;font-size:15px;font-weight:800;display:flex}.card-play>span{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.app-callout{background:#eee5fb;border-radius:40px;grid-template-columns:.85fr 1fr;align-items:center;gap:50px;max-width:1140px;margin:0 auto 65px;padding:50px 60px;display:grid}.app-mochi img{filter:drop-shadow(0 20px 15px #63408822);width:100%}.app-callout h2{letter-spacing:-2px;margin:15px 0 20px;font-size:44px;font-weight:850;line-height:1.13}.app-callout p{color:#746080;font-size:17px;line-height:1.7}.play-store{text-align:left;color:#fff;opacity:1;cursor:default;background:#332441;border:0;border-radius:15px;align-items:center;gap:18px;margin-top:25px;padding:16px 27px;font-size:25px;font-weight:700;display:flex}.play-store>span:first-child{color:#b6ecc9;font-size:30px}.play-store small{letter-spacing:1px;margin-bottom:3px;font-size:11px;font-weight:600;display:block}.app-callout .app-note{max-width:390px;margin-top:18px;font-size:14px}.learn-footer{color:#806c90;border-top:1px solid #e6ddef;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:auto;padding:30px 36px 40px;font-size:14px;display:flex}.learn-footer a{color:#7345b7;font-weight:800}.learn-world button,.learn-world a{touch-action:manipulation}.learn-world button:focus-visible,.learn-world a:focus-visible{outline-offset:5px;outline:3px solid #623baf}.lesson-main{text-align:center;max-width:1100px;margin:auto;padding:20px 32px 70px}.all-activities{text-underline-offset:4px;margin-bottom:28px;font-size:14px;display:inline-block;color:#765496!important;text-decoration:underline!important}.lesson-main h1{letter-spacing:-2px;margin:0 0 15px;font-size:clamp(32px,5vw,54px);font-weight:850;line-height:1.15}.lesson-instruction{color:#786686;margin:0 auto 30px;font-size:18px;line-height:1.6}.lesson-stage{background:color-mix(in srgb,var(--card-color) 18%,white);border:1px solid color-mix(in srgb,var(--card-color) 50%,white);border-radius:35px;justify-content:center;align-items:center;gap:35px;min-height:320px;padding:30px;display:flex}.lesson-friend{object-fit:contain;width:270px;max-width:40%;animation:4s ease-in-out infinite friend-float}.discovery{flex-direction:column;align-items:center;min-width:250px;animation:.45s ease-out discovery-pop;display:flex}.discovery p{margin:20px 0 0;font-size:24px;font-weight:750}.giant-letter{color:#d54884;letter-spacing:-7px;font-size:150px;font-weight:900;line-height:1}.giant-letter small{opacity:.7;margin-left:12px;font-size:95px}.lesson-picker{flex-wrap:wrap;justify-content:center;gap:12px;max-width:820px;margin:27px auto;display:flex}.lesson-picker button{color:#62467c;cursor:pointer;background:#fff;border:2px solid #e3d8ee;border-radius:16px;min-width:58px;padding:14px 20px;font-size:18px;font-weight:750}.lesson-picker button.selected{color:#fff;background:#7146bf;border-color:#7146bf;box-shadow:0 4px #d6c4ee}.letter-picker button{min-width:51px;padding:12px}.learn-shape{background:#2eaed6;width:160px;height:160px}.learn-shape.circle{border-radius:50%}.learn-shape.oval{border-radius:50%;width:220px}.learn-shape.rectangle{width:230px;height:130px}.learn-shape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.learn-shape.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:180px;height:200px}.color-orb{border-radius:50%;width:190px;height:190px;box-shadow:inset 0 0 0 7px #fff6,0 12px #0000000a}.together-note{color:#82728d;margin-top:25px;font-size:16px;line-height:1.7}.drawing-stage{gap:15px;padding:24px}.drawing-stage .lesson-friend{width:190px;max-width:23%}.drawing-board{flex:1;min-width:0}.drawing-board canvas{aspect-ratio:1000/650;touch-action:none;cursor:crosshair;background:#fff;border:2px solid #d8c6ed;border-radius:20px;width:100%;height:auto;display:block}.drawing-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;display:flex}.color-choice{cursor:pointer;border:3px solid #fff;border-radius:50%;width:35px;height:35px}.color-choice.selected{outline-offset:2px;outline:3px solid #563f72}.clear-drawing{color:#664783;cursor:pointer;background:#fff;border:1px solid #cbb5e3;border-radius:20px;padding:10px 14px;font-size:14px}@keyframes discovery-pop{0%{opacity:0;transform:scale(.25)}to{opacity:1;transform:scale(1)}}@keyframes friend-float{50%{transform:translateY(-10px)}}@media (width<=850px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.activity-card,.activity-card:nth-child(4){grid-column:auto}.activity-card:last-child{grid-column:auto;width:100%}.app-callout{gap:25px;margin:0 24px 45px;padding:35px}.app-callout h2{font-size:34px}.learn-footer{flex-wrap:wrap}.learn-footer p{order:3;width:100%;margin:0}.card-art{height:200px}}@media (width<=540px){.learn-nav{padding:20px}.learn-logo{font-size:25px}.learn-logo span{font-size:10px}.nav-pill{padding:10px 15px;font-size:14px}.learn-intro{padding:30px 20px}.learn-intro h1{letter-spacing:-2.7px;font-size:52px}.learn-intro p{font-size:17px}.learn-kicker{letter-spacing:1.5px;font-size:10px}.activity-grid{gap:15px;padding:10px 18px 50px}.activity-card{border-radius:23px}.card-top{gap:5px;padding:14px 13px;font-size:11px}.card-top b{font-size:12px}.card-art{height:145px}.card-symbol{letter-spacing:3px;font-size:25px;left:12px}.card-copy{padding:13px 14px 18px}.card-copy h2{min-height:46px;font-size:19px;line-height:1.2}.card-copy p{min-height:63px;margin-bottom:12px;font-size:14px;line-height:1.5}.card-play{font-size:14px}.card-play>span{width:27px;height:27px;font-size:10px}.activity-card:last-child{grid-column:auto;max-width:none}.app-callout{text-align:center;grid-template-columns:1fr;gap:10px;margin:0 18px 40px;padding:28px 24px}.app-mochi img{width:200px}.app-callout h2{font-size:34px}.play-store{margin:22px auto 0}.learn-footer{padding:25px 22px}.lesson-main{padding:14px 17px 40px}.lesson-instruction{font-size:16px}.lesson-stage{gap:5px;min-height:270px;padding:20px 12px}.lesson-friend{max-width:38%}.discovery{flex:1;min-width:0}.giant-letter{letter-spacing:-5px;font-size:95px}.giant-letter small{margin-left:5px;font-size:59px}.discovery p{font-size:19px}.learn-shape{width:110px;height:110px}.learn-shape.oval{width:150px}.learn-shape.rectangle{width:150px;height:90px}.learn-shape.diamond{width:120px;height:150px}.color-orb{width:130px;height:130px}.lesson-picker{gap:9px}.lesson-picker button{min-width:46px;padding:12px 15px;font-size:16px}.letter-picker button{min-width:42px;padding:10px}.drawing-stage{padding:14px;display:block}.drawing-stage .lesson-friend{width:110px;max-width:100%;margin:auto}.drawing-tools{gap:10px}.color-choice{width:31px;height:31px}.together-note{font-size:14px}}@media (prefers-reduced-motion:reduce){.activity-card,.card-art>img{transition:none}.lesson-friend,.discovery{animation:none}}.character-sprite{aspect-ratio:1;flex-shrink:0;width:230px;display:block;position:relative;overflow:hidden}.character-sprite img{object-fit:fill;width:200%;max-width:none;height:200%;position:absolute;top:0;left:0}.character-bloop img{left:-100%}.character-sprout img{top:-100%}.character-puffin img{top:-100%;left:-100%}.card-art>.character-sprite{z-index:1;width:205px;max-width:90%}.lesson-stage>.character-sprite{width:270px}.drawing-stage>.character-sprite{width:190px}@media (width<=540px){.card-art>.character-sprite,.lesson-stage>.character-sprite{width:145px}.drawing-stage>.character-sprite{width:110px}}.learn-world .all-activities,.mallow-main>.all-activities{background:linear-gradient(135deg,#8853cf,#693ab0);border:2px solid #8553cb;border-radius:22px;justify-content:center;align-items:center;gap:13px;width:fit-content;max-width:100%;min-height:60px;margin:0 auto 28px;padding:13px 24px;font-size:18px;font-weight:800;line-height:1.35;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 5px #d6bceb,0 9px 20px #7044bd18;color:#fff!important;text-decoration:none!important}.mallow-main>.all-activities{display:flex}.learn-world .all-activities:hover{transform:translateY(-2px);box-shadow:0 7px #d6bceb,0 11px 22px #7044bd22}.learn-world .all-activities:active{transform:translateY(3px);box-shadow:0 2px #d6bceb}.activities-icon{background:#ffffff20;border-radius:12px;flex-shrink:0;grid-template-columns:repeat(2,10px);gap:4px;padding:8px;display:grid}.activities-icon i{background:#ffd36d;border-radius:3px;width:10px;height:10px}.activities-icon i:nth-child(2){background:#ffb7d3}.activities-icon i:nth-child(3){background:#91e0f2}.activities-icon i:nth-child(4){background:#b8edb5}@media (width<=540px){.learn-world .all-activities,.mallow-main>.all-activities{min-height:58px;margin-bottom:24px;padding:12px 18px;font-size:17px}}@media (prefers-reduced-motion:reduce){.learn-world .all-activities{transition:none}}.alphabet-stage{gap:24px;min-height:350px}.alphabet-stage>.lesson-friend{width:210px;max-width:27%}.alphabet-stage .discovery{flex:1;min-width:0}.letter-and-picture{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.alphabet-stage .giant-letter{font-size:120px}.alphabet-stage .giant-letter small{font-size:78px}.alphabet-picture-button{cursor:pointer;touch-action:manipulation;background:radial-gradient(circle,#fff 0%,#ffffff85 57%,#0000 70%);border:0;border-radius:35%;flex-shrink:0;width:230px;height:230px;padding:0}.alphabet-picture{transform-origin:50% 85%;filter:drop-shadow(0 9px 6px #a4719420);background-image:url(/smooshlings/alphabet.png);background-repeat:no-repeat;background-size:600% 500%;width:100%;height:100%;display:block}.alphabet-motion-0{animation:1.2s ease-in-out alphabet-hop}.alphabet-motion-1{animation:1.2s ease-in-out alphabet-rock}.alphabet-motion-2{animation:1.5s ease-in-out alphabet-float}.alphabet-motion-3{animation:1.2s ease-in-out alphabet-squish}@keyframes alphabet-hop{0%,to{transform:translateY(0)}20%{transform:scale(1.06,.92)}45%{transform:translateY(-22px)rotate(-5deg)}70%{transform:translateY(0)scale(1.04,.96)}85%{transform:translateY(-6px)}}@keyframes alphabet-rock{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-6deg)}85%{transform:rotate(3deg)}}@keyframes alphabet-float{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-18px)rotate(-5deg)}70%{transform:translateY(-9px)rotate(5deg)}}@keyframes alphabet-squish{0%,to{transform:scale(1)}25%{transform:scale(1.12,.86)}50%{transform:scale(.94,1.07)}75%{transform:scale(1.04,.97)}}@media (width<=850px){.alphabet-stage>.lesson-friend{max-width:23%}.alphabet-stage .giant-letter{font-size:90px}.alphabet-stage .giant-letter small{font-size:60px}.alphabet-picture-button{width:190px;height:190px}.letter-and-picture{gap:8px}}@media (width<=540px){.alphabet-stage{min-height:0;padding:20px 12px 23px;display:block;position:relative}.alphabet-stage>.lesson-friend{opacity:.95;width:70px;max-width:70px;position:absolute;top:7px;left:6px}.alphabet-stage .discovery{padding-top:38px}.alphabet-stage .giant-letter{letter-spacing:-5px;font-size:86px}.alphabet-stage .giant-letter small{margin-left:4px;font-size:53px}.alphabet-picture-button{width:160px;height:160px}.alphabet-stage .discovery p{margin-top:10px;font-size:22px}}@media (width<=360px){.alphabet-picture-button{width:135px;height:135px}.alphabet-stage .giant-letter{font-size:70px}.alphabet-stage .giant-letter small{font-size:45px}}@media (prefers-reduced-motion:reduce){.alphabet-picture{animation:none!important}}.alphabet-picture{background:0 0;width:84%;height:84%;margin:8%;overflow:hidden}.pip-heading{justify-content:center;align-items:center;gap:22px;max-width:760px;margin:-8px auto 0;display:flex}.pip-heading h1{text-align:left;margin:0}.pip-heading .pip-heading-friend{flex-shrink:0;width:220px;animation:4s ease-in-out infinite friend-float}.alphabet-stage .discovery{padding-top:0}.alphabet-stage{min-height:300px}@media (width<=540px){.pip-heading{gap:4px;margin:-5px auto 2px}.pip-heading h1{letter-spacing:-1.2px;max-width:190px;font-size:clamp(27px,7vw,36px)}.pip-heading .pip-heading-friend{width:150px;max-width:43vw}.alphabet-stage{min-height:0}.alphabet-stage .discovery{padding-top:0}}@media (prefers-reduced-motion:reduce){.pip-heading .pip-heading-friend{animation:none}}.app-friends{place-items:center;width:100%;min-width:0;display:grid}.friends-cluster{aspect-ratio:1.12;isolation:isolate;width:100%;max-width:450px;position:relative}.cluster-friend{filter:drop-shadow(0 12px 8px #63408820);width:43%;position:absolute}.cluster-friend>.character-sprite{width:100%;max-width:none}.cluster-friend>img{width:100%;height:auto;display:block}.cluster-sprout{z-index:1;top:8%;left:0;transform:rotate(-10deg)}.cluster-mallow{z-index:2;width:39%;top:0;left:31%}.cluster-bloop{z-index:1;top:13%;right:-1%;transform:rotate(9deg)}.cluster-pip{z-index:3;bottom:2%;left:0;transform:rotate(-7deg)}.cluster-mochi{z-index:5;width:52%;bottom:0;left:25%}.cluster-puffin{z-index:4;bottom:2%;right:-2%;transform:rotate(7deg)}@media (width<=540px){.friends-cluster{max-width:340px;margin:5px auto 12px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10141d;--panel:#191e29;--border:#303440;--muted:#9da3b1;--gold:#d8b979;--text:#eee9df}*{box-sizing:border-box}body{background:radial-gradient(ellipse at 30% 45%,#29253255,transparent 60%),var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:16px}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #efd394}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,.brand{font-family:Cinzel,Georgia,serif;font-weight:500}h1{letter-spacing:-.7px;margin-top:9px;font-size:clamp(25px,2.8vw,38px)}h2{font-size:25px;line-height:1.35}h3{font-size:16px;font-weight:600}.app{max-width:1320px;margin:auto;padding:0 42px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:100px;display:flex}.brand{color:var(--text);letter-spacing:3px;align-items:center;gap:13px;font-size:23px;text-decoration:none;display:flex}.brand-icon{color:var(--gold);font-size:40px;line-height:1}.brand small{letter-spacing:4px;color:var(--gold);margin-top:5px;font-family:DM Sans,sans-serif;font-size:10px;display:block}.header-right{align-items:center;gap:30px;display:flex}.edition{letter-spacing:2px;color:#8b8f9d;font-size:11px}.subtle{border:1px solid var(--border);background:0 0;border-radius:6px;padding:10px 15px;font-size:14px}.subtle:hover{background:#ffffff09;border-color:#686473}.subtle span{color:var(--gold);margin-left:12px}.arena-heading{justify-content:space-between;align-items:center;gap:20px;margin:32px 0 25px;display:flex}.eyebrow{letter-spacing:2.3px;color:var(--gold);font-size:10px;font-weight:700}.gold-button{color:#272119;white-space:nowrap;background:linear-gradient(120deg,#e4c992,#cda464);border:1px solid #e8cc92;border-radius:5px;padding:12px 19px;font-size:14px;font-weight:700;box-shadow:0 4px 15px #0003}.gold-button:hover{filter:brightness(1.1)}.game-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:32px;display:grid}.board-column{min-width:0;max-width:790px}.army-bar{align-items:center;gap:12px;min-height:64px;padding:0 2px 13px;display:flex}.army-avatar{color:#b6a3cf;background:#393041;border:1px solid #5b4f6d;border-radius:8px;place-items:center;width:42px;height:42px;font-size:29px;display:grid}.army-avatar.light{color:#efdbaf;background:#494134;border-color:#8b7751}.army-bar strong{font-size:15px;font-weight:600;display:block}.army-bar small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.captured{max-width:170px;color:var(--gold);letter-spacing:-3px;flex-wrap:wrap;margin-left:auto;font-size:19px;display:flex}.turn-indicator{letter-spacing:1.3px;min-width:62px;color:var(--gold);text-align:right;font-size:9px}.turn-indicator.active:before{content:"●";margin-right:5px;font-size:7px}.board-surround{background:linear-gradient(130deg,#645340,#2f2930 25%,#191c24 65%,#4e4032);border:1px solid #79664b;border-radius:5px;padding:12px;box-shadow:0 20px 60px #0007,inset 0 0 0 4px #151820,inset 0 0 0 5px #635540}.board{aspect-ratio:1;border:1px solid #111;grid-template-columns:repeat(8,1fr);display:grid;overflow:hidden}.square{aspect-ratio:1;isolation:isolate;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.square.light{background:linear-gradient(145deg,#aeb0a6,#90948e)}.square.dark{background:linear-gradient(145deg,#4b5160,#3e4350)}.square:after{content:"";pointer-events:none;z-index:4;border:1px solid #00000010;position:absolute;inset:0}.square:hover:after{background:#f5e4b320}.square.last-move:after{background:#d5b45b2b}.square.selected:after{background:#f7d6751a;border:3px solid #f6d68f}.square.in-check:after{background:#bd15154f;box-shadow:inset 0 0 25px #ed4747}.rank,.file{z-index:6;pointer-events:none;color:#ded7c8cc;font-size:10px;font-weight:700;line-height:1;position:absolute}.light .rank,.light .file{color:#252f3fc7}.rank{top:4px;left:4px}.file{bottom:3px;right:4px}.piece{z-index:2;pointer-events:none;filter:drop-shadow(0 4px 2px #0b0d1599);width:95%;height:95%;transition:transform .2s;display:block;position:relative}.piece img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.square:hover .piece{transform:translateY(-3px)}.piece-marker{color:#f0e2bf;text-shadow:0 1px 2px #000,1px 0 2px #000;background:#12172299;border-radius:50%;place-items:center;width:16px;height:16px;font-size:12px;line-height:1;display:grid;position:absolute;bottom:2px;right:1px}.obsidian .piece-marker{color:#cdb5ea}.move-dot{z-index:5;pointer-events:none;background:#172b25aa;border:2px solid #d9edb33b;border-radius:50%;width:24%;height:24%;position:absolute}.capture-ring{z-index:5;pointer-events:none;border:3px solid #edc46c;border-radius:50%;position:absolute;inset:3px}.classic-piece{z-index:2;filter:drop-shadow(0 3px 1px #0008);font-family:Georgia,serif;font-size:clamp(28px,5vw,64px);line-height:1}.classic-piece.w{color:#fff1cd;-webkit-text-stroke:1px #66502c}.classic-piece.b{color:#25202f;-webkit-text-stroke:1px #cfb7f0}.bottom-army{padding:17px 2px 5px}.board-toolbar{justify-content:center;gap:20px;margin-top:15px;display:flex}.board-toolbar button{color:var(--muted);background:0 0;border:0;padding:7px 3px;font-size:12px}.board-toolbar button:hover{color:var(--gold)}.sidebar{flex-direction:column;gap:18px;padding-top:3px;display:flex}.status-card{background:linear-gradient(125deg,#282631,#1e202c);border:1px solid #4c4154;border-radius:8px;min-height:168px;padding:23px}.status-card h2{margin:13px 0 10px;font-size:23px}.status-card p{color:#b3afbb;font-size:14px;line-height:1.7}.status-card.danger{border-color:#af615c}.status-card .gold-button{margin-top:16px}.chronicle,.settings-card{border:1px solid var(--border);background:#181d2780;border-radius:8px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;padding:18px 19px;display:flex}.panel-heading>span{color:var(--muted);font-size:11px}.history-head,.history-row{grid-template-columns:35px 1fr 1fr;gap:6px;padding:10px 19px;display:grid}.history-head{color:#979ca9;letter-spacing:1.5px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff03;font-size:9px}.move-history{scrollbar-width:thin;scrollbar-color:#4d4757 transparent;height:185px;overflow-y:auto}.history-empty{text-align:center;color:var(--muted);padding:28px 4px}.history-empty>span{color:#60596a;font-size:30px}.history-empty p{color:#c2bdc7;margin:10px 0 6px;font-size:14px}.history-empty small{font-size:11px}.history-row{font-size:14px}.history-row:nth-child(2n){background:#ffffff03}.history-row>span:first-child{color:#808696;font-size:12px}.history-row .recent{color:var(--gold)}.settings-card{padding:20px}.settings-card h3{margin-bottom:18px}.settings-card label{justify-content:space-between;align-items:center;gap:10px;margin:18px 0;font-size:13px;display:flex}.settings-card label small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.settings-card input{appearance:none;cursor:pointer;background:#3d424f;border-radius:20px;width:31px;min-width:31px;height:18px;margin:0;position:relative}.settings-card input:after{content:"";background:#9ca0aa;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;top:3px;left:3px}.settings-card input:checked{background:#8b714c}.settings-card input:checked:after{background:#f2dab0;transform:translate(13px)}.tip{border-top:1px solid var(--border);color:var(--gold);gap:12px;padding-top:17px;font-size:20px;display:flex}.tip span{color:#a4a3ab;font-size:11px;line-height:1.8}footer{color:#6f7482;justify-content:space-between;margin-top:6px;padding:30px 0;font-size:11px;display:flex}footer span{letter-spacing:1.5px;font-size:9px}.modal-backdrop,.battle-overlay{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080b13de;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#1d222f;border:1px solid #675941;border-radius:12px;width:100%;max-width:460px;max-height:90dvh;padding:30px;overflow:auto;box-shadow:0 30px 120px #000a}.modal h2{margin:13px 0}.modal p{color:var(--muted);margin-bottom:18px;font-size:14px;line-height:1.8}.field{color:#ccc8c1;margin-top:18px;font-size:14px;display:block}.field select{width:100%;color:var(--text);background:#121722;border:1px solid #424553;border-radius:5px;margin-top:8px;padding:13px 10px;font-size:15px;display:block}.modal-actions{justify-content:space-between;margin-top:28px;display:flex}.promotion-choices{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.promotion-choices button{background:#2e2b33;border:1px solid #6a5a41;border-radius:5px;padding:10px 2px;font-size:11px}.promotion-choices button span{color:var(--gold);font-size:38px;display:block}.rules p{margin-top:16px}.rules .gold-button{width:100%}.battle-scene{text-align:center;background:radial-gradient(at 50% 60%,#503752,#181c28 68%);border:1px solid #756344;border-radius:12px;width:min(700px,100%);padding:30px;position:relative;overflow:hidden;box-shadow:0 0 120px #83604026}.battle-scene h2{margin-top:12px;font-size:34px}.duel{border-bottom:1px solid #c5aa7055;height:300px;margin-top:10px;position:relative}.fighter{width:43%;height:100%;position:absolute;top:0}.fighter .piece{width:100%;height:100%}.fighter .piece-marker{display:none}.attacker{animation:2.3s ease-in-out both lunge;left:0}.defender{animation:2.3s ease-in-out both fall;right:0}.spell-burst{color:#ffe9a2;text-shadow:0 0 30px #e3b856;z-index:5;font-size:90px;line-height:1;animation:2.3s both impact;position:absolute;top:40%;left:58%}.shockwave{border:3px solid #fce1a6;border-radius:50%;width:100px;height:100px;animation:2.3s both impact;position:absolute;top:37%;left:48%;box-shadow:0 0 20px #ffc68f,inset 0 0 15px #fff}.attack-b .spell-burst,.attack-q .spell-burst{color:#d6a8ff;text-shadow:0 0 30px #b854ff}.attack-b .attacker,.attack-q .attacker{animation:2.3s both cast}.attack-r .attacker{animation:2.3s both smash}.attack-n .attacker{animation:2.3s both charge}.battle-caption{color:var(--gold);letter-spacing:1px;margin:18px 0;font-size:14px}@keyframes lunge{0%,20%{transform:translate(0)rotate(0)}40%{transform:translate(-8%)rotate(-8deg)}58%,67%{transform:translate(60%)rotate(13deg)}to{transform:translate(10%)rotate(0)}}@keyframes cast{0%,20%{transform:translateY(0)}40%,65%{filter:drop-shadow(0 0 20px #bf82f9);transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes smash{0%,25%{transform:rotate(0)}45%{transform:translateY(-25px)rotate(-13deg)}60%,70%{transform:translate(50%)rotate(20deg)}to{transform:translate(10%)}}@keyframes charge{0%,25%{transform:translate(-10%)}53%,65%{transform:translate(64%)translateY(-15px)rotate(-5deg)}to{transform:translate(8%)}}@keyframes fall{0%,54%{opacity:1;filter:none;transform:translate(0)}60%{filter:brightness(3);transform:translate(13%)rotate(10deg)}75%{opacity:.8;transform:translate(18%)rotate(18deg)}to{opacity:0;filter:blur(8px);transform:translate(23%)translateY(40px)rotate(30deg)}}@keyframes impact{0%,50%{opacity:0;transform:scale(.2)}58%{opacity:1;transform:scale(1.2)}80%,to{opacity:0;transform:scale(2)}}@media (width>=1400px){.app{max-width:1250px}.game-layout{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=1000px){.app{padding:0 24px}.game-layout{grid-template-columns:minmax(0,1fr) 255px;gap:22px}.edition{display:none}.status-card{padding:18px}.status-card h2{font-size:21px}.captured{max-width:100px}.piece-marker{width:13px;height:13px;font-size:10px}.settings-card{padding:16px}}@media (width<=760px){.app{padding:0 15px}.header{min-height:78px}.brand{letter-spacing:2px;font-size:19px}.brand-icon{font-size:33px}.brand small{font-size:9px}.header-right .subtle{padding:9px;font-size:12px}.header-right .subtle span{display:none}.arena-heading{align-items:center;gap:8px;margin:24px 0 20px}h1{max-width:220px;font-size:23px;line-height:1.35}.eyebrow{letter-spacing:1.6px;font-size:9px}.gold-button{padding:11px 13px;font-size:12px}.game-layout{flex-direction:column;gap:24px;display:flex}.board-column{width:100%}.board-surround{padding:7px}.army-bar strong{font-size:14px}.army-bar small{font-size:11px}.army-avatar{width:35px;height:35px;font-size:25px}.turn-indicator{min-width:48px;font-size:8px}.captured{max-width:80px;font-size:16px}.board-toolbar{gap:16px;margin-top:10px}.board-toolbar button{font-size:11px}.sidebar{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.status-card{grid-column:1/-1;min-height:0;padding:17px 20px}.status-card h2{margin:8px 0 5px}.status-card p{font-size:13px}.chronicle{min-width:0}.panel-heading{gap:4px;padding:15px 12px}.panel-heading h3,.settings-card h3{font-size:13px}.panel-heading>span{font-size:9px}.history-head,.history-row{grid-template-columns:18px 1fr 1fr;gap:3px;padding:10px}.history-head{letter-spacing:1px;font-size:8px}.history-empty{padding:25px 5px}.history-empty p{font-size:12px}.history-empty small{font-size:10px}.settings-card{padding:15px 12px}.settings-card label{gap:4px;font-size:11px}.settings-card label small{font-size:9px}.tip span{font-size:10px}.move-history{height:168px}.rank,.file{font-size:8px}.piece-marker{width:11px;height:11px;font-size:8px;bottom:1px;right:0}footer{padding-top:24px;font-size:10px}footer span{font-size:8px}.battle-scene{padding:22px 14px}.battle-scene h2{font-size:27px}.duel{height:240px}.spell-burst{font-size:65px}.modal{padding:24px}.classic-piece{font-size:clamp(28px,8.5vw,55px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=350px){.sidebar{flex-direction:column;display:flex}.header-right .subtle{font-size:10px}.army-bar{gap:6px}.turn-indicator{display:none}.arena-heading h1{font-size:20px}.captured{max-width:60px}}.piece img{-webkit-mask-image:radial-gradient(28% 50%,#000 68%,#000c 78%,#0000 100%);mask-image:radial-gradient(28% 50%,#000 68%,#000c 78%,#0000 100%)}@media (width>=761px){.app{max-width:1140px}.header{min-height:80px}.arena-heading{margin:22px 0 20px}.game-layout{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.board-column{justify-self:center;width:100%;max-width:min(690px,100dvh - 350px)}.sidebar{gap:14px}.status-card{min-height:145px}.move-history{height:155px}.settings-card{padding:17px}.settings-card label{margin:14px 0}}.eyebrow,.edition,.brand small,.panel-heading>span,.history-head,.history-empty small,.army-bar small,.tip span,footer,footer span,.settings-card label small{font-size:12px}.board-toolbar button,.settings-card label{font-size:14px}.turn-indicator{font-size:10px}.piece-marker{width:16px;height:16px;font-size:12px}.settings-card h3,.panel-heading h3{font-size:16px}@media (width<=760px){.brand small,.eyebrow{font-size:10px}.arena-heading h1{font-size:22px}.sidebar{grid-template-columns:1fr}.move-history{height:150px}.settings-card label small{font-size:12px}.board-toolbar{gap:10px}.board-toolbar button{font-size:12px}.piece-marker{width:12px;height:12px;font-size:9px}.army-bar small{font-size:12px}.captured{max-width:75px}footer span{display:none}}.board-toolbar{flex-wrap:wrap;gap:8px 16px}.hint-from:after{border:3px solid #82d1dc!important}.hint-to:after{box-shadow:inset 0 0 18px #82d1dc80;border:3px solid #82d1dc!important}.hint-note{background:#21333b;border:1px solid #4a7982;border-radius:6px;margin-top:10px;padding:12px 14px;font-size:14px;line-height:1.6}.hint-note span{color:#aebbc5;font-size:12px;display:block}.export-actions{border-top:1px solid var(--border);padding:14px}.export-actions button{width:100%;color:var(--gold)}.export-actions small{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.5;display:block}.pgn-text{resize:vertical;width:100%;height:240px;color:var(--text);background:#10151f;border:1px solid #53586b;border-radius:5px;padding:12px;font:14px/1.6 monospace}.export-buttons{flex-wrap:wrap;gap:10px;display:flex}.copy-status{min-height:25px;margin-top:12px!important}