:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8ead1;background:#1d2630;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden;overscroll-behavior:none}button{font:inherit}button:focus-visible{outline:2px solid #f1c66b;outline-offset:2px}.appShell{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;overflow:hidden;background:#16202a}.gameFrame{--u: calc(100cqw / 960);position:relative;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);aspect-ratio:16 / 9;overflow:hidden;background:#1d2630;container-type:inline-size}.pixiHost{position:absolute;top:0;right:0;bottom:0;left:0}.pixiHost canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;touch-action:none}.preloadScreen{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#16202a;opacity:1;transition:opacity .48s ease}.preloadScreen:before{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(180deg,#1f3342,#16202a 58%,#101820)}.preloadScreen:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;content:"";background-image:linear-gradient(rgba(248,234,209,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(248,234,209,.035) 1px,transparent 1px);background-size:calc(var(--u) * 18) calc(var(--u) * 18);opacity:.32}.preloadScreen.isLeaving{opacity:0;pointer-events:none}.preloadScene{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 44%,#f1c66b29 0,#f1c66b29 14%,#f1c66b00 38%);image-rendering:pixelated}.preloadScene:before,.preloadScene:after{content:none}.preloadScene:before{left:24%}.preloadScene:after{right:24%}.preloadPanel{position:relative;z-index:3;width:min(calc(var(--u) * 380),calc(100cqw - var(--u) * 48));border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / calc(var(--u) * 14) / 0 stretch;padding:calc(var(--u) * 24);background:#f2dfbd;box-shadow:0 calc(var(--u) * 8) 0 #1c120d57;color:#3d2b1f}.pawTrail{position:absolute;z-index:2;left:50%;top:50%;display:flex;gap:calc(var(--u) * 18);color:#efa9a6;transform:translate(-50%,calc(-50% + var(--u) * 88)) rotate(-8deg)}.pawTrail svg{width:calc(var(--u) * 24);height:calc(var(--u) * 24);opacity:0;animation:pawStep 1.2s ease-in-out infinite}.pawTrail svg:nth-child(2){animation-delay:.15s;transform:translateY(calc(var(--u) * -10)) rotate(18deg)}.pawTrail svg:nth-child(3){animation-delay:.3s}.pawTrail svg:nth-child(4){animation-delay:.45s;transform:translateY(calc(var(--u) * -10)) rotate(18deg)}.pawTrail svg:nth-child(5){animation-delay:.6s}@keyframes pawStep{0%,to{opacity:0}30%,70%{opacity:1}}.preloadPanel h1{margin:calc(var(--u) * 4) 0 calc(var(--u) * 16);font-size:calc(var(--u) * 26);line-height:1.1}.preloadPanel p:last-child{margin:calc(var(--u) * 10) 0 0;color:#6b4a2e;font-size:calc(var(--u) * 13)}.preloadBar{height:calc(var(--u) * 14);border:2px solid #7d5a38;background:#3d2b1f;overflow:hidden}.preloadBar span{display:block;height:100%;background:linear-gradient(90deg,#d9b071,#f1c66b);transition:width .14s ease-out}.hud{position:absolute;z-index:2;top:calc(var(--u) * 16);min-width:calc(var(--u) * 136);padding:calc(var(--u) * 11) calc(var(--u) * 16);border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_nameplate_frame.svg) 12 fill / calc(var(--u) * 8) / 0 stretch;background:#f2dfbd;box-shadow:0 calc(var(--u) * 4) 0 #1c120d57;color:#3d2b1f;font-size:calc(var(--u) * 14);line-height:1;text-shadow:0 1px 0 rgba(255,248,230,.4)}.hudClock{left:calc(var(--u) * 16)}.hudCoins{right:calc(var(--u) * 16);display:flex;align-items:center;justify-content:flex-end;gap:calc(var(--u) * 6);text-align:right}.hudCoins svg,.statWithIcon svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17);color:#b27a2e}.timeTodoDock{position:absolute;z-index:2;top:calc(var(--u) * 16);left:calc(var(--u) * 16);width:min(calc(var(--u) * 284),calc(100cqw - var(--u) * 32))}.timeTodoDock .hudClock{position:static;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 8);min-width:0;width:100%}.clockIconButton{display:grid;place-items:center;flex:0 0 auto;width:calc(var(--u) * 28);height:calc(var(--u) * 26);border:2px solid #7d5a38;background:#65412f;color:#f8ead1;cursor:pointer}.clockIconButton svg,.iconButton svg,.woodButton svg,.youtubeToggle svg,.youtubeHeader svg,.youtubeRemoveButton svg,.todoTodayHeader svg,.todoCompleteButton svg,.todoRemoveButton svg,.todoCalendarPanel svg{width:100%;height:100%}.clockIconButton[aria-pressed=true]{background:#d9b071;color:#3d2b1f}.todoTodayPanel{margin-top:calc(var(--u) * 8);border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / calc(var(--u) * 10) / 0 stretch;padding:calc(var(--u) * 10);background:#f2dfbded;box-shadow:0 calc(var(--u) * 4) 0 #1c120d47;color:#3d2b1f}.todoTodayHeader,.todoTodayFooter{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 8);padding:calc(var(--u) * 8) calc(var(--u) * 10);background:#d9b071bd;font-size:calc(var(--u) * 12);font-weight:700}.todoTodayHeader span,.todoTodayHeader small{display:flex;align-items:center;gap:calc(var(--u) * 5)}.todoTodayHeader svg,.todoTodayHeader small svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.todoForm{display:grid;grid-template-columns:1fr calc(var(--u) * 34);gap:calc(var(--u) * 6);padding:calc(var(--u) * 8);border-top:1px solid rgba(125,90,56,.3)}.todoForm input{min-width:0;border:2px solid rgba(125,90,56,.48);padding:calc(var(--u) * 7) calc(var(--u) * 8);background:#fff8e6e0;color:#3d2b1f;font:inherit;font-size:calc(var(--u) * 12)}.todoForm button,.todoCompleteButton,.todoRemoveButton{display:grid;place-items:center;border:2px solid #7d5a38;background:#65412f;color:#f8ead1;cursor:pointer}.todoForm button svg,.todoCompleteButton svg,.todoRemoveButton svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.todoList{max-height:calc(var(--u) * 156);overflow-y:auto}.todoItem{display:grid;grid-template-columns:calc(var(--u) * 32) 1fr calc(var(--u) * 30);align-items:center;gap:calc(var(--u) * 7);min-height:calc(var(--u) * 38);padding:calc(var(--u) * 7) calc(var(--u) * 8);border-top:1px solid rgba(125,90,56,.22)}.todoItem div{min-width:0}.todoItem strong{display:block;overflow:hidden;color:#3d2b1f;font-size:calc(var(--u) * 12);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.todoItem span{display:flex;align-items:center;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 3);color:#6b4a2e;font-size:calc(var(--u) * 11)}.todoItem span svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11);color:#b27a2e}.todoCompleteButton,.todoRemoveButton{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}.todoCompleteButton{color:#f1c66b}.todoEmpty,.todoCalendarEmpty{margin:0;padding:calc(var(--u) * 10);color:#6b4a2e;font-size:calc(var(--u) * 12);line-height:1.3}.todoTodayFooter{border-top:1px solid rgba(125,90,56,.26);background:#fff8e66b;color:#6b4a2e;font-size:calc(var(--u) * 11);font-weight:600}.todoCalendarPanel{position:absolute;left:0;top:calc(100% + var(--u) * 8);width:min(calc(var(--u) * 360),calc(100cqw - var(--u) * 32));max-height:min(calc(var(--u) * 330),calc(100dvh - var(--u) * 170));overflow:auto;border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / calc(var(--u) * 12) / 0 stretch;padding:calc(var(--u) * 12);background:#f2dfbd;box-shadow:0 calc(var(--u) * 8) 0 #1c120d5c;color:#3d2b1f}.todoCalendarPanel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--u) * 12);padding:calc(var(--u) * 12);border-bottom:2px solid rgba(125,90,56,.5);background:#d9b071}.todoCalendarPanel h2{margin:calc(var(--u) * 2) 0 0;font-size:calc(var(--u) * 18);line-height:1.1}.todoCalendarList{display:grid;gap:calc(var(--u) * 10);padding:calc(var(--u) * 12)}.todoCalendarDay{border:2px solid rgba(125,90,56,.34);background:#fff8e68a}.todoCalendarDay h3{display:flex;align-items:center;gap:calc(var(--u) * 6);margin:0;padding:calc(var(--u) * 8);background:#d9b0716b;color:#3d2b1f;font-size:calc(var(--u) * 13)}.todoCalendarDay h3 svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.todoCalendarTask{display:grid;grid-template-columns:calc(var(--u) * 18) 1fr auto;align-items:center;gap:calc(var(--u) * 7);padding:calc(var(--u) * 7) calc(var(--u) * 8);border-top:1px solid rgba(125,90,56,.2);font-size:calc(var(--u) * 12)}.todoCalendarTask svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15);color:#b27a2e}.todoCalendarTask span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todoCalendarTask small{color:#6b4a2e}.interactionPrompt{position:absolute;z-index:2;left:50%;bottom:calc(var(--u) * 28);transform:translate(-50%);min-width:calc(var(--u) * 220);padding:calc(var(--u) * 12) calc(var(--u) * 16);border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_nameplate_frame.svg) 12 fill / calc(var(--u) * 9) / 0 stretch;background:#f8ead1eb;color:#3d2b1f;text-align:center;font-size:calc(var(--u) * 14);animation:shopNameRiseIn .26s ease-out both}.interactionPromptButton{cursor:pointer}.notificationToast{position:absolute;z-index:2;top:calc(var(--u) * 16);left:50%;transform:translate(-50%);min-width:calc(var(--u) * 220);max-width:calc(var(--u) * 420);padding:calc(var(--u) * 11) calc(var(--u) * 16);border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_nameplate_frame.svg) 12 fill / calc(var(--u) * 9) / 0 stretch;background:#f2dfbd;box-shadow:0 calc(var(--u) * 4) 0 #1c120d52;color:#3d2b1f;text-align:center;font-size:calc(var(--u) * 14);line-height:1.2}@keyframes shopNameRiseIn{0%{opacity:0;transform:translate(-50%,calc(var(--u) * 10))}to{opacity:1;transform:translate(-50%)}}.bottomLeftDock{position:absolute;z-index:2;left:calc(var(--u) * 16);bottom:calc(var(--u) * 16);display:flex;align-items:flex-end;gap:calc(var(--u) * 6);max-width:calc(100cqw - var(--u) * 32)}.ambienceQuickBar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:calc(var(--u) * 4)}.ambienceQuickButton{display:grid;place-items:center;flex:0 0 auto;width:calc(var(--u) * 36);height:calc(var(--u) * 36);padding:calc(var(--u) * 5);border:2px solid #7d5a38;background:#65412fe6;box-shadow:0 calc(var(--u) * 4) 0 #1c120d57;color:#f8ead1;cursor:pointer}.ambienceQuickButton svg{width:100%;height:100%}.ambienceQuickButton.isActive{background:#d9b071;color:#3d2b1f;box-shadow:inset 0 0 0 1px #fff8e659,0 calc(var(--u) * 4) 0 #1c120d57}.ambienceQuickButton:focus-visible{outline:2px solid #f4d08a;outline-offset:2px}.youtubeToggle{display:grid;place-items:center;flex:0 0 auto;width:calc(var(--u) * 44);height:calc(var(--u) * 36);border:2px solid #7d5a38;background:#65412fe6;box-shadow:0 calc(var(--u) * 4) 0 #1c120d57;color:#f8ead1;cursor:pointer;font-size:calc(var(--u) * 12);font-weight:700}.youtubeToggle svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22)}.youtubePanel{position:relative;flex:0 1 auto;width:min(calc(var(--u) * 292),calc(100cqw - var(--u) * 32));border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / calc(var(--u) * 10) / 0 stretch;padding:calc(var(--u) * 10);background:#f2dfbdf0;box-shadow:0 calc(var(--u) * 4) 0 #1c120d57;color:#3d2b1f}.youtubeHeader{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 8);padding:calc(var(--u) * 7) calc(var(--u) * 8);border-bottom:2px solid rgba(125,90,56,.5);background:#d9b071;font-size:calc(var(--u) * 12);font-weight:700}.youtubeHeader span,.youtubeHeaderActions{display:flex;align-items:center;gap:calc(var(--u) * 6)}.youtubeHeader span svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.youtubeHeaderActions button{display:grid;place-items:center;width:calc(var(--u) * 26);height:calc(var(--u) * 24);border:2px solid #7d5a38;background:#65412f;color:#f8ead1;cursor:pointer;font:inherit;font-size:calc(var(--u) * 11)}.youtubeHeaderActions button svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.youtubePanel.isMinimized{width:min(calc(var(--u) * 150),calc(100cqw - var(--u) * 32))}.youtubePanel.isMinimized .youtubeBody{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.youtubePlayer{aspect-ratio:16 / 9;background:#2b211c}.youtubePlayer iframe{display:block;width:100%;height:100%;border:0}.youtubeEmpty{display:grid;place-items:center;height:100%;color:#f8ead1;font-size:calc(var(--u) * 13)}.youtubeForm{display:grid;grid-template-columns:1fr auto;gap:calc(var(--u) * 6);padding:calc(var(--u) * 8);border-top:2px solid rgba(125,90,56,.5)}.youtubeForm input{min-width:0;border:2px solid rgba(125,90,56,.48);padding:calc(var(--u) * 7) calc(var(--u) * 8);background:#fff8e6db;color:#3d2b1f;font:inherit;font-size:calc(var(--u) * 12)}.youtubeForm button,.youtubeRemoveButton{border:2px solid #7d5a38;background:#65412f;color:#f8ead1;cursor:pointer;font:inherit}.youtubeForm button{min-width:calc(var(--u) * 46);padding:0 calc(var(--u) * 9);font-size:calc(var(--u) * 12)}.youtubeForm button:disabled{cursor:default;opacity:.55}.youtubeError{margin:0;padding:0 calc(var(--u) * 8) calc(var(--u) * 7);color:#7b3f35;font-size:calc(var(--u) * 11);line-height:1.2}.youtubeList{max-height:calc(var(--u) * 148);overflow-y:auto;border-top:1px solid rgba(125,90,56,.35)}.youtubeItem{display:grid;grid-template-columns:1fr calc(var(--u) * 34);min-height:calc(var(--u) * 37);border-top:1px solid rgba(125,90,56,.22)}.youtubeItem:first-child{border-top:0}.youtubeItem.isActive{background:#d9b0715c}.youtubeTrackButton{display:grid;grid-template-columns:calc(var(--u) * 22) 1fr;align-items:center;gap:calc(var(--u) * 6);min-width:0;border:0;padding:calc(var(--u) * 7) calc(var(--u) * 8);background:transparent;color:#3d2b1f;text-align:left;cursor:pointer;font:inherit}.youtubeTrackButton span{color:#6b4a2e;font-size:calc(var(--u) * 11)}.youtubeTrackButton strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--u) * 12);font-weight:700}.youtubeRemoveButton{display:grid;place-items:center;width:100%;border-width:0 0 0 1px;font-size:calc(var(--u) * 12)}.youtubeRemoveButton svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.debugToggle{position:absolute;z-index:2;right:16px;bottom:16px;display:flex;align-items:center;gap:6px;border:2px solid #7d5a38;padding:8px 12px;background:#65412fe6;color:#f8ead1;cursor:pointer}.debugToggle svg{width:18px;height:18px}.progressionToggle{position:absolute;z-index:2;left:calc(var(--u) * 16);bottom:calc(var(--u) * 16);border:2px solid #7d5a38;padding:calc(var(--u) * 8) calc(var(--u) * 12);background:#65412fe6;color:#f8ead1;cursor:pointer;font-size:calc(var(--u) * 14)}.debugLayer{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:flex-end;padding:16px;pointer-events:none}.debugPanel{width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / 14px / 0 stretch;padding:14px;background:#f2dfbd;box-shadow:0 8px #1c120d5c;color:#3d2b1f;pointer-events:auto}.debugHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px;border-bottom:2px solid rgba(125,90,56,.5);background:#d9b071}.debugHeader h1{margin:3px 0 0;font-size:22px;line-height:1.1;letter-spacing:0}.debugGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px 8px}.debugGrid label{display:flex;align-items:center;justify-content:space-between;gap:8px;border:2px solid rgba(125,90,56,.32);padding:9px;background:#fff8e680;font-size:13px}.debugField{display:grid;gap:7px;padding:10px 16px;color:#4d2e1c;font-size:13px}.debugField select,.debugField input[type=range]{width:100%}.debugPair{display:grid;grid-template-columns:1fr 1fr}.debugPair .debugField{padding-top:8px;padding-bottom:8px}.debugSectionTitle{margin:14px 16px 2px;padding-top:12px;border-top:1px solid rgba(88,52,30,.22);color:#3f2518;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.modalLayer{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:calc(var(--u) * 24);background:#1d26302e}.welcomeLayer{z-index:6;align-items:center;background:#1d26309e}.welcomePanel{width:min(calc(var(--u) * 430),calc(100cqw - var(--u) * 32));border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / calc(var(--u) * 13) / 0 stretch;padding:calc(var(--u) * 13);background:#f2dfbd;box-shadow:0 calc(var(--u) * 8) 0 #1c120d5c;color:#3d2b1f}.welcomePanel header{display:flex;align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 18);border-bottom:2px solid rgba(125,90,56,.5);background:#d9b071}.welcomePanel header>svg{flex:0 0 auto;width:calc(var(--u) * 34);height:calc(var(--u) * 34);color:#65412f}.welcomePanel h1{margin:calc(var(--u) * 3) 0 0;font-size:calc(var(--u) * 25);line-height:1.05}.welcomePanel>p{margin:0;padding:calc(var(--u) * 16) calc(var(--u) * 18) 0;color:#4d2e1c;font-size:calc(var(--u) * 15);line-height:1.45}.welcomeGuide{display:grid;gap:calc(var(--u) * 9);padding:calc(var(--u) * 16) calc(var(--u) * 18) 0}.welcomeGuide div{border:2px solid rgba(125,90,56,.34);padding:calc(var(--u) * 10);background:#fff8e680}.welcomeGuide strong{display:block;margin-bottom:calc(var(--u) * 4);color:#3d2b1f;font-size:calc(var(--u) * 13)}.welcomeGuide span{color:#6b4a2e;font-size:calc(var(--u) * 13);line-height:1.35}.welcomePanel footer{display:flex;justify-content:flex-end;padding:calc(var(--u) * 18)}.welcomeJoinButton{display:flex;align-items:center;gap:calc(var(--u) * 7)}.welcomeJoinButton svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16);color:#f1c66b}.shopPanel{width:min(calc(var(--u) * 520),calc(100cqw - var(--u) * 32));max-height:100%;overflow:auto;border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / calc(var(--u) * 13) / 0 stretch;padding:calc(var(--u) * 13);background:#f2dfbd;box-shadow:0 calc(var(--u) * 8) 0 #1c120d5c;color:#3d2b1f}.progressionPanel{width:min(calc(var(--u) * 620),calc(100cqw - var(--u) * 32));max-height:100%;overflow:auto;border:2px solid #7d5a38;border-image:url(/assets/ui/frames/wood_popup_frame.svg) 18 fill / calc(var(--u) * 13) / 0 stretch;padding:calc(var(--u) * 13);background:#f2dfbd;box-shadow:0 calc(var(--u) * 8) 0 #1c120d5c;color:#3d2b1f}.shopPanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--u) * 16);padding:calc(var(--u) * 18) calc(var(--u) * 18) calc(var(--u) * 12);border-bottom:2px solid rgba(125,90,56,.5);background:#d9b071}.shopPanelHeader h1{margin:calc(var(--u) * 3) 0 0;font-size:calc(var(--u) * 24);line-height:1.1;letter-spacing:0}.panelKicker{margin:0;color:#6b4a2e;font-size:calc(var(--u) * 12);line-height:1;text-transform:uppercase}.iconButton{display:grid;place-items:center;width:calc(var(--u) * 32);height:calc(var(--u) * 32);border:2px solid #7d5a38;background:#65412f;color:#f8ead1;cursor:pointer}.iconButton svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.shopDescription,.shopFlavor{margin:0;padding:calc(var(--u) * 16) calc(var(--u) * 18) 0;font-size:calc(var(--u) * 15);line-height:1.45}.shopFlavor{color:#6b4a2e;font-style:italic}.shopStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--u) * 10);margin:calc(var(--u) * 16) calc(var(--u) * 18) 0}.shopStats div{border:2px solid rgba(125,90,56,.42);padding:calc(var(--u) * 10);background:#fff8e67a}.shopStats dt{color:#6b4a2e;font-size:calc(var(--u) * 12)}.shopStats dd{margin:calc(var(--u) * 4) 0 0;font-size:calc(var(--u) * 16)}.statWithIcon{display:flex;align-items:center;gap:calc(var(--u) * 6)}.shopMenu{margin:calc(var(--u) * 16) calc(var(--u) * 18) 0;border:2px solid rgba(125,90,56,.42);background:#fff8e66b}.shopMenu>header{padding:calc(var(--u) * 10) calc(var(--u) * 12);border-bottom:2px solid rgba(125,90,56,.32);background:#d9b07194}.shopMenu h2{margin:calc(var(--u) * 3) 0 0;font-size:calc(var(--u) * 17);line-height:1.1}.shopMenuList{display:grid}.shopMenuItem{display:grid;grid-template-columns:calc(var(--u) * 52) 1fr auto;align-items:center;gap:calc(var(--u) * 12);min-height:calc(var(--u) * 76);padding:calc(var(--u) * 10) calc(var(--u) * 12);border-top:1px solid rgba(125,90,56,.22)}.shopMenuItem:first-child{border-top:0}.shopMenuIcon{display:grid;place-items:center;width:calc(var(--u) * 48);height:calc(var(--u) * 48);border:2px solid rgba(125,90,56,.5);background:#f2dfbdbd;color:#65412f}.shopMenuIcon svg{width:calc(var(--u) * 38);height:calc(var(--u) * 38)}.shopMenuInfo{min-width:0}.shopMenuInfo h3{margin:0;color:#3d2b1f;font-size:calc(var(--u) * 15);line-height:1.1}.shopMenuInfo p{margin:calc(var(--u) * 5) 0;color:#4d2e1c;font-size:calc(var(--u) * 12);line-height:1.3}.shopMenuInfo span{color:#6b4a2e;font-size:calc(var(--u) * 11)}.shopBuyButton{display:flex;align-items:center;gap:calc(var(--u) * 5);min-width:calc(var(--u) * 62);justify-content:center}.shopBuyButton svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15);color:#f1c66b}.shopPanelFooter{display:flex;justify-content:flex-end;padding:calc(var(--u) * 14) calc(var(--u) * 18)}.woodButton{border:2px solid #7d5a38;padding:calc(var(--u) * 9) calc(var(--u) * 16);background:#65412f;color:#f8ead1;cursor:pointer;font-size:calc(var(--u) * 14)}.woodButton:disabled{cursor:default;opacity:.55}.dangerButton{background:#7b3f35}.decorationList{display:grid;gap:calc(var(--u) * 10);padding:calc(var(--u) * 16) calc(var(--u) * 18) 0}.decorationItem{display:grid;grid-template-columns:1fr auto;align-items:center;gap:calc(var(--u) * 16);border:2px solid rgba(125,90,56,.42);padding:calc(var(--u) * 12);background:#fff8e67a}.decorationItem h2{margin:0;font-size:calc(var(--u) * 17);line-height:1.1}.decorationItem p{margin:calc(var(--u) * 6) 0;color:#4d2e1c;font-size:calc(var(--u) * 14);line-height:1.35}.decorationItem span{color:#6b4a2e;font-size:calc(var(--u) * 13)}.woodButton:hover,.iconButton:hover{background:#7b4a32}@media(max-width:560px){.modalLayer{padding:calc(var(--u) * 12)}.shopStats{grid-template-columns:1fr}.shopMenuItem{grid-template-columns:calc(var(--u) * 48) 1fr}.shopBuyButton{grid-column:1 / -1;min-height:44px}.decorationItem{grid-template-columns:1fr}}@media(max-width:719.98px){.appShell{align-items:stretch;justify-content:stretch}.gameFrame{--u: min(calc(100dvh / 540), calc(100vw / 430));width:100vw;height:100dvh;aspect-ratio:auto;touch-action:none}.hud{top:max(calc(var(--u) * 10),env(safe-area-inset-top));min-width:calc(var(--u) * 118);padding:calc(var(--u) * 9) calc(var(--u) * 11);font-size:calc(var(--u) * 13)}.hudClock{left:max(calc(var(--u) * 10),env(safe-area-inset-left))}.timeTodoDock{top:max(calc(var(--u) * 10),env(safe-area-inset-top));left:max(calc(var(--u) * 10),env(safe-area-inset-left));width:min(calc(var(--u) * 250),calc(100cqw - var(--u) * 20))}.hudCoins{right:max(calc(var(--u) * 10),env(safe-area-inset-right))}.todoList{max-height:calc(var(--u) * 116)}.todoCalendarPanel{width:min(calc(var(--u) * 300),calc(100cqw - var(--u) * 20));max-height:min(calc(var(--u) * 300),calc(100dvh - var(--u) * 150))}.interactionPrompt{bottom:max(calc(var(--u) * 18),env(safe-area-inset-bottom));min-width:min(calc(var(--u) * 260),calc(100cqw - var(--u) * 32));min-height:max(calc(var(--u) * 44),44px);padding:calc(var(--u) * 11) calc(var(--u) * 16);font-size:calc(var(--u) * 14)}.notificationToast{top:max(calc(var(--u) * 58),calc(env(safe-area-inset-top) + var(--u) * 44));min-width:min(calc(var(--u) * 240),calc(100cqw - var(--u) * 32));max-width:calc(100cqw - var(--u) * 32);font-size:calc(var(--u) * 13)}.bottomLeftDock{left:max(calc(var(--u) * 8),env(safe-area-inset-left));bottom:max(calc(var(--u) * 8),env(safe-area-inset-bottom));max-width:calc(100cqw - var(--u) * 16)}.youtubePanel{width:min(calc(var(--u) * 250),calc(100cqw - var(--u) * 16))}.youtubePanel.isMinimized{width:min(calc(var(--u) * 136),calc(100cqw - var(--u) * 16))}.youtubeToggle{width:max(calc(var(--u) * 44),44px);height:max(calc(var(--u) * 36),36px)}.ambienceQuickButton{width:max(calc(var(--u) * 36),36px);height:max(calc(var(--u) * 36),36px)}.youtubeList{max-height:calc(var(--u) * 132)}.youtubeItem{min-height:max(calc(var(--u) * 37),34px)}.youtubeForm input,.youtubeForm button,.youtubeTrackButton strong,.youtubeRemoveButton{font-size:calc(var(--u) * 12)}.modalLayer{padding:calc(var(--u) * 10) max(calc(var(--u) * 8),env(safe-area-inset-right)) max(calc(var(--u) * 10),env(safe-area-inset-bottom)) max(calc(var(--u) * 8),env(safe-area-inset-left))}.shopPanel,.progressionPanel{width:calc(100cqw - var(--u) * 16);max-height:min(calc(100dvh - var(--u) * 72),calc(var(--u) * 420));overflow:auto}.shopPanelHeader{gap:calc(var(--u) * 12);padding:calc(var(--u) * 14)}.shopPanelHeader h1{font-size:calc(var(--u) * 21)}.welcomePanel{width:calc(100cqw - var(--u) * 16)}.welcomePanel h1{font-size:calc(var(--u) * 22)}.iconButton{width:max(calc(var(--u) * 36),44px);height:max(calc(var(--u) * 36),44px)}.woodButton{min-height:44px;padding:calc(var(--u) * 10) calc(var(--u) * 16)}.debugToggle,.debugLayer{display:none}}