#playChrome[hidden]{display:none!important}#playChrome{display:none}
#playMenu{width:min(520px,calc(100% - 16px));max-width:none;margin:8px auto auto;inset:env(safe-area-inset-top,0px) 0 auto;border-radius:0 0 28px 28px;padding:22px 22px 12px;text-align:left;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;background:#fbfaf3;box-shadow:0 24px 80px #26362b45}
#playMenu[open]{animation:menu-arrive .23s ease-out}#playMenu::backdrop{background:#29392c55;backdrop-filter:blur(7px)}
.pull-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.pull-menu-heading h2{font:29px/1.2 Georgia,serif;letter-spacing:-.7px;margin:6px 0}.pull-menu-heading .eyebrow{font-size:9px}#closePlayMenu{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#e8edde;color:#53694c}
#playMenu .app-nav{position:static;inset:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin:0 0 23px;padding:4px;border:1px solid #d7dfce;border-radius:16px;box-shadow:none;background:#eef0e5;backdrop-filter:none}
#playMenu .app-nav button{min-width:0;padding:0 7px;gap:6px;min-height:46px;font-size:12px}#playMenu h3{font-size:12px;font-weight:600;margin:0 0 12px;color:#5b6c50}#playMenu .materials{margin:0 0 17px;gap:5px}#playMenu .materials button{min-height:48px;font-size:11px;padding:0 4px}#playMenu .materials i{display:none}
#menuAudio{border-top:1px solid #dde3d4;padding-top:15px}#menuAudio #sound{min-height:44px;width:100%;background:#edf1e4}#menuControls footer{display:flex;position:static;margin:8px 0 13px;padding:0;gap:16px}#menuControls #reset{padding:0 9px;font-size:12px}#menuControls .volume{font-size:12px;gap:9px}
.menu-keepsake-row{display:flex;align-items:center;gap:13px;border-top:1px solid #dde3d4;padding-top:16px}.menu-keepsake-row>div:last-child{flex:1}.menu-keepsake-row h3{margin-bottom:5px!important}.menu-keepsake-row p{font-size:11px;line-height:1.6;margin:0 0 8px}#menuKeepsake{width:91px;flex-shrink:0}#menuKeepsake .desk-collectible{position:static;transform:none;width:91px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0f0e4;border-radius:20px}#menuKeepsake .desk-collectible img{width:79px;height:76px}#menuKeepsake .desk-collectible span{font-size:8px}#menuCustomize{min-height:44px;padding:0;background:transparent;font-size:12px;font-weight:600;color:#4e6946;text-align:left}
#returnToPlay{width:100%;min-height:46px;margin-top:16px;border-radius:14px;background:#526b4d;color:#fff;font-size:12px}.return-to-play::after{content:'';display:block;background:#cdd9c3;width:38px;height:3px;border-radius:3px;margin:6px auto 0}
@keyframes menu-arrive{from{opacity:.35;transform:translateY(-35px)}to{opacity:1;transform:translateY(0)}}
body[data-immersive=true]{--play-top:calc(52px + env(safe-area-inset-top,0px));--play-bottom:env(safe-area-inset-bottom,0px);--immersive-header-height:var(--play-top);}
body[data-immersive=true] main{max-width:780px;padding:calc(var(--play-top) + 10px) 14px calc(20px + var(--play-bottom));}
body[data-immersive=true] main>header{display:none}
body[data-immersive=true] #playChrome{position:fixed;inset:0 0 auto;z-index:65;height:var(--play-top);padding-top:env(safe-area-inset-top,0px);display:flex;justify-content:center;align-items:center;background:#f2eee5ee;border-bottom:1px solid #dfe3d2a0;backdrop-filter:blur(15px)}
#menuPull{height:48px;min-width:150px;padding:5px 15px 3px;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:4px;background:transparent;color:#64765a;font-size:11px;letter-spacing:.4px}#menuPull .pull-mark{display:block;width:38px;height:3px;border-radius:4px;background:#9cac8e}#menuPull i{font-style:normal;margin-left:3px}#settingsPull{position:absolute;right:max(8px,env(safe-area-inset-right,0px));bottom:4px;width:44px;height:44px;background:transparent;border-radius:15px;display:grid;place-items:center;color:#6d805f}#settingsPull svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
body[data-immersive=true][data-view=play]{height:100dvh;overflow:hidden;overscroll-behavior:none}
body[data-immersive=true][data-view=play] main{padding:0;max-width:none;height:100dvh}
body[data-immersive=true] #playView{position:fixed;inset:var(--play-top) 0 var(--play-bottom);height:auto;min-height:0}
body[data-immersive=true] #playView>.intro,body[data-immersive=true] #playView>.page-note,body[data-immersive=true] #playArea>.hint,body[data-immersive=true] #playArea>.mobile-jump{display:none!important}
body[data-immersive=true] .workspace,body[data-immersive=true] #playArea{display:block;margin:0;height:100%;min-height:0}
body[data-immersive=true] #playArea .desk-scene{height:100%;padding:5px max(7px,env(safe-area-inset-right,0px)) 8px max(7px,env(safe-area-inset-left,0px));border:0;border-radius:0;box-shadow:none;background:#ece7da}
body[data-immersive=true] .desk-scene>.window-light,body[data-immersive=true] .desk-scene>.rain,body[data-immersive=true] .desk-scene>.desk-top,body[data-immersive=true] .desk-scene>.desk-props,body[data-immersive=true] .desk-scene>.desk-caption{display:none}
body[data-immersive=true] #playArea .toy{display:flex;flex-direction:column;width:100%;height:100%;max-width:none;margin:0;padding:9px 4px 5px;border-radius:21px;box-shadow:inset 0 1px 0 #fff8,0 3px 0 #4a413a25;min-height:0}
body[data-immersive=true] .tray-head{font-size:9px;letter-spacing:.4px;padding:0 10px;min-height:17px;flex-shrink:0}
body[data-immersive=true] #board{flex:1 1 0;min-height:0;height:auto;margin-top:5px;aspect-ratio:auto}
body[data-immersive=true] .tray-foot{font-size:9px;min-height:21px;flex-shrink:0;padding:3px 10px 0}body[data-immersive=true] #saved{font-size:8px}
body[data-immersive=true] #deskBuilder{position:fixed;z-index:90;inset:0 0 0 auto;display:block;width:min(390px,calc(100% - 20px));height:100dvh;max-height:100dvh;margin:0;padding:calc(24px + env(safe-area-inset-top,0px)) 22px calc(25px + env(safe-area-inset-bottom,0px));border-radius:27px 0 0 27px;border:1px solid #fff;background:#fbfaf3;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;transform:translateX(105%);transition:transform .25s cubic-bezier(.22,.72,.25,1),visibility .25s;box-shadow:-20px 0 60px #26382b26}
body[data-immersive=true] #deskBuilder::before{display:none}body[data-immersive=true].customizing #deskBuilder{visibility:visible;pointer-events:auto;transform:translateX(0)}body[data-immersive=true] #deskBuilder .builder-heading{position:sticky;top:calc(-24px - env(safe-area-inset-top,0px));z-index:3;margin-top:-5px;padding-top:10px;padding-right:40px;background:#fbfaf3;box-shadow:0 9px 12px #fbfaf3}body[data-immersive=true] #closeCustomizer{display:grid;place-items:center;position:absolute;right:0;top:6px;width:44px;height:44px;min-height:44px;border-radius:50%;background:#e8edde;padding:0}
body[data-immersive=true] .sheet-backdrop{position:fixed;z-index:80;inset:0;width:100%;height:100%;padding:0;background:#27372e59;backdrop-filter:blur(5px);border-radius:0}
body[data-immersive=true] #appToast{bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:100}
@media(max-height:560px){body[data-immersive=true]{--play-top:calc(44px + env(safe-area-inset-top,0px))}body[data-immersive=true] #menuPull{height:44px}body[data-immersive=true] #settingsPull{bottom:0}body[data-immersive=true] .tray-foot{display:none}body[data-immersive=true] #playArea .toy{padding-top:4px}#playMenu{padding-top:14px;padding-bottom:12px}.pull-menu-heading{margin-bottom:10px}.pull-menu-heading h2{font-size:23px}#playMenu .app-nav{margin-bottom:14px}}
@media(prefers-reduced-motion:reduce){#playMenu[open]{animation:none}body[data-immersive=true] #deskBuilder{transition:none}}

body[data-immersive=true] #workshopMount[data-workshop-active=true]{position:fixed;top:var(--play-top);left:0;right:0;margin:0;z-index:1}