#fishing-hud,#fishing-hud *{box-sizing:border-box}#fishing-hud{z-index:4;color:#f8fafc;pointer-events:none;font:12px/1.45 Tahoma,Segoe UI,sans-serif;position:absolute;inset:0}#fishing-hud [hidden]{display:none!important}#fishing-hud button{font:inherit;pointer-events:auto;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;min-height:44px}#fishing-hud button:focus-visible{outline-offset:3px;outline:3px solid #fef08a}.fish-wallet-card{top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));background:#111a14cb;border:1px solid #64748b66;border-radius:8px;padding:7px 10px;position:absolute}#fish-wallet{color:#fde68a;white-space:pre-wrap;font-size:13px;font-weight:700}#save-status{color:#b9c8c1;margin-top:2px;font-size:10px;display:block}#save-actions:empty{display:none}#fishing-hud #fish-sfx-mute{color:#fef08a;background:#1e293b;border:1px solid #fbbf2499;border-radius:6px;align-items:center;gap:4px;min-height:28px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}#fishing-hud #fish-sfx-mute[data-muted=true]{color:#cbd5e1;background:#0f172a;border-color:#94a3b888}#object-prompt{color:#fef08a;white-space:nowrap;background:#14251eed;border:1px solid #fbbf24;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 12px #0004}#object-prompt:after{content:"";border:5px solid #0000;border-top-color:#fbbf24;position:absolute;top:100%;left:calc(50% - 5px)}#object-prompt.offscreen{visibility:hidden}#object-prompt kbd{border:1px solid #d6d3b9;border-radius:4px;padding:1px 5px;font-weight:700}#fishing-hud #fish-select{right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));color:#fff;background:#d97706ed;border:3px solid #fde68a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:88px;height:88px;padding:0;font-weight:700;display:none;position:absolute;box-shadow:0 3px 14px #0005}#fish-select span{font-size:25px}#fish-select:disabled{opacity:.35}#fish-message{text-align:center;color:#fef08a;background:#13291fe3;border-radius:7px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:7px 12px;position:absolute;top:85px;left:50%;transform:translate(-50%)}#fish-scene-popup{pointer-events:auto;overscroll-behavior:contain;background:linear-gradient(#3d2310f2,#241409f5);border:2px solid #d49550;border-radius:12px;width:min(280px,100% - 24px);max-height:calc(100% - 92px);padding:34px 10px 10px;position:absolute;overflow:visible;box-shadow:inset 0 0 0 2px #7c481e,0 8px 24px #0008}#fishing-hud[data-phase=fighting] #fish-scene-popup{width:176px;padding:32px 8px 8px}#fishing-hud #fish-cancel{color:#fca5a5;background:0 0;border:0;min-height:30px;padding:2px 7px;font-size:11px;font-weight:700;position:absolute;top:2px;right:4px}.fish-hit-banner,.fish-max-banner{color:#451a03;letter-spacing:.5px;text-shadow:0 1px #fef9c3;pointer-events:none;z-index:6;background:linear-gradient(#fef08a,#f59e0b);border:2px solid #78350f;border-radius:6px;padding:2px 10px;font:900 15px/1.2 Tahoma,sans-serif;animation:.25s cubic-bezier(.2,1.5,.4,1) fish-banner-pop;position:absolute;top:-26px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0007}.fish-max-banner{color:#052e16;text-shadow:0 1px #dcfce7;background:linear-gradient(#bbf7d0,#22c55e);border-color:#14532d}.fish-card{text-align:center}#fish-card>strong{color:#fde68a;text-shadow:0 1px 2px #000;font-size:12px}#fish-power-area{width:216px;max-width:100%;margin:8px auto}.fish-power-frame{background:#1c1008;border:2px solid #854d0e;border-radius:7px;padding:3px;box-shadow:inset 0 0 0 1px #d9770688,0 2px 8px #0006}#fishing-hud progress{appearance:none;accent-color:#22c55e;background:#1e1b18;border:1px solid #78543d;border-radius:4px;display:block;overflow:hidden}#fishing-hud progress::-webkit-progress-bar{background:#1e1b18}#fishing-hud progress::-webkit-progress-value{background:#22c55e;transition:background-color 80ms linear}#fishing-hud progress::-moz-progress-bar{background:#22c55e}#fish-power{border:0;width:100%;height:16px}#fish-power[data-tier=red]::-webkit-progress-value{background:linear-gradient(90deg,#dc2626,#f97316)}#fish-power[data-tier=red]::-moz-progress-bar{background:#ef4444}#fish-power[data-tier=yellow]::-webkit-progress-value{background:linear-gradient(90deg,#f97316,#facc15)}#fish-power[data-tier=yellow]::-moz-progress-bar{background:#facc15}#fish-power[data-tier=green]::-webkit-progress-value{background:linear-gradient(90deg,#84cc16,#22c55e,#4ade80)}#fish-power.peak::-webkit-progress-value{background:linear-gradient(90deg,#84cc16,#22c55e,#4ade80)}#fish-power[data-tier=green]::-moz-progress-bar{background:#4ade80}#fish-power.peak::-moz-progress-bar{background:#4ade80}#fish-status{color:#fef3c7;margin:6px 0 3px;font-size:13px;font-weight:700}#fish-hint{color:#e2e8f0;margin:5px 0 8px;font-size:11px}#fishing-hud #fish-charge,#fishing-hud #fish-reel,#fishing-hud #fish-hook{color:#fef3c7;background:linear-gradient(#b45309,#78350f);border:2px solid #fbbf24;border-radius:7px;width:100%;padding:6px 10px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #0006}#fish-bite .fish-exclaim{color:#78350f;text-shadow:0 1px #fff;background:linear-gradient(#fef9c3,#fde047);border:2px solid #92400e;border-radius:10px;margin:4px 0 8px;padding:2px 14px;font:900 36px/1.05 Tahoma,sans-serif;animation:.38s ease-in-out infinite alternate fish-bite;display:inline-block;box-shadow:0 4px 12px #0008}#fishing-hud[data-phase=bite] #fish-status{color:#fde047}#fish-fight>strong{color:#fde68a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;display:block;overflow:hidden}.fish-reel-gauges{background:linear-gradient(90deg,#6b3e1b,#8c5828 50%,#5c3416);border:2px solid #854d0e;border-radius:8px;justify-content:center;align-items:stretch;gap:6px;height:192px;margin:6px auto;padding:6px 7px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e6b17266,0 4px 12px #0007}.fish-reel-column{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:center;width:16px;display:flex}.fish-depth-ticks{background:repeating-linear-gradient(#4a2810 0 2px,#cfa06e 2px 14px);border:1px solid #5c3416;border-radius:3px;flex:1;width:10px}.fish-reel-crank{background:radial-gradient(circle,#fde68a 30%,#b45309 100%);border:2px solid #451a03;border-radius:50%;width:18px;height:18px;margin-top:4px;position:relative;box-shadow:0 1px 4px #0008}.fish-reel-handle{border-top:3px solid #451a03;border-bottom:3px solid #0000;border-radius:50%;animation:.85s linear infinite fish-reel-spin;position:absolute;inset:2px}#fish-fight[data-holding=true] .fish-reel-handle{animation-duration:.2s}.fish-track{background:linear-gradient(#93c5fd 0%,#60a5fa 45%,#2563eb 85%,#1e3a8a 100%);border:3px solid #78451a;border-left:5px solid #b4733b;border-right:5px solid #b4733b;border-radius:4px;flex-shrink:0;width:44px;height:100%;position:relative;overflow:hidden;box-shadow:inset 2px 0 #fcd34d55,inset -2px 0 #451a0388,inset 0 0 10px #0f172a66}.fish-seabed{opacity:.75;pointer-events:none;background:radial-gradient(circle at 20% 100%,#15803d 0 7px,#0000 8px),radial-gradient(circle at 55% 100%,#16a34a 0 9px,#0000 10px),radial-gradient(circle at 82% 100%,#15803d 0 6px,#0000 7px);height:16px;position:absolute;bottom:0;left:0;right:0}#fish-green{background:linear-gradient(90deg,#4ade80 0%,#86efac 50%,#22c55e 100%);border-top:3px solid #ecfccb;border-bottom:3px solid #15803d;border-left:2px solid #bbf7d0;border-right:2px solid #166534;border-radius:3px;transition:opacity .1s,filter .1s;position:absolute;left:2px;right:2px;box-shadow:0 0 8px #4ade80aa}#fish-green[data-in-zone=false]{opacity:.55;filter:saturate(.65);box-shadow:none;border-top-color:#fde047;border-bottom-color:#ca8a04}#fish-green[data-in-zone=true]{opacity:.96;box-shadow:0 0 10px #4ade80cc,inset 0 0 4px #f7fee7}#fish-marker,#fish-treasure{filter:drop-shadow(0 2px 2px #0009);z-index:2;font-size:20px;line-height:1;position:absolute;left:50%;transform:translate(-50%,-50%)}#fish-marker{transform:translate(-50%,-50%)rotate(-30deg)}#fish-treasure{z-index:1;font-size:16px}#fishing-hud #fish-progress{writing-mode:vertical-lr;direction:rtl;background:#1c1008;border:2px solid #451a03;border-radius:4px;align-self:stretch;width:14px;height:100%;box-shadow:inset 0 0 4px #000a}#fish-fight[data-progress-tier=low] #fish-progress::-webkit-progress-value{background:linear-gradient(#f97316,#dc2626)!important}#fish-fight[data-progress-tier=low] #fish-progress::-moz-progress-bar{background:#ef4444!important}#fish-fight[data-progress-tier=mid] #fish-progress::-webkit-progress-value{background:linear-gradient(#84cc16,#facc15,#f97316)!important}#fish-fight[data-progress-tier=mid] #fish-progress::-moz-progress-bar{background:#facc15!important}#fish-fight[data-progress-tier=high] #fish-progress::-webkit-progress-value{background:linear-gradient(#4ade80,#22c55e,#84cc16)!important}#fish-fight[data-progress-tier=high] #fish-progress::-moz-progress-bar{background:#22c55e!important}#fish-treasure-meter{flex-direction:column;align-items:center;height:100%;display:flex;position:relative}#fish-treasure-meter span{font-size:10px;position:absolute;top:-16px;left:-2px}#fishing-hud #fish-treasure-progress{writing-mode:vertical-lr;direction:rtl;width:8px;height:100%}#fish-treasure-progress::-webkit-progress-value{background:#facc15!important}#fishing-hud #fish-tension{accent-color:#38bdf8;width:112px;height:7px;margin:0 auto 4px}#fish-tension::-webkit-progress-value{background:#38bdf8!important}#fish-tension-label{color:#fde68a;min-height:15px;font-size:10px;display:block}#fish-reel-status{color:#fef3c7;min-height:24px;margin:3px 0;font-size:10px}#fish-fight[data-tension=danger] #fish-tension-label{color:#fca5a5}#fish-fight[data-tension=danger] #fish-tension::-webkit-progress-value{background:#ef4444!important}@keyframes fish-bite{to{transform:translateY(-6px)scale(1.06)}}@keyframes fish-reel-spin{to{transform:rotate(360deg)}}@keyframes fish-banner-pop{0%{opacity:0;transform:translate(-50%)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){#fish-bite .fish-exclaim,.fish-reel-handle,.fish-hit-banner,.fish-max-banner{animation:none}}@media (width<=600px),(pointer:coarse){#fishing-hud[data-phase=fighting] #fish-scene-popup{width:148px}#fishing-hud #fish-select{display:flex}#object-prompt kbd{display:none}.fish-wallet-card{padding:6px 9px;top:8px;left:8px}#fish-wallet{font-size:12px}}@media (height<=650px){.fish-reel-gauges,#fishing-hud #fish-progress{height:124px}#fish-scene-popup{padding-top:30px}#fish-hint{font-size:10px}}#fish-zone{color:#bfe7d0;max-width:260px;margin-top:2px;font-size:10px;display:block}#fish-shop{pointer-events:auto;background:#101e16f2;border:1px solid #fbbf24;border-radius:12px;width:min(340px,100% - 24px);max-height:calc(100% - 40px);padding:12px;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#fish-shop>strong{color:#fde68a;margin-bottom:8px;display:block}.shop-group{color:#cbd5e1;flex-direction:column;gap:5px;margin-bottom:10px;font-size:11px;display:flex}#fishing-hud #fish-shop button{text-align:left;color:#dcfce7;background:#1e3a2b;border:1px solid #4ade8080;border-radius:6px;width:100%;padding:6px 10px;font-size:11px}#fishing-hud #fish-shop button:disabled{opacity:.4;cursor:not-allowed}#fish-shop small{color:#a7b8ae}#fish-catch{text-align:center;pointer-events:auto;background:linear-gradient(#3d2310f5,#241409f8);border:2px solid #d49550;border-radius:14px;width:min(300px,100% - 24px);padding:12px 14px;animation:.38s cubic-bezier(.2,1.4,.4,1) fish-catch-pop;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #7c481e,0 8px 28px #0009}#fish-catch[hidden]{display:none}#fish-catch-icon{image-rendering:auto;margin:0 auto;font-size:44px;line-height:1.1;animation:1.1s ease-in-out infinite fish-catch-bob}#fish-catch>strong{color:#fde68a;margin:2px 0;font-size:14px;display:block}#fish-catch>p{color:#fde68a;margin:0 0 10px;font-size:11px}.fish-catch-actions{gap:8px;display:flex}#fishing-hud .fish-catch-actions button{color:#dcfce7;cursor:pointer;background:#1e3a2b;border:1px solid #4ade8080;border-radius:8px;flex:1;padding:8px 6px;font-size:12px}#fishing-hud .fish-catch-actions button:last-child{color:#e0f2fe;background:#16303f;border-color:#7dd3fc80}#fishing-hud .fish-catch-actions button:disabled{opacity:.4;cursor:not-allowed}.fish-catch-actions kbd{border:1px solid #fff5;border-radius:4px;margin-left:4px;padding:0 5px;font-size:10px}@keyframes fish-catch-pop{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fish-catch-bob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-6px)rotate(6deg)}}#fish-bobber-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}#fish-line-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#fish-line-path{fill:none;stroke:#f8fafcd9;stroke-width:1.75px;stroke-linecap:round;filter:drop-shadow(0 1px 2px #000a)}#fish-line-path[data-state=bite],#fish-line-path[data-state=fighting]{stroke:#fef08a;stroke-width:2.1px}#fish-line-path[data-state=warning]{stroke:#fb923c;stroke-width:2.2px}#fish-line-path[data-state=danger]{stroke:#ef4444;stroke-width:2.4px}#fish-water-ripple{pointer-events:none;width:54px;height:28px;position:absolute;transform:translate(-50%,-50%)}.fish-ripple-ring{border:2px solid #e0f2fecc;border-radius:50%;animation:1.6s ease-out infinite fish-ripple-expand;position:absolute;inset:0}.fish-ripple-b{animation-delay:.8s}#fish-water-ripple[data-vfx=landing] .fish-ripple-ring{border-width:3px;border-color:#fff;animation-duration:.55s}#fish-water-ripple[data-vfx=bite] .fish-ripple-ring,#fish-water-ripple[data-vfx=fighting] .fish-ripple-ring{border-width:2.5px;border-color:#fef9c3;animation-duration:.48s}.fish-splash-crown{opacity:0;background:radial-gradient(circle at 20% 70%,#fff 0 3px,#0000 4px),radial-gradient(circle at 50% 25%,#e0f2fe 0 4px,#0000 5px),radial-gradient(circle at 80% 70%,#fff 0 3px,#0000 4px);width:30px;height:18px;position:absolute;top:35%;left:50%;transform:translate(-50%,-100%)}#fish-water-ripple[data-vfx=landing] .fish-splash-crown,#fish-water-ripple[data-vfx=bite] .fish-splash-crown,#fish-water-ripple[data-vfx=fighting] .fish-splash-crown{opacity:1;animation:.38s ease-out infinite fish-splash-burst}#fish-bobber{pointer-events:none;filter:drop-shadow(0 3px 4px #0009);width:18px;height:24px;transition:transform 60ms linear;position:absolute;transform:translate(-50%,-78%)}.fish-bobber-tip{background:#fde047;border:1px solid #451a03;border-bottom:0;border-radius:2px 2px 0 0;width:4px;height:7px;margin:0 auto;display:block}.fish-bobber-body{background:linear-gradient(#ef4444 0 50%,#f8fafc 50% 100%);border:2px solid #451a03;border-radius:50%;width:16px;height:16px;margin:0 auto;display:block;box-shadow:inset -2px -2px #0003}.fish-bobber-bite{color:#78350f;background:#fde047;border:1.5px solid #78350f;border-radius:5px;padding:0 5px;font:900 13px/1.15 Tahoma,sans-serif;display:none;position:absolute;top:-22px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0008}#fish-bobber[data-bobber-state=casting]{transform:translate(-50%,-50%)rotate(-24deg)scale(1.08)}#fish-bobber[data-bobber-state=bite]{transform:translate(-50%,-48%)scale(.94)}#fish-bobber[data-bobber-state=bite] .fish-bobber-bite{animation:.28s ease-in-out infinite alternate fish-bite;display:block}#fish-bobber[data-bobber-state=fighting]{transform:translate(-50%,-62%)rotate(14deg)}@keyframes fish-ripple-expand{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(1.45)}}@keyframes fish-splash-burst{0%{opacity:1;transform:translate(-50%,-60%)scale(.5)}to{opacity:0;transform:translate(-50%,-135%)scale(1.25)}}#fish-green[data-bounce=true]{transform-origin:bottom;border-bottom-color:#fef08a;animation:.24s cubic-bezier(.25,1.5,.5,1) fish-bar-bounce;box-shadow:0 3px 12px #fde047cc,0 0 10px #4ade80cc}#fish-fight[data-bounce=true] .fish-seabed{transform-origin:bottom;opacity:.98;filter:brightness(1.25);transform:scaleY(.78)scaleX(1.06)}#fish-marker{transition:transform 90ms ease-out}#fish-marker[data-swim-dir=up]{transform:translate(-50%,-50%)rotate(-48deg)scale(1.06)}#fish-marker[data-swim-dir=down]{transform:translate(-50%,-50%)rotate(-8deg)scale(1.05)}#fish-fight[data-shudder=true] .fish-track{border-left-color:#f59e0b;border-right-color:#f59e0b;animation:.16s linear infinite fish-track-shudder;box-shadow:inset 0 0 12px #dc262655,0 0 8px #f59e0b66}@keyframes fish-bar-bounce{0%{transform:scaleY(.84)scaleX(1.08)}55%{transform:scaleY(1.05)scaleX(.97)}to{transform:scaleY(1)scaleX(1)}}@keyframes fish-track-shudder{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}@media (prefers-reduced-motion:reduce){#fish-catch,#fish-catch-icon,.fish-ripple-ring,.fish-splash-crown,#fish-bobber[data-bobber-state=bite] .fish-bobber-bite,#fish-green[data-bounce=true],#fish-fight[data-shudder=true] .fish-track{animation:none}}#save-actions{pointer-events:auto;flex-wrap:wrap;gap:4px;max-width:355px;display:flex}#save-actions button{color:#263425;min-height:44px;font:inherit;cursor:pointer;background:#fff9e8;border:1px solid #b7a373;border-radius:7px;padding:6px 10px;font-size:12px}#save-actions button:disabled{opacity:.5;cursor:not-allowed}#save-actions small{flex-basis:100%;font-size:10px;line-height:1.25;display:block}#player-books[hidden]{display:none!important}#player-books{z-index:10000;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;pointer-events:auto;touch-action:pan-y;background:#122523b8;place-items:center;display:grid;position:fixed;inset:0}#player-books section{color:#233528;box-sizing:border-box;background:#fff8e5;border:2px solid #bba26c;border-radius:14px;width:min(720px,100%);max-height:90dvh;padding:16px;font:14px/1.6 system-ui;overflow:auto}#player-books h2{margin:0 0 8px}#player-books button,#player-books select{max-width:100%;min-height:44px;font:inherit;padding:8px}#player-books article{border-bottom:1px solid #c9c0a9;padding:9px 0}#player-books small{display:block}#player-books label{align-items:center;gap:6px;margin:6px;display:inline-flex}#player-books :focus-visible,#save-actions :focus-visible{outline-offset:2px;outline:3px solid #1269c7}@media (width<=640px){#save-actions{gap:3px;max-width:270px}#save-actions button{padding:4px 7px;font-size:11px}#save-actions small{font-size:9px}#player-books section{max-height:94dvh;padding:12px}#player-books h2{font-size:19px}.fish-wallet-card{max-width:calc(100vw - 24px)}}#account-status-line{text-overflow:ellipsis;white-space:nowrap;flex:1 0 100%;max-width:355px;display:block;overflow:hidden}#account-modal[hidden],#account-modal [hidden]{display:none!important}#account-modal{z-index:11000;box-sizing:border-box;pointer-events:auto;touch-action:pan-y;color:#f8f4e5;background:#061a20cf;place-items:center;padding:12px;font:16px Tahoma,sans-serif;display:grid;position:fixed;inset:0}#account-modal section{box-sizing:border-box;background:#173c3b;border:2px solid #b9cf97;border-radius:16px;width:min(520px,100%);max-height:calc(100dvh - 24px);padding:18px;overflow:auto;box-shadow:0 8px 40px #0008}#account-modal button{min-height:44px;font:inherit;cursor:pointer;border-radius:8px;margin:4px;padding:8px 12px}#account-modal input{box-sizing:border-box;font:inherit;border-radius:6px;width:100%;min-height:44px;margin:6px 0 12px;padding:8px}#account-modal input[type=checkbox]{vertical-align:middle;width:24px;height:24px;min-height:24px;margin:8px}#account-modal label{display:block}#account-modal [role=tablist]{flex-wrap:wrap;display:flex}#account-modal p{overflow-wrap:anywhere}#account-modal button:focus-visible,#account-modal input:focus-visible{outline-offset:2px;outline:3px solid #ffd473}*{box-sizing:border-box}html,body{color:#eee9d3;background:#102522;width:100%;height:100%;margin:0;font:14px/1.5 Tahoma,Segoe UI,sans-serif;overflow:hidden}main,.view{width:100%;height:100%}button{color:#17352d;cursor:pointer;touch-action:manipulation;background:#d8bd7b;border:1px solid #0000;border-radius:6px;min-height:44px;padding:8px 14px;font:600 12px Tahoma,Segoe UI,sans-serif}button:hover{background:#f0d49a}button:focus-visible{outline-offset:3px;outline:3px solid #ecedcc}#village-stage{isolation:isolate;background:#5e7c6e;width:100%;height:100dvh;position:relative;overflow:hidden}#village-stage canvas{width:100%;height:100%;display:block}#village-status{z-index:5;background:#112a21db;border-radius:8px;padding:8px 14px;font-size:12px;position:absolute;top:16px;left:50%;transform:translate(-50%)}#village-status[hidden],#village-error[hidden]{display:none}#village-error{z-index:20;color:#fff4d8;background:#612b24f5;border:1px solid #e6a78c;border-radius:8px;padding:20px;font-size:15px;position:absolute;inset:20px}#village-joystick{bottom:max(24px,env(safe-area-inset-bottom));left:max(24px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;-webkit-user-select:none;user-select:none;z-index:3;background:#18403277;border:2px solid #f5e6b899;border-radius:50%;place-items:center;width:110px;height:110px;display:grid;position:absolute}#village-stick{color:#18382b;pointer-events:none;background:#e2cc93;border-radius:50%;place-items:center;width:48px;height:48px;font-size:10px;font-weight:700;display:grid;box-shadow:0 3px 8px #0005}.movement-hint{color:#ffffe6;text-shadow:0 1px 4px #0c2b1c;pointer-events:none;font-size:11px;position:absolute;bottom:24px;left:154px}@media (hover:hover) and (pointer:fine){#village-joystick{display:none}.movement-hint{left:20px}}@media (width<=600px),(pointer:coarse){#village-joystick{width:100px;height:100px;display:grid;left:20px}.movement-hint{display:none}}