/* v0.6.1 — compact reference layout. Tactical camera and starter styles stay intact. */
body.playing #hud{--hud-bg:linear-gradient(#25334cee,#151e34f2);--hud-edge:#758797;--hud-ink:#f1f1e3}
body.playing #hud-stats{left:12px;right:auto;top:12px;gap:7px;padding:0;border:0;box-shadow:none;background:none}
body.playing #hud-topstats .header-end{gap:7px}
body.playing .top-stat,body.playing #hud-level-chip{min-width:80px;height:48px;gap:7px;padding:6px 10px;background:var(--hud-bg);border:1px solid #92a1a675;border-radius:7px;box-shadow:0 2px 0 #091323,inset 0 1px #e4f0ff25;position:relative;color:var(--hud-ink)}
body.playing .top-stat strong{font-size:24px;font-weight:900;font-variant-numeric:tabular-nums}
body.playing .top-stat small{position:absolute;right:6px;bottom:3px;font-size:8px;color:#bbc8d4}
body.playing .hp-resource strong,body.playing .hp-resource>span{color:#ffa0a7}
body.playing .gold-resource{min-width:86px;border-color:#c3ac6688}
body.playing .gold-resource strong{color:#ffe08b}
body.playing #hud-level-chip{display:flex;min-width:64px;padding:7px 10px;align-items:center;justify-content:center;gap:4px}
body.playing #hud-level-chip small{font-size:10px;color:#a6d5f2}
body.playing #hud-level-chip strong{font-size:22px;color:#d2eeff}
body.playing .hud-coin{display:inline-block;vertical-align:-2px;width:13px;height:13px;background:linear-gradient(135deg,#fff1a2,#e6ad37);border:2px solid #dfb34e;box-shadow:inset 1px 1px #fff8c3,0 1px 2px #0008;border-radius:50%;flex:none}
body.playing .gold-resource .hud-coin{width:20px;height:20px;border-width:3px}
body.playing #hud-options{right:12px;top:12px;display:flex;gap:5px}
body.playing #sound-btn,body.playing #help-btn,body.playing .hud-icon{width:34px;height:36px;background:var(--hud-bg);border-color:#96a4a86b;border-radius:6px;box-shadow:0 2px 0 #0b1425}
body.playing #hud-round{top:12px;gap:5px}
body.playing .header-middle{height:40px;padding:6px 13px;gap:11px;background:var(--hud-bg);border-radius:19px;border-color:#a3ad9b7a}
body.playing .round-text{font-size:10px}
body.playing .round-text b{font-size:20px;margin-left:5px}
body.playing .phase-pill{font-size:9px;padding:4px 6px;background:transparent;border:0}
body.playing #stage-dots{gap:3px}
body.playing #stage-dots span{width:29px;height:4px;border-radius:3px}
body.playing #hud-clock{top:70px;gap:8px;font-size:10px}
body.playing #speed-btn{min-height:24px;padding:2px 8px}
body.playing #hud-left{top:83px;left:12px;width:148px;gap:7px}
body.playing #hud-right{top:63px;right:12px;width:164px;gap:6px}
body.playing .hud-weather{padding:8px 9px;background:var(--hud-bg);border-radius:6px}
body.playing #hud-location{position:static;margin-bottom:5px}
body.playing #map-name{font-size:12px;font-weight:800;border:0;padding:0;background:none;box-shadow:none;color:#eff1cb}
body.playing .weather-tag{font-size:10px;color:#c8dedb}
body.playing #hud-synergies .side-title{display:none}
body.playing .type-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}
body.playing .type-symbol{display:inline-flex;flex-shrink:0;width:24px;height:24px;align-items:center;justify-content:center;border-radius:50%;background:var(--type-color);color:#fff9e8;box-shadow:inset 0 1px #ffffff80,0 1px 3px #0008;border:1px solid #ffffff50}
body.playing .type-symbol svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.playing .type-symbol[aria-label="불꽃"] svg,body.playing .type-symbol[aria-label="전기"] svg{fill:currentColor;stroke-width:.7}
body.playing .synergy-entry{color:#f0f2e8;text-align:left;min-width:0;min-height:38px;padding:4px;gap:4px;border-radius:5px;background:var(--hud-bg);border-color:#8a9ea866}
body.playing #hud-left .synergy-entry{display:flex}
body.playing .synergy-entry.active{background:linear-gradient(#364846ee,#203337ed);border-color:#d2d291a0}
body.playing .syn-top{display:flex;flex-direction:column;gap:1px;font-size:8px;line-height:1.1}
body.playing .syn-top b{font-size:13px;color:#fff1bc}
body.playing .syn-top small{font-size:9px;font-weight:500;color:#aabcca}
body.playing .synergy-details{display:none}
body.playing.hud-synergy-open #hud-synergies{overflow:visible;max-height:none}
body.playing.hud-synergy-open .synergy-details{display:block;position:absolute;left:155px;top:0;width:235px;max-height:calc(100vh - 300px);overflow:auto;pointer-events:auto;background:#142236f7;border:1px solid #8eafa278;border-radius:7px;padding:10px;box-shadow:0 5px 24px #0009;scrollbar-width:thin;z-index:2}
body.playing .synergy-details>b{display:block;font-size:11px;color:#e8d7a8;margin:8px 0}
body.playing .synergy-details .synergy-entry{width:100%;margin-bottom:4px}
body.playing .synergy-details .syn-top{flex-direction:row;justify-content:space-between;font-size:10px}
body.playing .synergy-details .syn-desc{display:block;font-size:9px;line-height:1.5;color:#b9ccc3}
body.playing .synergy-details p{font-size:9px;line-height:1.5;color:#b4c6d5;margin:9px 0 0}
body.playing .role-symbol{width:24px;text-align:center}
body.playing #hud-synergy-toggle,body.playing .hud-fold{min-height:25px;padding:4px 7px;font-size:10px;background:var(--hud-bg);border-color:#7d96a463;border-radius:5px}
body.playing #hud-items,body.playing #hud-log{padding:7px 9px;background:var(--hud-bg);border-radius:5px}
body.playing #hud-items summary,body.playing #hud-log summary{font-size:10px;min-height:14px}
body.playing #hud-items[open]{width:180px;box-shadow:0 4px 18px #0008}
body.playing #hud-opponent{padding:9px;background:var(--hud-bg);border-radius:6px}
body.playing .hud-kicker{font-size:9px;letter-spacing:0;margin-bottom:3px;color:#b4c9d6}
body.playing .encounter-name{font-size:11px;margin:2px 0 8px;line-height:1.5;word-break:keep-all}
body.playing #encounter-desc{display:none}
body.playing #hud-enemies{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
body.playing .enemy-portrait{height:32px;width:100%;min-width:0;background:#2a39524d;border-color:#8da4b94f}
body.playing .enemy-portrait img{width:25px;height:27px}
body.playing #hud-inspector{position:absolute;right:0;top:100%;margin-top:6px;width:226px;max-height:calc(100vh - 400px);background:#122033f7;box-shadow:0 5px 20px #0007}
body.playing .unit-meta .type-symbol{width:17px;height:17px;vertical-align:middle}
body.playing .unit-meta .type-symbol svg{width:12px;height:12px}
body.playing #hud-bottom,body.playing.hud-combat:not(.hud-shop-open) #hud-bottom{width:min(900px,calc(100% - 340px));bottom:12px}
body.playing #hud-hint{display:none}
body.playing .game-footer,body.playing.hud-combat .game-footer{background:none;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;padding:0;gap:8px}
body.playing .footer-head{position:relative;align-self:center;width:76%;height:48px;min-height:48px;gap:8px}
body.playing .bench-title{display:none}
body.playing .bench{height:48px;gap:5px}
body.playing .bench-slot{height:48px;max-width:none;background:linear-gradient(#23323dbb,#182538eb);border:1px solid #92a5a283;box-shadow:0 2px 0 #0b1a23;border-radius:5px}
body.playing .bench-slot img{max-width:95%;max-height:43px}
body.playing .bench-slot.selected{border-color:#ffdf87;box-shadow:0 0 0 1px #ffce6b}
body.playing .deploy-button{width:108px;min-width:108px;height:48px;min-height:48px;border:2px solid #f0d6ba;border-radius:7px;background:linear-gradient(#e98579,#b13e45);color:#fff6d9;box-shadow:0 3px 0 #692b35,inset 0 1px #ffcec5;font-size:12px;gap:3px}
body.playing .deploy-button small{font-size:7px;color:#f5cbbb}
body.playing #hud-deploy-count{position:absolute;right:0;bottom:54px;background:var(--hud-bg);border:1px solid #899c91;border-radius:4px;min-width:64px;text-align:center;padding:3px 6px;font-size:12px;font-weight:800;color:#ffe298}
body.playing #hud-deploy-count::before{content:'⬡ ';color:#ead177}
body.playing .shop-area{height:135px;display:flex;flex-direction:column;gap:6px;padding:7px;background:var(--hud-bg);border:1px solid #9ea68c88;border-radius:7px;box-shadow:0 3px 0 #0c1729,inset 0 1px #dfebc425}
body.playing #hud-shop-controls{height:30px;min-height:30px;display:flex;align-items:stretch;justify-content:space-between;gap:12px}
body.playing .shop-sidebar{display:flex;flex-direction:row;gap:8px;width:auto;min-width:0;align-items:center}
body.playing #hud-level{display:flex;width:200px;position:relative;padding-right:83px;gap:3px;flex:none}
body.playing #hud-level-title{font-size:8px;gap:6px;justify-content:space-between}
body.playing #level-label{font-size:11px;color:#b2daf5}
body.playing #xp-label{font-size:8px}
body.playing #hud-shop-gold{position:absolute;right:0;top:-2px;height:28px;min-width:72px;padding:3px 6px;background:#463715;border:1px solid #a38a42;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:4px;font-size:18px;color:#ffe185}
body.playing #hud-shop-gold small{font-size:9px;color:#99dba8}
body.playing #hud-shop-actions{display:flex;gap:6px}
body.playing .reroll-btn,body.playing .lock-btn,body.playing #xp-btn{width:auto;min-width:37px;height:30px;min-height:30px;padding:4px 8px;border-color:#7893ac9c;background:linear-gradient(#345b7f,#234268);color:#edf1e4;font-size:11px;border-radius:5px;gap:7px}
body.playing #xp-btn{width:95px}
body.playing #xp-btn>span,body.playing .reroll-btn b{display:flex;align-items:center;gap:4px;color:#ffe393}
body.playing .reroll-btn{font-size:19px}
body.playing .reroll-btn b{font-size:12px}
body.playing .lock-btn.locked{border-color:#ffe099;background:#5e502b}
body.playing .shop-cards{gap:6px;height:84px;min-height:0}
body.playing .shop-card{height:84px;border-radius:5px;background:linear-gradient(#526477,#27374a 73%);border-color:#a4b5b27d;box-shadow:inset 0 1px #dbe4d339}
body.playing .shop-top{height:61px;min-height:61px;background:radial-gradient(ellipse at 50% 60%,#bbcbb746,transparent 70%)}
body.playing .shop-top img{height:60px;max-width:85px}
body.playing .shop-cost{top:auto;left:auto;right:6px;bottom:-19px;font-size:14px;padding:0;background:none;border:0;color:#ffe094;z-index:1}
body.playing .shop-cost::before{content:'● ';font-size:11px;color:#f2cb67}
body.playing .shop-name{padding:3px 29px 4px 6px;text-align:left;font-size:11px;line-height:16px;background:#111a2cc9;min-height:23px}
body.playing .shop-meta{position:absolute;left:5px;top:5px;display:flex;flex-direction:column;gap:3px;padding:0;overflow:visible}
body.playing .shop-meta .type-symbol{width:18px;height:18px}
body.playing .shop-meta .type-symbol svg{width:12px;height:12px}
body.playing .shop-price{display:none}
body.playing #hud-shop-toggle{font-size:9px;min-height:22px;padding:3px 8px;order:2;margin-top:8px;margin-bottom:0}
body.playing .arena-toast{font-size:12px;top:10%;padding:7px 14px}
body.playing .global-toast{bottom:220px}
@media(max-width:1500px){
 body.playing #hud-bottom,body.playing.hud-combat:not(.hud-shop-open) #hud-bottom{width:800px;max-width:calc(100% - 310px);bottom:10px}
 body.playing .footer-head{width:80%;height:45px;min-height:45px}
 body.playing .bench,body.playing .bench-slot{height:45px}
 body.playing .deploy-button{height:45px;min-height:45px}
 body.playing .shop-area{height:129px;padding:6px;gap:5px}
 body.playing .shop-cards,body.playing .shop-card{height:80px}
 body.playing .shop-top{height:57px;min-height:57px}
 body.playing .shop-top img{height:56px}
 body.playing #hud-left{width:140px;top:82px}
 body.playing #hud-right{width:150px;top:60px}
 body.playing .top-stat,body.playing #hud-level-chip{height:44px;min-width:72px}
 body.playing #hud-level-chip{min-width:58px}
 body.playing .top-stat strong{font-size:22px}
 body.playing #hud-inspector{max-height:calc(100vh - 365px)}
}
@media(max-width:1100px){body.playing #hud-bottom,body.playing.hud-combat:not(.hud-shop-open) #hud-bottom{max-width:calc(100% - 28px)}body.playing #hud-round{left:50%}body.playing #hud-location{top:auto}}