html,body{margin:0;width:100%;height:100%;overflow:hidden}#game{position:fixed;inset:0;user-select:none;-webkit-user-select:none}#world,#emblems{position:absolute;inset:0;width:100%;height:100%}#emblems,#cover-labels{pointer-events:none}#player-layout{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));gap:8px;box-sizing:border-box}#hud{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}h1{margin:0;font-size:clamp(22px,5vw,36px);color:#fff2b5;text-shadow:0 3px #a96824}h1 small{font-size:16px;margin-left:12px}.targets{display:flex;gap:12px;align-items:center;padding:8px 12px;min-height:48px}.target{display:flex;align-items:center;gap:3px;font-size:28px}.target-icon{display:inline-block;width:32px;height:36px}.moves{font-size:17px;min-width:64px;text-align:center;padding:7px 10px}.moves strong{display:block;font-size:32px;line-height:1}#tools{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}button{min-width:44px;min-height:44px}#tools button{padding:8px 14px;font-size:18px}#notice{margin:0;text-align:center;font-size:17px;color:#183b42;min-height:20px}#hit-targets{position:absolute;inset:0;pointer-events:none}.piece-hit{position:absolute;pointer-events:auto;touch-action:none;padding:0}.piece-hit:focus-visible:after{content:"◆";position:absolute;bottom:0;left:40%;color:#fff;text-shadow:0 0 4px #173b49}.piece-hit.preview{background:#fff7b044;border-radius:20%}.cover-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px;padding:4px 7px;min-height:36px;font-size:24px}.cover-label .target-icon{width:25px;height:28px}#panel{box-sizing:border-box;max-width:min(560px,calc(100vw - 48px));max-height:calc(100dvh - 48px);padding:18px;overflow:auto}#panel-body{display:flex;flex-direction:column;gap:12px}#panel h2{margin:0}#panel label{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:20px}#panel select{font:inherit;min-height:44px;max-width:60%}#panel button{font-size:20px}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#7edbe1;font-size:36px}@media(min-width:900px),(orientation:landscape)and (min-width:560px){#player-layout{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto 1fr auto}#hud{grid-column:2;grid-row:1}#playfield{grid-column:1;grid-row:1/4}#tools{grid-column:2;grid-row:2;align-content:start}#notice{grid-column:2;grid-row:3}#hud h1 small{display:block;margin-left:0}.targets{flex-wrap:wrap;gap:8px}}#loading[hidden]{display:none}#coaching-cue{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#tools{flex-wrap:nowrap}#tools button{min-width:0;padding:8px 10px;font-size:16px;flex:1}#tools button[data-action=forge]{flex:1.6}#hud>button[data-action=menu]{width:44px;min-width:44px;padding:0}#hud h1{min-width:0}@media(min-width:900px),(orientation:landscape)and (min-width:560px){#hud h1{font-size:26px}#tools{flex-direction:column;justify-content:flex-start}#tools button{flex:0;width:100%}#game[data-side=right] #player-layout{grid-template-columns:260px minmax(0,1fr)}#game[data-side=right] #playfield{grid-column:2}#game[data-side=right] #hud,#game[data-side=right] #tools,#game[data-side=right] #notice{grid-column:1}}.dn-display .targets{display:flex;flex-wrap:wrap;gap:8px}.dn-display button.piece-hit{min-width:0;min-height:0}@media(orientation:landscape)and (max-height:500px){#hud h1{font-size:22px}#hud h1 small{display:inline;margin-left:6px;font-size:14px}#tools{flex-direction:row;align-content:center}#tools button{width:auto;flex:1;padding:6px;font-size:15px}#notice{font-size:15px}#player-layout{gap:6px}}.dn-display button.piece-hit{padding:0}#hud h1{display:flex;flex-direction:column;line-height:1.1}#hud h1 small{display:block;margin:3px 0 0;font-size:14px}#tools button{min-width:min-content;flex:1 1 auto}#tools button[data-action=forge]{flex:1.2 1 auto}@media(min-width:900px){#tools button,#tools button[data-action=forge]{flex:0 1 auto}}#hud h1{grid-column:1/-1;grid-row:1;width:calc(100% - 52px);box-sizing:border-box}#hud>button[data-action=menu]{grid-column:2;grid-row:1;justify-self:end}#player-layout{grid-template-rows:auto minmax(0,1fr) 64px 44px}#tools{grid-row:4;height:44px;min-height:44px}#tools button{height:44px;min-height:44px;box-sizing:border-box;line-height:1.1}#notice,#coach-slot{grid-column:1;grid-row:3;min-height:0;height:64px;max-height:64px;box-sizing:border-box}#notice{display:block;overflow:auto;overscroll-behavior:contain;line-height:1.2;padding:8px 4px}#notice:empty{visibility:hidden}#coach-slot[hidden]{display:block;visibility:hidden;pointer-events:none}.dn-display #coach-slot .dn-coaching{position:relative;inset:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;height:64px;max-height:64px;box-sizing:border-box;font-size:16px}#coach-slot .dn-coaching-direction{display:none}#coach-slot .dn-coaching p{margin:0;height:48px;min-height:0;line-height:1.25;overflow:auto}#coach-slot .dn-coaching-actions{align-self:center}#coach-slot .dn-coaching-actions button{padding:6px;font-size:16px;height:44px}@media(min-width:900px),(orientation:landscape)and (min-width:560px){#player-layout{grid-template-rows:auto 44px minmax(0,1fr) 64px}#playfield{grid-row:1/-1}#tools{grid-row:2}#coach-slot,#notice{grid-column:2;grid-row:4}#game[data-side=right] #coach-slot,#game[data-side=right] #notice{grid-column:1}}@media(orientation:landscape)and (max-height:360px){#player-layout{gap:4px}#hud{gap:6px}.moves{padding:4px 10px}.targets{padding:6px 12px}}@media(orientation:landscape)and (max-height:360px){#coach-slot .dn-coaching p{margin:0}}@media(orientation:landscape)and (max-height:360px){.targets{min-height:40px}.moves{font-size:15px}.moves strong{font-size:28px}}#game[data-garden=true] #player-layout,#game[data-garden=true] #hit-targets,#game[data-garden=true] #cover-labels{visibility:hidden}#garden-journey{position:absolute;inset:0;display:grid;grid-template-rows:104px minmax(0,1fr) 200px;gap:8px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box}#garden-journey[hidden]{display:none}#garden-journey header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;gap:8px}#garden-journey h2{margin:0;font-size:24px;line-height:1.1}#garden-journey p{margin:4px 0;font-size:16px;line-height:1.15}#garden-journey header button{min-height:44px;padding:8px;font-size:16px}#garden-view{overflow:auto;min-height:0;min-width:0;border-radius:22px;scrollbar-width:thin;scrollbar-color:#378d7b #cce9d5}#garden-scene{position:relative;width:100%;height:100%;min-width:360px;min-height:520px}#garden-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#garden-cells{position:absolute;inset:0;touch-action:none}#garden-cells button{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-height:44px;border:0;padding:0;background:none;box-shadow:none;touch-action:none;cursor:pointer}#garden-cells button:focus-visible{outline:3px solid #fff19b;border-radius:50%;background:#ffe16633}#garden-journey footer{display:grid;grid-template-rows:80px 64px 48px;gap:4px;min-width:0}#garden-palette{display:flex;gap:8px;overflow:auto;padding:3px 2px;scrollbar-width:thin}#garden-palette button{display:grid;grid-template-columns:24px minmax(0,1fr);min-width:128px;height:70px;padding:7px;font-size:16px;line-height:1.1;touch-action:none}#garden-palette button[aria-pressed=true]{outline:3px solid #fff8bc;outline-offset:-4px}#garden-palette small{grid-column:2;font-size:16px}.garden-seed{display:block;width:22px;height:22px;border-radius:45% 55% 40% 50%;background:radial-gradient(circle at 35% 25%,#fff9,var(--petal) 65%);box-shadow:2px 3px #80542e77;grid-row:1/3;align-self:center}#garden-inspector{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:4px 8px;border-radius:14px;background:#edfbd7ef;color:#163f43}#garden-inspector span{height:52px;overflow:auto;font-size:16px;line-height:1.15}#garden-inspector button{padding:8px;min-height:44px;font-size:16px;max-width:120px;line-height:1.1}#garden-status{height:48px;overflow:auto;box-sizing:border-box;padding:4px 8px;border-radius:12px;background:#eaf8d2e8;color:#173e40}@media(orientation:landscape){#garden-journey{grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:104px minmax(0,1fr)}#garden-view{grid-column:1;grid-row:1/3}#garden-journey header,#garden-journey footer{grid-column:2}#garden-journey footer{overflow:auto;display:flex;flex-direction:column}#garden-palette{min-height:80px;flex-shrink:0}#garden-inspector{grid-template-columns:1fr;min-height:180px;flex-shrink:0}#garden-inspector button{max-width:none}#garden-status{flex-shrink:0}}.reward-banner{position:absolute;left:16px;right:16px;top:22%;z-index:20;pointer-events:none;text-align:center;padding:16px;border-radius:24px;font-size:24px;color:#533213;background:linear-gradient(#fff9c9,#ffd366);box-shadow:0 6px #bf8636,0 14px 35px #1d3c4477;animation:reward-reveal 1.6s both}.reward-banner strong{display:block;font-size:36px}@keyframes reward-reveal{0%{opacity:0;transform:scale(.8) translateY(15px)}15%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-16px)}}@media(prefers-reduced-motion:reduce){.reward-banner{animation:none}}#panel-body>*{flex-shrink:0}#panel-body>button{line-height:1.2;padding:10px;white-space:normal}#panel-body h3{margin:8px 0 0;line-height:1.2}#panel-body p{margin:4px 0;line-height:1.25}#panel .event-goal{padding:12px;display:grid;gap:8px;flex-shrink:0}#panel .event-goal h3,#panel .event-goal p{margin:0}#panel .event-goal button{min-height:44px;width:100%;white-space:normal;padding:10px;line-height:1.2}.collection-piece{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px}.collection-piece .target-icon{width:52px;height:56px}.collection-piece strong{font-size:26px}#panel>#emblems{z-index:2}#panel .nursery-stage{padding:10px;display:grid;gap:8px}.nursery-stage .collection-piece{padding:0}.nursery-stage button{width:100%;padding:10px;line-height:1.2}#hud time{white-space:nowrap}.migration-notice{max-width:min(520px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;box-sizing:border-box;font-size:20px;line-height:1.3}.migration-notice a{display:block;text-align:center;min-height:44px;box-sizing:border-box;padding:12px}.reward-banner small{display:block;font-size:20px}#garden-palette button span:not(.garden-seed){overflow-wrap:anywhere}#garden-journey header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 40px;gap:0 8px;justify-content:normal;box-sizing:border-box}#garden-journey header>div{display:contents}#garden-journey header h2{grid-column:1;grid-row:1;font-size:20px;line-height:1.1;overflow-wrap:anywhere}#garden-journey header p{grid-column:1/-1;grid-row:2;margin:0;line-height:1.15}#garden-journey header button{grid-column:2;grid-row:1}#coach-slot{position:relative}.dn-display #coach-slot .dn-coaching{position:absolute;inset:auto 0 0;grid-template-columns:minmax(0,1fr);height:auto;max-height:none}#coach-slot .dn-coaching p{height:auto;min-height:40px;overflow:visible}#coach-slot .dn-coaching-actions{justify-self:end}@media(min-width:900px),(orientation:landscape)and (min-width:560px){.dn-display #coach-slot .dn-coaching{position:fixed;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));width:auto;grid-template-columns:minmax(0,1fr) auto}#coach-slot .dn-coaching-actions{align-self:end}}#player-layout,#garden-journey{padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}#tools button:has(.target-icon){display:flex;align-items:center;justify-content:center;gap:4px;min-width:44px;padding:4px;flex:1}#tools .target-icon{width:28px;height:32px;flex-shrink:0}#tools strong{font-size:15px;white-space:nowrap}#panel .plant-choice{padding:10px 0;display:grid;gap:8px}#panel .plant-choice>div{display:flex;align-items:center;gap:10px}#panel .plant-choice .target-icon{width:46px;height:50px;flex-shrink:0}#panel .plant-choice button{padding:10px;line-height:1.2;white-space:normal}#panel h2:has(.target-icon){display:flex;align-items:center;gap:10px}#panel .recipe-icons{justify-content:center;min-height:60px}.chapter-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.chapter-map span{text-align:center;font-size:22px;padding:6px;color:#8b703a}.chapter-map .grown{color:#32775a;text-shadow:0 2px #d5f894;font-size:26px}#garden-journey{grid-template-rows:104px minmax(0,1fr) 238px}#garden-journey footer{grid-template-rows:44px 80px 72px 26px}#garden-tabs{display:flex;gap:5px;overflow:auto;min-width:0}#garden-tabs button{font-size:15px;line-height:1.1;min-width:70px;padding:5px;flex:1}#garden-palette button{min-width:140px}#garden-palette button:has(.target-icon){grid-template-columns:30px minmax(0,1fr)}#garden-palette .target-icon{width:28px;height:36px;grid-row:1/3;align-self:center}#garden-palette small{font-size:14px}#garden-status{height:26px;min-height:26px;background:transparent;font-size:15px;padding:2px 4px}#garden-inspector{grid-template-columns:minmax(0,1fr) auto auto auto}#garden-inspector button{padding:6px;max-width:96px;font-size:15px}#garden-inspector [data-action=garden-help]{max-width:44px;width:44px}#garden-inspector span{height:auto;max-height:64px;overflow:auto}#garden-cells button:focus-visible{outline:none;background:#ffe16655;box-shadow:inset 0 0 12px #ffdc80;border-radius:50%}#garden-palette button[aria-pressed=true]{outline:none;filter:brightness(1.12);box-shadow:inset 0 3px 12px #fffbd5,0 3px #ac8735}#garden-scene{min-width:360px;min-height:490px}@media(orientation:landscape){#garden-journey{grid-template-columns:minmax(0,1fr) 290px;grid-template-rows:104px minmax(0,1fr)}#garden-journey footer{display:flex}#garden-tabs{min-height:44px;flex-shrink:0}#garden-inspector{grid-template-columns:1fr;min-height:210px}#garden-status{min-height:26px}#garden-inspector button{max-width:none}}@media(max-width:360px)and (orientation:portrait){#garden-journey{grid-template-rows:104px minmax(0,1fr) 246px}#garden-inspector{grid-template-columns:minmax(0,1fr) auto auto}#garden-inspector [data-action=garden-help]{display:block}#garden-inspector button{font-size:14px;max-width:84px}}#garden-tabs button{flex:0 0 auto;min-width:84px;max-width:none;width:max-content;padding:6px 10px;white-space:nowrap;box-sizing:border-box}#garden-tabs{scrollbar-color:#378d7b #cce9d5;scrollbar-width:thin}#garden-tabs button[data-action=undo-garden]{min-width:150px}@media(max-width:360px)and (orientation:portrait){#garden-inspector{grid-template-columns:minmax(0,1fr) auto auto auto}#garden-inspector button{font-size:14px;padding:4px;min-width:44px}#garden-inspector span{font-size:14px}}#garden-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 44px;overflow:visible;gap:4px}#garden-tabs button,#garden-tabs button[data-action=undo-garden]{min-width:0;width:100%;max-width:none;padding:5px 3px;white-space:normal;overflow-wrap:anywhere;font-size:15px}#garden-tabs button[data-action=undo-garden]{font-family:system-ui,sans-serif;font-size:27px;line-height:1}#garden-palette button{min-width:190px;grid-template-columns:36px minmax(0,1fr)}#garden-palette button:has(.target-icon){grid-template-columns:36px minmax(0,1fr)}#garden-palette button span:not(.garden-seed){overflow-wrap:normal;word-break:normal}#garden-palette .target-icon{width:36px;height:40px}