:root{--cream: #fff6e5;--paper: #fdf0d5;--wood: #8b5a2b;--wood-dark: #5e3a1c;--ink: #3b2a20;--muted: #7a6150;--leaf: #5a9a3c;--leaf-dark: #3f7a2a;--sun: #f2b443;--rose: #d9748a;--indigo: #3d5a98;--sage: #8fae8b;--danger: #b5432e;--shadow: 0 6px 0 rgba(59, 42, 32, .25);--radius: 18px;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden}body{background:#2f4a2a;color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;-webkit-user-select:none;user-select:none;overscroll-behavior:none}[hidden]{display:none!important}input{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 22px;border-radius:999px;border:3px solid var(--ink);font-weight:700;font-size:17px;box-shadow:var(--shadow);transition:transform .06s,box-shadow .06s}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #3b2a2040}.btn-primary{background:var(--leaf);color:#fffaf0}.btn-secondary{background:var(--sun);color:var(--ink)}.btn-ghost{background:var(--cream);box-shadow:none;border-color:#3b2a2059}.btn-small{min-height:42px;padding:6px 16px;font-size:15px}.chip{min-height:36px;min-width:44px;padding:4px 12px;border-radius:999px;border:2px solid var(--ink);background:var(--cream);font-weight:700;font-size:14px}.chip.on{background:var(--wood);color:var(--cream)}#lobby{position:fixed;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:radial-gradient(circle at 15% 10%,rgba(255,220,140,.45),transparent 45%),linear-gradient(180deg,#a8d8e8,#cfe9c4 45%,#8cc152 46%,#6fa23f);display:flex;align-items:flex-start;justify-content:center}.lobby-card{width:min(960px,100%);margin:auto 0;background:var(--paper);border:4px solid var(--wood);border-radius:26px;box-shadow:0 10px 0 var(--wood-dark),0 18px 40px #00000040;padding:16px 20px 12px}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:40px}.brand h1{margin:0;font-size:26px;color:var(--wood-dark);letter-spacing:.5px}.brand p{margin:0;color:var(--muted);font-size:14px}.lang-switch{display:flex;gap:6px}.head-tools{display:flex;align-items:center;gap:6px}.lobby-audio{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:10px;padding:6px 14px;border-radius:14px;background:var(--cream)}.lobby-card h2{margin:6px 0 10px;font-size:19px;color:var(--wood-dark)}.info,.error,.conn-line{margin:10px 0 0;padding:8px 12px;border-radius:12px;font-weight:600}.info{background:#e6f2d9;color:var(--leaf-dark)}.error{background:#f8dcd4;color:var(--danger)}.conn-line{background:#fdeac0;color:var(--wood-dark)}.hint{color:var(--muted);font-size:14px;margin:8px 0}.lobby-foot{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;color:var(--muted)}.dev-slot{background:var(--sun);color:var(--ink);padding:0 8px;border-radius:999px;font-weight:700}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:10px}.field{display:flex;flex-direction:column;gap:4px;font-weight:700;color:var(--wood-dark);margin:6px 0 12px}.field input{min-height:52px;padding:8px 16px;border-radius:14px;border:3px solid var(--wood);background:#fffdf7;font:600 18px system-ui,sans-serif;color:var(--ink)}.field input:focus{outline:3px solid var(--sun);outline-offset:1px}.code-input{text-transform:uppercase;letter-spacing:4px;font-family:ui-monospace,Menlo,monospace!important}.home-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(260px,1.3fr);gap:18px;margin-top:12px}.home-start{display:flex;flex-direction:column;gap:12px}.home-list h2{margin-top:0}.households{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow-y:auto;padding:2px}.empty{color:var(--muted);background:var(--cream);border:2px dashed rgba(139,90,43,.4);border-radius:14px;padding:14px;margin:0}.household{display:flex;align-items:center;gap:12px;background:var(--cream);border:3px solid rgba(139,90,43,.5);border-radius:16px;padding:8px 12px}.household.live{border-color:var(--leaf)}.hh-text{flex:1;display:flex;flex-direction:column;min-width:0}.hh-text strong{font-family:ui-monospace,Menlo,monospace;letter-spacing:2px;font-size:18px}.hh-role,.hh-partner{font-size:13px;color:var(--muted)}.household.live .hh-partner{color:var(--leaf-dark);font-weight:700}.hh-actions{display:flex;flex-direction:column;gap:6px}.preview{image-rendering:pixelated;image-rendering:crisp-edges;display:block;flex:none}.roles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:20px;border:4px solid var(--ink);background:var(--cream);box-shadow:var(--shadow);text-align:center}.role-card strong{font-size:20px}.role-card span{font-size:13px;color:var(--muted)}.role-husband{border-color:var(--indigo)}.role-wife{border-color:var(--rose)}.role-card:active{transform:translateY(4px);box-shadow:none}.look{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-top:8px}.look-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;border-radius:20px;background:linear-gradient(180deg,#cfe9c4,#8cc152);border:3px solid var(--leaf-dark)}.look-controls h2{margin-top:0}.look-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0}.look-label{width:120px;font-weight:700;color:var(--wood-dark)}.look-note{font-size:12px;color:var(--muted)}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:50%;border:3px solid rgba(59,42,32,.4);background:var(--sw)}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--sun)}.stepper{display:flex;align-items:center;gap:6px}.step{width:44px;height:44px;border-radius:50%;border:3px solid var(--ink);background:var(--sun);font-weight:900}.step-value{width:200px;text-align:center;font-weight:700;background:var(--cream);border-radius:12px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.created{text-align:center;display:flex;flex-direction:column;align-items:center}.created .label{margin:4px 0 0;font-weight:700;color:var(--muted)}.invite-code{margin:4px 0 6px;font:800 48px ui-monospace,Menlo,monospace;letter-spacing:6px;color:var(--wood-dark);background:var(--cream);border:4px dashed var(--wood);border-radius:18px;padding:4px 22px;-webkit-user-select:all;user-select:all}.created .row{justify-content:center}.created>.btn-primary{margin-top:6px}.join{max-width:480px}.lobby-toasts,.toasts{position:fixed;top:calc(10px + var(--safe-t));left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#3b2a20eb;color:var(--cream);padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s;max-width:80vw;text-align:center}.toast.show{opacity:1;transform:none}@media(max-width:720px){.home-grid{grid-template-columns:1fr}.households{max-height:none}}@media(max-width:560px){.look{grid-template-columns:1fr;justify-items:center}.look-label{width:auto}}@media(max-height:460px){.lobby-card{padding:10px 14px 8px}.brand-icon{font-size:30px}.brand h1{font-size:21px}.btn,.field input{min-height:46px}.invite-code{font-size:38px}.look-row{margin:4px 0}}#game{position:fixed;inset:0;background:#2f4a2a}#game canvas{display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;z-index:20}#hud>*{pointer-events:auto}#hud .partner-arrow,#hud .toasts,#hud .keys-hint,#hud .conn-banner{pointer-events:none}.hud-top-left{position:absolute;top:calc(8px + var(--safe-t));left:calc(10px + var(--safe-l))}.hud-top-right{position:absolute;top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r));display:flex;gap:8px}.partner-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#fff6e5eb;border:2px solid var(--ink);font-weight:700;font-size:14px}.partner-pill .dot{width:10px;height:10px;border-radius:50%;background:#b5a99a}.partner-pill.here .dot{background:var(--leaf)}.partner-pill.dropped .dot{background:var(--sun)}.partner-pill.waiting .dot{background:var(--rose)}.hud-btn{width:48px;height:48px;border-radius:14px;border:2px solid var(--ink);background:#fff6e5eb;font-size:22px;font-weight:900}.conn-banner{position:absolute;top:calc(8px + var(--safe-t));left:50%;transform:translate(-50%);padding:6px 16px;border-radius:999px;background:#b5432eeb;color:#fff;font-weight:700;font-size:14px}.partner-arrow{position:absolute;width:0;height:0}.arrow-glyph{position:absolute;left:-18px;top:-18px;width:36px;height:36px;display:grid;place-items:center;font-size:20px;color:var(--rose);background:#fff6e5eb;border:2px solid var(--ink);border-radius:50%;transform-origin:50% 50%;box-shadow:0 2px #3b2a204d}.joystick-zone{position:absolute;left:0;bottom:0;width:45vw;height:60vh;touch-action:none;padding-left:var(--safe-l);padding-bottom:var(--safe-b)}.js-base{position:absolute;left:calc(90px + var(--safe-l));top:calc(100% - 90px - var(--safe-b));width:104px;height:104px;transform:translate(-50%,-50%);border-radius:50%;background:#fff6e52e;border:3px solid rgba(255,246,229,.5);opacity:.6;transition:opacity .15s}.joystick-zone.active .js-base{opacity:1;background:#fff6e547}.js-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);background:#fff6e5e6;border:3px solid var(--ink)}.hud-actions{position:absolute;right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));display:flex;align-items:flex-end;gap:12px}.action-btn{width:92px;height:92px;border-radius:50%;border:4px solid var(--ink);background:var(--sun);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;font-weight:800}.action-btn:active{transform:translateY(4px);box-shadow:none}.action-icon{font-size:30px;line-height:1}.action-label{font-size:13px}.emote-btn{width:56px;height:56px;border-radius:50%;border:3px solid var(--ink);background:var(--cream);font-size:26px;box-shadow:var(--shadow)}.emote-menu{position:absolute;right:0;bottom:calc(100% + 10px);display:flex;gap:8px;padding:8px;border-radius:999px;background:#fff6e5f2;border:3px solid var(--ink)}.emote-choice{width:52px;height:52px;border-radius:50%;border:2px solid rgba(59,42,32,.3);background:#fff;font-size:26px}.keys-hint{position:absolute;left:50%;bottom:calc(10px + var(--safe-b));transform:translate(-50%);background:#3b2a20b3;color:var(--cream);padding:4px 14px;border-radius:999px;font-size:13px;white-space:nowrap}html:not(.touch) .touch-only{display:none!important}html.touch .desktop-only{display:none!important}.menu-panel{position:absolute;inset:0;background:#1e140a73;display:grid;place-items:center;z-index:5}.menu-card{display:flex;flex-direction:column;gap:12px;padding:18px;min-width:300px;border-radius:22px;background:var(--paper);border:4px solid var(--wood);box-shadow:0 8px 0 var(--wood-dark)}.menu-langs,.menu-code{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.menu-code .code{font:800 20px ui-monospace,Menlo,monospace;letter-spacing:3px}.label{font-weight:700;color:var(--muted)}#overlay{position:fixed;inset:0;z-index:80;background:#1e140a99;display:grid;place-items:center;padding:20px}.overlay-card{max-width:420px;text-align:center;background:var(--paper);border:4px solid var(--wood);border-radius:22px;padding:20px;font-weight:600;box-shadow:0 8px 0 var(--wood-dark)}#rotate{display:none}@media(orientation:portrait){html.touch.in-world:not([data-native]) #rotate{display:grid;place-items:center;position:fixed;inset:0;z-index:90;background:#2f4a2a;color:var(--cream);text-align:center;padding:24px}}.rotate-icon{font-size:56px;animation:tilt 1.6s ease-in-out infinite}.rotate-card h2{margin:12px 0 4px}@keyframes tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.hud-top-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:46vw}.hud-btn{position:relative}.chat-btn .badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font:800 12px/20px system-ui,sans-serif;border:2px solid var(--cream)}.voice-btn.state-off{opacity:.85}.voice-btn.unavailable{opacity:.45}.voice-btn.state-waiting,.voice-btn.state-connecting{box-shadow:0 0 0 3px var(--sun)}.voice-btn.state-connecting{animation:ring 1.2s ease-in-out infinite}.voice-btn.state-connected{background:#d9f2cc;box-shadow:0 0 0 3px var(--leaf)}.voice-btn.state-problem{box-shadow:0 0 0 3px var(--danger)}.voice-btn.speaking{animation:talk .6s ease-in-out infinite alternate}.mic-btn.muted{background:#f8dcd4}@keyframes ring{50%{box-shadow:0 0 0 5px #f2b44366}}@keyframes talk{to{box-shadow:0 0 0 6px #5a9a3c8c}}.voice-status{position:absolute;top:calc(64px + var(--safe-t));right:calc(10px + var(--safe-r));max-width:min(320px,50vw);padding:5px 12px;border-radius:12px;background:#fff6e5f0;border:2px solid var(--ink);font-size:13px;font-weight:700;pointer-events:none}.voice-status.error{background:#f8dcd4;color:var(--danger)}.partner-pill.speaking{box-shadow:0 0 0 3px var(--leaf),0 0 12px #5a9a3ccc}.partner-pill.speaking .dot{animation:talk .6s ease-in-out infinite alternate}.chat-ticker{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-radius:14px;max-width:100%;background:#fffaf0f5;border:2px solid var(--ink);box-shadow:0 3px #3b2a2040;font-size:14px;pointer-events:none;animation:tick-in .2s ease-out}.chat-ticker .ticker-who{font-weight:800;color:var(--wood-dark);font-size:12px}.chat-ticker .ticker-text{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes tick-in{0%{opacity:0;transform:translateY(-6px)}}.ptt-btn{width:84px;height:84px;border-radius:50%;border:4px solid var(--ink);background:var(--cream);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;font-weight:800}.ptt-btn .ptt-icon{font-size:26px;line-height:1}.ptt-btn .ptt-label{font-size:10px;line-height:1.1;text-align:center;padding:0 6px}.ptt-btn.held{background:#9fe08a;transform:translateY(3px);box-shadow:0 1px #3b2a2040}.chat-host[hidden]{display:none!important}.chat-panel{position:absolute;top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));bottom:max(calc(8px + var(--safe-b)),var(--kb, 0px));width:min(380px,calc(100vw - 24px - var(--safe-l) - var(--safe-r)));display:flex;flex-direction:column;gap:6px;padding:10px;z-index:6;background:var(--paper);border:4px solid var(--wood);border-radius:18px;box-shadow:0 6px 0 var(--wood-dark)}.chat-form{display:flex;gap:6px;align-items:center}.chat-input{flex:1;min-width:0;min-height:44px;padding:6px 12px;border-radius:12px;border:3px solid var(--wood);background:#fffdf7;font:600 16px system-ui,sans-serif;color:var(--ink);-webkit-user-select:text;user-select:text}.chat-input:focus{outline:3px solid var(--sun);outline-offset:1px}.chat-send{min-height:44px;background:var(--leaf);color:#fffaf0}.chat-close{width:40px;height:40px;font-size:16px}.chat-error{margin:0;color:var(--danger);font-weight:700;font-size:13px}.chat-quick{display:flex;gap:6px;flex-wrap:wrap}.chat-quick .quick{min-height:32px;font-size:13px;padding:2px 10px}.chat-title{margin:2px 0 0;font-size:13px;color:var(--muted)}.chat-log{list-style:none;margin:0;padding:0 2px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.chat-log .empty{color:var(--muted);font-size:14px;padding:8px 0}.msg{max-width:88%;padding:5px 10px 7px;border-radius:12px;background:var(--cream);border:2px solid rgba(59,42,32,.25)}.msg.mine{align-self:flex-end;background:#e6f2d9}.msg.theirs{align-self:flex-start}.msg.role-wife.theirs{border-color:#d9748a99}.msg.role-husband.theirs{border-color:#3d5a9880}.msg .meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);flex-wrap:wrap}.msg .who{font-weight:800;color:var(--wood-dark)}.msg .text{font-size:15px;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.away-tag{background:var(--sun);color:var(--ink);border-radius:999px;padding:0 6px;font-weight:700}.msg .report{margin-left:auto;border:0;background:none;color:var(--muted);font-size:13px;min-width:28px;min-height:24px}.msg .report.confirm{color:var(--danger);font-weight:800}.msg .reported{margin-left:auto;color:var(--leaf-dark);font-weight:700}#hud.chat-open .hud-actions,#hud.chat-open .voice-status{display:none}.menu-voice{display:flex;flex-direction:column;gap:6px;border-top:2px dashed rgba(139,90,43,.4);padding-top:8px}.menu-voice .voice-line{font-weight:700}.menu-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.menu-voice .hint{margin:0}.menu-audio{display:flex;flex-direction:column;gap:2px}.audio-row{display:flex;align-items:center;gap:10px;min-height:40px}.audio-row .label{min-width:56px}.menu-audio .audio-row .label{width:124px;flex:none}.audio-row input[type=range]{flex:1;min-width:120px;height:32px;margin:0;accent-color:var(--leaf);cursor:pointer}.audio-level{min-width:46px;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.menu-card{max-height:calc(100vh - 24px);overflow-y:auto}.icon{display:inline-block;background-repeat:no-repeat;image-rendering:pixelated;flex:none}.farm-status{display:inline-flex;align-items:center;gap:10px;padding:5px 12px;border-radius:999px;background:#fff6e5f0;border:2px solid var(--ink);font-weight:800;font-size:15px;white-space:nowrap}.farm-status .fs-time{font-variant-numeric:tabular-nums;min-width:3.2em}.wallet-pill{display:inline-flex;align-items:center;height:48px;padding:0 12px;border-radius:14px;white-space:nowrap;background:#fff6e5f0;border:2px solid var(--ink);font-weight:900;font-size:15px;color:var(--wood-dark);font-variant-numeric:tabular-nums}.wallet-pill.bump{animation:bump .5s ease-out}@keyframes bump{30%{transform:scale(1.15);background:#fff3c4}}.farm-status.late .fs-time{color:var(--danger)}.hotbar{--slot: 42px;position:absolute;left:50%;bottom:calc(6px + var(--safe-b));transform:translate(-50%);display:flex;align-items:stretch;gap:4px;padding:4px;border-radius:14px;background:#fff6e5e6;border:2px solid var(--ink);box-shadow:0 3px #3b2a2040}.hotbar:empty{display:none}.slot{position:relative;width:var(--slot, 44px);height:var(--slot, 44px);padding:0;display:grid;place-items:center;border-radius:10px;border:2px solid rgba(59,42,32,.35);background:#fffdf7d9;overflow:hidden;font:inherit;color:var(--ink)}.slot.on{border-color:var(--ink);background:#fff3c4;box-shadow:inset 0 0 0 2px var(--sun)}.slot.picked{border-color:var(--leaf-dark);background:#e6f2d9;box-shadow:inset 0 0 0 2px var(--leaf)}.slot .key{position:absolute;left:3px;top:0;font-size:10px;font-weight:800;color:var(--muted)}.slot .n{position:absolute;right:2px;bottom:0;font-size:12px;font-weight:900;color:var(--ink);text-shadow:0 0 2px #fff,0 0 2px #fff,0 0 2px #fff}.slot .q{position:absolute;left:1px;bottom:0;font-size:8px;line-height:1}.slot .water{position:absolute;left:4px;right:4px;bottom:3px;height:4px;border-radius:2px;background:#3b2a2040}.slot .water i{display:block;height:100%;border-radius:2px;background:#4aa3df}.hotbar .stamina{position:relative;width:16px;border-radius:8px;background:#3b2a2033;border:2px solid var(--ink);overflow:hidden}.hotbar .stamina i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#9fe08a,var(--leaf));transition:height .3s}.hotbar .stamina.low i{background:linear-gradient(#f3a08c,var(--danger))}.hotbar .stamina span{position:absolute;left:0;right:0;top:1px;text-align:center;font-size:9px}.action-btn .action-icon .icon{display:block}.keys-hint{bottom:calc(66px + var(--safe-b))}html.touch .hotbar{--slot: 38px;transform:translate(calc(-50% - 18px))}html.touch #hud:has(.ptt-btn:not([hidden])) .hotbar{--slot: 34px;transform:translate(calc(-50% - 66px))}@media(max-width:700px){html.touch .hotbar{--slot: 34px;gap:3px}}#hud.chat-open .hotbar{display:none}.farm-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:min(560px,calc(100vw - 24px - var(--safe-l) - var(--safe-r)));max-height:calc(100vh - 20px - var(--safe-t) - var(--safe-b));overflow-y:auto;padding:12px 14px;border-radius:18px;background:var(--paper);border:4px solid var(--wood);box-shadow:0 6px 0 var(--wood-dark)}.farm-panel[hidden]{display:none}.farm-panel h2{margin:0 44px 6px 0;font-size:18px}.farm-panel h3{margin:8px 0 4px;font-size:15px}.farm-panel .hint{margin:6px 0 0;font-size:13px;color:var(--muted)}.farm-panel .panel-close{position:absolute;right:8px;top:8px;width:40px;height:40px;font-size:16px}.slots{display:grid;grid-template-columns:repeat(8,var(--slot));gap:4px;--slot: 46px;justify-content:start}.slots .slot.hot{background:#fffaf0}.bag-slots .slot:nth-child(-n+8){border-color:#8b5a2ba6}@media(max-width:600px){.slots{--slot: 38px}}@media(max-height:420px){.slots{--slot: 40px}.farm-panel h3{margin-top:4px}}.shop-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.shop-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:12px;background:#fffaf0;border:2px solid rgba(139,90,43,.35)}.shop-row .icon{margin:0 2px}.shop-name{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.shop-name small{color:var(--muted);font-size:12px}.shop-price{font-weight:800;white-space:nowrap}.shop-row .chip{min-width:0;padding:4px 10px;font-size:13px}.shop-row .chip:disabled{opacity:.4}.farm-overlay{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:12px;background:#1e140a73}.farm-overlay[hidden]{display:none}.farm-overlay .overlay-card{max-height:calc(100vh - 24px);overflow-y:auto;min-width:min(320px,90vw)}.farm-overlay .overlay-card h2{margin:0 0 6px;font-size:20px}.farm-overlay .overlay-card h3{margin:10px 0 4px;font-size:15px}.farm-overlay .overlay-card .hint{margin:4px 0;color:var(--muted);font-size:13px}.farm-overlay .row.center{display:flex;gap:10px;justify-content:center;margin-top:10px}.farm-overlay:has(.night){background:#0e122cc7}.overlay-card.night{background:#2b3358;color:var(--cream);border-color:#1a1f3a;box-shadow:0 8px #1a1f3a}.overlay-card.night .btn-ghost{background:transparent;color:var(--cream);border-color:#fff6e599}.overlay-card.summary .sold{list-style:none;margin:0;padding:0;text-align:left}.overlay-card.summary .sold li{display:flex;align-items:center;gap:8px;padding:2px 0;border-bottom:1px dashed rgba(139,90,43,.35)}.overlay-card.summary .sold li b{margin-left:auto}.overlay-card.summary .total{text-align:right;margin:6px 0}.overlay-card.summary .btn{margin-top:8px;min-width:140px}.wallet-pill[hidden],.farm-status[hidden]{display:none}#hud .toasts{top:calc(64px + var(--safe-t))}.ikatan-pill{display:inline-flex;align-items:center;gap:4px;height:48px;padding:0 10px;border-radius:14px;white-space:nowrap;background:#fff6e5f0;border:2px solid var(--ink);font-weight:900;font-size:15px;color:var(--rose)}.ikatan-pill .ik-bar{width:34px;height:6px;border-radius:3px;background:#3b2a2033;overflow:hidden}.ikatan-pill .ik-bar i{display:block;height:100%;background:var(--rose)}.ikatan-pill.bump{animation:bump .5s ease-out}.ikatan-pill[hidden]{display:none}.farm-status .buff{font-size:13px}.farm-status .cooking{display:inline-flex;align-items:center;gap:3px}.farm-status .cooking i{display:inline-block;width:34px;height:6px;border-radius:3px;background:#3b2a2033;overflow:hidden}.farm-status .cooking b{display:block;height:100%;background:var(--sun)}.partner-pill .pstam{display:inline-block;width:36px;height:6px;border-radius:3px;background:#3b2a2033;overflow:hidden;margin-left:2px}.partner-pill .pstam i{display:block;height:100%;background:var(--leaf)}.slot .icon.dish{position:absolute;right:1px;top:1px}.slot .b{position:absolute;right:1px;top:-1px;font-size:9px}.hotbar .stamina.boost{border-color:var(--sun)}.cook-list .cook-row{align-items:flex-start}.cook-row.off .icon:first-child{filter:grayscale(.85);opacity:.6}.cook-row .needs{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:2px}.cook-row .need{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:700}.cook-row .need.ok{color:var(--leaf-dark)}.cook-row .need.short,.cook-row .why{color:var(--danger)}.cook-row .chip.duo{background:#f8dce4}.farm-panel .hint.busy{color:var(--wood-dark);font-weight:800}.duet{position:absolute;left:50%;bottom:calc(64px + var(--safe-b));transform:translate(-50%);z-index:6;width:min(460px,calc(100vw - 24px - var(--safe-l) - var(--safe-r)))}.duet[hidden]{display:none}.duet-card{position:relative;padding:10px 12px;border-radius:18px;text-align:center;background:var(--paper);border:4px solid var(--wood);box-shadow:0 6px 0 var(--wood-dark)}.duet-card h3{margin:0 0 6px;font-size:16px}.duet-card .hint{margin:4px 0;font-size:12px;color:var(--muted)}.duet-card.win{background:#e6f2d9}.duet-card.lose{background:#f8e6dc}.duet-count{position:absolute;inset:0;display:grid;place-items:center;font:900 54px system-ui,sans-serif;color:var(--wood-dark);background:#fdf0d5d9;border-radius:14px;z-index:1}.beats{display:flex;gap:6px;justify-content:center}.beat{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:18px;border:3px solid rgba(59,42,32,.35);background:#fff;opacity:.75;transition:transform .1s}.beat.role-husband{border-color:#6f8fd0}.beat.role-wife{border-color:#e69ab0}.beat.mine{opacity:1}.beat.now{transform:scale(1.25);box-shadow:0 0 0 4px var(--sun);opacity:1}.beat.hit{background:#c9f0b5}.beat.miss,.beat.gone{background:#eee;opacity:.45}.duet-btn{margin-top:8px;width:100%;min-height:56px;border-radius:999px;border:4px solid var(--ink);background:var(--cream);font:900 18px system-ui,sans-serif;color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none}.duet-btn.go{background:var(--sun);box-shadow:var(--shadow)}.duet-btn.held{transform:translateY(3px);box-shadow:none;background:#9fe08a}.duet-bar{display:grid;grid-template-columns:9.5em 1fr 4.2em;align-items:center;gap:6px;margin:4px 0;font-size:13px;font-weight:700;text-align:left}.duet-bar i{display:block;height:10px;border-radius:5px;background:#3b2a202e;overflow:hidden}.duet-bar b{display:block;height:100%;background:var(--leaf);transition:width .15s}.duet-bar em{font-style:normal;text-align:right;font-variant-numeric:tabular-nums}#hud:has(.duet:not([hidden])) .hotbar{opacity:.35;pointer-events:none}@media(max-height:420px){.duet{bottom:calc(54px + var(--safe-b))}.beat{width:32px;height:32px;font-size:15px}.duet-btn{min-height:48px}}.animal-row .name-row{display:flex;gap:4px;align-items:center}.animal-row .name-input{width:9em;min-height:34px;padding:2px 8px;border-radius:10px;border:2px solid var(--wood);background:#fffdf7;font:600 14px system-ui,sans-serif;color:var(--ink);-webkit-user-select:text;user-select:text}.animal-row .name-input:focus{outline:3px solid var(--sun)}.overlay-card.summary .animal-line{margin:4px 0;font-weight:700}.village-panel.dialog{top:auto;bottom:calc(10px + var(--safe-b));transform:translate(-50%);width:min(680px,calc(100vw - 24px - var(--safe-l) - var(--safe-r)));padding:10px 12px}.npc-talk{display:flex;gap:12px;align-items:flex-start}.npc-words{flex:1;min-width:0}.npc-words h2{margin:0;font-size:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.npc-words>small{color:var(--muted);font-size:12px}.npc-line{margin:6px 0 8px;font-size:16px;line-height:1.35}.npc-buttons{display:flex;flex-wrap:wrap;gap:6px}.npc-buttons .btn{min-height:42px;padding:6px 16px;font-size:15px}.portrait{display:inline-block;flex:none;image-rendering:pixelated;border-radius:12px;background-color:#f3e2c0;border:3px solid var(--wood);box-sizing:content-box}.npc-hearts{color:var(--rose);font-size:14px;letter-spacing:1px;white-space:nowrap}.npc-hearts i{font-style:normal;color:#3b2a2033}.warga-row .portrait{border-width:2px;border-radius:8px}.warga-row .today{color:var(--leaf-dark)}.shop-row .emoji{font-size:26px;width:36px;text-align:center}.discount{color:var(--rose);font-weight:800}.event-line{font-weight:700;color:var(--indigo)}@media(max-height:420px){.village-panel.dialog .portrait{transform:scale(.8);transform-origin:top left;margin:0 -14px -14px 0}.npc-line{font-size:15px;margin:4px 0 6px}}.icon.copper{filter:sepia(.6) saturate(1.6) hue-rotate(-12deg)}.slot .cu{position:absolute;left:1px;top:1px;font-size:8px;font-weight:900;padding:0 2px;border-radius:3px;background:#c26b34;color:#fff6e5}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:8px 0 4px}.cal-day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40px;border-radius:8px;background:#fffaf0;border:2px solid rgba(139,90,43,.3);font-size:13px;line-height:1.1}.cal-day b{font-size:14px}.cal-day.past{opacity:.55}.cal-day.closed{background:#f1e5cf}.cal-day.event{background:#fde3b0;border-color:var(--sun)}.cal-day.today{border-color:var(--leaf-dark);box-shadow:0 0 0 2px var(--leaf)}.cal-next{font-weight:700;margin:6px 0 0}.notice-paper{margin-top:6px;padding:10px 12px;border-radius:6px;background:#fffdf4;border:2px dashed rgba(139,90,43,.5);font-size:14px;line-height:1.4}.notice-paper p{margin:4px 0}.race-hud{position:absolute;inset:0;z-index:6;pointer-events:none}.race-hud[hidden]{display:none}.race-top{position:absolute;top:calc(66px + var(--safe-t));left:50%;transform:translate(-50%);max-width:80vw;text-align:center;padding:6px 14px;border-radius:999px;background:#fff6e5f0;border:2px solid var(--ink);font-weight:800;font-size:14px}.race-top:empty{display:none}.race-big{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:64px;font-weight:900;color:#fffaf0;-webkit-text-stroke:3px var(--ink);text-shadow:0 4px 0 rgba(59,42,32,.5)}.race-note{position:absolute;top:48%;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:999px;background:#3b2a20bf;color:#fffaf0;font-weight:800;font-size:15px}.race-tap{pointer-events:auto;position:absolute;right:calc(24px + var(--safe-r));bottom:calc(24px + var(--safe-b));width:132px;height:132px;border-radius:50%;border:4px solid var(--ink);background:var(--sun);box-shadow:var(--shadow);font-size:22px;font-weight:900;touch-action:manipulation}.race-tap.release.go{background:var(--leaf);color:#fffaf0;animation:bump .4s ease-out infinite alternate}.race-tap.call{background:var(--rose);color:#fffaf0}.race-tap.call:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:4px solid rgba(255,246,229,.9);transform:scale(calc(.72 + var(--ring, 0) * .6));opacity:calc(.25 + (1 - var(--ring, 0)) * .75)}.race-tap.pressed{transform:translateY(4px) scale(.96);box-shadow:0 2px #3b2a2040}.race-result{pointer-events:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow-y:auto;text-align:left}.race-result h2{margin:0 0 6px;font-size:20px}.race-places{margin:0;padding:0;list-style:none}.race-places li{display:flex;gap:6px;align-items:baseline;padding:3px 0;border-bottom:1px dashed rgba(139,90,43,.35)}.race-places li span{margin-left:auto;font-variant-numeric:tabular-nums}.race-places li.mine{font-weight:800;color:var(--leaf-dark)}.race-prize{font-weight:800;margin:8px 0}.race-result .rival{display:flex;gap:8px;align-items:center;margin:4px 0}.race-result .rival p{margin:0;font-size:14px}.race-result .rival .portrait{border-width:2px;border-radius:8px}.race-result .btn{margin-top:8px;width:100%}