/* Pixel atlas and UI presentation; source PNG remains unchanged. */
:root{font-family:'Courier New',monospace;color:#f5edd4;background:#131c29}
.top,.arena,.panel,.species-card{border-radius:0;border:3px solid #8eabaf;box-shadow:0 0 0 3px #142434,5px 5px 0 #0b111b}
.ghost,.primary,.tile{border-radius:0;border-width:2px;box-shadow:3px 3px 0 #091421;font-family:'Courier New',monospace}
.ghost.active{color:#ffe1a2;border-color:#e9bd78;background:#4c4532}
.hero h1{font-size:clamp(35px,6vw,62px);letter-spacing:-2px;line-height:1.12;font-weight:bold}.hero{padding-top:32px}.hero p{font-size:16px}.hero-avatar{position:relative;height:205px;margin:12px auto;width:220px}.hero-avatar .sprite-frame{bottom:0}
.sprite-frame{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);overflow:hidden;pointer-events:none;image-rendering:pixelated}
.sprite-frame img{position:absolute;max-width:none;image-rendering:pixelated;user-select:none}
.art-0 img{transform:scaleX(-1);transform-origin:center}/* The source heroine faces left; flip only her own crop below. */
.art-0{transform:translateX(-50%) scaleX(-1)}.art-0 img{transform:none}
.actor{width:180px;height:192px;margin-top:16px}.arena{min-height:348px;padding-left:28px;padding-right:28px;grid-template-columns:1fr 45px 1fr}
.fighter h2{min-height:24px;font-size:19px}.hp{max-width:300px;font-size:10px;letter-spacing:0;line-height:1.7}.hp span{float:none;display:block;color:#fff3c9;font-size:13px}.bar{height:9px;border-radius:0;margin:4px 0}
.tier-1 .sprite-frame{filter:saturate(1.25)}.tier-2 .sprite-frame{filter:hue-rotate(-18deg) saturate(1.4) drop-shadow(0 0 4px #e7b45b88)}
.route-picker{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px 0}.route-picker button{font-size:13px}
.bestiary{margin:35px 0}.bestiary h1{font-size:30px}.bestiary>p{font:14px/1.7 Arial;color:#bad0c6}.species-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.species-card{padding:15px;background:#1c2d39}.species-card h2{font-size:20px;color:#ecc887}.growth-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}.growth-row>div{min-width:0}.specimen{position:relative;height:158px}.specimen .sprite-frame{bottom:5px;max-width:100%}.growth-row b{display:block;font:12px/1.5 Arial;color:#f6e4bc}.growth-row small{display:block;font:10px/1.6 Arial;color:#a9c0bd}.species-card p{font:12px/1.7 Arial;color:#acbfbd}.dots{gap:5px}.dot{width:8px;height:8px;border-radius:0}
.tile{font-size:30px;border-color:#f8ddab}.bolt{border-radius:0;box-shadow:4px 0 #ecc264,-4px 0 #ecc264,0 4px #ecc264,0 -4px #ecc264}.damage{font-family:'Courier New',monospace}.ward:after{border-radius:10%;box-shadow:4px 4px 0 #70bfa777}.notice{font-family:'Courier New',monospace;line-height:1.5}.stage-line h1{font-family:'Courier New',monospace;font-weight:bold}
@media(max-width:600px){#app{padding:17px 13px}.brand{font-size:15px}.top{padding:12px 6px}.tag{font-size:8px;letter-spacing:.5px}.top .ghost{font-size:12px}.arena{padding:18px 6px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);min-height:338px}.actor{width:100%;height:190px}.sprite-frame{max-width:none}.fighter h2{font-size:15px;min-height:36px}.hp{font-size:8px;min-height:61px}.hp span{font-size:12px}.stage-line h1{font-size:19px}.versus{font-size:10px;letter-spacing:0}.species-grid{grid-template-columns:1fr;gap:22px}.specimen{height:150px}.hero h1{font-size:38px}.hero-avatar{height:200px}.controls .primary{min-width:130px}.notice{font-size:12px}.bestiary h1{font-size:25px}.route-picker{gap:6px}.route-picker .ghost{font-size:11px;padding:10px 7px}.menu-actions{gap:8px;flex-wrap:wrap}.menu-actions button{font-size:12px}.shadow{left:5px;right:5px}}