/* Compact, transparent controls leave the village visible during play. */
#game .hud-action{--hud-size:50px;position:relative;inset:auto;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--hud-size);height:var(--hud-size);min-width:44px;min-height:44px;max-width:none;margin:0;padding:0;border:1px solid #fff7d68c;border-radius:50%;background:#102d2626;color:#fff8d9;font-size:0;font-weight:800;line-height:1;box-shadow:0 2px 8px #102f2833;backdrop-filter:none;filter:drop-shadow(0 1px 2px #12372c);touch-action:manipulation;cursor:pointer}
#game .hud-action::before{content:'';width:25px;height:25px;background:currentColor;mask-image:var(--hud-icon);mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-image:var(--hud-icon);-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}
#game .hud-action::after{content:attr(data-status);position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);font:900 10px/1.1 var(--font);color:#fff8d9;text-shadow:0 1px 3px #102823,0 0 4px #102823;white-space:nowrap}
#game .hud-action:hover,#game .hud-action:focus-visible{background:#163b3255;border-color:#fff9da}#game .hud-action:disabled{opacity:.38;cursor:default}#game .hud-action.active{border-color:#85ffdb;background:#25887540;color:#b8ffdf}
#game .match-top{pointer-events:none;align-items:center;top:max(12px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));z-index:14}#game .match-top>button{pointer-events:auto;--hud-size:44px}#game .match-score{gap:18px;padding:7px 18px;background:#102d2626;border-color:#fff7d633;box-shadow:none;text-shadow:0 1px 4px #102823;pointer-events:none}#game .match-score b{font-size:16px}#game .match-score small{font-size:13px}#game .match-score>span{font-size:26px;min-width:35px}
#game .hud-utility{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(78px,calc(env(safe-area-inset-top) + 68px));display:flex;gap:9px;z-index:14}#game .hud-utility .hud-action{--hud-size:44px}
#game #miniMap{top:138px;right:14px;width:130px;height:87px;opacity:.72;border:1px solid #fff7d655;border-radius:10px;box-shadow:none;pointer-events:none}#game #miniMap.hud-map-hidden{display:none}
#game .hud-actions{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));right:130px;display:flex;gap:12px;z-index:14}#game .hud-actions #eatFood{font-size:0;color:#bdffce}
#game .match-bottom{pointer-events:none;left:14px;right:14px;bottom:max(20px,env(safe-area-inset-bottom));z-index:13}#game .player-status{width:160px;padding:7px 10px;background:transparent;border:0;border-radius:0;text-shadow:0 1px 3px #102823,0 0 6px #102823}#game .player-status>b{font-size:18px}#game .player-status small{font-size:11px;color:#fff9dd}#game #hpBar{height:6px;background:#10282370;margin:6px 0}#game .ammo i{width:24px;height:4px}#game .game-hint{display:none}
#game #super{--hud-size:68px;pointer-events:auto;border:2px solid #fff7d68c;box-shadow:none;animation:none;background:#102d2626}#game #super::before{width:32px;height:32px}#game #super>span,#game #superLabel{display:none}#game #super.ready{color:#ffe26a;border-color:#ffe26a;background:#ffcc3d20}#game #touchAttack{display:none}
#game .hud-objective{position:absolute;left:24px;top:88px;max-width:calc(100% - 220px);font-size:12px;font-weight:900;color:#fff6ce;text-shadow:0 1px 3px #102823,0 0 6px #102823;pointer-events:none;z-index:13}
#game .hud-target{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);max-width:70%;font-size:12px;font-weight:900;color:#fff6ce;text-shadow:0 1px 3px #102823,0 0 5px #102823;text-align:center;pointer-events:none;z-index:13}
#game .announcement{top:22%;font-size:clamp(20px,2.3vw,32px);max-width:80%;z-index:10}
#game .hud-details{position:absolute;right:14px;top:138px;width:min(350px,calc(100vw - 28px));max-height:calc(100svh - 158px);overflow:auto;padding:18px;border:1px solid #e7f7d34d;border-radius:16px;background:#11392dda;backdrop-filter:blur(7px);color:#fff6d9;z-index:20;touch-action:pan-y;user-select:text;box-shadow:0 10px 35px #10282340}
#game .hud-detail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#game .hud-detail-heading>b{font:800 24px var(--display)}#game .hud-details>.hud-detail-heading .hud-action{--hud-size:44px}#game .hud-details>span,#game .hud-details>small,#game .hud-details>b{display:block;font-size:12px;margin:7px 0}#game .hud-details #location{font-weight:900;color:#ffe182}#game .hud-details .bonus-goal,#game .hud-details .power-card,#game .hud-details .mission-list{position:static;transform:none;width:auto;max-width:none;white-space:normal;pointer-events:auto;background:transparent;padding:12px 0;margin:10px 0;border:0;border-top:1px solid #e7f7d329;border-radius:0;font-size:12px}#game .hud-details .power-card small{font-size:12px}#game .hud-legend{font-size:11px;line-height:1.7;color:#b9d8c4;border-top:1px solid #e7f7d329;padding-top:12px}#game.hud-expanded .hud-actions,#game.hud-expanded #super,#game.hud-expanded #touchAttack,#game.hud-expanded #movePad{pointer-events:none;opacity:.25}
@media(max-width:720px),(pointer:coarse){
 #game .match-top{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top))}#game .match-score{gap:9px;padding:6px 10px;max-width:calc(100% - 106px);border-radius:12px}#game .match-score b{font-size:12px;letter-spacing:.4px}#game .match-score small{font-size:12px}#game .match-score>span{font-size:22px;min-width:28px}
 #game .hud-utility{right:max(10px,env(safe-area-inset-right));top:max(74px,calc(env(safe-area-inset-top) + 64px));gap:8px}#game .hud-objective{left:14px;top:81px;max-width:calc(100% - 182px);font-size:10px;line-height:1.4}#game #miniMap{right:10px;top:126px;width:108px;height:72px;opacity:.6}
 #game .hud-actions{right:max(10px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,48px);gap:12px 8px}#game .hud-actions .hud-action{--hud-size:48px}
 #game .match-bottom{left:8px;right:94px;bottom:max(20px,env(safe-area-inset-bottom))}#game .player-status{width:145px}#game .player-status>b{font-size:16px}#game #super{position:fixed;right:max(96px,calc(env(safe-area-inset-right) + 86px));bottom:max(151px,calc(env(safe-area-inset-bottom) + 141px));--hud-size:60px}
 #game #touchAttack{position:absolute;display:flex;right:max(14px,env(safe-area-inset-right));bottom:max(147px,calc(env(safe-area-inset-bottom) + 137px));--hud-size:68px;z-index:14;border-width:2px;color:#ffd2bb;background:#d1633c20}#game #touchAttack::before{width:32px;height:32px}
 #game #movePad{display:block;position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(135px,calc(env(safe-area-inset-bottom) + 125px));width:100px;height:100px;border:1px solid #fff7d670;background:#102d2620;z-index:14}#game #movePad i{left:28px;top:28px;width:42px;height:42px;background:#fff8d92b;border:1px solid #fff7d69c}
 #game .hud-target{bottom:233px;font-size:10px;max-width:90%;width:max-content}#game .announcement{top:27%;font-size:20px;max-width:85%}#game .hud-details{top:126px;right:10px;max-height:calc(100svh - 140px);padding:15px}
}
@media(max-height:500px) and (orientation:landscape){
 #game .hud-actions{bottom:12px;gap:8px;grid-template-columns:repeat(3,44px)}#game .hud-actions .hud-action{--hud-size:44px}#game #touchAttack{bottom:122px;--hud-size:60px}#game #super{bottom:125px;right:88px;--hud-size:54px}#game #movePad{bottom:110px;width:86px;height:86px}#game #movePad i{left:23px;top:23px;width:38px;height:38px}#game .hud-target{bottom:110px;max-width:45%}#game .announcement{top:30%;font-size:18px}#game .hud-details{top:74px;right:174px;max-height:calc(100svh - 88px);width:300px}
}