/* Home/settings navigation shares the game's painted pastel WebP source. */
.home-screen:has(.home-v23){background:#c7ede5 url('/assets/environments/shop-counter/user-layout-v4/background.webp') center/cover no-repeat;padding:14px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));}
.home-v23{width:min(400px,100%);max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:24px 28px;gap:14px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background-image:url('/assets/ui/pastel-v2/panel.webp');}
.home-v23 .home-heading{display:grid;gap:8px;}.home-v23 h1{font-size:clamp(27px,4vw,36px);line-height:1.05;}.home-v23 h2{margin:0 0 10px;font-size:22px;line-height:1.2;}.home-v23 h3{font-size:13px;margin:15px 0 8px;text-align:left;}.home-v23 .home-mark{font-size:10px;color:#395f58;}.home-v23 p{line-height:1.4;}.home-v23 #home-progress{font-size:13px;color:#41685d;}.home-v23 #home-shop{font-size:15px;}
.home-menu-list{display:grid;gap:8px;}.home-v23 button{position:relative;isolation:isolate;background:transparent;color:#244f4c;min-height:44px;font-size:16px;font-weight:800;padding:10px 18px;}.home-v23 button::before{content:'';position:absolute;inset:0;z-index:-1;border:16px solid transparent;border-image:url('/assets/ui/pastel-v2/button-mint.webp') 32 fill stretch;border-radius:0;pointer-events:none;}.home-v23 button.home-primary::before{border-image-source:url('/assets/ui/pastel-v2/button-peach.webp');}.home-v23 button.home-back::before,.home-v23 #home-menu::before{border-image-source:url('/assets/ui/pastel-v2/button-lilac.webp');}.home-v23 button:focus-visible{outline:3px solid #12625c;outline-offset:3px;}.home-v23 button img{width:24px;height:24px;margin-right:9px;}.home-v23 #home-play{min-height:52px;font-size:20px;}.home-v23 #home-continue{min-height:44px;font-size:16px;}.home-v23 .home-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;}.home-v23 #home-backup{width:100%;margin-top:12px;font-size:13px;}.home-v23 #home-load-file,.home-v23 #home-load-back,.home-v23 #home-return{width:100%;}.home-backup-list{display:grid;gap:8px;max-height:135px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;}.home-v23 .home-backup-row{font-size:13px;text-align:left;line-height:1.35;}.home-v23 .home-note{font-size:13px;color:#42665c;overflow-wrap:anywhere;}.home-v23 .home-feedback{font-size:13px;font-weight:700;min-height:0;color:#42665c;}.home-v23 .home-feedback:empty{display:none;}.home-v23 .home-feedback[data-error=true]{color:#963d39;}.home-v23 #home-save-status{font-size:11px;color:#476b61;min-height:15px;}.home-exit-mark{width:48px;height:48px;margin-bottom:10px;}
@media(max-height:440px){.home-v23{padding:16px 24px;gap:8px;}.home-v23 h1{font-size:28px;}.home-v23[data-view=main] h1 br{display:none;}.home-v23[data-view=main]{width:min(440px,100%);}.home-v23 .home-heading{gap:5px;}.home-v23 .home-mark{min-height:20px;}.home-v23 .home-mark img{width:24px;height:24px;}.home-v23 h2{font-size:19px;margin-bottom:8px;}.home-v23 p{font-size:13px;}.home-v23[data-view=confirm] .home-heading,.home-v23[data-view=load] .home-heading{display:none;}.home-v23 #home-play{min-height:48px;}}
@media(prefers-reduced-motion:reduce){.home-v23 button{transition:none;}.home-v23 button:active:not(:disabled){transform:none;}}
.event-notice{position:fixed;left:calc(env(safe-area-inset-left) + 4px);top:calc(env(safe-area-inset-top) + 250px);z-index:8;width:44px;height:44px;}.event-notice img{width:28px;height:28px;}.event-notice span{position:absolute;right:-1px;bottom:-1px;min-width:21px;padding:2px;background:url('/assets/ui/pastel-v1/hud.webp') center/100% 100% no-repeat;font-size:12px;color:#24534c;}.event-notice.urgent span{color:#a44139;font-weight:900;}
.calendar-dialog,.events-dialog{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:14px 18px;}.calendar-dialog .dialog-head,.events-dialog .dialog-head{margin:0 0 8px;gap:8px;}.calendar-dialog h2,.events-dialog h2{font-size:20px;line-height:1.2;margin:0;}.calendar-dialog p,.events-dialog p{font-size:14px;line-height:1.4;margin:8px 0;}.calendar-note,.calendar-reputation{color:#42645a;}.calendar-days{display:grid;gap:8px;}.calendar-day{display:grid;grid-template-columns:32px 1fr;gap:2px 8px;padding:8px 12px;background:url('/assets/ui/pastel-v1/paper.webp') center/100% 100% no-repeat;}.calendar-day.current{background-image:url('/assets/ui/pastel-v2/button-mint.webp');}.calendar-day img{width:30px;height:30px;grid-row:1/4;}.calendar-day strong{font-size:14px;}.calendar-day p{font-size:14px;margin:0;}.calendar-day small{font-size:12px;line-height:1.3;}.reputation-inline{font-size:11px;color:#496b5e;margin:3px 0;}.calendar-button{min-height:44px;font-size:13px!important;}.events-choices{display:grid;gap:10px;}.event-choice{display:grid;gap:5px;text-align:left;min-height:60px;padding:12px 14px;}.event-choice strong{font-size:15px;color:#244f4c;}.event-choice span{font-size:13px;line-height:1.4;font-weight:550;color:#345d52;}.events-time{font-weight:800;color:#326658;}.events-timeout{color:#715547;}.events-dialog small{display:block;font-size:12px;line-height:1.4;color:#49665c;}
@media(max-height:360px){.event-notice{top:224px;}#queue .avatar{width:32px;height:32px;}#queue .avatar img{inset:4px;width:24px;height:24px;}}
body:has(#home-screen:not([hidden])) .orientation-note{display:none;}
.settings-dialog.from-home .game-management{display:none!important;}
.home-v23 button:active:not(:disabled){transform:none;}.home-v23 button::before{transition:transform .13s ease-out;}.home-v23 button:active:not(:disabled)::before{transform:scale(.97);}
.settings-dialog[open]{display:flex;flex-direction:column;}.settings-dialog .dialog-head{flex:0 0 auto;}.settings-dialog .settings-body{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;scroll-padding-block:10px;}#update-game{scroll-margin-block:10px;}