/* Fixed decorative layers never move the board or match details. */
body{isolation:isolate;background-color:#0c2853;background-image:none}.live-sky{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-2;--sky-x:0px;--sky-y:0px}.sky-landscape{position:absolute;inset:-24px;background:url('/assets/sky-kingdom-v2.png') center top/cover no-repeat;transform:translate(var(--sky-x),var(--sky-y));transition:transform .7s ease-out;animation:sky-drift 38s ease-in-out infinite alternate}.sky-haze{position:absolute;inset:-15%;background:radial-gradient(ellipse at 20% 45%,#b6dbff22,transparent 48%),radial-gradient(ellipse at 80% 72%,#ffe6b818,transparent 35%);mix-blend-mode:screen;animation:haze-drift 23s ease-in-out infinite alternate}.sky-lights{position:absolute;inset:0;transform:translate(calc(var(--sky-x)*1.8),calc(var(--sky-y)*1.8));transition:transform .5s ease-out}.sky-lights i{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff3c9;left:calc(5% + var(--i)*8%);top:calc(15% + mod(var(--i)*17%,70%));box-shadow:0 0 10px 3px #ccecff60;animation:sky-glint 7s ease-in-out infinite;animation-delay:calc(var(--i)*-.6s)}.live-sky.paused *{animation-play-state:paused!important}header .brand>img{width:54px;height:54px;border-radius:14px;object-fit:contain}.loading-screen>img{border-radius:18px}.search-portrait>img{border-radius:20px;object-fit:contain}.wallet-currency>b{font-variant-numeric:tabular-nums;white-space:nowrap}
@keyframes sky-drift{from{background-position:49% 0;scale:1.015}to{background-position:51% 1%;scale:1.045}}@keyframes haze-drift{to{transform:translate(3%,2%) scale(1.04)}}@keyframes sky-glint{0%,100%{opacity:.1;transform:translateY(8px)}50%{opacity:.8;transform:translateY(-12px)}}
.wide-dialog{width:min(1060px,94vw);max-width:1060px!important}.review-layout,.rules-guide{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,1fr);gap:27px;align-items:start}.review-board,.lesson-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));aspect-ratio:1;border:5px solid #93bac8;border-radius:10px;overflow:hidden;background:#cce0df;box-shadow:0 8px 25px #0005}.replay-square{position:relative;display:grid;place-items:center;background:#cce0df;aspect-ratio:1;min-width:0}.replay-square.dark{background:#346e68}.replay-square>svg{width:100%;height:100%;overflow:hidden}.replay-square.replay-last{box-shadow:inset 0 0 0 3px #f2d276;background:#c6c17e}.review-method{font-size:12px!important;color:#b5ccdc}.review-comment h3,.lesson-copy h3{font:600 27px Georgia,serif;margin:12px 0;color:#ffe8b0}.review-comment p,.lesson-copy p{font-size:14px;line-height:1.8;color:#d1e1ec}.review-score{color:#b9eddc;font-size:17px}.review-alternative{padding:13px 17px;border-radius:12px;border:1px solid #a9c5d53a;background:#44617a3a;margin:18px 0}.review-controls,.lesson-controls{display:flex;gap:9px;align-items:center;justify-content:center;margin:20px 0 14px;flex-wrap:wrap}.review-controls>button,.lesson-controls>button{min-height:41px}.review-range{display:flex;align-items:center;gap:15px;font-size:12px}.review-range input{flex:1;accent-color:#efd080}.review-launch{width:100%;justify-content:center;margin-top:14px}.lesson-stage{position:relative}.lesson-magic{display:none;position:absolute;right:25%;top:37%;color:#ffe787;font-size:50px;pointer-events:none;text-shadow:0 0 25px #9bdfff}.awakening .lesson-magic{display:block;animation:lesson-thunder .8s ease-out}.lesson-target:after{content:'';position:absolute;width:15%;height:15%;border-radius:50%;background:#baf9f9aa;box-shadow:0 0 8px #a9efff}.lesson-copy>b{font-size:17px;line-height:1.6;display:block;color:#bdebe7}.lesson-count{font-variant-numeric:tabular-nums;color:#e9c981}.lesson-board .piece{animation:lesson-arrive .5s ease-out}.bot-untimed-note{padding:12px 15px;border:1px solid #9fc5d43d;border-radius:12px;color:#c9e6e9}.sticker-tease .emote-head{animation:tease-wiggle 1.7s infinite}.sticker-clap .emote-hands{transform-origin:102px 150px;animation:royal-clap .6s ease-in-out infinite}.sticker-again .emote-symbol{transform-origin:102px 60px;animation:royal-rematch 4s linear infinite}.sticker-nice .emote-hand{transform-origin:157px 140px;animation:emote-salute 2s infinite}
@keyframes lesson-thunder{0%,35%{opacity:0;scale:.3}20%,60%{opacity:1;scale:1.6}100%{scale:1}}@keyframes lesson-arrive{from{opacity:.6;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes tease-wiggle{20%{transform:rotate(-7deg)}40%{transform:rotate(7deg)}60%,100%{transform:none}}@keyframes royal-clap{50%{transform:scaleX(.72)}}@keyframes royal-rematch{to{transform:rotate(360deg)}}
.cash-packs{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.cash-pack{padding:17px;border:1px solid #99c3d34d;border-radius:15px;background:#2a516780;display:flex;flex-direction:column;gap:9px}.cash-pack strong{font-size:20px;color:#ffe19c}.cash-pack small{font-size:11px;color:#bad2df}.cash-pack button{min-height:40px}.cash-status{padding:12px 16px;background:#4c4b5a66;border-radius:10px;font-size:13px;line-height:1.7}.cash-note{font-size:12px!important}
body.reduced .live-sky *,body.reduced .lesson-board *,body.reduced .lesson-magic{animation:none!important;transition:none!important;transform:none!important}.live-sky.paused .sky-landscape{scale:1}.live-sky.paused .sky-lights{transform:none}
@media(prefers-reduced-motion:reduce){.live-sky *,.lesson-board *,.lesson-magic{animation:none!important;transition:none!important;transform:none!important}}
@media(max-width:700px){.review-layout,.rules-guide{grid-template-columns:1fr;gap:16px}.review-board,.lesson-stage{max-width:430px;width:100%;margin:auto}.review-comment h3,.lesson-copy h3{font-size:23px}.cash-packs{grid-template-columns:1fr 1fr}.cash-pack{padding:12px}.cash-pack strong{font-size:17px}header .brand>img{width:42px;height:42px}}

/* Compact icon-only capture rails: royal pieces above, pawns below. */
.captured-list{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%;min-width:0}.captured-line{display:flex;flex-direction:row;flex-wrap:nowrap;gap:3px;align-items:center;overflow-x:auto;overscroll-behavior-x:contain;min-height:0;padding-bottom:3px}.captured-line:empty{display:none}.captured-piece{flex:0 0 42px!important;width:42px!important;min-width:42px!important;padding:3px!important;border:0!important;background:none!important;border-radius:0!important;box-shadow:none!important;gap:0!important}.captured-icon{width:40px!important;height:46px!important}.captured-icon .piece{width:100%!important;height:100%!important}.captured-pawns{border-top:1px solid #9dbccc24;padding-top:4px}.game-notice{padding:13px 18px;border-radius:12px;color:#ffe8b4;line-height:1.6;font-size:14px}
@media(min-width:1600px){.captured-piece{flex-basis:44px!important;width:44px!important;min-width:44px!important}.captured-icon{width:42px!important;height:48px!important}}

.lesson-board{aspect-ratio:9/8;grid-template-rows:repeat(8,minmax(0,1fr))}