#s-play{padding:0}#stage{aspect-ratio:auto;width:auto;max-width:none;height:auto;box-shadow:none;background:#1b1f3a;border:0;position:fixed;inset:0}#cv{width:100%;height:100%;image-rendering:pixelated;touch-action:none;position:absolute;inset:0}#hud{pointer-events:none;font-family:var(--hand);--safe-l:max(12px, env(safe-area-inset-left));--safe-r:max(12px, env(safe-area-inset-right));--safe-b:max(12px, env(safe-area-inset-bottom));position:absolute;inset:0}#hud button{pointer-events:auto}.px{image-rendering:pixelated;display:block}.loading{color:#f6f1e7;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}.f-date,.f-gold,.f-toast,.f-card{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--ctl-shadow)}.f-date{left:var(--safe-l);height:var(--ctl);align-items:center;gap:12px;padding:0 12px;font-size:17px;line-height:1.3;display:flex;position:absolute;top:12px}.f-date b{font-weight:400}.f-date span{font-family:var(--num);font-variant-numeric:tabular-nums;color:var(--clay-ink)}.f-top{right:var(--safe-r);gap:var(--gap);display:flex;position:absolute;top:12px}.f-gold{min-width:104px;height:var(--ctl);font-family:var(--num);align-items:center;gap:6px;padding:0 10px;font-size:17px;display:flex}.f-gold canvas{width:24px;height:24px}.f-gold b{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:600}.f-menu{min-height:var(--ctl);padding:0 14px;font-size:16px}.f-energy{right:var(--safe-r);background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--r);width:18px;height:150px;box-shadow:var(--chip-shadow);align-items:flex-end;display:flex;position:absolute;bottom:84px;overflow:hidden}.f-energy i{background:var(--clay);width:100%;display:block}.f-bar{left:50%;bottom:var(--safe-b);background:var(--card);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--ctl-shadow);gap:4px;padding:4px;display:flex;position:absolute;transform:translate(-50%)}.f-slot{background:var(--paper-2);border:2px solid var(--line-strong);border-radius:var(--r);cursor:pointer;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative}.f-slot[aria-pressed=true]{border-color:var(--clay);background:var(--paper);box-shadow:inset 0 0 0 1px var(--clay)}.f-slot canvas{width:40px;height:40px}.f-slot em{font:600 12px/1.2 var(--num);color:var(--ink);text-shadow:0 0 2px var(--paper), 0 0 2px var(--paper);position:absolute;bottom:1px;right:3px}.f-toast{text-align:center;max-width:min(80vw,480px);padding:6px 14px;font-size:16px;position:absolute;bottom:88px;left:50%;transform:translate(-50%)}.f-stick,.f-use{display:none}[data-input=touch] .f-stick{left:var(--safe-l);bottom:var(--safe-b);pointer-events:auto;touch-action:none;background:#fbf8f159;border:2px solid #1e1a1680;border-radius:50%;width:116px;height:116px;display:block;position:absolute}.f-stick i{background:var(--card);border:2px solid var(--ink);border-radius:50%;width:48px;height:48px;margin:-24px;position:absolute;top:50%;left:50%}[data-input=touch] .f-use{right:calc(var(--safe-r) + 30px);bottom:var(--safe-b);background:var(--ink);width:84px;height:84px;color:var(--paper);border:2px solid var(--ink);box-shadow:var(--ctl-shadow-accent);font:400 18px/1 var(--hand);touch-action:none;border-radius:50%;display:block;position:absolute}.f-dialog{background:var(--backdrop);pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.f-card{width:min(88vw,340px);box-shadow:var(--panel-shadow);gap:14px;padding:20px;display:grid}.f-card h2{font-size:24px}.f-card p{font:400 15px/1.6 var(--sans)}@media (width<=900px),(height<=480px){.f-slot{width:42px;height:42px}.f-slot canvas{width:32px;height:32px}.f-energy{height:96px;bottom:112px}.f-toast{bottom:72px}}.f-date i{width:24px;height:24px;font-style:normal;display:block}.f-date i canvas{width:24px;height:24px}.f-tip{left:var(--safe-l);max-width:min(46vw,340px);font:400 15px/1.4 var(--hand);background:var(--card);border:2px solid var(--clay);border-radius:var(--r);box-shadow:var(--chip-shadow);gap:1px;padding:6px 12px;display:grid;position:absolute;top:64px}.f-panel{background:var(--card);border:3px solid var(--ink);width:min(94vw,760px);height:min(90dvh,440px);box-shadow:var(--panel-shadow);grid-template-rows:auto minmax(0,1fr);display:grid}.f-panel-head{border-bottom:2px solid var(--ink);align-items:center;gap:12px;padding:8px 12px;display:flex}.f-panel-head h2{margin-right:auto;font-size:22px}.f-panel-head .btn{min-height:36px;box-shadow:var(--chip-shadow);padding:0 14px;font-size:15px}.f-panel-body{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;grid-template-columns:minmax(0,1fr) 210px;gap:12px;min-height:0;padding:12px;display:grid;overflow:auto}.f-panel-body.f-col{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.f-grid{grid-template-columns:repeat(10,46px);align-content:start;gap:4px;display:grid}.f-grid .f-slot{width:46px;height:46px}.f-grid .f-slot canvas{width:34px;height:34px}.f-side{grid-template-rows:minmax(0,1fr) auto;gap:8px;min-height:0;display:grid}.f-info{align-content:start;gap:6px;min-height:0;display:grid;overflow:auto}.f-item{font:400 18px/1.3 var(--hand);align-items:center;gap:8px;display:flex}.f-item b{font-weight:400}.f-item canvas{flex:none;width:40px;height:40px}.f-facts{font:500 14px/1.5 var(--num);color:var(--clay-ink)}.f-desc{font:400 14px/1.6 var(--sans);color:var(--ink-2)}.f-muted{font:400 13px/1.5 var(--sans);color:var(--muted)}.f-acts{gap:8px;display:grid}.f-acts-row{flex-wrap:wrap;display:flex}.f-acts .btn{white-space:nowrap;flex:1 1 0;min-height:40px;padding:0 12px;font-size:15px}.f-wallet{font:600 16px/1 var(--num);align-items:center;gap:4px;display:flex}.f-wallet canvas{width:24px;height:24px}.f-split{grid-template-columns:minmax(0,1fr) 210px;gap:12px;min-height:0;display:grid}.f-goods{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;align-content:start;gap:4px;min-height:0;display:grid;overflow:auto}.f-good{background:var(--paper-2);border:2px solid var(--line-strong);border-radius:var(--r);min-height:42px;font:400 15px/1.2 var(--hand);text-align:left;cursor:pointer;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:2px 8px;display:grid}.f-good[aria-pressed=true]{border-color:var(--clay);background:var(--paper)}.f-good canvas{width:32px;height:32px}.f-good b{font:600 14px/1 var(--num)}.f-deed{grid-column:1/-1;align-content:start;gap:8px;max-width:480px;display:grid}.f-progress{background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--r);height:14px;overflow:hidden}.f-progress i{background:var(--clay);height:100%;display:block}.f-lines{gap:4px;max-height:46dvh;display:grid;overflow:auto}.f-line{font:400 15px/1.4 var(--hand);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.f-line canvas{width:28px;height:28px}.f-line>span:first-child{grid-column:1/3}.f-line b{font:600 15px/1 var(--num)}.f-sum{border-top:2px solid var(--ink);padding-top:6px}@media (width<=860px),(height<=420px){.f-grid{grid-template-columns:repeat(10,40px)}.f-grid .f-slot{width:40px;height:40px}.f-grid .f-slot canvas{width:30px;height:30px}.f-panel-body,.f-split{grid-template-columns:minmax(0,1fr) 170px}.f-panel-body.f-col{grid-template-columns:minmax(0,1fr)}.f-tip{font-size:13px}}.f-talk{left:50%;bottom:var(--safe-b);background:var(--card);border:3px solid var(--ink);width:min(92vw,720px);min-height:120px;box-shadow:var(--panel-shadow);pointer-events:auto;cursor:pointer;gap:12px;padding:10px 14px;display:flex;position:absolute;transform:translate(-50%)}.f-talk img{object-fit:contain;flex:none;width:96px;height:96px}.f-say{flex:1;align-content:start;gap:4px;min-width:0;display:grid}.f-say b{font:400 18px/1.2 var(--hand);color:var(--clay-ink)}.f-say p{font:400 16px/1.6 var(--hand)}.f-say-acts{gap:8px;display:flex}.f-say-acts .btn{min-height:36px;box-shadow:var(--chip-shadow);padding:0 12px;font-size:15px}.f-panel-body.f-one{grid-template-columns:minmax(0,1fr)}.f-friends{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;display:grid}.f-friend{background:var(--paper-2);border:2px solid var(--line-strong);border-radius:var(--r);align-items:center;gap:8px;min-width:0;padding:6px;display:flex}.f-friend img{object-fit:contain;flex:none;width:48px;height:48px}.f-friend>div{min-width:0}.f-name{font:400 16px/1.2 var(--hand)}.f-hearts{font:600 13px/1 var(--num);align-items:center;gap:4px;display:flex}.f-hearts canvas{width:16px;height:16px}.f-hearts b{font-weight:600}.f-card [data-body]{min-width:0}.f-tip small{font:500 12px/1.2 var(--num);color:var(--clay-ink)}.f-tip.f-new{animation:.5s ease-out f-pop}@keyframes f-pop{0%{transform:scale(1.08)}to{transform:none}}@media (prefers-reduced-motion:reduce){.f-tip.f-new{animation:none}}.f-deed-chip{right:var(--safe-r);background:var(--card);border:2px solid var(--ink);border-radius:var(--r);box-shadow:var(--chip-shadow);font:500 13px/1.4 var(--num);align-items:center;gap:6px;padding:3px 10px;display:flex;position:absolute;top:64px}.f-deed-chip canvas{width:20px;height:20px}.f-stamina{right:var(--safe-r);justify-items:center;gap:4px;display:grid;position:absolute;bottom:84px}.f-stamina [data-energy]{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);font:600 12px/1.1 var(--num);justify-items:center;padding:2px 4px;display:grid}.f-stamina [data-energy] canvas{width:18px;height:18px}.f-stamina b{font-weight:600}.f-stamina .f-energy{position:static}.f-hint{left:50%;bottom:calc(var(--safe-b) + 68px);white-space:nowrap;align-items:stretch;gap:6px;display:flex;position:absolute;transform:translate(-50%)}.f-sel,.f-act{background:var(--card);border:2px solid var(--ink);border-radius:var(--r);font:400 14px/1.4 var(--hand);padding:2px 10px}.f-act{background:var(--clay-fill);color:var(--on-clay)}.f-act.f-no{background:var(--paper-2);color:var(--muted)}[data-input=key] .f-act:not(.f-no):before{content:"E";font:600 12px/1 var(--num);opacity:.8;margin-right:8px}.f-sel[hidden],.f-act[hidden]{display:none}.f-toast{bottom:118px}.f-slot:before{content:none;font:600 10px/1 var(--num);color:var(--muted);position:absolute;top:1px;left:3px}[data-input=key] .f-bar .f-slot:before{content:attr(data-key)}.f-use.f-dim{opacity:.55}[data-input=touch] .f-use{font-size:17px}.f-help{font:400 14px/1.5 var(--sans);grid-template-columns:112px minmax(0,1fr);gap:8px;display:grid}.f-help b{font:500 13px/1.6 var(--num);color:var(--clay-ink)}@media (width<=900px),(height<=480px){.f-hint{bottom:calc(var(--safe-b) + 58px)}.f-toast{bottom:100px}.f-stamina{bottom:112px}.f-energy{height:64px}.f-tip{font-size:13px;top:60px}.f-deed-chip{top:60px}}.f-fish{left:50%;bottom:calc(var(--safe-b) + 104px);background:var(--card);border:2px solid var(--ink);border-radius:var(--r);width:min(70vw,320px);box-shadow:var(--ctl-shadow);padding:6px 10px;position:absolute;transform:translate(-50%)}.f-fish p{font:400 14px/1.4 var(--hand);text-align:center}.f-reel{background:var(--paper-2);border:2px solid var(--ink);opacity:.4;height:14px;margin-top:4px;position:relative}.f-reel.f-on{opacity:1}.f-reel u{background:#5fbf72;position:absolute;top:0;bottom:0}.f-reel i{background:var(--clay);width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px}.f-wide{grid-column:1/-1}.f-up{background:var(--paper-2);border:2px solid var(--line-strong);border-radius:var(--r);min-height:44px;font:400 15px/1.2 var(--hand);grid-template-columns:32px 92px minmax(0,1fr) auto;align-items:center;gap:8px;padding:2px 8px;display:grid}.f-up canvas{width:32px;height:32px}.f-up .btn{min-height:32px;box-shadow:var(--chip-shadow);padding:0 12px;font-size:14px}@media (width<=720px){.f-bar{gap:2px;padding:3px}.f-bar .f-slot{width:36px;height:36px}.f-bar .f-slot canvas{width:28px;height:28px}.f-grid{grid-template-columns:repeat(10,36px);gap:3px}.f-grid .f-slot{width:36px;height:36px}.f-grid .f-slot canvas{width:28px;height:28px}.f-hint{bottom:calc(var(--safe-b) + 50px)}}