:root{color-scheme:dark;font-family:Inter,Noto Sans TC,system-ui,sans-serif;--ink:#f7fbf4;--deep:#052e31;--panel:rgba(4,42,43,.92);--mint:#50efd4;--gold:#ffd760;--coral:#ff7a67}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#041f24;color:var(--ink)}html{overflow-y:auto!important;overscroll-behavior-y:auto!important}body[data-screen=main]{height:auto!important;overflow-y:visible!important;overscroll-behavior-y:auto!important}button,select{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.main-screen{width:min(100%,980px);margin:0 auto;padding:16px;min-height:min(760px,100svh);display:grid;grid-template-rows:72px 1fr;gap:14px;background:linear-gradient(#0223241f,#022324b8),url(../../assets/interface7-redrawn/animal-one-line.webp) center/cover}.main-header{display:grid;grid-template-columns:76px minmax(0,1fr) 132px;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(133,255,226,.35);border-radius:22px;background:#021c20e6}.main-header>strong{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(20px,4vw,28px)}.main-return{width:56px;height:56px;border-radius:15px;background:#fff;display:grid;grid-template-columns:1fr 24px;place-items:center;color:#1378a7;text-decoration:none;font-size:28px;font-weight:900}.main-return img{width:22px;height:22px;object-fit:contain}.locale-control select{width:100%;min-height:44px;border-radius:12px;background:#123c42;color:#fff;border:1px solid #498187;padding:0 8px}.main-hero{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.8fr);align-items:center;gap:24px;padding:20px;border-radius:28px;background:#042628b8;backdrop-filter:blur(10px)}.main-poster{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px;box-shadow:0 18px 60px #001a1acc}.main-copy{display:grid;gap:14px}.main-copy small{color:#8dffe6;font-weight:800}.main-copy h1{font-size:clamp(40px,7vw,74px);line-height:.95;margin:0}.main-copy p{font-size:clamp(17px,2.3vw,22px);line-height:1.5;margin:0}.main-progress{padding:14px;border-radius:16px;background:#02161bd1;color:#b9fff1}.primary-action{min-height:58px;border:0;border-radius:16px;background:linear-gradient(#ffe888,#ffc638);color:#2f2600;font-weight:1000;font-size:20px;box-shadow:0 7px #b77d00}.game-page-info{width:min(100%,980px);margin:0 auto}body[data-screen=stage] .game-page-info,body[data-screen=battle] .game-page-info{display:none!important}.stage-canvas,.battle-canvas{position:relative;width:100%;height:calc(100svh - var(--wp-ad-reserve-height, 0px));overflow:hidden;background:linear-gradient(#022326a1,#022326bd),url(../../assets/interface7-redrawn/animal-one-line.webp) center/cover}.stage-card{flex:0 0 264px;height:208px;scroll-snap-align:center;border-radius:24px;border:2px solid rgba(149,255,230,.36);background:linear-gradient(#022d2c80,#021e21f2),url(../../assets/interface7-redrawn/animal-one-line.webp) center/cover;color:#fff;padding:16px;text-align:left;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 18px 40px #001a1a80}.stage-screen,.battle-screen{position:fixed;inset:0;background:#041f24}.stage-canvas,.battle-canvas{position:relative;width:100%;height:calc(100svh - var(--wp-ad-reserve-height, 0px));overflow:hidden;background:linear-gradient(#022326a1,#022326bd),url(../../assets/interface7-redrawn/animal-one-line.webp) center/cover}.stage-header{position:absolute;z-index:3;left:18px;right:18px;top:18px;height:84px;display:grid;grid-template-columns:60px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(121,250,222,.45);border-radius:22px;background:#03282aeb}.stage-header button,.battle-header>button{width:52px;height:52px;border-radius:14px;border:1px solid #7afae1;background:#fff;color:#117baa;font-size:28px;font-weight:900}.stage-header div{display:grid;gap:3px}.stage-header strong{font-size:24px}.stage-header span{color:#a9e9dd}.stage-header img{width:70px;height:70px;object-fit:contain}.lesson-panel{position:absolute;left:24px;right:24px;top:120px;min-height:96px;padding:14px 18px;border-radius:18px;background:#04312ee6;border:1px solid rgba(255,226,105,.5);display:grid;gap:4px}.lesson-panel small{color:#ffe275;font-weight:900}.lesson-panel strong{font-size:22px}.lesson-panel p{margin:0;color:#d0eee8}.stage-rail{position:absolute;left:18px;right:18px;bottom:18px;height:330px;display:flex;gap:18px;align-items:center;overflow-x:auto;overflow-y:hidden;padding:28px calc(50% - 132px);scroll-snap-type:x mandatory;touch-action:pan-x}.stage-card{flex:0 0 264px;height:208px;scroll-snap-align:center;border-radius:24px;border:2px solid rgba(149,255,230,.36);background:linear-gradient(#022d2c80,#021e21f2),url(../../assets/interface7-redrawn/animal-one-line.webp) center/cover;color:#fff;padding:16px;text-align:left;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 18px 40px #001a1a80}.stage-card.selected{border-color:#65ffd8;box-shadow:0 0 0 5px #55ffd433,0 18px 40px #001a1a}.stage-card.locked{filter:saturate(.2) brightness(.55)}.stage-card strong{font-size:34px}.stage-card small,.stage-card span{font-weight:800}.stage-ad-reserve,.battle-ad-reserve,.wp-stage-physical-reserve{height:var(--wp-ad-reserve-height, 0px);background:#162745}body[data-screen=battle]>.sound-toggle{display:none!important}.battle-canvas{display:grid;grid-template-rows:82px 52px minmax(0,1fr) 54px 70px;gap:8px;padding:10px;background:linear-gradient(#011a1db8,#011a1dc7),url(../../assets/interface7-redrawn/animal-one-line.webp) center/cover}.battle-header{display:grid;grid-template-columns:56px minmax(0,1fr) 92px 92px;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(118,249,221,.38);border-radius:18px;background:#022225eb}.battle-progress{display:grid;gap:6px}.battle-progress>div{height:10px;background:#12383b;border-radius:999px;overflow:hidden}.battle-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#4df1d4,#ffe169);transition:width .1s}.battle-stat{text-align:center;display:grid}.battle-stat small{color:#9cded2}.objective-row{display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:14px;background:#053834e6;font-weight:800;color:#d8fff7;text-align:center}.trace-board{position:relative;min-height:0;border:1px solid rgba(145,255,226,.45);border-radius:24px;background:#f6e5b5e6;overflow:hidden;touch-action:none;user-select:none}.trace-board:before{content:"";position:absolute;inset:0;background:url(../../assets/interface7-redrawn/animal-one-line.webp) center/cover;opacity:.22}.trace-board svg{position:relative;width:100%;height:100%;display:block;touch-action:none}.trail-border,.trail-path,.trail-progress{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail-border{stroke:#f4ddb0;stroke-width:122}.trail-path{stroke:#0caeaa;stroke-width:94}.trail-progress{stroke:#a5fff0;stroke-width:30;stroke-dasharray:1;stroke-dashoffset:1;filter:url(#softGlow)}.start-seal{fill:#39e0c5;stroke:#fff0ae;stroke-width:10}.cursor-dot{fill:#fff;stroke:#23ddc4;stroke-width:8;filter:url(#softGlow)}.goal-seal circle{fill:#ffd759;stroke:#fff2a8;stroke-width:10;filter:url(#softGlow)}.goal-seal text{fill:#7a4c00;font-size:42px;font-weight:1000}.checkpoint{fill:#fff4b1;stroke:#f29d30;stroke-width:7}.checkpoint.done{fill:#5bf0d0;stroke:#fff}.checkpoint-label{fill:#6a4200;font-size:28px;font-weight:1000;pointer-events:none}.obstacle{filter:drop-shadow(0 12px 8px rgba(0,0,0,.28))}.hazard{filter:drop-shadow(0 0 12px #ff5674)}.battle-feedback{padding:8px 14px;border-radius:14px;background:#022326eb;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden}.battle-feedback strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-feedback span{color:#9edfd5;white-space:nowrap}.battle-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.battle-actions button,.result-actions button{border:1px solid #6bf3da;border-radius:15px;background:#0f5153;color:#fff;font-weight:900}.result-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:#001418c7}.result-card{width:min(620px,100%);max-height:100%;overflow:auto;padding:22px;border-radius:26px;background:linear-gradient(145deg,#0b5552,#052e36);border:2px solid #6ff4d9;text-align:center;display:grid;gap:12px}.result-card>img{width:108px;height:108px;object-fit:contain;margin:-12px auto -16px}.result-card h2,.result-card p{margin:0}.result-stars{font-size:38px;color:#ffd963;letter-spacing:8px}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skill-grid>div{padding:10px;border-radius:14px;background:#073c40;display:grid;gap:4px}.skill-grid small{color:#9fe5d8}.result-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;min-height:58px}.result-actions .primary-action{color:#2d2500;background:linear-gradient(#ffe888,#ffc638);border-color:#ffe169}.tutorial-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:#000f12d1}.tutorial-card{position:relative;width:min(520px,100%);padding:24px;border-radius:26px;background:#075253;border:2px solid #72f4dc;display:grid;gap:14px}.tutorial-card>img{width:120px;height:120px;object-fit:contain;margin:auto}.tutorial-card h2{margin:0;text-align:center}.tutorial-card li{margin:8px 0}.tutorial-card>button:first-child{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:#12616a;font-size:24px}.tutorial-card .primary-action{width:100%}@media(max-width:700px){.main-screen{padding:8px;grid-template-rows:68px auto}.main-header{grid-template-columns:62px minmax(0,1fr) 112px;padding:6px}.main-return{width:52px;height:52px}.main-hero{grid-template-columns:1fr;padding:12px;gap:12px}.main-poster{width:min(100%,340px);margin:auto}.main-copy h1{font-size:38px}.main-copy{gap:9px}.stage-header{left:8px;right:8px;top:8px}.lesson-panel{left:10px;right:10px;top:108px}.stage-rail{left:4px;right:4px;bottom:8px;height:300px}.battle-canvas{grid-template-rows:72px 48px minmax(0,1fr) 48px 62px;padding:6px;gap:6px}.battle-header{grid-template-columns:50px minmax(0,1fr) 70px 70px;padding:5px}.battle-header>button{width:46px;height:46px}.battle-stat small{font-size:11px}.skill-grid{grid-template-columns:1fr}.result-actions{grid-template-columns:1fr 1fr}.result-actions .primary-action{grid-column:1/-1}.result-card{padding:16px}.result-card>img{width:86px;height:86px}.battle-feedback{font-size:13px}}@media(max-height:480px)and (orientation:landscape){.stage-header{height:64px;grid-template-columns:48px 1fr 54px}.stage-header button{width:44px;height:44px}.stage-header img{width:52px;height:52px}.lesson-panel{top:78px;left:8px;right:auto;width:36%;min-height:80px;padding:9px}.stage-rail{left:38%;top:76px;bottom:4px;height:auto;padding-block:8px}.stage-card{height:180px}.battle-canvas{grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:58px 42px minmax(0,1fr) 44px;grid-template-areas:"head head" "objective side" "board side" "feedback side";gap:4px;padding:4px}.battle-header{grid-area:head}.objective-row{grid-area:objective}.trace-board{grid-area:board}.battle-feedback{grid-area:feedback}.battle-actions{grid-area:side;grid-template-columns:1fr;align-content:center}.result-card{width:min(760px,96%);grid-template-columns:110px 1fr;grid-template-areas:"img title" "img stars" "text skills" "best actions";gap:6px;padding:10px}.result-card>img{grid-area:img}.result-card h2{grid-area:title}.result-stars{grid-area:stars}.result-card>p:not(.best-text){grid-area:text}.skill-grid{grid-area:skills;grid-template-columns:repeat(3,1fr)}.best-text{grid-area:best}.result-actions{grid-area:actions}}.stage-header button{width:48px;height:48px}.battle-header>button{width:46px;height:46px}.trail-guide{fill:none;stroke:#fff3ae;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:3 4;opacity:0;transition:opacity .2s;filter:url(#softGlow)}.trail-guide.visible{opacity:.72}.battle-leave-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#001418d1}.battle-leave-card{width:min(480px,100%);display:grid;gap:16px;padding:22px;border:2px solid #6ff4d9;border-radius:24px;background:linear-gradient(145deg,#0b5552,#052e36);box-shadow:0 20px 60px #001a1acc}.battle-leave-card h2,.battle-leave-card p{margin:0;text-align:center}.battle-leave-card>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.battle-leave-card button{min-height:52px;border:1px solid #6bf3da;border-radius:14px;background:#0f5153;color:#fff;font-weight:900}.battle-leave-card button:first-child{color:#2d2500;background:linear-gradient(#ffe888,#ffc638);border-color:#ffe169}.battle-leave-card button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.result-card .result-goal{color:#ffe888;font-weight:800;line-height:1.35}@media(max-height:480px)and (orientation:landscape){.result-card{grid-template-areas:"img title" "img stars" "text skills" "best best" "goal goal" "actions actions"}.result-card>p.result-goal{grid-area:goal}.result-actions{grid-area:actions}}.stage-canvas .stage-rail{bottom:68px}.stage-canvas .stage-tabs{position:absolute;z-index:4;left:18px;right:18px;bottom:10px;height:48px;display:grid;place-items:center}.stage-canvas .stage-tabs button{min-width:168px;min-height:44px;padding:8px 16px;border:1px solid #79f9df;border-radius:12px;background:#073c40;color:#effffb;font-weight:900}@media(max-height:480px)and (orientation:landscape){.stage-canvas .stage-rail{bottom:58px}.stage-canvas .stage-tabs{bottom:4px}}.objective-row{padding:6px 12px;overflow:hidden;font-size:clamp(11px,2.3vw,14px);line-height:1.2}.result-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.result-actions .primary-action{grid-column:auto}.main-screen:is(.wp-standard-main-flow-node,.wp-standard-main-flow-owner)[hidden]{display:none!important;pointer-events:none!important}.tutorial-card>button:first-child{width:44px;height:44px}.result-actions button{min-height:44px}@media(max-height:480px)and (orientation:landscape){.main-screen{height:100svh;min-height:0;padding:4px;grid-template-rows:56px minmax(0,1fr);gap:4px}.main-header{grid-template-columns:52px minmax(0,1fr) 160px;padding:4px 8px;gap:8px;border-radius:16px}.main-header>strong{font-size:22px}.main-return{width:44px;height:44px;border-radius:12px;font-size:22px}.main-hero{height:auto;min-height:0;grid-template-columns:420px minmax(0,1fr);padding:6px;gap:12px}.main-poster{width:420px;height:420px;aspect-ratio:1;margin:auto}.main-copy{min-height:0;gap:5px}.main-copy h1{font-size:30px;line-height:1}.main-copy p{font-size:14px;line-height:1.3}.main-progress{padding:7px;font-size:13px;line-height:1.2}.main-copy .primary-action{min-height:44px;font-size:16px;box-shadow:0 4px #b77d00}.tutorial-overlay{padding:8px}.tutorial-card{width:min(720px,100%);max-height:calc(100svh - 16px);padding:12px;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"image title" "image steps" "image action";gap:7px 14px}.tutorial-card>img{grid-area:image;width:96px;height:96px;align-self:center}.tutorial-card h2{grid-area:title;padding-right:44px;font-size:20px;line-height:1.15}.tutorial-card ol{grid-area:steps;margin:0;padding-left:22px;font-size:14px;line-height:1.2}.tutorial-card li{margin:3px 0}.tutorial-card .primary-action{grid-area:action;min-height:44px;font-size:16px;box-shadow:0 4px #b77d00}.battle-actions button,.result-actions button{min-height:44px}}@media(max-height:480px)and (orientation:landscape){body[data-screen=main] .main-screen.wp-standard-main-screen{height:100svh!important;min-height:0!important;padding:4px!important}.main-screen.wp-standard-main-screen .wp-standard-main-composition{--wp-main-landscape-poster-size:420px!important;grid-template-columns:420px minmax(0,1fr)!important;padding:6px!important;gap:12px}.main-screen.wp-standard-main-screen .wp-standard-main-poster{width:420px!important;min-width:420px!important;max-width:420px!important;height:420px!important;min-height:420px!important;max-height:420px!important}.main-poster.wp-standard-main-poster-media{width:420px!important;min-width:420px!important;max-width:420px!important;height:420px!important;min-height:420px!important;max-height:420px!important;margin:auto!important}.wp-standard-main-composition .wp-standard-main-copy{height:420px!important;min-height:0!important;gap:5px!important}.wp-standard-main-composition .wp-standard-main-copy>small{font-size:11px!important;line-height:1.1!important}.wp-standard-main-composition .wp-standard-main-copy h1{font-size:26px!important;line-height:1!important}.wp-standard-main-composition .wp-standard-main-copy p{font-size:12px!important;line-height:1.2!important}.wp-standard-main-composition .wp-standard-main-copy .main-progress{padding-inline:7px!important;font-size:12px!important;line-height:1.15!important}}.battle-header>button{align-self:start}.trace-board{display:grid;place-items:center;padding:clamp(8px,1.8vmin,18px);background:linear-gradient(145deg,#edeeccfa,#cbe0b9fa);container-type:size}.trace-board:before{opacity:.08}.line-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:clamp(5px,1.2vmin,12px);width:min(100cqw,calc(100cqh * var(--cols) / var(--rows)));height:min(100cqh,calc(100cqw * var(--rows) / var(--cols)));max-width:680px;max-height:680px;aspect-ratio:var(--cols)/var(--rows);touch-action:none}.line-grid:focus-visible{outline:4px solid #fff8b0;outline-offset:4px}.line-cell{position:relative;min-width:0;min-height:0;border-radius:clamp(10px,2vmin,20px);display:grid;place-items:center;font-size:clamp(18px,4vmin,34px);transition:background .12s,transform .12s,box-shadow .12s}.line-cell.is-open{background:#f7f1d6;border:2px solid #c8c5a9;box-shadow:inset 0 -5px #575c4429,0 5px 12px #1e372a2e}.line-cell.is-blocked{background:linear-gradient(135deg,#6f8791 0 50%,#566c79 50%);border:2px solid #81949c;box-shadow:inset 0 -6px #17262f47}.line-cell.is-visited{background:linear-gradient(145deg,#a6e25a,#67bb31);border-color:#e8ffc2;box-shadow:inset 0 -5px #2b6f1240,0 0 0 3px #aef05f4d}.line-cell.is-current{transform:scale(.94);box-shadow:inset 0 0 0 4px #fff8b0,0 0 18px #cfff78}.line-cell.is-start:not(.is-visited){background:#ffe17a;border-color:#fff4b2;animation:startPulse 1.15s ease-in-out infinite}.line-cell.is-hint{animation:hintPulse .55s ease-in-out 2}@keyframes startPulse{50%{box-shadow:0 0 0 7px #ffde5e4d,0 5px 12px #1e372a2e}}@keyframes hintPulse{50%{transform:scale(.88);background:#fff08d;box-shadow:0 0 0 8px #ffe14959}}@media(max-width:700px){.line-grid{gap:6px}.trace-board{padding:6px}}@media(max-height:480px)and (orientation:landscape){.line-grid{height:100%;width:auto;max-width:100%;aspect-ratio:var(--cols)/var(--rows)}.trace-board{padding:5px}.line-cell{border-radius:8px}}@media(max-height:480px)and (orientation:landscape){.stage-canvas[data-wp-stage-landscape-width] .stage-header.wp-stage-shell-header{position:absolute!important;left:8px!important;right:8px!important;width:calc(100% - 16px)!important}.stage-canvas[data-wp-stage-landscape-width] #stageRail{min-width:0!important;max-width:none!important}}@media(max-width:700px)and (orientation:portrait){body.wp-stage-select-active [data-wp-logical-stage-canvas] .wp-stage-shell-header>.wp-shell-settings>.wp-shell-settings-popover{inset-inline-end:8px!important}}#battleScreen .battle-canvas{background-color:#102534;background-image:linear-gradient(135deg,rgba(53,87,103,.12) 25%,transparent 25%),linear-gradient(315deg,rgba(53,87,103,.12) 25%,transparent 25%);background-size:64px 64px}#battleScreen .objective-row{border-radius:4px;background:#1b3543;border:1px solid #3d6170;color:#e0eee9}#battleScreen .trace-board{--chapter-accent:#57dcc8;padding:18px 14px 24px;border-radius:6px;border:2px solid #587784;outline:3px solid transparent;outline-offset:-3px;background:linear-gradient(#102a3930,#102a3950),url(../../assets/animal-one-line-courtyard-v24.webp) center/cover;box-shadow:inset 0 2px #7c9697,inset 0 -8px #0a1d29,0 4px #071b26}#battleScreen .trace-board:before{inset:10px;opacity:.1;background:none;border:1px solid #7db7bd;pointer-events:none}#battleScreen .line-grid{gap:8px;direction:ltr;overflow:visible;isolation:isolate}#battleScreen .courtyard-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86;pointer-events:none;user-select:none}#battleScreen .line-cell{border-radius:3px;transform:none;animation:none;transition:background-color .14s,border-color .14s,box-shadow .14s}#battleScreen .line-cell.is-open{background:linear-gradient(145deg,#c1d3cc,#91aaa7);border:1px solid #d5e6dc;box-shadow:inset 0 3px #e0ece1,inset 0 -5px #647e80,0 5px #405c65,0 7px 4px #071a2455}#battleScreen .line-cell.is-open:after{content:"";position:absolute;inset:13%;border:1px solid #72919655;pointer-events:none;border-radius:1px}#battleScreen .line-cell.is-blocked{background:linear-gradient(135deg,#576b74 0 48%,#435761 49%);border:1px solid #6f8186;box-shadow:inset 0 4px #849293,inset -4px 0 #344b58,0 7px #1b303c}#battleScreen .line-cell.is-blocked:after{content:"";position:absolute;inset:23%;border:2px solid #243d49;transform:rotate(45deg);opacity:.65}#battleScreen .line-cell.is-visited{background:color-mix(in srgb,var(--chapter-accent) 65%,#224a51);border-color:var(--chapter-accent);box-shadow:inset 0 3px #b8fff177,inset 0 -5px #164c55,0 5px #10313d,0 0 18px #56dfcf18}#battleScreen .line-cell.is-option{border-color:#ecf4c5;box-shadow:inset 0 3px #e2eed2,inset 0 -5px #647e80,0 5px #405c65,0 0 0 2px #d9eeac44}#battleScreen .line-cell.is-option:after{inset:40%;background:#e8f7d1;border:0;box-shadow:0 0 8px #efffdd55}#battleScreen .line-cell.is-current{transform:none;border-color:#fff2b5;box-shadow:inset 0 0 0 3px #fff0b1,inset 0 -5px #246774,0 5px #153d4a,0 0 20px #ffd67766}#battleScreen .line-cell.is-start:not(.is-visited){background:#edcb77;border-color:#ffebb1;box-shadow:inset 0 3px #fff0be,inset 0 -5px #a88342,0 5px #665535,0 0 20px #ffd96944;animation:one-line-start 1.2s ease-out 2}#battleScreen .start-mark{position:relative;z-index:3;width:32%;height:36%;color:#644b2c}#battleScreen .start-mark i,#battleScreen .start-mark b{position:absolute;background:currentColor;border-radius:1px;box-shadow:0 1px #ffedb1}#battleScreen .start-mark i{width:20%;height:24%;top:0}#battleScreen .start-mark i:nth-child(1){left:0;top:18%}#battleScreen .start-mark i:nth-child(2){left:26%}#battleScreen .start-mark i:nth-child(3){right:26%}#battleScreen .start-mark i:nth-child(4){right:0;top:18%}#battleScreen .start-mark b{inset:40% 20% 0}#battleScreen .is-visited .start-mark{opacity:0}#battleScreen .line-grid>.route-ink{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}.route-ink polyline{fill:none;stroke-linejoin:round;stroke-linecap:round}.route-shadow{stroke:#183e48;stroke-width:calc(var(--route-width) + 5px);opacity:.4}.route-light{stroke:#fff0b1;stroke-width:var(--route-width);filter:drop-shadow(0 0 4px #ffe5a0aa)}.route-head{fill:#fffdf0;stroke:#ffc85e;stroke-width:2px}#battleScreen .line-cell.is-hint{animation:one-line-hint .6s ease-in-out 2}#battleScreen .is-complete .line-cell.is-visited{animation:one-line-clear .65s ease-out both}#battleScreen .battle-feedback{border-radius:4px;background:#162f3d;border:1px solid #304e5d;color:#e1eee9}#battleScreen .battle-feedback strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}#battleScreen .battle-actions button{border-radius:4px;background:#264755;border:1px solid #648790;box-shadow:inset 0 2px #90a9a444,inset 0 -4px #122c39}#battleScreen .battle-actions button:active{background:#3a6170}#battleScreen .result-card,.tutorial-card,.battle-leave-card{border-radius:6px;background:linear-gradient(150deg,#284b59,#122b3c);border-color:#789b9d;box-shadow:inset 0 3px #b1c7bd33,0 14px #071a2555}#battleScreen .result-card .skill-grid>div{border-radius:3px;background:#112e3d;border:1px solid #46636c}#battleScreen .result-card>img{filter:drop-shadow(0 8px 7px #05182488)}#battleScreen .result-overlay:not([hidden]) .result-card,.tutorial-overlay:not([hidden]) .tutorial-card,.battle-leave-overlay:not([hidden]) .battle-leave-card{animation:one-line-enter .24s ease-out both}#battleScreen .result-stars{animation:one-line-stars .42s ease-out both}#stageScreen .lesson-panel{border-radius:4px;background:#102c3def;border:1px solid #688a8e;box-shadow:inset 0 3px #bddac022}#stageScreen .stage-card{position:relative;background:linear-gradient(150deg,#284753,#162e3d);border-radius:5px;border-color:#68838a;box-shadow:inset 0 3px #c1d7ce33,0 7px #081c29;isolation:isolate}#stageScreen .stage-card.selected{border-color:var(--chapter-accent,#57dcc8);box-shadow:inset 0 3px #c1d7ce33,0 7px #081c29,0 0 0 3px #78e1d333}#stageScreen .stage-card.locked{filter:saturate(.35);opacity:.72}#stageScreen .stage-card>strong{font-size:26px;align-self:start}#stageScreen .stage-card>.puzzle-preview{position:absolute;right:16px;top:46px;width:96px;height:106px;filter:drop-shadow(0 4px 0 #081c2988);pointer-events:none;z-index:-1}#stageScreen .stage-card>span{font-size:15px;color:#d7e7de}#stageScreen .stage-card>small{color:#f6dc99}@keyframes one-line-start{50%{filter:brightness(1.16)}}@keyframes one-line-hint{50%{filter:brightness(1.4);outline:3px solid #fff2a4;outline-offset:-4px}}@keyframes one-line-clear{40%{filter:brightness(1.7)}to{filter:brightness(1.12)}}@keyframes one-line-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes one-line-stars{0%{opacity:0;filter:brightness(2)}to{opacity:1;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){#battleScreen .line-cell,#battleScreen .result-card,#battleScreen .result-stars,.tutorial-card,.battle-leave-card{animation:none!important;transition:none!important}#battleScreen .line-cell.is-hint{outline:3px solid #fff2a4;outline-offset:-4px}}
