.card-room{height:100%;padding:max(24px, env(safe-area-inset-top)) max(4vw, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(4vw, env(safe-area-inset-left));font-size:calc(15px * var(--scale));background:linear-gradient(110deg,#1e1026f5,#30172ee8 65%,#482735dc);grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:14px;display:grid;position:relative}.card-room-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.card-room-header h1{margin:0;font-size:clamp(30px,3.5vw,48px);line-height:1.05}.card-room-header .eyebrow{letter-spacing:.14em;font-size:10px}.point-wallet{color:var(--gold);grid-template-columns:auto auto;align-items:center;gap:0 10px;display:grid}.point-wallet>span{grid-row:span 2;font-size:36px}.point-wallet>b{font-size:27px;line-height:1.1}.point-wallet>small{letter-spacing:.16em;font-size:9px}.deck-strip{border-block:1px solid #e4b0b82b;align-items:center;gap:28px;padding:10px 0;display:flex}.deck-group{align-items:center;gap:12px;display:flex}.deck-group>span{letter-spacing:.12em;color:#d7adb9;font-size:10px}.deck-group>div{gap:7px;display:flex}.deck-strip>p{color:#d7bbc9;margin:0 0 0 auto;font-size:11px;line-height:1.7}.deck-slot{background:#140d20a8;border:1px solid #eed2d647;border-radius:10px;justify-content:center;width:50px;height:56px;min-height:44px;padding:4px;position:relative}.deck-slot.selected{border-color:var(--gold);background:#744b55}.deck-slot .item-icon{width:40px;height:40px}.deck-slot.empty{color:#b595a5;border-style:dashed;place-items:center;font-size:20px;display:grid}.lead-mark{background:var(--gold);color:#332031;border-radius:4px;padding:2px 4px;font-size:10px;position:absolute;top:-4px;left:-4px}.card-tabs{gap:6px;min-width:0;display:flex}.card-tabs button{color:#ccb4c5;background:0 0;border-color:#0000;border-radius:10px;min-height:44px;padding:8px 22px}.card-tabs button[aria-pressed=true]{color:#382136;background:#f9d8a0}.card-workbench{grid-template-columns:minmax(0,1fr) 290px;gap:30px;min-width:0;min-height:0;display:grid}.card-library-scroll{overscroll-behavior:contain;scrollbar-color:#bd8498 #271a2e;min-height:0;padding:5px 12px 12px 5px;scroll-padding:10px;overflow:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));align-content:start;gap:13px;display:grid}.skill-card{--card-accent:#a8e3fb;text-align:left;background:linear-gradient(160deg,#33354d,#221e32 75%);border:1px solid #b8dff14a;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-width:0;padding:10px;display:flex;position:relative;overflow:hidden}.skill-card.passive{--card-accent:#f4b1cd;background:linear-gradient(160deg,#513248,#2b1c30 75%);border-color:#e7a5c04d}.skill-card.evolution{--card-accent:#f9d8a0;background:linear-gradient(160deg,#685045,#302231 75%);border-color:#edd19766}.skill-card.training{--card-accent:#b3efca;background:linear-gradient(160deg,#324c4d,#211e31 75%);border-color:#8abfba60}.skill-card:hover{background-color:#624457;transform:translateY(-2px)}.skill-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.skill-card.locked{background:linear-gradient(160deg,#30283a,#201a2a)}.skill-card.locked .card-illustration{filter:saturate(.5);opacity:.65}.card-topline{letter-spacing:.04em;text-transform:uppercase;min-height:20px;color:var(--card-accent);justify-content:space-between;align-items:center;gap:4px;font-size:.62em;display:flex}.card-topline>span{overflow-wrap:anywhere}.equipped-mark{color:#291c29;background:var(--gold);border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;font-size:11px;display:grid}.card-illustration{background:radial-gradient(#b797c527,#0000 68%);place-items:center;height:112px;margin:2px -4px 4px;display:grid}.card-illustration .item-icon{filter:drop-shadow(0 6px 10px #07071470);width:min(100%,112px);height:112px}.card-name{color:#fff0e8;font-family:Barlow Condensed,sans-serif;font-size:1.28em;line-height:1.1}.card-caption{color:#e2cbd7;min-height:2.8em;margin:5px 0 9px;font-size:.72em;font-weight:400;line-height:1.4}.card-bottomline{color:var(--card-accent);border-top:1px solid #dcc2ce21;justify-content:space-between;align-items:center;gap:5px;margin-top:auto;padding-top:8px;font-size:.68em;display:flex}.rank-marks{gap:3px;display:inline-flex}.rank-marks i{background:#e7cbd028;border-radius:2px;width:7px;height:7px}.rank-marks i.filled{background:var(--gold)}.card-detail{overscroll-behavior:contain;scrollbar-color:#bd8498 #271a2e;border-left:1px solid #e6bec533;min-height:0;padding:2px 0 12px 26px;overflow:auto}.detail-art{background:radial-gradient(#a576a847,#0000 66%);place-items:center;height:145px;display:grid}.detail-art>.item-icon{object-fit:contain;filter:drop-shadow(0 10px 20px #03031288);width:142px;height:142px}.card-type{letter-spacing:.07em;color:#a8e3fb;font-size:.66em;font-weight:700}.card-type.passive{color:#f4b1cd}.card-type.evolution{color:var(--gold)}.card-detail h2,.card-sheet h2{margin:5px 0 10px;font-family:Barlow Condensed,sans-serif;font-size:2.2em;line-height:1.05}.detail-effect{color:#eed4df;margin:0 0 10px;font-size:.9em;line-height:1.55}.detail-stat{color:var(--gold);font-size:.85em;display:block}.card-level{justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.card-level b{font-size:.8em}.detail-mastery,.detail-note{color:#cbb4c3;font-size:.75em;line-height:1.5}.detail-actions{gap:8px;margin-top:18px;display:grid}.detail-actions button{border-radius:10px;gap:10px;width:100%;padding:10px 14px;font-size:.82em}.detail-actions button>span{white-space:nowrap}.detail-actions small{text-align:center;color:#d4b8c6;font-size:.7em}.detail-actions button:disabled{opacity:.65;cursor:default}.growth-art{position:relative}.growth-art .portrait{width:120px;height:120px}.growth-art>span{position:absolute;bottom:5px;right:35px}.evolution-recipe{gap:7px;margin-top:18px;display:grid}.evolution-recipe>div{align-items:center;gap:12px;display:flex}.evolution-recipe span{font-size:.8em}.evolution-recipe small{color:var(--gold);margin-top:3px;display:block}.recipe-plus{color:#b59eaf;padding-left:16px}.card-room-footer{border-top:1px solid #e6bec52b;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.card-room-footer button{border-radius:12px;min-width:100px;padding:10px 20px}.card-room-footer>span{color:#d6becb;font-size:.75em}.card-sheet-overlay{z-index:15;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#110b19c9;place-items:center;display:grid;position:absolute;inset:0}.card-sheet{background:#2a1c30;border:1px solid #e9c1c366;border-radius:20px;grid-template-rows:auto minmax(0,1fr);width:100%;max-width:480px;min-height:0;max-height:100%;display:grid;overflow:hidden}.card-sheet>header{border-bottom:1px solid #e6bec52b;padding:12px 16px}.card-sheet>header button{min-height:44px;padding:8px 14px;font-size:.85em}.card-sheet-content{overscroll-behavior:contain;min-height:0;padding:0 22px 22px;overflow:auto}.replace-overlay{z-index:20}.replace-panel{background:#291b30;border:1px solid #e9c1c366;border-radius:20px;width:min(560px,100%);max-height:100%;padding:24px;overflow:auto}.replace-panel h2{margin-top:0;font-size:34px}.replace-panel p{color:#dcc0ce;font-size:.85em}.replacement-slots{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.replacement-slots button{text-align:center;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:14px 8px;font-size:.8em;display:flex}.replacement-slots .item-icon{width:62px;height:62px}.deck-preview{flex-wrap:wrap;align-items:center;gap:14px;margin:20px 0 10px;display:flex}.deck-preview-icons{flex-wrap:wrap;gap:4px;display:flex}.deck-preview-icons .item-icon{width:35px;height:35px}.reward-points{color:var(--gold);align-items:center;gap:14px;margin:18px 0;display:flex}.reward-points>b{font-family:Barlow Condensed,sans-serif;font-size:48px}.reward-points span{font-size:13px;line-height:1.6}.run-card-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.run-card-choices .skill-card{padding:15px}.run-card-choices .card-illustration{height:140px}.run-card-choices .card-illustration .item-icon{width:140px;height:140px}.run-card-choices .card-caption{min-height:3em;font-size:.85em}.run-card-choices .card-name{font-size:1.7em}.run-card-choices .card-bottomline{font-size:.8em}.upgrade-panel{font-size:calc(15px * var(--scale))}.upgrade-panel h2{margin-bottom:22px;font-size:36px}@media (max-width:1100px){.card-room{padding-inline:24px}.card-workbench{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.card-detail{padding-left:18px}.deck-strip{gap:20px}.deck-strip>p{display:none}.deck-slot{width:44px;height:48px}.deck-slot .item-icon{width:34px;height:34px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}@media (max-width:760px){.card-room{padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));gap:10px}.card-room-header h1{font-size:32px}.card-room-header .eyebrow{font-size:8px}.point-wallet{gap:0 6px}.point-wallet>b{font-size:24px}.point-wallet>span{font-size:27px}.deck-strip{justify-content:space-between;gap:12px;padding:8px 0}.deck-group{min-width:0;display:block}.deck-group>span{margin-bottom:5px;font-size:8px;display:block}.deck-group>div{gap:4px}.deck-slot{border-radius:7px;width:34px;height:44px;padding:2px}.deck-slot .item-icon{width:29px;height:29px}.card-tabs{gap:0}.card-tabs button{border-radius:8px;flex:1;justify-content:center;min-width:0;padding:8px 5px;font-size:.78em}.card-workbench{display:block}.card-library-scroll{height:100%;padding:5px 6px 12px 4px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-detail,.card-room-footer>span{display:none}.card-room-footer{padding-top:10px}.card-room-footer button{min-width:95px;min-height:44px;padding:8px 18px;font-size:.85em}.card-topline{font-size:.58em}.card-illustration{height:100px}.card-illustration .item-icon{width:100px;height:100px}.card-name{font-size:1.3em}.card-caption{font-size:.72em}.run-card-choices{grid-template-columns:1fr;gap:12px}.run-card-choices .skill-card{grid-template-columns:72px minmax(0,1fr);gap:4px 12px;padding:12px;display:grid}.run-card-choices .card-illustration{grid-area:1/1/5;align-self:center;width:72px;height:90px;margin:0}.run-card-choices .card-illustration .item-icon{width:72px;height:80px}.run-card-choices .card-name{font-size:1.4em}.run-card-choices .card-caption{min-height:0;margin:2px 0;font-size:.78em}.run-card-choices .card-topline{grid-column:2}.run-card-choices .card-bottomline{padding-top:5px;font-size:.7em}}@media (max-width:350px){.card-room{padding-inline:12px}.deck-slot{width:31px}.deck-group>div{gap:3px}.card-illustration{height:86px}.card-illustration .item-icon{width:86px;height:86px}.card-grid{gap:10px}.skill-card{padding:8px}.rank-marks{gap:2px}.rank-marks i{width:5px}}@media (max-width:500px){.large-text .card-tabs{grid-template-columns:1fr 1fr;gap:3px;display:grid}.large-text .card-tabs button{width:100%}}@media (max-height:600px){.card-room{gap:7px;padding-block:10px}.card-room-header h1{font-size:26px}.card-room-header .eyebrow{display:none}.point-wallet{display:flex}.point-wallet>b{font-size:24px}.point-wallet>span{font-size:22px}.point-wallet>small{display:none}.deck-strip{padding:5px 0}.deck-group{gap:7px;display:flex}.deck-group>span{margin:0}.deck-slot{height:44px}.card-room-footer{padding-top:7px}.card-room-footer button{min-height:44px}.detail-art{height:85px}.detail-art>.item-icon{width:85px;height:85px}.growth-art .portrait{width:80px;height:80px}.card-level{margin-top:10px}}@media (max-width:500px) and (max-height:600px){.deck-group{display:block}.deck-group>span{margin-bottom:3px}}@media (max-height:330px){.card-room{grid-template-rows:auto auto minmax(0,1fr) auto}.deck-strip{display:none}.card-room-header{min-height:25px}.card-tabs button{min-height:44px;padding-block:5px}.card-room-footer button{min-height:44px}}