/* Local storybook preview: keeps the existing game canvas and physics intact. */
/* Generated artwork is UI-only. Never referenced by the game sprite loader. */
dialog.home-screen,dialog[data-page=levels]{overflow-y:auto}
:root{--ink:#694831;--muted:#857460;--accent:#728e68;--accent-soft:#e2ead5;--paper:#fff9e9;--line:#dac9a8;font-family:'Yuanti SC','Hiragino Maru Gothic ProN','Microsoft YaHei',sans-serif}
body{background:#f6f2e8}button{transition:transform 180ms,background 180ms,box-shadow 180ms}button:active:not(:disabled){transform:translateY(2px) scale(.985)}
dialog{color:#694831;background:#fff9e9;border:2px solid #d9c5a4;border-radius:28px 32px 26px 30px;box-shadow:0 8px 0 #806c4b0d,0 20px 70px #67553620}dialog::backdrop{background:#e9e7daed}
.sheet{background-image:radial-gradient(#b7996720 .65px,transparent .9px);background-size:7px 9px;padding:32px 24px 24px}.sheet h2{letter-spacing:1px}.sheet p{color:#857460;font-size:14px}.eyebrow{display:none!important}
dialog.home-screen,dialog[data-page=levels]{width:min(100%,450px);height:100dvh;max-height:100dvh;margin:auto;border:0;border-radius:0;background:#fff9e9}
dialog.home-screen .sheet,dialog[data-page=levels] .sheet{min-height:100dvh;max-height:100dvh;padding:calc(38px + env(safe-area-inset-top)) 26px calc(24px + env(safe-area-inset-bottom));display:block;background-color:#fff9e9;box-shadow:inset 0 0 0 9px #dce7ce80}
.home-heading{padding:16px 0 26px}.home-heading h1{font-size:34px}.home-heading h1 button{color:#694831;letter-spacing:3px;font-weight:800}.home-heading p{font-size:15px;margin:12px 0 0}.room-choices{gap:18px}.room-choice{position:relative;min-height:120px;padding:15px 20px;border:2px solid #a7bd95;border-radius:30px 35px 29px 34px;background:#edf1dd;box-shadow:inset 0 0 0 5px #fff9e9,0 4px 0 #a0b38635}.room-choice.sanrio{background:#fae3df;border-color:#d3a4a0;box-shadow:inset 0 0 0 5px #fff9e9,0 4px 0 #d3a4a035}.room-choice.chiikawa{background:#f8edcb;border-color:#d7bd80;box-shadow:inset 0 0 0 5px #fff9e9,0 4px 0 #d7bd8035}.room-choice img{width:86px;height:86px;filter:drop-shadow(0 3px 2px #6b4b2412)}.room-choice.sanrio img{order:2}.room-choice.sanrio b{display:none}.room-choice strong{font-size:23px;color:#694831}.room-choice small{font-size:19px;color:#806046;margin-top:8px;letter-spacing:2px}.room-choice b{color:#a28f68}
.home-tools{gap:24px;margin-top:15px}.home-tools button{min-width:100px;min-height:54px;border:2px solid #dfcaa6;border-radius:19px 22px 18px 21px;background:#fffaf0;font-size:17px;color:#694831}.home-notice{height:16px}.home-screen #home-continue{background:transparent;color:#6b805a;border:0;margin-top:0;min-height:38px}
.room-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0 38px;padding:15px 8px;border-bottom:2px dashed #dfcbaa}.room-heading img{width:72px;height:72px;object-fit:contain}.room-heading h2{font-size:30px}.level-grid{gap:17px}.level-grid button{min-height:123px;border:2px solid #dcbf8f;border-radius:27px 23px 28px 24px;background:#fffaf0;box-shadow:inset 0 0 0 4px #f4e7c8,0 4px 0 #d8c5a128}.level-grid strong{font-size:34px;color:#70462d}.level-grid small{color:#b77f21;font-size:19px;letter-spacing:1px}.level-grid button:disabled{opacity:1;background:#eae3d5;border-color:#d4c9b6;box-shadow:none}.level-grid button:disabled strong,.level-grid button:disabled small{color:#998b77}.level-grid button:disabled small{font-size:13px}
.sheet .primary,.sheet .secondary{font-size:16px;min-height:48px;border-radius:18px 21px 17px 20px}.sheet .primary{background:#e1eace;color:#48623f;border:2px solid #b4c59e;box-shadow:0 3px 0 #859c6b20}.sheet .secondary{color:#7c644c;background:#f4ecd9;border:1px solid #e0d0b5}.sheet [data-level^=endless]{margin:28px 0 14px;min-height:76px;font-size:23px;background:#faedcd;color:#785838;border-color:#dcc394}.sheet [data-level^=endless]:disabled{opacity:.65;font-size:17px}
.sheet .sheet-close{background:#f8ecd5;border:1px solid #decba9;color:#785838}.album-item{background:#fcf5e5;border:1px solid #e7d8bc;border-radius:18px;padding:8px 2px}.album-item span,.album-tabs button,.setting-row,.background-option{font-size:14px}.album-item small{font-size:12px}.album-tabs{flex-wrap:wrap}.album-tabs button{min-width:65px;min-height:44px}.setting-row{min-height:58px;border-bottom:1px dashed #ded1b8}.background-option{background:#f3ead5}.setting-title{font-size:16px}.special-grid .album-item p{font-size:13px}.sheet .stats small{font-size:13px}
.desktop-note{display:none}.app{grid-template-rows:38px 48px 54px minmax(0,1fr) 78px 0;gap:3px}.topbar .wordmark{font-size:14px;font-weight:500}.wordmark img{display:none}#settings,.best-block,.album-button,.save-note,.empty-hint small{display:none}.hud{padding:0 10px}.score-block{display:flex;align-items:baseline;gap:12px}.score-block>span{font-size:13px;letter-spacing:0}.score-block em{display:none}.hud strong{font-size:32px}.mission{padding:5px 10px;border:1px solid #cfbea0;border-radius:15px;background:#fff9e9d9}.mission>button span{font-size:12px}.mission-details>span{font-size:14px}.dock{grid-template-columns:1fr 130px!important;gap:18px;padding:7px 10px;background:#fff9e9db;border:1px solid #cfbea0;border-radius:18px}.energy-box>span{font-size:13px}.energy-box strong{font-size:22px}.tornado{width:125px!important;height:57px!important;border:1px solid #b8c99c;border-radius:20px;background:#e7edd8;box-shadow:none!important;animation:none!important;display:flex;justify-content:center;align-items:center;gap:8px}.tornado>strong{display:none}.tornado>span{font-size:16px;margin:0}.tornado svg{width:29px;height:29px}.tornado.ready{background:#d7e7bd}.tornado:disabled{opacity:.65}.chain small{display:none}.arena{border-color:#cbbb9a}
#dialog-content{animation:page-in 200ms ease-out}@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:740px){dialog.home-screen .sheet,dialog[data-page=levels] .sheet{padding-top:calc(18px + env(safe-area-inset-top))}.home-heading{padding:8px 0 17px}.home-heading h1{font-size:29px}.room-choice{min-height:99px;padding:10px 16px}.room-choice img{width:67px;height:67px}.room-choices{gap:12px}.room-choice strong{font-size:21px}.room-heading{margin:10px 0 24px}.level-grid button{min-height:104px}}
@media(prefers-reduced-motion:reduce){#dialog-content,button{animation:none!important;transition:none!important}}

dialog.home-screen .sheet,dialog[data-page=levels] .sheet{background-image:url('../assets/ui/backgrounds/storybook-garden.png');background-size:100% 100%;background-repeat:no-repeat;box-shadow:none;padding-left:32px;padding-right:32px;padding-bottom:max(130px,18dvh)}
dialog[data-page=album] .sheet,dialog[data-page=settings] .sheet{background-image:linear-gradient(#fff9e9c9,#fff9e9de),url('../assets/ui/backgrounds/storybook-garden.png');background-size:100% 100%;padding-left:28px;padding-right:28px}
.home-heading{padding-top:26px}.home-heading h1 button{font-family:'KaiTi','STKaiti','Yuanti SC',sans-serif;font-size:38px}.room-choice{background-color:#eaf0dcf0}.room-choice.sanrio{background-color:#f9e0dff0}.room-choice.chiikawa{background-color:#f9edcaf0}.home-tools button{background:#fff9edf2}.room-heading{background:#fff9e9d9;border:2px solid #dfcbaa;border-radius:23px 28px 22px 26px}.level-grid button{background:#fffaf0ed}
@media(max-height:740px){.home-heading{padding-top:9px}.home-heading h1 button{font-size:32px}.home-screen .sheet .home-tools{margin-top:5px}.home-screen .sheet .home-tools button{min-height:46px}}
dialog.home-screen .sheet,dialog[data-page=levels] .sheet{min-height:max(100dvh,800px);max-height:none;overflow:visible}
