:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202038;--paper:#fff8e8;--panel:#f3efe1;--panel-2:#dce8d5;--accent:#d95f5f;--accent-2:#3c8d9e;--accent-3:#e5b83f;--shadow:#6b6172;--settings-control-height:56px}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:url(./page-night-HQBt2Gh3.png) 50%/cover no-repeat fixed,#5f63b8;place-items:center;margin:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:grid}body[data-period=morning]{background:url(./page-morning-CpVgU3_B.png) 50%/cover no-repeat fixed,#f5a7ac}body[data-period=day]{background:url(./page-day-CUmkFgpQ.png) 50%/cover no-repeat fixed,#75d4f5}body[data-period=evening]{background:url(./page-evening-CaJIhdbt.png) 50%/cover no-repeat fixed,#8c6cc8}body[data-period=night]{background:url(./page-night-HQBt2Gh3.png) 50%/cover no-repeat fixed,#2f3a8a}button{font:inherit}.shell{gap:10px;width:min(100%,640px);display:grid}.game-area{aspect-ratio:4/3;border:4px solid var(--ink);background:var(--paper);width:min(100%,640px);position:relative;overflow:hidden;box-shadow:8px 8px #20203838}#game{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;touch-action:manipulation;display:block}#game:focus-visible{outline:3px solid var(--accent-3);outline-offset:-7px}.loading-overlay{z-index:4;color:var(--ink);opacity:1;background-color:#fff8e8f0;background-image:linear-gradient(90deg,#20203814 1px,#0000 1px),linear-gradient(#20203814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-content:center;place-items:center;gap:12px;padding:18px;transition:opacity .16s linear;display:grid;position:absolute;inset:0}.loading-overlay.is-hidden{opacity:0;pointer-events:none}.loading-pet{width:78px;height:54px;image-rendering:pixelated;position:relative}.loading-pet:before{content:"";background:#20203829;height:6px;animation:.72s steps(2,end) infinite loading-shadow;position:absolute;bottom:3px;left:10px;right:10px}.loading-pet i{border:3px solid var(--ink);width:18px;height:18px;box-shadow:0 -9px 0 -4px #a6f45f, 0 -12px 0 -5px var(--ink);background:linear-gradient(#d8ff8b 0 58%,#a6f45f 0),#a6f45f;animation:.72s steps(2,end) infinite loading-hop;position:absolute;bottom:12px}.loading-pet i:first-child{left:10px}.loading-pet i:nth-child(2){animation-delay:.12s;left:30px}.loading-pet i:nth-child(3){animation-delay:.24s;left:50px}.loading-label{color:#5a6ccf;text-align:center;min-height:18px;font-size:clamp(12px,2.4vw,15px);font-weight:700}.loading-bar{border:3px solid var(--ink);background:#fffdf3;width:min(220px,72%);height:17px;box-shadow:4px 4px #20203829}.loading-bar i{background:linear-gradient(90deg, #ffffff6b 0 16%, transparent 0 32%), var(--accent-2);width:12%;height:100%;transition:width .14s steps(4,end);display:block}@keyframes loading-hop{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes loading-shadow{0%,to{transform:scaleX(1)}50%{transform:scaleX(.78)}}.toast{border:3px solid var(--ink);max-width:calc(100% - 24px);min-height:28px;color:var(--ink);text-align:center;opacity:0;pointer-events:none;background:#fffdf3;padding:5px 10px;font-size:clamp(11px,2.2vw,14px);line-height:1.25;transition:opacity .12s linear;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.toast.is-visible{opacity:1}.name-dialog{z-index:5;background:#2020386b;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.name-dialog.is-hidden{display:none}.name-card{border:4px solid var(--ink);width:min(100%,330px);color:var(--ink);background-color:#fffdf3;background-image:linear-gradient(90deg,#2020380d 1px,#0000 1px),linear-gradient(#2020380d 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;box-shadow:7px 7px #20203842}.name-card__bar{border-bottom:4px solid var(--ink);background:linear-gradient(#f8d68d 0 55%,#e5b83f 0),#f8d68d;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:7px 8px;font-size:13px;font-weight:700;display:flex}.name-card__bar button,.name-card__actions button{border:3px solid var(--ink);color:var(--ink);cursor:pointer;background:linear-gradient(#fffdf3 0 58%,#f3efe1 0),#fffdf3;box-shadow:3px 3px #20203829}.name-card__bar button:disabled{cursor:default;opacity:.45;box-shadow:none;transform:none}.name-card__bar button{color:#d95f5f;width:26px;height:24px;padding:0;line-height:1}.name-card__field{gap:8px;padding:13px 12px 10px;font-size:12px;display:grid}.name-card__field span{color:#5a6ccf;font-weight:700}.name-card__field input{border:3px solid var(--ink);width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fff8e8;outline:0;padding:6px 8px;font-size:16px;box-shadow:inset 3px 3px #20203814}.name-card__field input:focus{background:#fffdf3;border-color:#5a6ccf}.name-card__actions{grid-template-columns:1fr;gap:8px;padding:0 12px 13px;display:grid}.name-card__actions button{min-height:38px;padding:4px 8px;font-size:12px}.name-card__actions button:hover,.name-card__actions button:focus-visible,.name-card__bar button:hover,.name-card__bar button:focus-visible{background:linear-gradient(#fffdf3 0 58%,#dce8d5 0),#fffdf3;outline:0}.name-card__actions button:active,.name-card__bar button:active{transform:translate(2px,2px);box-shadow:1px 1px #20203829}#name-ok{background:linear-gradient(#93d8f7 0 58%,#75a7e8 0),#93d8f7}.hud{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.meter{border:3px solid var(--ink);background:var(--panel);min-width:0;padding:6px;box-shadow:4px 4px #20203824}.meter span{white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:clamp(10px,2.1vw,13px);display:block;overflow:hidden}.meter i{border:2px solid var(--ink);background:linear-gradient(90deg, var(--fill,var(--accent-2)) var(--value), transparent 0), #fffdf3;height:13px;display:block}.meter:first-child i{--fill:var(--accent)}.meter:nth-child(2) i{--fill:var(--accent-3)}.meter:nth-child(3) i{--fill:var(--accent-2)}.meter:nth-child(4) i{--fill:#b96ad8}.meter:nth-child(5) i{--fill:#79b85b}.meter:nth-child(6) i{--fill:#5a6ccf}.toolbar{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;display:grid}.toolbar button{border:3px solid var(--ink);min-width:0;min-height:68px;color:var(--ink);cursor:pointer;background:linear-gradient(#fffdf3 0 58%,#f3efe1 0),#fffdf3;font-size:clamp(10px,2vw,13px);transition:transform 80ms,box-shadow 80ms,background-color .12s;position:relative;box-shadow:4px 4px #2020382b}.toolbar button small{margin-top:5px;font-size:10px;line-height:1;display:block}.toolbar button:hover,.toolbar button:focus-visible{background:var(--panel-2);outline:0}.toolbar button:active,.toolbar button.is-active{transform:translate(2px,2px);box-shadow:2px 2px #2020382b}.toolbar button:disabled{opacity:.45;cursor:default}.toolbar button.has-care-alert:after{content:"";border:2px solid var(--ink);background:#d95f5f;width:9px;height:9px;position:absolute;top:6px;right:7px;box-shadow:2px 2px #2020382e}.panel{border:3px solid var(--ink);background-color:#fffdf3;background-image:linear-gradient(90deg,#2020380a 1px,#0000 1px),linear-gradient(#2020380a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;padding:10px;font-size:12px;position:relative;box-shadow:4px 4px #20203824}.panel:before{content:"";pointer-events:none;border-top:4px solid #ffffffb3;position:absolute;inset:0}.panel-head{border-bottom:3px solid #20203824;align-items:center;gap:8px;min-height:28px;margin-bottom:8px;padding-bottom:7px;display:flex}.panel.is-hidden{display:none}.panel p{white-space:pre-line;margin:0;line-height:1.45}.profile-grid{grid-template-columns:minmax(78px,auto) 1fr;gap:5px 8px;line-height:1.35;display:grid}.profile-grid span{color:#5a6ccf}.profile-grid strong{overflow-wrap:anywhere;min-width:0;font-weight:700}#food-panel,#play-panel{gap:8px;display:grid}#food-panel{grid-template-columns:repeat(5,minmax(0,1fr))}#play-panel{grid-template-columns:repeat(3,minmax(0,1fr))}#food-panel.is-hidden,#play-panel.is-hidden{display:none}.food-choice,.play-choice,.shop-panel button,.settings-panel button,.volume-control,.toggle-control{border:3px solid var(--ink);min-height:38px;color:var(--ink);cursor:pointer;background:linear-gradient(#fffdf3 0 60%,#f3efe1 0),#fffdf3;transition:transform 80ms,box-shadow 80ms,background-color .12s;position:relative;box-shadow:3px 3px #20203824}.food-choice,.play-choice{place-items:center;gap:2px;min-height:70px;padding:6px 4px;display:grid}.food-choice:after,.play-choice:after{content:"";background:#2020381f;height:3px;position:absolute;bottom:5px;left:8px;right:8px}.food-choice:hover,.food-choice:focus-visible,.play-choice:hover,.play-choice:focus-visible,.shop-panel button:hover,.shop-panel button:focus-visible,.settings-panel button:hover,.settings-panel button:focus-visible,.toggle-control:hover,.toggle-control:focus-within{background:linear-gradient(#fffdf3 0 60%,#dce8d5 0),#fffdf3;outline:0}.food-choice:active,.play-choice:active,.shop-panel button:active,.settings-panel button:active,.shop-panel button.is-active,.settings-panel button.is-active{transform:translate(2px,2px);box-shadow:1px 1px #20203824}.food-icon,.play-icon{object-fit:contain;shape-rendering:crispedges;width:44px;height:44px;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.food-choice small{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;line-height:1.1;display:block;overflow:hidden}.play-choice strong{font-size:11px;line-height:1.1;display:block}.shop-panel{overscroll-behavior:contain;gap:10px;max-height:min(420px,52vh);display:grid;overflow-y:auto}.shop-panel.is-hidden{display:none}.shop-wallet-wrap{justify-content:flex-end;min-width:0;margin-left:auto;display:inline-flex;position:relative}.shop-wallet{color:#5a6ccf;cursor:help;outline-offset:3px;white-space:nowrap;font-size:11px;font-weight:800}.shop-wallet-tip{z-index:3;border:3px solid var(--ink);width:max-content;max-width:min(238px,100vw - 46px);color:var(--ink);opacity:0;pointer-events:none;white-space:normal;background:#fffdf3;padding:7px 9px;font-size:10px;font-weight:700;line-height:1.25;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 9px);right:0;transform:translateY(-4px);box-shadow:4px 4px #2020382e}.shop-wallet-tip:after{content:"";border-left:3px solid var(--ink);border-top:3px solid var(--ink);background:#fffdf3;width:10px;height:10px;position:absolute;top:-8px;right:14px;transform:rotate(45deg)}.shop-wallet-wrap:hover .shop-wallet-tip,.shop-wallet-wrap:focus-within .shop-wallet-tip{opacity:1;transform:translateY(0)}.shop-item{grid-template-columns:64px minmax(0,1fr) minmax(136px,180px);align-items:center;gap:10px;min-width:0;display:grid}.shop-item-icon{object-fit:contain;width:58px;height:58px;image-rendering:pixelated;image-rendering:crisp-edges}.shop-item-copy{gap:4px;min-width:0;display:grid}.shop-item-copy strong{font-size:12px;line-height:1.1}.shop-item-copy small{color:#5d3e55;font-size:10px;line-height:1.1}.shop-item-actions{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.shop-panel button{place-items:center;height:48px;min-height:48px;padding:4px;font-size:11px;line-height:1.1;display:grid}.shop-panel button[hidden]{display:none}.settings-panel{grid-template-columns:1fr;gap:10px;display:grid}.settings-panel.is-hidden{display:none}.settings-tabs{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.settings-tabs button{min-height:38px;padding:4px}.settings-tabs button:not([aria-selected=true]){transform:translateY(2px)}.settings-tabs button[aria-selected=true]{background:#f3d46b;box-shadow:inset 0 -4px #2020382e}.settings-group{grid-column:1/-1;align-items:stretch;gap:8px;padding:0 0 10px;display:grid}.settings-page.is-hidden{display:none}.settings-group>strong{color:#5a6ccf;grid-column:1/-1;font-size:11px;line-height:1}.sound-settings{grid-template-columns:repeat(3,minmax(0,1fr))}.action-settings{grid-template-columns:repeat(4,minmax(0,1fr))}#settings-page-game{grid-template-columns:repeat(5,minmax(0,1fr))}#settings-page-save{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-cluster{grid-template-rows:18px repeat(2, minmax(var(--settings-control-height), auto));align-content:start;gap:8px;min-width:0;display:grid}.sound-cluster--ambience{grid-template-rows:18px repeat(3, minmax(var(--settings-control-height), auto))}.sound-cluster-title{color:#5d3e55;text-align:center;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1}.reset-action{justify-self:stretch}.transfer-panel{grid-column:1/-1;grid-template-columns:1fr 104px;gap:8px;display:grid}.transfer-panel.is-hidden{display:none}#save-transfer{border:3px solid var(--ink);width:100%;min-height:64px;color:var(--ink);font:inherit;resize:vertical;background:#fffdf3}.settings-panel .panel-head{grid-column:1/-1;margin-bottom:0}.settings-panel button{width:100%;height:100%;min-height:var(--settings-control-height);place-items:center;padding:4px;font-size:11px;line-height:1.1;display:grid}.settings-panel button.is-active{transform:none;box-shadow:3px 3px #20203824}.settings-panel button:active{transform:translate(2px,2px);box-shadow:1px 1px #20203824}.volume-control{width:100%;min-width:0;height:100%;min-height:var(--settings-control-height);align-content:center;gap:4px;padding:6px;font-size:10px;line-height:1;display:grid}.volume-control input{width:100%;accent-color:var(--accent-2)}.volume-control:has(input:disabled){color:#20203880;cursor:not-allowed;filter:saturate(.55);opacity:.68}.volume-control input:disabled{cursor:not-allowed}.setting-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.setting-label output{color:#5d3e55;white-space:nowrap;font-weight:800}.toggle-control{width:100%;min-width:0;height:100%;min-height:var(--settings-control-height);flex-wrap:wrap;align-items:center;gap:8px;padding:6px;font-size:10px;line-height:1.1;display:flex}.toggle-control input{width:16px;height:16px;accent-color:var(--accent-2);flex:none;margin:0}.needs-speed-control{grid-column:span 2}.save-action{align-self:end}.icon-sprite{width:0;height:0;position:absolute;overflow:hidden}.pixel-icon{object-fit:contain;shape-rendering:crispedges;width:44px;height:44px;image-rendering:pixelated;image-rendering:crisp-edges;margin:2px auto 0;display:block}.panel-head .pixel-icon{flex:none;width:28px;height:28px;margin:0}@media (width<=620px){body{padding:10px}.hud,.toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}#food-panel,#play-panel,.settings-tabs,.sound-settings,.action-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-cluster,.sound-cluster--ambience,.needs-speed-control,.reset-action,.settings-panel .panel-head,.settings-tabs,.settings-group>strong,.transfer-panel{grid-column:1/-1}.shop-item{grid-template-columns:54px minmax(0,1fr)}.shop-item-icon{width:50px;height:50px}.shop-item-actions{grid-column:1/-1}.transfer-panel{grid-template-columns:1fr}}