.title-sky{background-position:center 60%;filter:saturate(.9)}.title-art{width:100%;position:relative}.title-art canvas{width:350px;max-width:100%;height:auto;filter:drop-shadow(0 3px #0a182480)}.title-content>small:first-child{background:#183429b8;border:1px solid #a7a67570;padding:6px 13px}.title-content .start{box-shadow:0 0 20px #f4cf5a18,inset 0 1px #fff5}.portrait img{height:89px;top:-10px;width:100%;object-fit:contain;image-rendering:pixelated}.tab-face{object-fit:contain;height:38px;width:38px}.gear-figure .full-hero{width:100px;max-width:100px;height:104px}.choices img{object-fit:contain!important}.npc-dialogue{align-items:flex-end;gap:12px}.npc-dialogue img{width:112px;height:128px;flex-shrink:0;object-fit:contain}.npc-dialogue p{line-height:1.9}.merchant-intro>img{width:108px;height:112px}.dialogue{padding:15px 13px;background:linear-gradient(125deg,#283d51f8,#13253cfa);border-color:#cfb67d;box-shadow:0 6px 24px #0009,inset 0 0 0 3px #6a684333}.speaker-line{min-height:128px;align-items:flex-end!important;gap:9px!important}.speaker-line>img{width:110px;height:135px;object-fit:contain;margin-left:-8px;filter:drop-shadow(2px 3px #08192966)}.speaker-line>div{align-self:center}.speaker-line p{font-size:14px;line-height:1.85;margin:8px 0 4px;word-break:keep-all}.dialogue footer button{padding:7px 9px;font-size:10px;min-height:34px}.dialogue.narration .speaker-line{min-height:86px}.event-heading h2{font-size:24px}.event-heading{top:28px}.camp-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.camp-map button{display:flex;align-items:center;gap:10px;text-align:left;padding:11px 8px;background:#1b3549;border-color:#60747b}.camp-map img{width:32px;height:32px;object-fit:contain}.camp-map span{font-size:12px}.field-bottom button{min-height:34px}#campHotspots button{background:#10273bc9;border-color:#84968a;min-height:32px;padding:5px 9px;box-shadow:0 2px #11291e66}#campHotspots button:after{content:'';position:absolute;bottom:-5px;left:calc(50% - 4px);border-width:4px 4px 0;border-style:solid;border-color:#cbbb7c transparent transparent}#campHotspots button.near{background:#314f42ef;color:#fff0b5;border-color:#e1cb91}
.result-fx{width:180px;height:140px;display:block;margin:0 auto -5px;image-rendering:pixelated;pointer-events:none}.enhance-result{position:relative;padding-top:10px}.enhance-result .result-fx{position:absolute;left:calc(50% - 90px);top:-4px;margin:0;z-index:2}.enhance-result>img{position:relative;margin:20px 0 5px;width:76px;height:76px;animation:reveal-v5 .45s ease-out}.item-row{animation:reveal-v5 .4s ease-out both}.item-row:nth-child(3n){animation-delay:.12s}.item-row:nth-child(3n + 1){animation-delay:.2s}@keyframes reveal-v5{from{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
#rewardCanvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:35}#rewardNotice{position:absolute;top:115px;left:18px;right:18px;z-index:36;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:linear-gradient(90deg,#1c342be8,#314934f5,#1c342be8);border:1px solid #dcc385;box-shadow:0 3px 10px #0005;pointer-events:none;opacity:0;transform:translateY(-10px)}#rewardNotice img{width:29px;height:29px;object-fit:contain}#rewardNotice strong{font-size:12px;color:#fae5af}#rewardNotice.show{animation:reward-notice 2.7s ease both}@keyframes reward-notice{0%{opacity:0;transform:translateY(-10px)}12%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-5px)}}
@media(max-width:360px){.speaker-line>img{width:87px;height:113px}.speaker-line p{font-size:12px}.dialogue footer{gap:3px}.dialogue footer button{padding:6px}.npc-dialogue img{width:90px}.camp-map span{font-size:11px}}
@media(max-height:720px){.portrait img{height:70px;top:-6px}.title-art{margin:4px 0 8px}.title-art canvas{width:290px}.speaker-line>img{height:115px;width:96px}.speaker-line{min-height:102px}.speaker-line p{font-size:12px}.event-heading h2{font-size:21px}.event-heading{top:18px}}
.hero-card .portrait img,.hero-card.captain .portrait img{width:100%;max-width:100%;height:77px;top:-4px;object-fit:contain}
@media(max-height:720px){.hero-card .portrait img,.hero-card.captain .portrait img{height:62px;top:-4px}}
@media(prefers-reduced-motion:reduce){.item-row,.enhance-result>img{animation:none}#rewardNotice.show{animation-duration:2s}}