/* Sunny Park: crisp paper-white controls, flat cartoon scenery and playful greens. */
:root{color-scheme:light;--bg:#eff9e9;--panel:#fffefa;--line:#bdd6af;--text:#254539;--muted:#526c60;--mint:#237e62;--gold:#936416;--accent:#2580a3}
body{background:linear-gradient(#ddf5ff 0,#f2fae9 400px);color:var(--text)}button{background:#fffefa;color:#294839;border-color:#a8c8a2;box-shadow:0 2px 0 #91ad8426}button:hover{background:#e1f3cd}button:disabled{opacity:.58}.primary{background:#287b52;color:white;box-shadow:0 4px 0 #1b593a}.primary:hover{background:#1c6444}a{color:#236a52}header{border-color:#b8dba9;background:#ffffffa8}.brand{color:#28603d}.brand small{color:#528255}.balances b,.gold{color:#906415}input,select{color:#254539;background:#fff;border-color:#9dbbae}input::placeholder{color:#657b70}.error{color:#a12b39}.panel,.battle-card{background:#fffefa;border-color:#c8dfbb;box-shadow:0 5px 0 #b9d6ad33}.pill{background:#f0f7e9;color:#3d6451;border-color:#bad2ad}.bottom-nav{background:#fffffff5;border-color:#adc9a0;box-shadow:0 6px 25px #5a8d4930;backdrop-filter:blur(8px)}.bottom-nav button.active{background:#e0f1cf;color:#225a39}.story-callout{background:#f4f6dd;border-color:#deb647}.story-callout p{color:#344c30}#saveStatus{background:#d5edcb;color:#285331}#saveStatus.error{background:#ffe1d8;color:#803021}.instruction-bar{background:#ffffff6b}.dock{background:#fffefa}.encouragement{color:#2c694c}.feedback{color:#805716}.answers button{background:#f1f7e9;color:#294839;border-color:#9dbda2}.answers button.right{background:#d0efce;border-color:#459454}.answers button.wrong{background:#ffe0d6;border-color:#bb705b}.blank{color:#936416}.question mark,.passage mark{background:#ffdf77;color:#314827}.hint-box{background:#fff2c7;color:#3b5038}.hunt-status{background:#fff8da;color:#2b503c;border-color:#dbc681}.search-grid{background:#d8e7c6;border-color:#afc793}.search-grid span{color:#294831;background:#fffef2}.search-grid span.found{background:#a5da8a;color:#1b4b26}.clue-tabs [aria-pressed=true]{background:#d7edbf;color:#244b2e}.rank-switch .selected{background:#d7edbf;color:#244b2e}.stat{background:#f2f6e6;color:#2e503c}.podium,.podium-card{background:#fff9df;color:#304734}.rank-table th,.rank-table td{border-color:#d0dec3}.rank-table .you{background:#e2f5d4}.activity.lock{background:#fff1d3}.room-number{background:#d6ebc5;color:#2d5b31}.room-button{background:#fffefa}.map-node{background:#fffefa;color:#365735}.shop-item,.shop-icon{color:#355437}.audio-choice{color:#365543}dialog{background:#fffefa;color:#2d4c3b;border:2px solid #c2d8af;border-radius:20px}.mission-summary summary{background:#ffffff88;border-radius:12px}.lesson-preview{margin-bottom:16px}.park-guide{width:145px;height:145px}.combat-scene{background-image:url('park-zones.png');background-size:300% 200%;background-position:calc(var(--zone-x)*50%) calc(var(--zone-y)*100%);border-color:#93bf80}.health{background:#fffdebdf;border-radius:8px;padding:4px 8px;color:#36543b}.health progress{accent-color:#58a44c}.companion{background-image:url('park-animals.png');background-size:400% 400%;background-position:100% 66.666%}
.dog.new-animal,.dog.new-animal.running,.dog.new-animal.happy{background-image:url('park-animals.png');background-size:var(--sw,400%) var(--sh,400%);background-position:var(--sx,0%) var(--sy,0%);filter:drop-shadow(0 4px 2px #3d542928)}
.opening{background:url('park-zones.png') 0 0/300% 200%;border-color:#9fc18b;min-height:530px;color:#27472e}.opening h1{background:#ffffffe0;border-radius:20px;padding:15px;max-width:max-content}.opening .intro-copy{background:#ffffffe8;border-radius:14px;padding:14px;max-width:65%}.opening .dog{width:190px;height:190px}.opening .pill{background:#fff}.intro-card .dog{width:145px;height:145px}.intro-card h1{font-size:2.3rem}
.park-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}.park-heading h1{font-size:clamp(1.8rem,4vw,2.9rem)}.park-heading p{margin:6px 0}.park-heading>.dog{width:90px;height:90px}.stamp-count{background:#fff1ba;border:2px solid #dfc56f;border-radius:14px;padding:12px;font-size:1.1rem;font-weight:800}.stamp-count span{display:block;font-size:.8rem}.park-stage{position:relative;max-width:850px;height:400px;margin:auto;border:4px solid #fffdf0;border-radius:28px;box-shadow:0 8px 0 #9fca892b;overflow:hidden;background-color:#b6df78}.zone-art{background-image:url('park-zones.png');background-size:300% 200%;background-position:calc(var(--zone-x)*50%) calc(var(--zone-y)*100%)}.park-station{position:absolute;transform:translate(-50%,-50%);width:120px;min-height:70px;background:#fffffff2;border:2px solid #85a964;border-radius:16px;font-weight:700;padding:8px 5px;z-index:3;box-shadow:0 4px 0 #648b4444}.park-station>span{display:block;font-size:.88rem;line-height:1.3}.park-station .station-number{display:inline-grid;place-items:center;background:#f7ce59;color:#3e502c;width:28px;height:28px;border-radius:50%;margin-bottom:3px;font-size:1rem}.park-station.current{border:3px solid #237650;box-shadow:0 0 0 4px #ffda63,0 5px 0 #63804f60}.park-station.station-locked{background:#f0f2e7;color:#748170;border-color:#a6b49a}.park-station.station-locked .station-number{background:#d5dccb}.park-station small{font-size:.78rem}.park-walker{position:absolute;transform:translate(-50%,-30%);width:82px;height:82px;z-index:5;pointer-events:none;transition:left .22s linear,top .22s linear}.park-walker.running{animation:park-trot .15s infinite alternate}@keyframes park-trot{from{transform:translate(-50%,-30%) rotate(-5deg)}to{transform:translate(-50%,-37%) rotate(5deg)}}.park-console{max-width:850px;margin:16px auto 20px;background:#fffefa;border:1px solid #b7d5a2;border-radius:22px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:10px 20px}.park-selection h2{font-size:1.4rem;margin:3px 0}.park-selection p{margin:5px 0 12px}.park-selection .eyebrow{font-size:.8rem;margin:0}.park-selection .primary{min-width:170px}.direction-pad{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(2,48px);gap:5px;align-self:center}.direction-pad button{padding:0;font-size:1.5rem;font-weight:800;background:#e0f0cb;border:2px solid #8cae6c;touch-action:manipulation;user-select:none}.direction-pad [data-direction=ArrowUp]{grid-column:2}.direction-pad [data-direction=ArrowLeft]{grid-column:1;grid-row:2}.direction-pad [data-direction=ArrowDown]{grid-column:2;grid-row:2}.direction-pad [data-direction=ArrowRight]{grid-column:3;grid-row:2}.park-help{grid-column:1/-1;font-size:.88rem;color:#526a4d;margin:8px 0 0}.park-shortcuts{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.area-complete{margin:18px 0;border:2px solid #8db961}.case-solved{margin-bottom:18px}.trophy-cabinet{background:#f9efc9!important;color:#3a522c!important;border-color:#c5a767!important}.trophy-shelves{background:#f1e2b7!important}.trophy-tile{background:#fffbe9!important;color:#3b532f!important}.hall-of-fame{background:#e5f4d7!important;color:#294b36!important}.hall-portrait,.hall-empty,.daily-ribbon,.honor-rules{background:#fffcef!important;color:#395138!important}.cabinet-caption,.trophy-name,.trophy-state{color:#4e633f!important}
@media(max-width:650px){main{padding:16px 12px 120px}.park-stage{height:310px;border-radius:20px}.park-station{width:90px;min-height:66px;padding:6px 3px}.park-station>span{font-size:.79rem}.park-station .station-number{width:24px;height:24px;font-size:.9rem}.park-walker{width:63px;height:63px}.park-console{padding:12px;gap:12px;grid-template-columns:1fr}.park-selection h2{font-size:1.2rem}.park-selection .primary{width:100%;min-height:48px}.direction-pad{grid-row:1;justify-self:center;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,46px)}.park-help{font-size:.83rem}.park-heading>.dog{display:none}.park-heading h1{font-size:1.75rem}.stamp-count{padding:7px;min-width:75px}.opening{min-height:330px}.park-heading .eyebrow{font-size:.75rem}body[data-screen=map] .bottom-nav,body[data-screen=zone] .bottom-nav,body[data-screen=room] .bottom-nav{position:static;transform:none;margin:0 12px 14px;justify-content:space-around}body[data-screen=map] main,body[data-screen=zone] main,body[data-screen=room] main{padding-bottom:20px}.instruction-bar{padding:3px 12px}.instruction-bar select{min-height:40px}.park-console .park-help{margin:0}html[lang=ja] .park-station>span{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.park-walker{transition:none}.park-walker.running{animation:none}}.reduce-motion .park-walker{transition:none}.reduce-motion .park-walker.running{animation:none}
@media(max-width:600px){body[data-screen=map] main,body[data-screen=zone] main,body[data-screen=room] main{padding-top:12px}.park-heading{margin-bottom:8px}.park-heading h1{font-size:1.65rem}.park-heading>div>p:not(.eyebrow){font-size:.88rem}.park-stage{height:270px}.park-console{grid-template-columns:1fr 155px;padding:10px;gap:10px}.park-console .direction-pad{grid-column:2;grid-row:1;gap:4px}.park-selection{grid-column:1;grid-row:1}.park-selection h2{font-size:1.1rem;margin:4px 0}.park-selection p{font-size:.8rem;margin:4px 0}.park-selection button{width:100%;min-height:44px;padding:8px}.direction-pad button{width:46px;height:46px}.park-help{grid-column:1/-1;font-size:.75rem}.park-walker{width:58px;height:58px}}
.park-stage.park-overview{background-image:url('park-overview.png');background-size:100% 100%;height:auto;aspect-ratio:3/2;max-width:1000px}.park-overview .park-station{min-height:38px;width:145px;padding:6px 9px;display:flex;align-items:center;justify-content:center;gap:6px;background:#fffdf2ef;border:2px solid #749756}.park-overview .station-number{flex-shrink:0;margin:0}.park-overview .park-walker{width:68px;height:68px;transform:translate(-50%,-75%)}.park-shop-door{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);z-index:4;background:#ffe49a;border:3px solid #af7038;font-weight:800;padding:7px 22px;min-height:44px}.leader-podium{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:16px 0}.leader-card{display:flex;flex:1 1 90px;min-width:0;max-width:180px;align-items:center;flex-direction:column;text-align:center;padding:8px;border-radius:18px;background:#f1f8df}.leader-card b{overflow-wrap:anywhere;font-size:.9rem}.leader-card span{color:#77520d;font-weight:800}.dog.leader-avatar{width:85px;height:85px;flex-shrink:0}.public-top-ten{width:100%}.public-top-ten td:nth-child(2){overflow-wrap:anywhere}.public-top-ten td:last-child{text-align:right}.park-selection .primary{min-width:0}
@media(max-width:650px){.park-stage.park-overview{aspect-ratio:1/1;min-height:340px;background-size:100% 100%}.park-overview .park-station{width:30%;padding:5px 2px;gap:3px;min-height:44px}.park-overview .park-station>span{font-size:.75rem}.park-overview .station-number{width:20px;height:20px;font-size:.8rem}.park-overview .park-walker{width:50px;height:50px}.park-shop-door{top:56%;font-size:.9rem;padding:6px 14px}.leader-podium{gap:6px}.dog.leader-avatar{width:72px;height:72px}}