.hp{position:relative;height:19px!important;border:1px solid #152938}.hp-number{position:absolute;inset:0;text-align:center;color:#fff;font:bold 11px/17px sans-serif;text-shadow:1px 1px #15252d,-1px -1px #15252d}.shield-number{display:block;height:12px;color:#a8deff;font-size:10px;text-align:center}.fallen .portrait img{filter:grayscale(1) brightness(.5)}.fallen .hp-number{color:#ffd4cb}.growth small{font-size:10px!important}.growth button span{min-width:0}#bossHud{position:absolute;top:64px;left:7%;width:86%;padding:7px 12px;border:2px solid #a5b6c2;background:#102135ed;color:#fff;z-index:4;text-align:center;box-shadow:0 3px 0 #071422}#bossHud.final-boss{border-color:#e0ba65}#bossHud strong{font-size:13px}#bossHud small{font-size:10px}.boss-track{height:18px;background:#080e18;position:relative;margin:4px 0}.boss-track i{display:block;height:100%;background:linear-gradient(#e78571,#a82e40);transition:width .2s linear}.boss-track span{position:absolute;inset:0;font:bold 12px/18px sans-serif;text-shadow:1px 1px #000}.cast-track{height:3px;background:#091019}.cast-track i{display:block;height:100%;background:#f6ca73}.panel>header button{font-size:12px;white-space:nowrap;max-width:50%}.detail-section .stats small{display:block;font-size:10px}.gear-detail-heading+.detail-section{border-top:1px solid #647386}[data-countdown]{color:#efce84}

.growth h2 .growth-help{display:inline-block;width:auto;min-height:20px;padding:1px 5px;font-size:10px;background:transparent;border:0;color:#edce89}.camp-hotspots .claimable{color:#ffe494}.inventory-header{flex-wrap:wrap}.inventory-header select{max-width:120px}.hero-card .hp i{height:100%}.boss-trail{position:absolute;inset:0 auto 0 0;background:#f8d2aa!important;opacity:.65;transition:width .8s ease!important}.boss-track>i:not(.boss-trail){position:relative}#toast.show[role=button]{pointer-events:auto;cursor:pointer}

/* Selected chicken sign logo; one centered game surface on desktop. */
body{background:radial-gradient(ellipse at 50% 35%,#253d47,#0b111b 75%)}
.title-content{padding:20px 24px;overflow-y:auto}
.title-content .title-logo{margin:10px 0 6px;line-height:0;letter-spacing:0;flex-shrink:0}
.title-logo img{display:block;width:auto;height:clamp(180px,34dvh,310px);max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 2px #07121c80)}
.title-content>p{flex-shrink:0}.title-art{flex-shrink:0;margin:8px 0 12px}.title-content .start{flex-shrink:0}
@media(max-height:650px){.title-content{padding:12px 20px;justify-content:flex-start}.title-logo img{height:170px}.title-art canvas{width:240px}.title-art{margin:3px 0}.title-content .start{padding:11px}}


/* Compact encounter HUD and bounded reward art. */
#bossHud{top:64px;left:50%;transform:translateX(-50%);width:72%;max-width:320px;padding:4px 8px;border-width:1px;border-radius:3px}
#bossHud strong{display:block;font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bossHud>small{display:block;font-size:9px;line-height:12px}.boss-track{height:15px;margin:2px 0}.boss-track span{font-size:10px;line-height:15px}.cast-track{height:2px}
.loot-preview>button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;min-width:0}.loot-preview img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated;flex:none}.loot-preview span{min-width:0;overflow-wrap:anywhere}.loot-preview small{display:block;margin-top:5px}

.cosmetic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.cosmetic-grid article{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px;background:#1d3448;border:1px solid #566c7c;text-align:center}.cosmetic-art{height:88px;width:88px;object-fit:contain;image-rendering:pixelated}.cosmetic-grid button{font-size:11px;width:100%}.cosmetic-grid b{font-size:12px}.cosmetic-grid small{font-size:10px}.inventory-item.incompatible{border-style:dashed}.incompatible small{color:#eaa894}.legend-reveal{position:relative;isolation:isolate;min-height:310px;overflow:hidden;background:radial-gradient(ellipse,#9d691f,#142033 68%);border:2px solid #efc873;text-align:center}.legend-rays{position:absolute;inset:-80%;z-index:-1;background:repeating-conic-gradient(#fbd37a50 0deg 9deg,transparent 9deg 27deg);animation:legend-spin 16s linear infinite}.legend-chest{height:70px;margin:18px;animation:legend-open .7s ease-out}.legend-chest img{width:70px;height:70px;object-fit:contain;image-rendering:pixelated}.legend-item{animation:legend-rise 1s ease-out}.legend-item>img{display:block;width:100px;height:100px;object-fit:contain;image-rendering:pixelated;margin:10px auto;filter:drop-shadow(0 0 12px #ffdf87)}.legend-item>small{color:#ffe5a1;letter-spacing:.4em}.legend-item h3{color:#ffe6a2}.legend-item p{color:#e3d3a5}#cosmeticWallet img{filter:hue-rotate(110deg)}.wallet{gap:3px!important}.wallet button{padding:4px!important}.wallet b{font-size:11px}
@keyframes legend-spin{to{transform:rotate(360deg)}}@keyframes legend-open{0%{transform:scale(.8);filter:brightness(1)}60%{transform:scale(1.25);filter:brightness(2.5)}100%{transform:scale(1);filter:brightness(1)}}@keyframes legend-rise{0%,40%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.legend-rays,.legend-chest,.legend-item{animation:none}}
/* Keep all three currencies inside their own row, including short mobile viewports. */
.top{display:grid;grid-template-columns:34px minmax(0,1fr) 30px;grid-template-rows:40px 30px;height:84px;min-height:84px;gap:4px 7px;padding:4px 8px}
.top .company-banner{grid-column:1;grid-row:1;width:34px;align-self:center}.top .company-banner img{width:30px;height:39px}.top .company-name{grid-column:2;grid-row:1;min-width:0}.top .company-name small{margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top .settings-button{grid-column:3;grid-row:1;align-self:center;margin:0}
.top .wallet{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:5px!important}
.top .wallet button{height:30px;min-width:0;display:grid;grid-template-columns:20px auto minmax(0,1fr);gap:4px;padding:3px 5px!important;align-items:center}.top .wallet img{grid-column:1;grid-row:1;width:20px;height:20px}.top .wallet button:before{grid-column:2;grid-row:1;font-size:9px;color:#b8cbd7;white-space:nowrap}.top .wallet button[aria-label="보유 골드"]:before{content:"골드"}.top .wallet button[aria-label="장비 뽑기권"]:before{content:"장비권"}.top .wallet button[aria-label="꾸미기 뽑기권"]:before{content:"꾸미기권"}.top .wallet b{grid-column:3;grid-row:1;text-align:right;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-height:640px){body{align-items:flex-start}#game{min-height:640px;height:640px;max-height:none}}
@media(max-width:360px){.top .wallet button{grid-template-columns:20px minmax(0,1fr)}.top .wallet button:before{display:none}.top .wallet b{grid-column:2}}
.defeat-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px}.defeat-actions button{min-height:44px;padding:10px 6px;white-space:nowrap;word-break:keep-all;font-size:12px}