*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background-color:#121815;user-select:none;-webkit-user-select:none}#game-canvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem 1.6rem;z-index:10;font-family:Plus Jakarta Sans,sans-serif}.aoe-top-bar{display:flex;align-items:flex-start;justify-content:space-between;width:100%;position:relative}.aoe-vitals-group{display:flex;gap:.6rem;pointer-events:auto}.aoe-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(180deg,#2e231c,#1a130f);border:2px solid #5a4432;border-radius:6px;padding:.35rem .75rem;box-shadow:0 4px 12px #00000080,inset 0 1px #d4af3740}.aoe-badge-icon{font-size:1.1rem}.aoe-badge-info{display:flex;flex-direction:column}.aoe-badge-label{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.12rem;color:#c2ab87;font-weight:700}.aoe-badge-val{font-family:Cinzel,serif;font-size:.75rem;font-weight:700;color:#f7eed8;letter-spacing:.05rem}.aoe-district-header{position:absolute;left:50%;transform:translate(-50%);top:0;display:flex;align-items:center;pointer-events:auto}.aoe-header-ornament{width:18px;height:38px;background:#3e2d21;border:2px solid #846845}.left-crest{border-right:none;border-radius:6px 0 0 6px;clip-path:polygon(0% 50%,100% 0%,100% 100%)}.right-crest{border-left:none;border-radius:0 6px 6px 0;clip-path:polygon(0% 0%,100% 50%,0% 100%)}.aoe-header-content{background:linear-gradient(180deg,#2b1f17,#150f0c);border-top:2px solid #a88448;border-bottom:2px solid #a88448;padding:.4rem 1.8rem;display:flex;flex-direction:column;align-items:center;box-shadow:0 6px 20px #0009,inset 0 1px #ffe6964d}.aoe-header-title{display:flex;align-items:baseline;gap:.7rem}.aoe-kanji{font-family:"Noto Serif JP",serif;font-size:1.15rem;font-weight:500;color:#f3edd8;letter-spacing:.2rem;text-shadow:0 2px 4px rgba(0,0,0,.8)}.aoe-roman{font-family:Cinzel,serif;font-size:.82rem;font-weight:700;letter-spacing:.25rem;color:#d8be92;text-shadow:0 2px 4px rgba(0,0,0,.8)}.aoe-header-sub{font-size:.58rem;font-weight:600;letter-spacing:.14rem;color:#9e8d75;margin-top:.15rem}.aoe-sub-dot{color:#c9a456;font-size:.65rem}.aoe-top-right{display:flex;gap:.6rem;align-items:center;pointer-events:auto}.aoe-seal-btn{background:linear-gradient(180deg,#38281d,#1d140e);border:2px solid #846845;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;color:#e5d7ba;cursor:pointer;box-shadow:0 4px 12px #00000080,inset 0 1px 1px #ffdc7840;transition:all .2s ease}.aoe-seal-btn:hover{border-color:#d4af37;color:#fff;transform:scale(1.06)}.aoe-bottom-bar{display:flex;align-items:flex-end;justify-content:space-between;width:100%;position:relative}.aoe-command-deck{display:flex;align-items:center;pointer-events:auto;margin-left:auto;margin-right:auto}.aoe-deck-crest{width:14px;height:52px;background:#35251a;border:2px solid #7a5c3e}.aoe-deck-crest.left{border-right:none;border-radius:6px 0 0 6px;clip-path:polygon(0% 50%,100% 0%,100% 100%)}.aoe-deck-crest.right{border-left:none;border-radius:0 6px 6px 0;clip-path:polygon(0% 0%,100% 50%,0% 100%)}.aoe-deck-inner{background:linear-gradient(180deg,#271c14,#140d09);border-top:2px solid #8c693a;border-bottom:2px solid #8c693a;padding:.5rem 1.2rem;display:flex;align-items:center;gap:1.2rem;box-shadow:0 8px 24px #000000a6,inset 0 1px #d4af3733}.aoe-deck-profile{display:flex;align-items:center;gap:.65rem;padding-right:.8rem;border-right:1px solid rgba(140,105,58,.4)}.aoe-profile-frame{width:2.2rem;height:2.2rem;background:#19120c;border:1.5px solid #a88448;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:inset 0 2px 6px #000000b3}.aoe-profile-details{display:flex;flex-direction:column}.aoe-profile-name{font-family:Cinzel,serif;font-size:.75rem;font-weight:700;letter-spacing:.15rem;color:#edb}.aoe-profile-desc{font-size:.65rem;color:#9f8e77}.aoe-actions-grid{display:flex;gap:.45rem}.aoe-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#32241a,#1c140e);border:1px solid #6b4f34;border-radius:4px;padding:.35rem .55rem;min-width:3.4rem;box-shadow:inset 0 1px #ffffff14;transition:all .15s ease}.aoe-action-card:hover{border-color:#c9a456;background:linear-gradient(180deg,#3e2d21,#241a12)}.aoe-action-card kbd{font-family:Cinzel,serif;font-size:.65rem;font-weight:700;color:#ffea9f;background:#0006;padding:.1rem .3rem;border-radius:3px;border:1px solid rgba(212,175,55,.3);margin-bottom:.15rem}.aoe-action-card span{font-size:.58rem;color:#c8b79d;font-weight:500}.aoe-minimap-wrapper{position:absolute;right:0;bottom:0;pointer-events:auto;width:170px;height:170px;display:flex;align-items:center;justify-content:center}.aoe-diamond-bezel{position:relative;width:120px;height:120px;transform:rotate(45deg);background:#19120c;border:3px solid #8c693a;box-shadow:0 8px 24px #000000b3,inset 0 0 12px #000c;overflow:hidden;border-radius:4px}.aoe-diamond-inner{position:absolute;top:50%;left:50%;width:180px;height:180px;transform:translate(-50%,-50%) rotate(-45deg);display:flex;align-items:center;justify-content:center}#aoe-minimap-canvas{width:180px;height:180px;display:block}.aoe-compass-needle{position:absolute;top:4px;left:4px;transform:rotate(-45deg);font-family:Cinzel,serif;font-size:.65rem;font-weight:700;color:#ffea9f;text-shadow:0 1px 3px rgba(0,0,0,.9);pointer-events:none}.aoe-recenter-pill{position:absolute;top:-44px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#3d2b17,#1f140b);border:1.5px solid #d4af37;border-radius:20px;padding:.32rem .85rem;color:#ffea9f;font-family:Cinzel,serif;font-size:.72rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;gap:.4rem;cursor:pointer;box-shadow:0 4px 14px #0009,0 0 10px #d4af3759;pointer-events:auto;transition:all .18s ease;animation:aoe-pulse-glow 2s infinite ease-in-out}.aoe-recenter-pill:hover{background:linear-gradient(180deg,#4d361c,#2a1b0e);border-color:gold;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 18px #000000b3,0 0 16px #ffd7008c}@keyframes aoe-pulse-glow{0%,to{box-shadow:0 4px 14px #0009,0 0 8px #d4af3740}50%{box-shadow:0 4px 14px #0009,0 0 16px #d4af3799}}#game-canvas{cursor:grab}#game-canvas:active{cursor:grabbing}@media(max-width:1360px){#hud{padding:1rem 1.2rem}.aoe-badge{padding:.3rem .55rem;gap:.4rem}.aoe-badge-icon{font-size:.95rem}.aoe-badge-label{font-size:.5rem}.aoe-badge-val{font-size:.7rem}.aoe-header-content{padding:.35rem 1.4rem}.aoe-kanji{font-size:1.05rem}.aoe-roman{font-size:.76rem;letter-spacing:.18rem}.aoe-deck-inner{padding:.4rem .9rem;gap:.9rem}.aoe-action-card{min-width:3.1rem;padding:.28rem .45rem}}@media(max-width:1180px){.aoe-district-header{max-width:440px}.aoe-header-content{padding:.3rem 1rem}.aoe-kanji{font-size:.95rem}.aoe-roman{font-size:.7rem;letter-spacing:.12rem}.aoe-header-sub{font-size:.52rem;letter-spacing:.08rem}.aoe-vitals-group{gap:.35rem}.aoe-seal-btn{width:2.3rem;height:2.3rem}.aoe-action-card:nth-child(n+6){display:none}.aoe-minimap-wrapper{width:145px;height:145px}.aoe-diamond-bezel{width:105px;height:105px}.aoe-diamond-inner{width:155px;height:155px}}@media(max-width:980px){.aoe-top-bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title title" "vitals tools";row-gap:.55rem}.aoe-district-header{grid-area:title;position:static;transform:none;justify-self:center;max-width:100%}.aoe-vitals-group{grid-area:vitals;justify-self:start;flex-wrap:wrap}.aoe-top-right{grid-area:tools;justify-self:end}.aoe-bottom-bar{flex-direction:column;align-items:center;gap:.6rem}.aoe-command-deck{margin:0}.aoe-action-card:nth-child(n+3){display:none}.aoe-minimap-wrapper{position:fixed;right:.8rem;bottom:.8rem;width:120px;height:120px}.aoe-diamond-bezel{width:85px;height:85px}.aoe-diamond-inner{width:130px;height:130px}}@media(max-width:640px){#hud{padding:.5rem .6rem}.aoe-badge-label{display:none}.aoe-badge{padding:.25rem .45rem;gap:.3rem}.aoe-badge-val{font-size:.68rem}.aoe-header-sub{display:none}.aoe-header-ornament{height:28px;width:12px}.aoe-header-content{padding:.25rem .8rem}.aoe-kanji{font-size:.88rem}.aoe-roman{font-size:.65rem;letter-spacing:.1rem}.aoe-seal-btn{width:2.1rem;height:2.1rem}.aoe-seal-btn svg{width:15px;height:15px}.aoe-actions-grid{display:none}.aoe-deck-profile{border-right:none;padding-right:0}.aoe-deck-crest{height:40px;width:10px}.aoe-minimap-wrapper{right:.4rem;bottom:.4rem;width:100px;height:100px}.aoe-diamond-bezel{width:70px;height:70px}.aoe-diamond-inner{width:105px;height:105px}.aoe-recenter-pill{top:-38px;font-size:.65rem;padding:.25rem .65rem}}#touch-controls{display:none;position:absolute;inset:0;pointer-events:none;z-index:20}body.touch-active #touch-controls{display:block}.touch-stick{position:absolute;left:max(1.1rem,env(safe-area-inset-left));bottom:7.2rem;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,#1a130f8c,#1a130fbf);border:2px solid rgba(168,132,72,.8);box-shadow:0 4px 14px #00000080,inset 0 1px #d4af3740;pointer-events:auto;touch-action:none}.touch-stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7eed8,#c2ab87 55%,#846845);border:2px solid #5a4432;box-shadow:0 3px 10px #0000008c;transform:translate(-50%,-50%)}.touch-buttons{position:absolute;right:max(1.1rem,env(safe-area-inset-right));bottom:7.8rem;display:flex;flex-direction:column;gap:.8rem;align-items:center;pointer-events:auto}.touch-btn{border-radius:50%;border:2px solid #a88448;background:linear-gradient(180deg,#2e231c,#1a130f);color:#f7eed8;box-shadow:0 4px 12px #00000080,inset 0 1px #d4af3740;touch-action:none;-webkit-tap-highlight-color:transparent}.touch-btn:active{transform:scale(.92);background:linear-gradient(180deg,#4a382a,#2b1f17)}.touch-btn-act{width:74px;height:74px;font-family:Cinzel,serif;font-size:1.5rem;font-weight:700}.touch-btn-bell{width:56px;height:56px;font-size:1.4rem}