:root{color-scheme:dark;--ink:#f3f5ed;--muted:#bcc9c9;--danger:#ff8f88;--blue:#7bc2ee;--mint:#9cccb1;--panel:#202b30;--safe:max(34px,env(safe-area-inset-bottom,0px));--top:env(safe-area-inset-top,0px);--line:rgba(230,243,243,.42);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overscroll-behavior:none;background:#141c20;color:var(--ink)}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:disabled,[aria-disabled=true]{cursor:default}button img{pointer-events:none}#app{position:relative;width:100%;max-width:480px;height:100vh;height:100dvh;margin:auto;overflow:hidden;isolation:isolate;background:#4a4f55;touch-action:none;user-select:none;-webkit-user-select:none}#world{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none}img{object-fit:contain}
.top-band{position:absolute;top:var(--top);left:0;right:0;height:88px;background:linear-gradient(#131b20e0,#131b2080 75%,transparent);padding:12px;display:grid;grid-template-columns:150px 56px 56px 56px;gap:12px;align-items:start}.vitals{height:56px;display:flex;flex-direction:column;justify-content:center;gap:4px}.vital{height:14px;display:flex;align-items:center;gap:6px}.vital img{height:14px;width:14px;filter:drop-shadow(0 1px 2px #000)}.meter{height:8px;width:130px;position:relative;background:#111a20bd;border:1px solid #c8d2d25e;border-radius:3px;overflow:hidden}.fill{position:absolute;inset:0 auto 0 0;width:100%;background:var(--mint);transition:width .18s linear,background .2s}.vital[data-stat=stamina] .fill{background:#92bed2}.vital[data-stat=hunger] .fill{background:#d4cbb8}.vital.danger .fill{background:#dd6a62}.day{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-shadow:0 1px 3px #000;font-size:11px;line-height:1.2;gap:2px;transition:opacity .5s}.day-icon{width:23px;height:23px;background-image:url('assets/ui_time.webp');background-size:400% 100%;background-position:0 0}.top-button{pointer-events:auto;border:1px solid var(--line);width:56px;height:56px;border-radius:17px;background:#0b151966;box-shadow:0 2px 8px #0002;padding:14px}.top-button img{width:26px;height:26px}.top-button:active,.round:active{background:#6d8c9666}.aux.dim{opacity:.42}.top-button.dim{opacity:.65}
.stick-zone{position:absolute;left:0;bottom:calc(var(--safe) + 10px);width:174px;height:173px;pointer-events:auto;touch-action:none}.stick{position:absolute;width:132px;height:132px;left:16px;bottom:calc(var(--safe) + 30px);display:grid;place-items:center;pointer-events:none;opacity:.85}.stick-base{position:absolute;inset:0;width:100%;height:100%}.stick-knob{position:absolute;width:64px;height:64px;filter:drop-shadow(0 3px 6px #0005)}.stick.moving{opacity:1}.walk-label{position:absolute;left:16px;width:132px;text-align:center;bottom:calc(var(--safe) + 3px);font-size:11px;color:#f1f4ede0;text-shadow:0 1px 3px #000;transition:opacity .5s}
.round{pointer-events:auto;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d6e1dc99;border-radius:50%;background:#05131866;box-shadow:0 4px 14px #0003,inset 0 0 0 3px #0b151822;touch-action:none;padding:8px;isolation:isolate}.round img{filter:drop-shadow(0 1px 2px #0008)}.round .action-label{font-size:11px;font-weight:600;text-shadow:0 1px 3px #000;line-height:15px;white-space:nowrap}.round img{width:30px;height:30px}.round[aria-disabled=true]{background:#252d3280;border-color:#b1b9b65e}.round[aria-disabled=true] img{opacity:.42}.round[aria-disabled=true] .action-label{color:var(--danger)}.interact{width:82px;height:82px;right:23px;bottom:calc(var(--safe) + 51px);border:1.5px solid #d2e9dbb3}.interact img{width:34px;height:34px}.interact .action-label{font-size:14px;line-height:18px}.interact.ready{box-shadow:0 3px 12px #0004,inset 0 0 0 3px #bbedd622;border-color:#cde9d9}.push{width:64px;height:64px;right:32px;bottom:calc(var(--safe) + 145px)}.throw{width:64px;height:64px;right:117px;bottom:calc(var(--safe) + 60px)}.throw[aria-pressed=true]{background:#446b8380;border-color:var(--blue)}.bag{width:56px;height:56px;left:54px;bottom:calc(var(--safe) + 174px);border:none;background:none;box-shadow:none}.bag:before{content:"";position:absolute;inset:1px;border:1px solid var(--line);border-radius:50%;background:#07141866;z-index:-1}.bag img{width:30px;height:30px}.count{position:absolute;top:-3px;right:-3px;font-size:11px;line-height:20px;min-width:20px;background:#263c45;border:1px solid #b4cdd788;border-radius:10px;text-align:center}.charge{position:absolute;inset:-1.5px;border-radius:50%;background:conic-gradient(#bcdacd calc(var(--progress,0)*1turn),transparent 0);z-index:-2;mask:radial-gradient(transparent 66%,#000 67%);-webkit-mask:radial-gradient(transparent 66%,#000 67%)}
.toast{position:absolute;left:14px;right:14px;bottom:calc(var(--safe) + 254px);display:flex;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s}.toast.show{opacity:1}.toast span{max-width:340px;font-size:12px;line-height:1.5;background:#15232ce0;color:#e0e8df;padding:9px 14px;border:1px solid #9db7bb45;border-radius:8px}.aim-hint{position:absolute;left:16px;right:16px;bottom:calc(var(--safe) + 238px);text-align:center;font-size:12px;text-shadow:0 1px 5px #000;background:#1b2d36dc;padding:8px;border:1px solid #7bc2ee66;border-radius:8px}.aim-hint[hidden]{display:none}
.sheet-scrim{position:absolute;inset:0;pointer-events:auto;background:transparent;touch-action:none}.sheet{position:absolute;left:0;right:0;bottom:0;height:66.6667%;border:1px solid #82969d7a;border-bottom:0;border-radius:26px 26px 0 0;background:#202b30f5;box-shadow:0 -12px 30px #0003;padding:0 18px var(--safe);display:flex;flex-direction:column;pointer-events:auto;transform:translateY(100%);transition:transform .23s cubic-bezier(.2,.75,.2,1);touch-action:pan-y;overflow:hidden}.sheet.open{transform:translateY(0)}.sheet[hidden],.sheet-scrim[hidden]{display:none}.sheet-grip{height:24px;flex:0 0 24px;display:grid;place-items:center;touch-action:none}.sheet-grip:after{content:"";width:40px;height:4px;border-radius:3px;background:#89979d}.sheet-heading{display:flex;align-items:center;gap:12px;flex:0 0 52px}.sheet-heading h1{font-size:19px;margin:0;letter-spacing:.1em;flex:1}.sheet-close{border:1px solid #7d929b66;background:#2c3a4070;border-radius:16px;width:56px;height:56px;padding:0;font-size:24px;line-height:1}.sheet-kicker{font-size:11px;color:#a5bbb9;letter-spacing:.14em}.weight-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:10px 0 8px}.weight-row strong{font-size:16px;letter-spacing:.04em}.weight-row small{color:#b9c4c7;font-size:12px}.weight-meter{height:6px;background:#0d191f;border-radius:4px;overflow:hidden;flex:none}.weight-meter span{height:100%;display:block;background:#9ec2b2;transition:width .2s}.weight-meter.heavy span{background:#de8075}.sheet-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-top:12px;padding-bottom:12px;scrollbar-width:thin;touch-action:pan-y}.item-row{min-height:76px;display:grid;grid-template-columns:40px minmax(70px,1fr) 56px 56px;gap:12px;align-items:center;border-bottom:1px solid #768b9330}.item-row img{width:40px;height:40px}.item-row strong{font-size:14px;display:block;line-height:1.4}.item-row small{display:block;font-size:11px;color:#acbec2;line-height:1.7;white-space:nowrap}.small-action{min-width:56px;min-height:56px;border:1px solid #8da3a05c;border-radius:13px;background:#34464b;color:#e9efe7;font-size:13px;padding:6px}.small-action.secondary{background:#24333a;border-color:#81919a4d;color:#c9d2d4}.small-action:disabled{color:var(--danger);background:#303738;border-color:#68706e55}.sheet-note{font-size:11px;line-height:1.5;color:#afc0c3;margin:12px 0 0}.empty{font-size:14px;color:#becbcf;margin:30px 0;text-align:center}.base-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.base-action{min-height:82px;border:1px solid #6e929577;border-radius:16px;background:#31494a;text-align:left;padding:13px 14px;font-size:16px}.base-action small{font-size:11px;display:block;color:#bacbca;margin-top:6px;line-height:1.4}.base-action:last-child{grid-column:1 / -1;min-height:64px}.base-action:disabled{background:#333b3e;color:var(--danger)}.map-canvas{display:block;width:100%;height:calc(100% - 34px);background:#141f24;border:1px solid #72979b33;border-radius:12px}.map-key{display:flex;gap:15px;font-size:11px;color:#c3d0ce;margin-top:12px}.map-key i{width:8px;height:8px;display:inline-block;margin-right:5px;background:var(--blue);border-radius:50%}.map-key span:nth-child(2) i{background:#8fc8bc;border-radius:1px}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #768b9330;font-size:14px;min-height:76px}.toggle{width:64px;height:56px;flex:none;border:1px solid #88a39e88;border-radius:16px;background:#335e56;font-size:12px}.toggle[aria-pressed=false]{background:#313b40;color:#a6b5bc}.review-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-links button{min-height:56px;border:1px solid #5f767b;border-radius:12px;background:#2a3d43;font-size:13px}.review-banner{font-size:11px;color:#a7b9be;margin:4px 0 12px;line-height:1.6}.resume{width:100%;margin-top:16px;min-height:56px;border:1px solid #99b9b4;border-radius:15px;background:#42645e;font-size:15px}.result-stat{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #71848740;font-size:14px}.result-stat b{font-size:18px}#loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#1b252a;font-size:14px;letter-spacing:.08em}#loading span{font-size:11px;color:#8fa5ae;letter-spacing:.3em}#loading[hidden]{display:none}#orientation{display:none;position:absolute;inset:0;background:#1b252a;align-items:center;justify-content:center;z-index:10;font-size:16px;padding:30px;text-align:center}
.meter:after{content:"";position:absolute;inset:0;background:url('assets/ui_bar_frame.webp') center/100% 100% no-repeat;pointer-events:none}.sheet-heading{flex-shrink:0}
@media(orientation:landscape) and (max-height:550px){#orientation{display:flex}}@media(max-width:380px){.top-band{grid-template-columns:minmax(0,1fr) 44px 56px 56px;gap:12px}.meter{width:100%}.vitals{min-width:0}.item-row{grid-template-columns:34px minmax(55px,1fr) 56px 56px;gap:12px}.sheet{padding-left:14px;padding-right:14px}.throw{right:113px}.stick-zone{width:165px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}