/* Portrait game UI: stable party slots, individual equipment, readable missions. */
.hero-card.captain .portrait img{width:150%;max-width:none;height:auto;top:-30px}
@media(max-height:720px){.hero-card.captain .portrait img{top:-38px}}
:root{--gold:#dab875;--ink:#112237;--paper:#ead4a4}img{image-rendering:pixelated}button{border-radius:3px;box-shadow:inset 0 1px #ffffff12,0 2px #060e1870}button:active:not(:disabled){transform:translateY(1px)}
.top{height:72px;gap:6px;padding:5px 8px;border-top:2px solid #897244}.top .company-banner{border:0;background:none;padding:0;box-shadow:none;align-self:stretch;width:40px;flex-shrink:0}.company-banner img{width:40px;height:62px;object-fit:contain}.top .company-name strong{font-size:14px}.top .company-name small{font-size:9px;margin-top:5px}.top .wallet{flex:0 0 88px;display:grid;gap:3px}.wallet button{padding:2px 7px;display:flex;align-items:center;justify-content:space-between;font-size:12px;background:#0c1c2e;border-color:#4c6175;height:25px}.wallet img{height:22px;width:22px;object-fit:contain}.settings-button{width:30px;align-self:flex-start;margin-top:6px}.settings-gear{display:block;width:15px;height:15px;border:4px dotted #b5c2c8;outline:2px solid #b5c2c8;border-radius:50%}.fame{height:34px;gap:8px;background:linear-gradient(#253a50,#142438);padding:2px 10px}.fame>img{height:30px;width:30px;object-fit:contain}.fame i{height:9px}.fame small{font-size:9px}.field{min-height:190px}.plaque b{font-size:16px}.plaque small{font-size:9px}#campHotspots{position:absolute;inset:0;pointer-events:none}#campHotspots button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;background:#15293eeb;border:1px solid #829494;padding:5px 6px;font-size:10px;white-space:nowrap;min-width:62px;min-height:30px;color:#fff0c9}#campHotspots button.near{border-color:#eacb86;box-shadow:0 0 0 1px #eacb8666}.field-bottom span{font-size:9px}
.quest-ribbon{height:61px;margin:5px 8px;gap:8px;padding:4px 8px;border:2px solid #b0945e;box-shadow:inset 0 0 0 2px #f8e7bd44;background:linear-gradient(110deg,#e6cc96,#f6e5bc 70%,#d7b77e)}.quest-ribbon>img{width:36px;height:40px;object-fit:contain}.quest-ribbon>span{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0}.quest-ribbon small{font-size:9px;color:#7e5831;letter-spacing:.06em;font-weight:800}.quest-ribbon b{font-size:12px;max-width:100%;flex:initial}.quest-ribbon>strong{font-size:11px;color:#473729;white-space:nowrap}.quest-track{display:block;height:4px;margin-top:5px;background:#8d794655;width:100%;border-radius:2px}.quest-track em{display:block;height:100%;background:#668d43}.quest-ribbon.claimable{border-color:#fbe7a5;box-shadow:0 0 8px #ffde8b44}
.party{gap:6px;padding:0 8px 5px}.hero-card{padding:4px;background:linear-gradient(#2c4359,#132539);border:2px solid #526a7e;box-shadow:inset 0 0 0 1px #07131e;border-radius:4px}.hero-card.captain{border-color:#bd9b57}.portrait{height:65px;background:radial-gradient(ellipse at center,#304c61,#102133);border:1px solid #74848d}.portrait img{height:98px;max-width:100%;object-fit:contain;top:-7px}.portrait b{font-size:11px;background:#0a192fe8;display:flex;justify-content:space-around;align-items:center}.portrait b small{font-size:9px;color:#dbcaa6}.hero-card .hp{height:5px;margin:4px 1px}.skills{gap:3px}.skills button{max-height:36px;border:1px solid #6d8192}.skills .priority{border-color:#eaca85}.skills .cooldown:empty{display:none}.hero-card .tactic{font-size:9px;color:#9eb3bf}.hero-card.empty{flex-direction:column;gap:4px;min-height:125px;padding:8px;background:#132335}.hero-card.empty>img{width:63px;height:72px;object-fit:contain;opacity:.5}.hero-card.empty span{font-size:10px;color:#8b9eac}.growth{padding:4px 5px;margin:0 8px 4px}.growth h2{font-size:12px;letter-spacing:.1em}.growth button{gap:4px;padding:4px;font-size:10px}.growth button>img{width:24px;height:26px;object-fit:contain}.growth strong{display:flex;align-items:center;gap:3px;margin-left:auto;padding:3px 5px}.growth strong img{width:16px;height:16px}.growth strong b{font-size:10px}nav{padding-top:4px;gap:4px}nav button{display:flex;flex-direction:column;align-items:center;padding:3px}nav img{height:25px;width:29px;object-fit:contain}nav span{font-size:10px;margin-top:2px}
.panel{border:2px solid #b8a16a;border-radius:5px;background:linear-gradient(135deg,#1c3046,#112235);max-height:95%}.panel>header{background:linear-gradient(#294158,#142539);padding:12px;box-shadow:inset 0 -2px #bea56c33}.panel h2{font-size:17px}#modalBody{padding:12px;font-size:12px}.ui-icon{width:27px;height:27px;object-fit:contain;vertical-align:middle}.tabs,.hero-tabs{display:flex;gap:5px;margin:0 0 13px}.tabs button,.hero-tabs button{flex:1;padding:8px 5px;font-size:12px;background:#112336}.tabs .selected,.hero-tabs .selected{border-color:#e0c17b;color:#ffe6a8;background:linear-gradient(#43535a,#243b49);box-shadow:inset 0 -3px #d1ad65}.hero-tabs button{display:flex;align-items:center;justify-content:center;gap:5px}.tab-face{width:30px;height:38px;object-fit:cover;object-position:top}.gear-owner{display:flex;gap:15px;align-items:center;padding:12px;background:radial-gradient(ellipse at left,#3b5367,#182d42 75%);border:1px solid #537084;margin-bottom:12px}.gear-figure{height:104px;width:84px;flex-shrink:0;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse at bottom,#8caaa74f,transparent 60%)}.full-hero{max-height:104px;max-width:92px;object-fit:contain}.gear-owner h3{font-size:19px;color:#f1dca6}.gear-owner h3 span{font-size:11px;font-weight:400;color:#a7becb}.gear-owner p{font-size:12px}.gear-owner small{font-size:10px}.gear-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.gear-slots>section{min-width:0;background:#0b1d30;border:1px solid #49647a;text-align:center;padding:4px}.slot-label{display:flex;justify-content:center;align-items:center;font-size:10px;color:#d7c89e;gap:3px}.slot-label img{width:18px;height:18px}.slot-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:0;background:none;box-shadow:none;padding:6px 2px;min-height:95px}.slot-item b{font-size:10px;font-weight:500;word-break:keep-all}.slot-item small{font-size:9px}.gear-icon{width:48px;height:48px;object-fit:contain}.hold{display:flex;justify-content:center;align-items:center;font-size:9px;gap:3px;white-space:nowrap;border-top:1px solid #304557;padding-top:4px}.hold input{width:15px;height:15px;margin:0}.inventory-header{margin:20px 0 10px;display:flex;justify-content:space-between;align-items:center}.inventory-header h3{font-size:14px}.inventory-header select{font-size:10px;padding:6px}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.inventory-item{display:flex;flex-direction:column;align-items:center;min-width:0;padding:5px;background:#15283b;border:1px solid #51647a}.item-top{display:flex;width:100%;justify-content:space-between;font-size:9px;color:#a8bdca}.item-top b{color:#f6d591}.inventory-item strong{font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.inventory-item small{font-size:9px;margin-top:3px}.rarity-1{border-color:#579572}.rarity-2{border-color:#567fab}.rarity-3{border-color:#9b73b6}.rarity-4{border-color:#d2b268}.gear-detail-heading{display:flex;gap:18px;align-items:center;background:#0d1e31;border-width:1px;border-style:solid;padding:14px;margin-bottom:14px}.detail-icon{width:76px;height:76px;object-fit:contain}.gear-detail-heading h3{font-size:24px;margin-top:6px}.gear-detail-heading strong{color:#f5d08b}.detail-section{padding:15px 0;border-top:1px solid #52637966}.detail-section h3{font-size:14px;color:#e6d5ae;margin-bottom:8px}.detail-section small{display:block;font-size:10px;color:#9eb3c4;line-height:1.6}.stat-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 0}.stat-compare>span{font-size:10px;color:#aebec9;background:#0f2133;padding:7px;text-align:center}.stat-compare b{display:block;font-size:12px;color:#f0e4c9;margin-top:5px}.stat-compare em{font-style:normal;font-size:9px;color:#7d96ab}.effect-compare{font-size:11px;color:#a5b9c8}.effect-compare b{color:#e2d8bc;font-weight:500}.cost-line{display:flex;align-items:center;gap:5px;font-size:12px;color:#f5d188}.cost-line span{font-size:10px;color:#aac2ce;margin-left:auto}.condition{margin-top:8px}.disposal-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.disposal-choice>div{background:#0d2033;padding:12px;display:flex;flex-direction:column;align-items:center;gap:5px}.disposal-choice span{font-size:11px}.disposal-choice button{font-size:11px;padding:7px}.detail-section>.actions{margin-top:8px}.bulk-row{display:flex;align-items:center;gap:10px;background:#1d344a;padding:8px;margin:5px 0;border:1px solid #425c71}.bulk-row span{font-size:12px}.bulk-row small{display:block}.merchant-intro{display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,#3a4550,#1c3047);padding:8px 12px;margin-bottom:12px}.merchant-intro>img{width:85px;height:85px;object-fit:contain}.merchant-intro h3{font-size:21px;color:#efd6a0;margin:4px 0}.merchant-intro b{font-size:12px}.shop-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #395268;padding:10px 0}.shop-row>img{width:38px;height:38px}.shop-row>div{flex:1;min-width:0}.shop-row h3{font-size:12px}.shop-row small{font-size:10px}.shop-row button{font-size:11px;min-width:55px}.empty-note{text-align:center;color:#a1b6c5;padding:25px 12px;line-height:1.8;border:1px dashed #4a6376;background:#13283c}.empty-note>.ui-icon{width:60px;height:60px;opacity:.7;margin-bottom:8px}.empty-note h3{color:#e0cba2;font-size:15px}.next-unlock{font-size:10px;color:#b5c0c3;padding:12px;border-top:1px solid #53616d}.quest-tabs button{display:flex;align-items:center;justify-content:center;gap:3px;font-size:11px}.quest-tabs img{width:24px;height:24px}.quest-card{border:1px solid #536b80;background:#172d43;margin-bottom:13px;box-shadow:0 3px #081423}.quest-card.main{border-color:#ad955c}.quest-card>header{display:flex;gap:10px;align-items:center;padding:12px;background:#233b51}.quest-card>header>.ui-icon{width:37px;height:40px}.quest-card>header>div{flex:1}.quest-card h3{font-size:15px;color:#f4dfad}.quest-card header small{font-size:9px;color:#a8bdcc}.quest-card>p{padding:0 12px;font-size:11px}.quest-card>.actions{padding:0 12px 12px}.quest-rewards{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#102338;color:#eed8a1;font-size:11px;flex-wrap:wrap}.quest-rewards img{width:21px;height:21px}.quest-rewards span{border:1px solid #6b795e;padding:2px 5px}.quest-meter{height:6px;background:#0d2031;margin:12px 12px 0}.quest-meter i{display:block;background:#88b36a;height:100%}.quest-count{font-size:10px;text-align:right;padding:3px 12px 8px;color:#bfd29e}.completed-tag{font-size:10px;color:#a4c89c}.npc-dialogue{display:flex;align-items:center;gap:15px;padding:15px;background:#20374b}.npc-dialogue img{width:85px;height:105px;object-fit:contain}.npc-dialogue p{color:#eadbc4}.mail-intro{display:flex;gap:18px;align-items:center}.mailbox-art{width:80px;height:120px;object-fit:contain}.mail-letter{background:#e1c798;border:4px double #927746;padding:20px;color:#3f3328;box-shadow:3px 3px #080f18}.mail-letter small{color:#71552f}.in-story .party,.in-story .growth,.in-story nav,.in-story .quest-ribbon{display:none}.in-story .plaque,.in-story .field-bottom{display:none}.event-heading{position:absolute;left:20px;right:20px;top:25px;text-align:center;color:#fbe7b5;text-shadow:1px 2px #102238}.event-heading small{color:#e9d9b8;letter-spacing:.14em;font-size:10px}.event-heading h2{font-size:25px;margin:10px 0}.event-progress{height:3px;background:#d6c69835;width:120px;margin:auto}.event-progress i{display:block;height:100%;background:#f0d391}.event-shade{background:linear-gradient(#08152680,transparent 35%,transparent 65%,#081526bb)}.dialogue{bottom:18px;left:12px;right:12px;padding:14px;background:linear-gradient(#20384ef5,#122438fa);border:2px solid #d0b681;box-shadow:0 5px 20px #0006,inset 0 0 0 3px #384958}.speaker-line{display:flex!important;gap:13px!important;align-items:flex-start!important;min-height:105px}.speaker-line>img{width:65px;height:86px;object-fit:contain;flex-shrink:0}.speaker-line>div{flex:1}.speaker-line small{font-size:12px;color:#f1d393;font-weight:700}.speaker-line p{font-size:14px;line-height:1.8;min-height:65px}.dialogue footer{display:flex;align-items:center;justify-content:flex-end;gap:5px;border-top:1px solid #73808055;padding-top:10px;margin-top:10px}.dialogue footer>small{margin-right:auto;font-size:10px}.dialogue.narration .speaker-line{min-height:90px}.dialogue.narration p{color:#e1d2b1;font-style:italic}.title-content h1{font-size:clamp(50px,12vw,70px)}.title-art{margin:12px 0 20px}.enhance-result{text-align:center;padding:24px 10px;background:radial-gradient(ellipse,#8f784e44,transparent)}.enhance-result img{width:90px;height:90px;object-fit:contain;animation:forge .7s ease-out}.enhance-result strong{display:block;font-size:25px;color:#f6d596;margin:10px}.enhance-result p{font-size:12px}@keyframes forge{0%{transform:scale(.6);filter:brightness(4)}60%{transform:scale(1.2);filter:brightness(1.5)}100%{transform:scale(1);filter:brightness(1)}}
@media(max-width:360px){.top .company-name strong{font-size:12px}.top .wallet{flex-basis:73px}.company-banner img{width:32px}.top .company-banner{width:32px}.quest-ribbon b{font-size:11px}.gear-owner{gap:8px;padding:8px}.gear-owner p{font-size:10px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-compare b{font-size:10px}.quest-tabs button{font-size:10px;padding:6px 2px}.quest-tabs img{width:18px;height:18px}}
@media(max-height:720px){.top{height:61px}.company-banner img{height:52px}.fame{height:30px}.fame>img{height:26px}.quest-ribbon{height:51px;margin:3px 8px}.portrait{height:48px}.portrait img{height:79px;top:-7px}.hero-card.empty{min-height:101px}.hero-card.empty>img{height:58px;width:52px}.skills button{max-height:30px}.growth h2{font-size:10px}.growth button>img{width:19px;height:20px}.growth button{padding:3px}.growth strong{padding:2px 4px}nav img{height:22px}.dialogue{bottom:8px}.event-heading{top:15px}.speaker-line p{font-size:12px}.event-heading h2{font-size:20px}}