html,body{margin:0;height:100%;height:100dvh;overflow:hidden;background:#f3c597;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:none}body{position:fixed;top:0;right:0;bottom:0;left:0}button{touch-action:manipulation}#app{display:block;width:100vw;height:100vh;height:100dvh;touch-action:none}#debug{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));left:max(10px,env(safe-area-inset-left));padding:8px 10px;border-radius:8px;background:#1e16109e;color:#fff4dc;font:12px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;pointer-events:none;white-space:pre}:root{--ink: #2b1d14;--paper: #fff4dc;--sun: #f2a541;--tarp: #2f6fd0;--leaf: #3f9b4a;--chili: #c8432f}button{font:inherit;cursor:pointer}#debug{display:none}body.debug-cam #debug{display:block}#input-debug{position:fixed;top:50%;right:max(10px,env(safe-area-inset-right));transform:translateY(-50%);margin:0;padding:8px 10px;border-radius:8px;background:#14100cb8;color:#e8ffd8;font:12px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;pointer-events:none;z-index:30;white-space:pre}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--ink);z-index:10}.hud-card{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));background:#fff4dceb;border:3px solid var(--ink);border-radius:14px;padding:8px 12px;box-shadow:0 4px #2b1d1459;font-weight:700;font-size:15px;min-width:150px}.hud-row{display:flex;align-items:center;gap:8px;line-height:1.6}.hud-row .ico{width:20px;text-align:center}.hud-row.pesos{font-size:22px;color:#1d6b2b;transform-origin:left center}.hud-row.pesos.bump{animation:bump .45s ease-out}@keyframes bump{0%{transform:scale(1)}35%{transform:scale(1.25);color:#e0a100}to{transform:scale(1)}}.fishcount{margin-right:8px;font-weight:600;font-size:13px}.hud-row.suki{color:var(--chili)}.hud-buttons{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;gap:8px;pointer-events:auto}.hud-buttons button{width:42px;height:42px;border-radius:12px;border:3px solid var(--ink);background:var(--paper);font-weight:800;font-size:16px;box-shadow:0 3px #2b1d1459;padding:0}.prompt{position:absolute;left:50%;bottom:22%;transform:translate(-50%);background:#2b1d14d9;color:var(--paper);padding:8px 16px;border-radius:999px;font-size:15px;display:none;white-space:nowrap}.prompt b{display:inline-block;background:var(--sun);color:var(--ink);border-radius:6px;padding:0 7px;margin-right:6px}.prompt small{opacity:.75;margin-left:4px}.toast{position:absolute;left:50%;top:max(14px,env(safe-area-inset-top));transform:translate(-50%);background:#1d6b2beb;color:#fff;padding:8px 16px;border-radius:12px;font-weight:700;opacity:0;transition:opacity .3s;white-space:nowrap}#bubbles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;overflow:hidden}.bubble{position:absolute;left:0;top:0;max-width:220px;width:max-content;background:#fff;color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:5px 9px;font-size:13px;line-height:1.25;text-align:center;box-shadow:0 2px #00000040;will-change:transform}.bubble:after{content:"";position:absolute;left:50%;bottom:-8px;margin-left:-6px;border:6px solid transparent;border-top-color:var(--ink);border-bottom:0}.bubble .tl{font-weight:800}.bubble .en{font-size:11px;opacity:.7;font-style:italic}.bubble.ask{background:#fff7d1}.bubble.happy{background:#dff5d8}.bubble.angry{background:#ffd9d2}.bubble.taho{background:#fdf0c4;font-size:15px}.bubble.vendor{background:#e8f0ff}#dialog{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(560px,calc(100vw - 24px));box-sizing:border-box;background:var(--paper);border:3px solid var(--ink);border-radius:16px;padding:12px 14px;box-shadow:0 5px #2b1d1459;z-index:20;color:var(--ink)}#dialog .who{font-weight:800;color:var(--tarp)}.suki-tag{color:var(--chili);font-size:13px}#dialog .say .tl{font-size:18px;font-weight:800}#dialog .say .en{font-size:13px;opacity:.7;font-style:italic}#dialog .note{font-size:12px;margin:6px 0 8px;opacity:.85}#dialog .choices{display:flex;gap:8px}.choice{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 6px;border:3px solid var(--ink);border-radius:12px;background:#fff;box-shadow:0 3px #2b1d144d;position:relative;color:var(--ink)}.choice .key{position:absolute;top:4px;left:6px;font-size:11px;opacity:.6}.choice .label{font-size:20px;font-weight:900}.choice .sub{font-size:12px}.choice.low{background:#e4f6e0}.choice.fair{background:#fff3c9}.choice.high{background:#ffe0d6}.choice:active{transform:translateY(2px)}#dialog.menu .choices{flex-wrap:wrap}#dialog.menu .choice{flex:1 1 140px}#dialog.menu .choice .label{font-size:15px}.choice.cant{background:#e6e2dc;opacity:.7}.hud-row.energy .bar{flex:1;height:10px;border:2px solid var(--ink);border-radius:6px;background:#fff;overflow:hidden}.hud-row.energy .fill{display:block;height:100%;background:#f2a51a;transition:width .3s}.hud-row.energy .fill.low{background:#d9533b}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--paper);z-index:30;padding:16px;box-sizing:border-box}#title{justify-content:space-between;background:linear-gradient(180deg,#2b1d1426,#2b1d1400 30%,#2b1d148c)}#pause,#endday{background:#2b1d14b8;overflow:auto}.logo{font-family:Arial Black,Impact,system-ui,sans-serif;font-size:clamp(44px,9vw,96px);letter-spacing:1px;color:var(--paper);text-shadow:0 5px 0 var(--chili),0 9px 0 rgba(43,29,20,.6);line-height:1}.logo .ph{font-size:.45em;vertical-align:super;color:var(--sun);margin-right:4px}.logo.small{font-size:clamp(30px,6vw,54px)}.premise{max-width:560px;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.premise small,.screen p small{font-weight:400;opacity:.9}button.big{margin:10px;padding:12px 34px;font-size:26px;font-weight:900;color:var(--ink);background:var(--sun);border:4px solid var(--ink);border-radius:18px;box-shadow:0 6px 0 var(--ink)}button.big small{display:block;font-size:13px;font-weight:600}button.big:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.controls{margin-top:14px;background:#2b1d1499;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.7}.controls small{opacity:.75}.controls b{background:var(--paper);color:var(--ink);border-radius:4px;padding:0 5px}.touch-only{display:none}html:not(.world-ready) #title{background:linear-gradient(180deg,#8f8fc0,#e6a2a0 38%,#f6b98c 62%,#f3c597)}#title .loading,#title .load-error{display:none;margin:6px 0 0;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.5)}html:not(.world-ready):not(.load-failed) #title .loading,html.load-failed #title .load-error{display:block}#title .spin{display:inline-block;width:11px;height:11px;margin-right:7px;vertical-align:-1px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:title-spin .8s linear infinite}@keyframes title-spin{to{transform:rotate(360deg)}}html.start-pending:not(.world-ready) #title [data-b=start]{opacity:.75;animation:title-pulse 1s ease-in-out infinite alternate}@keyframes title-pulse{to{transform:scale(.96)}}@media (prefers-reduced-motion: reduce){#title .spin,html.start-pending #title [data-b=start]{animation:none}}#title .privacy{margin:8px 0 0;font-size:11px;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (pointer: coarse){.touch-only{display:block}}.summary{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:14px;padding:8px 14px;margin:10px 0;border-collapse:separate;text-align:left;font-size:15px}.summary td{padding:3px 10px}.summary small{opacity:.6}.nanay{display:flex;gap:10px;align-items:center;max-width:520px;background:#fff;color:var(--ink);border:3px solid var(--ink);border-radius:14px;padding:10px 14px;text-align:left}.nanay-face{font-size:40px}.nanay .tl{font-weight:800}.nanay .en{font-style:italic;opacity:.75;font-size:13px}.screen .sub{margin:4px 0}#touch{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:12}.joy-base{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));width:130px;height:130px;border-radius:50%;background:#fff4dc59;border:3px solid rgba(43,29,20,.5);pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}.joy-knob{width:58px;height:58px;border-radius:50%;background:#fff4dce6;border:3px solid var(--ink)}.touch-btn{position:absolute;pointer-events:auto;border:3px solid var(--ink);border-radius:50%;background:var(--sun);font-weight:900;color:var(--ink);touch-action:none}.touch-btn.act{right:max(26px,env(safe-area-inset-right));bottom:max(40px,env(safe-area-inset-bottom));width:86px;height:86px;font-size:18px}.touch-btn.zoom{right:max(124px,calc(env(safe-area-inset-right) + 100px));bottom:max(30px,env(safe-area-inset-bottom));width:52px;height:52px;font-size:22px;background:var(--paper)}#dialog~#touch .joy-base{z-index:1}@media (max-width: 700px),(max-height: 500px){.hud-card{font-size:13px;padding:6px 9px;min-width:120px}.hud-row.pesos{font-size:18px}.premise{font-size:15px}.controls{font-size:11px}#dialog .say .tl{font-size:15px}.choice .label{font-size:17px}.summary{font-size:13px}}@media (max-height: 500px){.logo{font-size:40px}.controls{display:none}.screen{justify-content:flex-start}.summary td{padding:1px 8px}}.title-top,.title-bottom{display:flex;flex-direction:column;align-items:center}.title-top .premise{margin:8px 0 0}#pause,#endday{touch-action:pan-y}.hud-buttons button{width:44px;height:44px}.touch-btn .act-label{pointer-events:none}.touch-btn.act.idle{opacity:.55;filter:saturate(.4)}#touch.covered{display:none!important}html.touch .prompt b{display:none}html.touch .prompt{bottom:calc(max(24px,env(safe-area-inset-bottom)) + 150px);max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}@media (pointer: coarse) and (max-height: 500px){html.touch .prompt{bottom:max(20px,env(safe-area-inset-bottom));max-width:calc(100vw - (2*max(24px,env(safe-area-inset-left))) - 340px)}}@media (max-width: 480px){.hud-buttons{flex-direction:column}}html.touch .controls>div:not(.touch-only){display:none}@media (pointer: coarse) and (max-height: 500px){html.touch .controls{display:block}.hud-row.suki{display:none}}.overlay-close{position:fixed;top:max(12px,calc(env(safe-area-inset-top) + 8px));right:max(12px,calc(env(safe-area-inset-right) + 8px));z-index:45;display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;font:900 24px/1 system-ui,sans-serif;color:var(--ink);background:var(--paper);border:3px solid var(--ink);border-radius:50%;box-shadow:0 0 0 3px #fff4dc8c,0 4px #00000059;cursor:pointer;touch-action:manipulation}.overlay-close:hover{background:var(--sun, #f4a640)}.overlay-close:focus-visible{outline:3px solid #ffd23f;outline-offset:3px}#dialog .dialog-close{position:absolute;top:-16px;right:-12px;width:44px;height:44px;font-size:20px}#dialog .who{padding-right:30px}