#home>.hero,#home>.section-head,#home>.cards,#home>.nav{display:none}#home{overflow:hidden}#command-deck{position:relative;height:calc(100vh - 210px);min-height:550px;margin:-88px -16px -90px;padding:98px 16px 104px;background:radial-gradient(circle at 50% 38%,#255998 0,transparent 30%),radial-gradient(ellipse at 50% 78%,#4f2580 0,transparent 37%),linear-gradient(160deg,#0a1831,#071025 58%,#17103b);overflow:hidden}#command-deck::before{content:"";position:absolute;inset:0;opacity:.42;background-image:radial-gradient(#eaffff 1px,transparent 1.5px),radial-gradient(#78bdff 1px,transparent 1px);background-size:31px 36px,71px 79px;pointer-events:none}.deck-caption{position:relative;z-index:2;text-align:center;display:grid;gap:3px}.deck-caption span{font-size:9px;letter-spacing:.16em;color:#75eaff;font-weight:800}.deck-caption b{font-size:15px}.flagship-platform{position:absolute;z-index:1;left:50%;top:172px;width:255px;height:235px;transform:translateX(-50%);display:grid;place-items:center}.flagship-platform::before{content:"";position:absolute;inset:27px;border-radius:50%;background:radial-gradient(circle,#4bd6ff4d,transparent 64%);box-shadow:0 0 36px #5ca4ff7d}.flagship-platform img{position:relative;width:250px;height:155px;object-fit:cover;object-position:47% 49%;border-radius:45%;filter:drop-shadow(0 13px 14px #000b) saturate(1.1)}.orbit{position:absolute;border:1px solid #68dcff62;border-radius:50%;transform:rotate(-16deg)}.orbit-a{width:235px;height:94px}.orbit-b{width:190px;height:170px;transform:rotate(56deg)}.fleet-tag{position:absolute;bottom:9px;text-align:center;padding:5px 10px;border-radius:8px;background:#071429d9;border:1px solid #59dff6;color:#e8ffff;line-height:1.15}.fleet-tag b{font-size:10px;display:block}.fleet-tag span{font-size:8px;color:#7cefff}.deck-shortcut{position:absolute;z-index:3;width:75px;height:74px;border:1px solid #7bdff4;border-radius:16px;background:linear-gradient(145deg,#173b64ed,#101933ee);box-shadow:0 7px 15px #0007;display:grid;place-items:center;gap:1px;padding:7px;color:#eaffff}.deck-shortcut i{font-style:normal;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#4de1ee,#5365d5);font-size:19px}.deck-shortcut span{font-size:10px;font-weight:800}.hangar{left:17px;top:159px}.research{right:17px;top:159px}.store{left:17px;top:294px}.events{right:17px;top:294px}.research i{background:linear-gradient(145deg,#9f80ff,#3f3b91)}.store i{background:linear-gradient(145deg,#ffc34a,#a25419)}.events i{background:linear-gradient(145deg,#f889ae,#a33d89)}.deck-launch{position:absolute;z-index:3;left:26px;right:26px;bottom:103px;height:97px;border:1px solid #87efff;border-radius:19px;overflow:hidden;background:linear-gradient(90deg,#04142240,#15114330),url('battle-scene-background.png') center / cover;box-shadow:0 9px 24px #000b,0 0 18px #49eaff5c;color:#fff;text-align:left;padding-left:23px}.deck-launch span{display:block;font-size:11px;letter-spacing:.18em;color:#b8f8ff}.deck-launch b{display:block;font:900 31px Impact,system-ui;letter-spacing:.14em;text-shadow:0 0 11px #58eaff}.deck-launch small{font-size:8px;letter-spacing:.12em}.deck-level{position:absolute;z-index:3;left:26px;bottom:211px;width:143px;height:58px;border:1px solid #f0d577;border-radius:14px;background:linear-gradient(130deg,#503f22,#162a50);color:#fff;text-align:left;padding:8px 9px 8px 42px}.deck-level i{position:absolute;left:9px;top:14px;font-style:normal;font-size:23px;color:#ffdd63}.deck-level span{font-size:9px;display:block;color:#ffecad}.deck-level b{font-size:16px}.deck-mission{position:absolute;z-index:3;right:26px;bottom:211px;width:176px;height:58px;border:1px solid #5b91c5;border-radius:14px;background:#0c2445de;display:flex;align-items:center;gap:8px;padding:8px}.deck-mission i{font-style:normal;color:#7feaff;font-size:21px}.deck-mission b{display:block;font-size:10px}.deck-mission small{display:block;color:#a5c8e5;font-size:8px;margin-top:2px}.deck-mission em{margin-left:auto;font-style:normal;font-size:11px;color:#f2dc79}
#command-deck .store{left:auto;right:17px;top:294px}#command-deck .events{left:17px;right:auto;top:294px}
#command-deck .deck-shortcut.events{padding:0;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}#command-deck .deck-shortcut.events>i{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;border:0;border-radius:0;background:transparent!important;box-shadow:none}#command-deck .deck-event-active-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px #0009)}#command-deck .deck-shortcut.events>span{position:absolute;z-index:1;left:0;right:0;bottom:2px;text-align:center;color:#fff;font-size:10px;font-weight:900;text-shadow:0 1px 3px #000,0 0 6px #000}

/* Chapter 2 hand-off: use the chapter card artwork as the bridge's central operation backdrop. */
.flagship-platform .chapter-platform-image{width:218px;height:188px;object-fit:cover;object-position:center;border-radius:50%;filter:drop-shadow(0 12px 18px #000c) saturate(1.18) brightness(.92);box-shadow:0 0 24px #bd58ff66,0 0 54px #4b7eff44;}
.flagship-platform:has(.chapter-platform-image)::before{background:radial-gradient(circle,#bd78ff66,transparent 67%);box-shadow:0 0 42px #a258ff8a;}
.chapter-card.locked{filter:saturate(.35);opacity:.58;}
.chapter-card.locked .chapter-arrow{color:#7890a8;}

.inventory-overlay{position:fixed;z-index:12000;inset:0;display:grid;place-items:center;padding:18px;background:#020817d9;backdrop-filter:blur(7px);animation:inventory-fade-in .18s ease-out}.inventory-dialog{width:min(100%,430px);max-height:min(78vh,680px);overflow:hidden;display:flex;flex-direction:column;padding:17px;border:1px solid #58cce9;border-radius:17px;background:radial-gradient(ellipse at 50% 0,#19466a 0,transparent 55%),linear-gradient(155deg,#10243a,#07111e 72%);box-shadow:inset 0 1px #e6fcff55,0 0 28px #31c9f544,0 18px 60px #000c;color:#effaff}.inventory-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.inventory-heading small{font-size:8px;letter-spacing:.19em;color:#70dcf4;font-weight:900}.inventory-heading h2{margin:3px 0 0;font-size:20px}.inventory-close{width:30px;height:30px;border:1px solid #5c91ad;border-radius:8px;background:#0b1a2a;color:#dffaff;font-size:21px;line-height:1}.inventory-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border:1px solid #2c5973;border-radius:10px;background:#06111d}.inventory-tabs button{min-width:0;padding:8px 2px;border:1px solid transparent;border-radius:7px;background:transparent;color:#98b2c4;font-size:10px;font-weight:800;white-space:nowrap}.inventory-tabs button.active{border-color:#68d7ee;background:linear-gradient(145deg,#246082,#102c45);color:#f0fdff;box-shadow:0 0 10px #42d5ed55}.inventory-grid{min-height:190px;max-height:54vh;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:9px;padding:14px 2px 3px}.inventory-item{position:relative;aspect-ratio:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden;padding:5px;border:1px solid #5a94b2;border-radius:7px;background:linear-gradient(145deg,#1d3d54,#081521 70%);box-shadow:inset 0 1px #d2fbff36,0 3px 8px #0008}.inventory-item::before{content:"";position:absolute;inset:3px;border:1px solid #6dc6d733;border-radius:4px;pointer-events:none}.inventory-item-icon{font-size:clamp(24px,8vw,35px);line-height:1.1;filter:drop-shadow(0 0 6px #5deaff66)}.inventory-item b{position:absolute;right:3px;top:3px;min-width:20px;padding:1px 4px;border:1px solid #a8e4f088;border-radius:8px;background:#071522eF;color:#fff;font-size:10px;text-align:center;text-shadow:0 0 5px #76e6ff}.inventory-item small{max-width:100%;overflow:hidden;color:#c2ddec;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.inventory-empty{grid-column:1/-1;align-self:center;justify-self:center;padding:45px 8px;color:#829db1;font-size:12px;text-align:center}.inventory-overlay[hidden]{display:none}@keyframes inventory-fade-in{from{opacity:0}to{opacity:1}}
.inventory-heading-title{flex:none}.inventory-resource-badges{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0;margin-left:auto;margin-right:8px}.inventory-resource-badge{display:inline-flex;align-items:center;gap:3px;min-height:22px;padding:3px 6px;border:1px solid #847144;border-radius:9px;background:linear-gradient(145deg,#453719,#171406);color:#fff0a5;font-size:9px;font-weight:900;white-space:nowrap;box-shadow:inset 0 1px #fff8c033,0 0 7px #edc14d22}.inventory-resource-badge i{font-size:12px;font-style:normal;line-height:1}.inventory-resource-badge.thorium{border-color:#3987b5;background:linear-gradient(145deg,#153e5c,#081521);color:#a9efff}.inventory-item.empty{border-color:#3b3d42;background:linear-gradient(145deg,#262626,#111214 72%);box-shadow:inset 0 1px #ffffff0c,0 3px 6px #0009}.inventory-item.empty::before{inset:2px;border-color:#78787825;border-radius:5px}
.inventory-overlay{background:radial-gradient(ellipse at 50% 42%,#153d5a66,transparent 54%),#01050ce8;backdrop-filter:blur(10px) saturate(.82)}.inventory-dialog{position:relative;width:min(100%,440px);padding:19px 17px 16px;border:1px solid #6ec7dc;border-radius:13px;background:linear-gradient(145deg,#182b3b 0%,#0a1724 32%,#07111d 70%,#101b29 100%);box-shadow:inset 0 1px #edffff55,inset 0 0 0 3px #09121c,0 0 0 1px #102b3b,0 0 34px #42d9ff33,0 24px 76px #000e}.inventory-dialog::before{content:"";position:absolute;inset:6px;border:1px solid #93eaff25;clip-path:polygon(0 0,25% 0,27% 2px,73% 2px,75% 0,100% 0,100% 100%,75% 100%,73% calc(100% - 2px),27% calc(100% - 2px),25% 100%,0 100%);pointer-events:none}.inventory-heading{position:relative;z-index:1;min-height:43px;margin:0 0 13px;padding:0 2px 10px;border-bottom:1px solid #81d9eb37}.inventory-heading::after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:2px;background:linear-gradient(90deg,#79eaff,transparent);box-shadow:0 0 8px #50dcff}.inventory-heading-title small{color:#7de5f6;font-size:8px;letter-spacing:.23em;text-shadow:0 0 9px #4edcff66}.inventory-heading-title h2{font-size:19px;font-weight:850;letter-spacing:.035em;text-shadow:0 2px 12px #67dcff3a}.inventory-resource-badge{border-radius:4px 8px 4px 8px;font-variant-numeric:tabular-nums;letter-spacing:.02em}.inventory-resource-badge.gold{border-color:#b99043;background:linear-gradient(155deg,#58441f,#19170f 70%);color:#ffe8a0;box-shadow:inset 0 1px #fff2b74d,0 0 9px #e9b94622}.inventory-resource-badge.gold i{color:#ffdc69;text-shadow:0 0 7px #ffd65c}.inventory-resource-badge.thorium{border-color:#4ba9c7;border-radius:8px 4px 8px 4px;background:linear-gradient(155deg,#1e5269,#0a1c29 72%);color:#c5f7ff;box-shadow:inset 0 1px #d4fbff4a,0 0 9px #4edcff24}.inventory-resource-badge.thorium i{text-shadow:0 0 7px #5deaff}.inventory-close{position:relative;z-index:2;width:29px;height:29px;border-color:#64879a;border-radius:5px 9px 5px 9px;background:linear-gradient(145deg,#1a2e3d,#0b1721);box-shadow:inset 0 1px #d9faff28;color:#c9edf5;transition:.16s ease}.inventory-close:hover{border-color:#a0efff;color:#fff;box-shadow:0 0 12px #5ee5ff55}.inventory-tabs{position:relative;z-index:1;gap:3px;padding:3px;border-color:#345d70;border-radius:7px;background:linear-gradient(180deg,#07121d,#0c1c29);box-shadow:inset 0 1px #ffffff0c}.inventory-tabs button{position:relative;padding:8px 1px;border-radius:4px;color:#91aebe;font-size:10px;transition:color .16s,background .16s,box-shadow .16s}.inventory-tabs button.active{border-color:#5ebbd1;background:linear-gradient(180deg,#25556b,#123348);color:#e9fcff;box-shadow:inset 0 1px #e1ffff45,0 0 12px #29bcd533;text-shadow:0 0 7px #64e8ff77}.inventory-tabs button.active::after{content:"";position:absolute;left:22%;right:22%;bottom:-4px;height:2px;background:#8cf4ff;box-shadow:0 0 7px #55e5ff}.inventory-grid{position:relative;z-index:1;min-height:210px;max-height:54vh;gap:8px;padding:13px 3px 4px;grid-auto-rows:min-content}.inventory-item{aspect-ratio:1;border-color:#55778a;border-radius:5px;background:linear-gradient(145deg,#263c4a 0%,#101e29 43%,#08131c 100%);box-shadow:inset 0 1px #e3faff35,inset 0 0 0 2px #08131b,0 3px 7px #0009;transition:transform .16s,border-color .16s,filter .16s}.inventory-item:not(.empty):hover{z-index:2;transform:translateY(-2px);border-color:#a2f2ff;filter:brightness(1.16)}.inventory-item::before{inset:3px;border-color:#9eeaff24;border-radius:3px}.inventory-item-icon{filter:drop-shadow(0 2px 3px #000b) drop-shadow(0 0 7px #57ddff55)}.inventory-item b{right:4px;top:4px;min-width:21px;padding:2px 4px;border:1px solid #8cc9d477;border-radius:3px;background:linear-gradient(180deg,#09131deF,#050b12f5);color:#f1fcff;font-size:10px;font-variant-numeric:tabular-nums;box-shadow:0 1px 4px #0009;text-shadow:0 0 6px #73e9ff66}.inventory-item small{position:absolute;left:2px;right:2px;bottom:3px;padding:2px 1px;border-radius:2px;background:linear-gradient(90deg,transparent,#06111bd9 18%,#06111bd9 82%,transparent);color:#c7dce5;font-size:8px}.inventory-item.empty{border-color:#424b52;border-radius:5px;background:linear-gradient(145deg,#262a2d,#13171a 58%,#0c1013);box-shadow:inset 0 1px #ffffff16,inset 0 0 0 2px #0c1115,0 3px 6px #000a}.inventory-item.empty::before{inset:3px;border-color:#929da21e;border-radius:3px}.inventory-item.empty::after{content:"";position:absolute;left:0;top:0;width:13px;height:13px;border-top:1px solid #bac5ca33;border-left:1px solid #bac5ca33;pointer-events:none}@media(max-width:380px){.inventory-dialog{padding:15px 12px 13px}.inventory-resource-badges{gap:3px;margin-right:5px}.inventory-resource-badge{gap:2px;padding:3px 4px;font-size:8px}.inventory-grid{gap:6px}.inventory-tabs button{font-size:9px}}
.inventory-item-modal-overlay{position:fixed;z-index:13010;inset:0;display:grid;place-items:center;padding:16px;background:#010711b8;backdrop-filter:blur(4px);animation:inventory-fade-in .14s ease-out}
.inventory-item-use-dialog,.inventory-item-result{position:relative;width:min(290px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto;padding:17px 16px 14px;border:1px solid #69cde4;border-radius:10px 20px 10px 20px;background:linear-gradient(150deg,#183247,#091521 72%);box-shadow:inset 0 1px #efffff36,0 0 24px #34ceef44,0 16px 48px #000d;color:#eefaff;text-align:center}
.inventory-item-use-close{position:absolute;right:8px;top:8px;width:25px;height:25px;border:1px solid #587d91;border-radius:5px 9px;background:#0a1722;color:#ddf8ff;font-size:18px;line-height:1}
.inventory-item-use-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 7px}.inventory-item-use-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px #5bdfff77)}
.inventory-item-use-dialog>small,.inventory-item-result>small{display:block;color:#8bdcf0;font-size:9px;font-weight:900;letter-spacing:.12em}.inventory-item-use-dialog h3,.inventory-item-result h3{margin:4px 0 13px;color:#f2fcff;font-size:18px}.inventory-item-use-dialog>label{display:block;margin:2px 0 5px;color:#a9c2ce;font-size:10px;font-weight:800}
.inventory-item-quantity{display:flex;justify-content:center;align-items:center;gap:8px}.inventory-item-quantity button{width:34px;height:32px;border:1px solid #4e8297;border-radius:5px;background:#102b3c;color:#e4fbff;font-size:18px}.inventory-item-quantity input{width:88px;height:32px;border:1px solid #6aa8bd;border-radius:5px;background:#06121c;color:#fff;text-align:center;font-family:inherit;font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;outline:none}.inventory-item-use-hint{margin:9px 0;color:#819ead;font-size:9px}.inventory-item-use-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.inventory-item-use-actions button,.inventory-item-result-close{min-height:35px;border:1px solid #658499;border-radius:5px 11px;background:linear-gradient(145deg,#20394a,#0e1c28);color:#e8f8ff;font-size:11px;font-weight:900}.inventory-item-use-actions .inventory-item-use-open,.inventory-item-result-close{border-color:#e1b653;background:linear-gradient(145deg,#644a1c,#271c0b);color:#fff0bb;box-shadow:inset 0 1px #fff4c144,0 0 10px #ffca4a22}
.inventory-item-result-list{display:grid;gap:6px;max-height:45vh;overflow:auto;margin:0 0 12px}.inventory-item-result-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid #4d7789;border-radius:6px;background:#071722aa;text-align:left}.inventory-item-result-icon{display:grid;place-items:center;width:34px;height:34px;color:#ffd96b;font-size:22px}.inventory-item-result-icon img{width:100%;height:100%;object-fit:contain}.inventory-item-result-row b{font-size:10px}.inventory-item-result-row strong{color:#a8f0ff;font-size:11px;font-variant-numeric:tabular-nums}
.inventory-item-result-usage{margin:-5px 0 12px;color:#b8e8f3;font-size:10px;font-weight:800;line-height:1.5}
.inventory-item{font:inherit;color:inherit;cursor:default}.inventory-item-usable{cursor:pointer}.inventory-item-icon img{display:block;width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 4px #000b)}.inventory-item-usable:hover{box-shadow:inset 0 1px #e3faff55,inset 0 0 0 2px #08131b,0 0 12px #60ddff66}.inventory-item-usable:focus-visible{outline:2px solid #a2f2ff;outline-offset:2px}
.inventory-item-modal-overlay{background:radial-gradient(ellipse at 50% 43%,#0c3650aa,transparent 62%),#010710e8;backdrop-filter:blur(9px) saturate(.8)}
.inventory-item-use-dialog,.inventory-item-result{width:min(330px,calc(100vw - 34px));padding:21px 18px 17px;border:1px solid #6ecce0;border-radius:7px 20px 7px 20px;background:linear-gradient(145deg,#1b3040 0%,#0c1c29 38%,#07121d 100%);box-shadow:inset 0 1px #f0ffff66,inset 0 0 0 3px #0a1721,0 0 0 1px #28495b,0 0 28px #37cced3d,0 20px 58px #000e}
.inventory-item-use-dialog::before,.inventory-item-result::before{content:"";position:absolute;inset:6px;border:1px solid #85deef28;clip-path:polygon(0 0,27% 0,29% 2px,71% 2px,73% 0,100% 0,100% 100%,73% 100%,71% calc(100% - 2px),29% calc(100% - 2px),27% 100%,0 100%);pointer-events:none}
.inventory-item-use-icon{width:68px;height:68px;margin-bottom:8px;filter:drop-shadow(0 4px 8px #000b) drop-shadow(0 0 13px #49dfff66)}
.inventory-item-use-dialog>small,.inventory-item-result>small{position:relative;color:#8fe8f6;font-size:8px;letter-spacing:.2em;text-shadow:0 0 9px #46d8ee66}
.inventory-item-use-dialog h3,.inventory-item-result h3{margin:6px 0 15px;font-size:19px;font-weight:900;letter-spacing:.04em;text-shadow:0 2px 9px #5acbe633}
.inventory-item-quantity{gap:9px;padding:10px 0;border-top:1px solid #78c8dc25;border-bottom:1px solid #78c8dc25}
.inventory-item-quantity button{width:38px;height:36px;border-color:#638697;border-radius:4px 10px;background:linear-gradient(145deg,#294454,#0b1a25);box-shadow:inset 0 1px #edffff30,0 3px 8px #0008;transition:.14s ease}
.inventory-item-quantity button:hover{border-color:#a4efff;box-shadow:0 0 10px #57d8f366}
.inventory-item-quantity input{width:102px;height:36px;border-color:#75b9cb;border-radius:4px 10px;background:linear-gradient(180deg,#07131d,#0e2230);box-shadow:inset 0 2px 7px #000b,0 0 0 1px #68d5ed25}
.inventory-item-quantity input:focus{border-color:#a0f0ff;box-shadow:inset 0 2px 7px #000b,0 0 12px #43d3ee66}
.inventory-item-use-hint{margin:10px 0;color:#91adbd;font-size:9px}
.inventory-item-use-actions{gap:9px;margin-top:14px}
.inventory-item-use-actions button,.inventory-item-result-close{min-height:38px;border-color:#65879a;border-radius:4px 11px;background:linear-gradient(145deg,#273e4d,#0c1a25);box-shadow:inset 0 1px #ecffff30,0 4px 10px #0007;letter-spacing:.04em}
.inventory-item-use-actions .inventory-item-use-open,.inventory-item-result-close{border-color:#c6a251;background:linear-gradient(145deg,#705728,#2a2112 78%);box-shadow:inset 0 1px #fff1bd6b,0 0 13px #f4be4a30,0 4px 10px #0007;color:#fff1c5}
.inventory-item-result-usage{margin:-5px 0 14px;padding:7px 8px;border:1px solid #4d829355;border-radius:4px 10px;background:linear-gradient(90deg,#0b1d29,#112a38,#0b1d29);color:#c6edf5;font-size:10px;text-shadow:0 0 8px #52cae533}
.inventory-item-result-list{gap:7px;max-height:42vh;margin-bottom:14px;padding:2px}
.inventory-item-result-row{grid-template-columns:40px 1fr auto;gap:9px;padding:7px 9px;border-color:#49788a66;border-radius:4px 9px;background:linear-gradient(100deg,#112634dd,#07141edf);box-shadow:inset 0 1px #dbffff14}
.inventory-item-result-row b{color:#e5f7fb;font-size:10px}
.inventory-item-result-row strong{color:#9df0ff;text-shadow:0 0 8px #52dcff5c}
.inventory-vault-reveal-overlay{background:radial-gradient(ellipse at 50% 48%,#8b581e70,transparent 62%),#010710e8;backdrop-filter:blur(10px) saturate(.88)}
.inventory-vault-reveal{position:relative;width:min(470px,calc(100vw - 24px));padding:0 0 12px;border:1px solid #e8bd5d;border-radius:13px;background:linear-gradient(145deg,#172b37,#080f19 72%);box-shadow:inset 0 1px #fff5cf55,0 0 0 1px #46351a,0 0 34px #ffbf4a5c,0 22px 70px #000e;overflow:hidden;transform:scale(.88) translateY(14px);opacity:0;transition:transform .38s cubic-bezier(.2,.85,.3,1),opacity .32s ease}
.inventory-vault-reveal-overlay.opening .inventory-vault-reveal{transform:scale(1) translateY(0);opacity:1}
.inventory-vault-scene{position:relative;width:100%;aspect-ratio:6/5;overflow:hidden;background:#07111d}
.inventory-vault-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 52% 57%,#ffd35d30,transparent 32%);opacity:0;pointer-events:none;transition:opacity .6s ease}
.inventory-vault-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .2s ease,transform .72s cubic-bezier(.2,.8,.25,1);filter:drop-shadow(0 6px 18px #0009)}
.inventory-vault-opening{opacity:1;transform:scale(1)}
.inventory-vault-final{opacity:0;transform:scale(.98)}
.inventory-vault-reveal-overlay.revealed .inventory-vault-opening{opacity:0;transform:scale(1.015)}
.inventory-vault-reveal-overlay.revealed .inventory-vault-final{opacity:1;transform:scale(1)}
.inventory-vault-reveal-overlay.revealed .inventory-vault-scene::after{opacity:1}
.inventory-vault-total{position:absolute;z-index:2;left:53%;top:56%;display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;padding:7px 12px;border:1px solid #ffe697c9;border-radius:999px;background:linear-gradient(110deg,#3c260dcc,#100d09e8);box-shadow:inset 0 1px #fff7d288,0 0 14px #ffcb4d99,0 0 35px #ffae2970;opacity:0;transform:translate(-50%,-35%) scale(.68);transition:opacity .38s ease .34s,transform .48s cubic-bezier(.2,.9,.2,1) .34s}
.inventory-vault-total img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 7px #ffc740)}
.inventory-vault-total strong{color:#fff0ac;font-size:clamp(21px,6vw,30px);font-weight:1000;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 8px #ffbe33,0 0 20px #e58c18}
.inventory-vault-reveal-overlay.revealed .inventory-vault-total{opacity:1;transform:translate(-50%,-50%) scale(1)}
.inventory-vault-reveal .inventory-item-result-close{display:block;width:min(190px,72%);margin:0 auto}
@keyframes inventory-vault-number-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
.inventory-vault-reveal-overlay.revealed .inventory-vault-total img{animation:inventory-vault-number-glow .9s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.inventory-vault-reveal,.inventory-vault-scene>img,.inventory-vault-total{transition-duration:.01ms!important}.inventory-vault-reveal-overlay.revealed .inventory-vault-total img{animation:none}}
.inventory-thorium-reveal-overlay{background:radial-gradient(ellipse at 50% 46%,#0869bb66,transparent 62%),#010710e8;backdrop-filter:blur(10px) saturate(.9)}
.inventory-thorium-reveal{position:relative;width:min(470px,calc(100vw - 24px));padding:0 0 12px;border:1px solid #64caff;border-radius:13px;background:linear-gradient(145deg,#102d48,#071321 72%);box-shadow:inset 0 1px #e9fbff66,0 0 0 1px #15395b,0 0 34px #269cff70,0 22px 70px #000e;overflow:hidden;transform:scale(.88) translateY(14px);opacity:0;transition:transform .38s cubic-bezier(.2,.85,.3,1),opacity .32s ease}
.inventory-thorium-reveal-overlay.opening .inventory-thorium-reveal{transform:scale(1) translateY(0);opacity:1}
.inventory-thorium-scene{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden;background:#061326}
.inventory-thorium-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 53% 39%,#33cfff3d,transparent 38%);opacity:0;pointer-events:none;transition:opacity .5s ease}
.inventory-thorium-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 18px #000b);transition:opacity .22s ease,transform .56s cubic-bezier(.2,.8,.25,1),filter .4s ease}
.inventory-thorium-closed{opacity:1;transform:scale(1)}
.inventory-thorium-reveal-overlay.opening .inventory-thorium-closed{animation:inventory-thorium-charge .56s ease-in-out both}
.inventory-thorium-open{opacity:0;transform:scaleX(1.14) scale(.94) translateY(7px)}
.inventory-thorium-reveal-overlay.revealed .inventory-thorium-closed{opacity:0;transform:scale(1.035);filter:brightness(1.65) drop-shadow(0 0 20px #3dcfff)}
.inventory-thorium-reveal-overlay.revealed .inventory-thorium-open{opacity:1;transform:scaleX(1.14) scale(1)}
.inventory-thorium-reveal-overlay.revealed .inventory-thorium-scene::after{opacity:1}
.inventory-thorium-burst{position:absolute;z-index:2;left:53%;top:39%;width:54%;height:66%;transform:translate(-50%,-50%);pointer-events:none}
.inventory-thorium-burst::before{content:"";position:absolute;inset:-18%;border-radius:50%;background:repeating-conic-gradient(from -7deg,#e8ffff 0deg 2deg,#7beaffcc 2deg 4deg,transparent 4deg 22deg);mask:radial-gradient(circle,transparent 0 27%,#000 34% 48%,transparent 70%);opacity:0;filter:drop-shadow(0 0 8px #4bd8ff)}
.inventory-thorium-burst::after{content:"";position:absolute;left:50%;top:46%;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 9px 5px #bdfbff,0 0 25px 14px #28caff,0 0 54px 28px #1689ff;opacity:0;transform:translate(-50%,-50%) scale(.1)}
.inventory-thorium-burst i{position:absolute;left:50%;top:46%;width:8px;height:22px;clip-path:polygon(50% 0,100% 70%,64% 100%,0 62%);background:linear-gradient(180deg,#fff,#a9f6ff 38%,#269dff 78%,#164bdb);filter:drop-shadow(0 0 6px #70ecff);opacity:0;transform:translate(-50%,-50%) rotate(var(--angle))}
.inventory-thorium-reveal-overlay.revealed .inventory-thorium-burst::before{animation:inventory-thorium-rays .78s ease-out both}
.inventory-thorium-reveal-overlay.revealed .inventory-thorium-burst::after{animation:inventory-thorium-flash .42s ease-out both}
.inventory-thorium-reveal-overlay.revealed .inventory-thorium-burst i{animation:inventory-thorium-shard-burst .72s cubic-bezier(.14,.72,.23,1) both}
.inventory-thorium-total{position:absolute;z-index:3;left:53%;top:40%;display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;padding:7px 12px;border:1px solid #a2edffc9;border-radius:999px;background:linear-gradient(110deg,#07304dcc,#08111de8);box-shadow:inset 0 1px #e9ffff99,0 0 14px #37d1ff99,0 0 35px #188cff70;opacity:0;transform:translate(-50%,-35%) scale(.68);transition:opacity .38s ease .28s,transform .48s cubic-bezier(.2,.9,.2,1) .28s}
.inventory-thorium-total img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 7px #54d8ff)}
.inventory-thorium-total strong{color:#d8f8ff;font-size:clamp(21px,6vw,30px);font-weight:1000;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 8px #54dfff,0 0 20px #168cff}
.inventory-thorium-reveal-overlay.revealed .inventory-thorium-total{opacity:1;transform:translate(-50%,-50%) scale(1)}
.inventory-thorium-reveal .inventory-item-result-close{display:block;width:min(190px,72%);margin:0 auto}
@keyframes inventory-thorium-charge{0%{filter:brightness(1);transform:scale(1)}42%{filter:brightness(1.5) drop-shadow(0 0 14px #47caff);transform:scale(1.015)}100%{filter:brightness(1.8) drop-shadow(0 0 22px #52d9ff);transform:scale(1.025)}}
@keyframes inventory-thorium-rays{0%{opacity:0;transform:scale(.18) rotate(-16deg)}18%{opacity:.95}100%{opacity:0;transform:scale(1.18) rotate(18deg)}}
@keyframes inventory-thorium-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}
@keyframes inventory-thorium-shard-burst{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(0) scale(.2)}18%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--distance))) scale(.82)}}
@media(prefers-reduced-motion:reduce){.inventory-thorium-reveal,.inventory-thorium-scene>img,.inventory-thorium-total{transition-duration:.01ms!important}.inventory-thorium-reveal-overlay.opening .inventory-thorium-closed,.inventory-thorium-reveal-overlay.revealed .inventory-thorium-burst::before,.inventory-thorium-reveal-overlay.revealed .inventory-thorium-burst::after,.inventory-thorium-reveal-overlay.revealed .inventory-thorium-burst i{animation:none}}
.inventory-research-bag-reveal-overlay{background:radial-gradient(ellipse at 50% 48%,#6139b866,transparent 64%),#010710e8;backdrop-filter:blur(10px) saturate(.9)}
.inventory-research-bag-reveal{position:relative;width:min(470px,calc(100vw - 24px));padding:0 0 12px;border:1px solid #8cb8ed;border-radius:13px;background:linear-gradient(145deg,#1b2842,#080f1b 72%);box-shadow:inset 0 1px #f0f6ff66,0 0 0 1px #26385b,0 0 34px #617dff5c,0 22px 70px #000e;overflow:hidden;transform:scale(.88) translateY(14px);opacity:0;transition:transform .38s cubic-bezier(.2,.85,.3,1),opacity .32s ease}
.inventory-research-bag-reveal-overlay.opening .inventory-research-bag-reveal{transform:scale(1) translateY(0);opacity:1}
.inventory-research-bag-scene{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(ellipse at 67% 57%,#663bba28,transparent 40%),#060c16}
.inventory-research-bag-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 18px #000b);transition:opacity .22s ease,transform .45s cubic-bezier(.2,.8,.25,1),filter .3s ease}
.inventory-research-bag-closed{opacity:1;transform:scale(1);transform-origin:50% 54%}
.inventory-research-bag-reveal-overlay.opening .inventory-research-bag-closed{animation:inventory-bag-rattle .65s ease-in-out both}
.inventory-research-bag-open{opacity:0;transform:scale(.96)}
.inventory-research-bag-reveal-overlay.revealed .inventory-research-bag-closed{opacity:0;transform:scale(1.025);filter:brightness(1.8) drop-shadow(0 0 24px #fff)}
.inventory-research-bag-reveal-overlay.revealed .inventory-research-bag-open{opacity:1;transform:scale(1)}
.inventory-research-bag-flash{position:absolute;z-index:3;inset:0;background:radial-gradient(ellipse at 58% 54%,#fff 0%,#f7ffffee 27%,#cbeeffbb 56%,#fff0 100%);opacity:0;pointer-events:none}
.inventory-research-bag-reveal-overlay.flashing .inventory-research-bag-flash{animation:inventory-bag-white-flash .5s ease-out both}
.inventory-research-bag-total{position:absolute;z-index:4;left:68%;top:57%;display:flex;align-items:center;justify-content:center;gap:8px;min-width:112px;padding:7px 12px;border:1px solid #d4b2ffcc;border-radius:999px;background:linear-gradient(110deg,#28164dcc,#100c1de8);box-shadow:inset 0 1px #fff7ff99,0 0 14px #ba77ff99,0 0 35px #843bff70;opacity:0;transform:translate(-50%,-35%) scale(.68);transition:opacity .38s ease .28s,transform .48s cubic-bezier(.2,.9,.2,1) .28s}
.inventory-research-bag-total.journal{left:34%;border-color:#8eeaffcc;background:linear-gradient(110deg,#123c56dd,#0b1520ee);box-shadow:inset 0 1px #e8ffff99,0 0 14px #42caff99,0 0 35px #178dff70}
.inventory-research-bag-total.journal img{filter:drop-shadow(0 0 8px #77e5ff)}
.inventory-research-bag-total.journal strong{text-shadow:0 0 8px #8beaff,0 0 20px #249bff}
.inventory-research-bag-total img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 8px #dbafff)}
.inventory-research-bag-total strong{color:#f0dcff;font-size:clamp(21px,6vw,30px);font-weight:1000;font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 8px #d0a1ff,0 0 20px #8d4aff}
.inventory-research-bag-reveal-overlay.revealed .inventory-research-bag-total{opacity:1;transform:translate(-50%,-50%) scale(1)}
.inventory-reveal-actions{display:flex;justify-content:center;align-items:center;gap:9px;padding:0 12px}
.inventory-reveal-actions button{flex:0 1 190px;width:auto!important;margin:0!important;min-height:38px;border:1px solid #65879a;border-radius:4px 11px;background:linear-gradient(145deg,#273e4d,#0c1a25);box-shadow:inset 0 1px #ecffff30,0 4px 10px #0007;color:#e8f8ff;font-size:11px;font-weight:900;letter-spacing:.04em}
.inventory-reveal-actions .inventory-item-result-close{border-color:#c6a251;background:linear-gradient(145deg,#705728,#2a2112 78%);box-shadow:inset 0 1px #fff1bd6b,0 0 13px #f4be4a30,0 4px 10px #0007;color:#fff1c5}
.inventory-reveal-actions .inventory-open-all{border-color:#61cfff;background:linear-gradient(145deg,#135279,#0b2032 78%);box-shadow:inset 0 1px #d9f7ff6b,0 0 13px #32bfff45,0 4px 10px #0007;color:#e4faff}
@keyframes inventory-bag-rattle{0%,100%{transform:translate(0,0) rotate(0) scale(1);filter:brightness(1)}10%{transform:translate(-3px,1px) rotate(-.8deg) scale(1.01)}21%{transform:translate(4px,-1px) rotate(.9deg) scale(1.015)}34%{transform:translate(-4px,2px) rotate(-1deg) scale(1.02)}47%{transform:translate(3px,-2px) rotate(.7deg) scale(1.015)}61%{transform:translate(-2px,1px) rotate(-.5deg) scale(1.01)}78%{transform:translate(2px,0) rotate(.35deg) scale(1.005)}}
@keyframes inventory-bag-white-flash{0%{opacity:0}16%{opacity:1}38%{opacity:.88}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.inventory-research-bag-reveal,.inventory-research-bag-scene>img,.inventory-research-bag-total{transition-duration:.01ms!important}.inventory-research-bag-reveal-overlay.opening .inventory-research-bag-closed,.inventory-research-bag-reveal-overlay.flashing .inventory-research-bag-flash{animation:none}}
.inventory-resource-badges>span{min-width:58px;height:27px;display:flex;align-items:center;justify-content:center;gap:4px;padding:2px 5px;border:1px solid #b998636b;border-radius:15px;background:linear-gradient(140deg,#27324d,#111c30);box-shadow:inset 0 1px #ffffff26;color:#fff0c7;font-size:11px;font-weight:900;white-space:nowrap;font-variant-numeric:tabular-nums}.inventory-resource-badges>span.gold{border-color:#b998636b;color:#fff0c7}.inventory-resource-badges>span.thorium{border-color:#7cb9d87d;color:#d7f6ff}.inventory-resource-badges>span.lion-token{border-color:#f2cd668c;color:#ffe9a1}.inventory-resource-badge img{width:16px;height:16px;object-fit:contain;flex:none;filter:drop-shadow(0 0 4px #fff3)}
@media(max-width:380px){.inventory-resource-badges>span{min-width:49px;gap:2px;padding-inline:4px;font-size:9px}.inventory-resource-badge img{width:13px;height:13px}}
/* 금고·토륨상자 획득 축하: 열리는 연출 뒤 구간별 보상이 하나씩 떨어지고, 확인 시 물자창고 배지로 수납 */
.inventory-item-modal-overlay.celebrating .inventory-vault-scene,.inventory-item-modal-overlay.celebrating .inventory-thorium-scene{display:none}
.loot-celebration{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px 12px 14px;background:radial-gradient(ellipse at 50% 30%,#ffbf5a26,transparent 60%),radial-gradient(ellipse at 50% 100%,#3a1f0a66,transparent 70%);animation:loot-celebration-in .28s ease-out both}
.loot-celebration-banner{position:relative;width:min(340px,92%);height:52px;display:grid;place-items:center}
.loot-celebration-banner::before{content:"";position:absolute;inset:9px 0;background:linear-gradient(90deg,transparent,#3d1c07 10%,#7a4214 32%,#a8682a 50%,#7a4214 68%,#3d1c07 90%,transparent);clip-path:polygon(0 50%,8% 0,92% 0,100% 50%,92% 100%,8% 100%);box-shadow:0 0 22px #ffb34d88;opacity:.92}
.loot-celebration-banner::after{content:"";position:absolute;left:12%;right:12%;top:50%;height:2px;margin-top:-1px;background:linear-gradient(90deg,transparent,#fff6d3,transparent);filter:blur(1px);opacity:.7}
.loot-celebration-title{position:relative;z-index:1;display:grid;place-items:center}
.loot-celebration-title>span{grid-area:1/1;white-space:nowrap;color:#fff7dc;text-shadow:0 1px 0 #6b3a0d,0 0 10px #ffb84a,0 0 2px #000}
.loot-title-long{font:900 17px/1 var(--font-body);letter-spacing:.06em;transition:opacity .2s ease,transform .2s ease}
.loot-title-short{font:900 27px/1 var(--font-body);letter-spacing:.12em;opacity:0;transform:scale(1.6);color:transparent!important;background:linear-gradient(180deg,#ffffff 0%,#fff1c2 45%,#ffd36b 62%,#fff6d6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1px #5a2f08;text-shadow:none!important;filter:drop-shadow(0 2px 0 #3d1f05) drop-shadow(0 0 8px #ffb84a)}
.inventory-item-modal-overlay.celebrated .loot-title-long{opacity:0;transform:scale(.8)}
.inventory-item-modal-overlay.celebrated .loot-title-short{animation:loot-title-pop .42s cubic-bezier(.2,1.5,.4,1) both}
.loot-celebration-sparks{position:absolute;inset:0;pointer-events:none;overflow:visible}
.loot-celebration-sparks i{position:absolute;left:var(--x);bottom:12px;width:4px;height:4px;border-radius:50%;background:#ffcf6a;box-shadow:0 0 6px 2px #ff9d2e;opacity:0;animation:loot-spark-rise 1.4s ease-out var(--d) infinite}
.loot-celebration-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 10px;width:100%;max-width:420px}
.loot-cell{display:flex;flex-direction:column;align-items:center;gap:5px;width:72px;animation:loot-drop .24s cubic-bezier(.3,.6,.35,1) calc(var(--i)*120ms) both}
.loot-cell-icon{position:relative;display:grid;place-items:center;width:60px;height:60px;border:1px solid #c99a4a;border-radius:9px;background:linear-gradient(150deg,#3b4a5e,#141c29 70%);box-shadow:inset 0 1px #ffffff30,0 3px 8px #0008}
.loot-cell-icon::after{content:"";position:absolute;inset:-2px;border-radius:10px;border:2px solid #fff4c4;box-shadow:0 0 16px 4px #ffd25c,inset 0 0 14px #fff1b5;opacity:0;pointer-events:none;animation:loot-flash .65s ease-out calc(var(--i)*120ms + 200ms) both}
.loot-cell-icon img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 4px #ffd76a66)}
.loot-cell-icon em{position:absolute;right:3px;bottom:2px;color:#fff;font:900 11px/1 var(--font-body);font-style:normal;text-shadow:0 1px 2px #000,0 0 3px #000}
.loot-cell b{color:#9fd6ff;font:800 11px/1.2 var(--font-body);white-space:nowrap}
.loot-celebration-total{display:flex;align-items:center;gap:7px;padding:6px 14px;border:1px solid #c99a4a88;border-radius:16px;background:#0b1320cc;color:#e8f2fb;font:700 13px/1 var(--font-body);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}
.loot-celebration-total img{width:20px;height:20px;object-fit:contain}
.loot-celebration-total strong{color:#ffe08a;font-size:17px;text-shadow:0 0 10px #ffc95c66}
.inventory-item-modal-overlay.celebrated .loot-celebration-total{opacity:1;transform:none}
.inventory-item-modal-overlay.celebrating:not(.celebrated) .inventory-reveal-actions{opacity:0;pointer-events:none}
.inventory-item-modal-overlay.celebrating .inventory-reveal-actions{transition:opacity .25s ease}
.inventory-item-modal-overlay.loot-leaving{opacity:0;transition:opacity .2s ease}
.loot-flight-orb{position:fixed;z-index:13100;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fffbe6 0%,#ffd75e 35%,#ff9f1a66 62%,transparent 72%);box-shadow:0 0 18px 6px #ffc24a99;will-change:transform,opacity}
.inventory-resource-badge.loot-received{animation:loot-badge-glow 1.2s ease-in-out 3}
@keyframes loot-celebration-in{from{opacity:0}to{opacity:1}}
@keyframes loot-drop{0%{opacity:.25;transform:scale(2.3)}100%{opacity:1;transform:scale(1)}}
@keyframes loot-flash{0%{opacity:1}100%{opacity:0}}
@keyframes loot-title-pop{0%{opacity:0;transform:scale(1.6)}100%{opacity:1;transform:scale(1)}}
@keyframes loot-spark-rise{0%{opacity:0;transform:translateY(0) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translateY(calc(var(--h)*-1)) scale(1)}}
@keyframes loot-badge-glow{0%,100%{box-shadow:inset 0 1px #ffffff26;border-color:#b998636b;filter:none}50%{box-shadow:inset 0 1px #ffffff40,0 0 14px 3px #ffd25c;border-color:#ffe39a;filter:brightness(1.35)}}
@media(max-width:420px){.loot-cell{width:64px}.loot-cell-icon{width:54px;height:54px}.loot-cell-icon img{width:34px;height:34px}.loot-title-long{font-size:15px}.loot-title-short{font-size:22px}}
@media(prefers-reduced-motion:reduce){.loot-cell,.loot-cell-icon::after,.loot-celebration-sparks i,.loot-title-short,.inventory-resource-badge.loot-received{animation:none!important}.inventory-item-modal-overlay.celebrated .loot-title-short{opacity:1;transform:none}}

/* SSR 함선 교환권: 교환할 함선 고르기 */
.inventory-ticket-dialog{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto}
.inventory-ticket-dialog>p{margin:2px 0 8px;color:#b9d7ee;font:600 12px/1.4 var(--font-body)}
.inventory-ticket-ships{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:46dvh;overflow:auto;padding:2px}
.inventory-ticket-ship{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:6px 4px;border:1px solid #3a4f6e;border-radius:8px;background:linear-gradient(180deg,#15233a,#0a1220);color:#dce9f5;cursor:pointer}
.inventory-ticket-ship img{width:100%;height:64px;object-fit:contain}
.inventory-ticket-ship b{font:800 12px/1.2 var(--font-body);color:#ffe9a0;text-align:center;word-break:keep-all}
.inventory-ticket-ship small{font:600 10px/1.2 var(--font-body);color:#8ea3b8}
.inventory-ticket-ship[aria-pressed="true"]{border-color:#ffd25e;box-shadow:0 0 0 1px #ffd25e,0 0 14px #ffd25e66;background:linear-gradient(180deg,#3a2a12,#1a1208)}
.inventory-ticket-dialog .inventory-item-use-open:disabled{opacity:.45;cursor:not-allowed}
.inventory-ticket-dialog.is-result{text-align:center}
.inventory-ticket-dialog.is-result>small{color:#ffd25e;letter-spacing:.18em}
.inventory-ticket-result{display:block;margin:8px auto 4px;width:180px;max-width:100%;animation:ticket-result-pop .5s cubic-bezier(.2,1.5,.4,1) both}
.inventory-ticket-result img{width:100%;height:130px;object-fit:contain;filter:drop-shadow(0 0 14px #ffd25e88)}
.inventory-ticket-result-name{display:block;color:#ffe9a0;font:900 18px/1.3 var(--font-display,var(--font-body))}
@keyframes ticket-result-pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.inventory-ticket-dialog.is-result .inventory-item-use-actions{display:flex;justify-content:center}.inventory-ticket-dialog.is-result .inventory-item-use-open{min-width:140px}

/* SSR 함선 선택 교환권: 함선도감형 팝업 (목록 + 하단 [선택]) */
.inventory-ticket-overlay{align-items:center}
.inventory-ticket-codex{position:relative;display:flex;flex-direction:column;width:min(460px,calc(100vw - 20px));max-height:calc(100dvh - 24px);border:1px solid #3d7fb0;border-radius:14px;
  background:linear-gradient(180deg,#0f2235,#081321 60%,#0a1626);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #0a1220,0 18px 40px #000c,0 0 24px #2b8fd044;overflow:hidden}
.inventory-ticket-head{display:flex;align-items:center;gap:10px;padding:12px 14px 10px;border-bottom:1px solid #2b4466}
.inventory-ticket-head img{width:52px;height:52px;flex:none;object-fit:contain;filter:drop-shadow(0 0 8px #ffd25e66)}
.inventory-ticket-head div{flex:1;min-width:0}
.inventory-ticket-head small{display:block;color:#ffd98a;font:800 9px/1.3 var(--font-body);letter-spacing:.12em}
.inventory-ticket-head h3{margin:2px 0 0;color:#fff;font:400 19px/1.25 var(--font-display,var(--font-body));letter-spacing:.04em}
.inventory-ticket-close{flex:none;width:34px;height:34px;border:1px solid #4d6f92;border-radius:50%;background:#0b1828;color:#dce9f5;font:700 18px/1 var(--font-body);cursor:pointer}
.inventory-ticket-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:10px 10px 0!important;padding:0!important}
.inventory-ticket-tabs button{min-width:0;padding:6px 2px!important}
.inventory-ticket-tabs button b{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inventory-ticket-list{flex:1;min-height:0;overflow:auto;margin:8px 10px 0;padding:8px;border:1px solid #2b4466;border-radius:10px;background:#071120cc}
.inventory-ticket-list .codex-list-title{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.inventory-ticket-list .codex-list-title small{color:#8ea3b8;font:600 10px/1 var(--font-body)}
.inventory-ticket-list .codex-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.inventory-ticket-card{appearance:none;font:inherit;color:inherit;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s}
.inventory-ticket-card:hover{transform:translateY(-2px)}
.inventory-ticket-card.picked{outline:3px solid #fff4c8;outline-offset:1px;box-shadow:0 0 0 1px #ffd25e,0 0 18px #ffd25eaa,0 0 34px #ffb02e77!important;transform:translateY(-2px)}
.inventory-ticket-card.picked::after{content:"✓";position:absolute;left:6px;top:6px;z-index:5;width:20px;height:20px;border-radius:50%;background:#ffd25e;color:#3a2600;font:900 13px/20px var(--font-body);text-align:center;box-shadow:0 0 8px #ffd25e}
.inventory-ticket-foot{display:flex;align-items:center;gap:10px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #2b4466;background:linear-gradient(180deg,#0b1828,#060d18)}
.inventory-ticket-picked{flex:1;min-width:0;margin:0;color:#8ea3b8;font:600 12px/1.3 var(--font-body)}
.inventory-ticket-picked b{color:#ffe9a0;font-size:14px}
.inventory-ticket-picked small{color:#8ea3b8}
.inventory-ticket-select{flex:none;min-width:120px;padding:11px 22px;border:1px solid #ffdc81;border-radius:6px 14px 6px 14px;background:linear-gradient(120deg,#8a6224,#3e2c10);color:#fff5cf;font:900 15px/1.2 var(--font-body);letter-spacing:.12em;box-shadow:inset 0 0 13px #ffdf7547,0 0 14px #ffc95c44;cursor:pointer}
.inventory-ticket-select:disabled{opacity:.4;filter:grayscale(.6);cursor:not-allowed;box-shadow:none}
.inventory-ticket-confirm{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:16px;background:#020712cc}
.inventory-ticket-confirm>div{width:min(320px,100%);padding:16px;border:1px solid #ffd25e88;border-radius:12px;background:linear-gradient(180deg,#1a2335,#0b1220);text-align:center;box-shadow:0 0 20px #ffd25e33}
.inventory-ticket-confirm img{width:100%;height:110px;object-fit:contain;filter:drop-shadow(0 0 10px #ffd25e66)}
.inventory-ticket-confirm p{margin:8px 0 4px;color:#e8f2fb;font:700 14px/1.5 var(--font-body)}
.inventory-ticket-confirm p b{color:#ffe9a0;font-size:16px}
.inventory-ticket-confirm small{display:block;margin-bottom:12px;color:#ff9a8a;font:600 11px/1.4 var(--font-body)}
.inventory-ticket-confirm .inventory-item-use-actions{display:flex;gap:8px;justify-content:center}
.inventory-ticket-codex .codex-categories.inventory-ticket-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;flex-wrap:nowrap!important}
.inventory-ticket-confirm .inventory-item-use-actions button{flex:1;min-width:0;max-width:130px;padding:11px 14px;font-size:14px}
.inventory-item-quantity-all{width:auto!important;min-width:50px;padding:0 10px;font-size:14px!important;font-weight:800;letter-spacing:.04em;color:#fff4c2!important;border-color:#c9a24a!important;background:linear-gradient(145deg,#5a4215,#1d1606)!important;box-shadow:inset 0 1px #fff6c040,0 3px 8px #0008!important}
.inventory-item-quantity-all:hover{border-color:#ffe08a!important;box-shadow:0 0 10px #ffc94d66!important}