.party-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.party-loadout-card{position:relative;min-width:0;border:1px solid #bba8d633;background:#131827;border-radius:12px;overflow:hidden}.party-loadout-card>.hero-card{width:100%;border:0;border-radius:0;aspect-ratio:.8}.card-loadout{padding:9px;background:linear-gradient(150deg,#242137,#131725)}.card-gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.card-gear-grid>button{position:relative;aspect-ratio:1;background:#0d1320;border:1px solid #aa96c74a;border-radius:5px;cursor:pointer;color:#cbbde0;overflow:hidden;display:grid;place-items:center;padding:0}.card-gear-grid small{font-size:8px}.card-gear-grid>button>span:not(.item-art){font-size:17px}.card-gear-grid .item-art{width:100%;height:100%;margin:0;border:0}.card-gear-grid .item-art>b{font-size:8px;bottom:1px;right:1px}.card-weapon{display:flex;gap:6px;align-items:center;text-align:left;width:100%;border:1px solid #c9af7840;background:#231e2b;border-radius:6px;padding:5px;margin-top:7px;color:#e9d9b8;cursor:pointer;min-height:40px}.card-weapon>.item-art{width:35px;height:38px;margin:0}.card-weapon>span:last-child{display:grid;gap:3px;min-width:0}.card-weapon small{font-size:8px;color:#ac9abc}.card-weapon strong{font-size:9px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-gear-grid button:hover,.card-weapon:hover{border-color:#f2d093}.party-loadout-card .card-bottom{padding-bottom:4px}.party-cards .empty-card{min-height:120px}
.deployment-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.deployment-heading{display:flex;justify-content:space-between;align-items:center;background:#1c2131;border:1px solid #9b87be33;padding:15px 20px;border-radius:12px 12px 0 0;font-size:11px;letter-spacing:2px;color:#c6b4da}.deployment-heading b{color:#f1d49d;font-size:19px}.team-3d-stage{height:600px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(#15203628,#1719299c),url('/assets/celestial-arena.png') center/cover;border:1px solid #9b87be33;border-top:0;border-radius:0 0 12px 12px}.team-3d-stage .battle-canvas{pointer-events:none}.deployment-enemy{position:absolute;top:18px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:2px;color:#f4dfb7;text-shadow:0 1px 5px #000;z-index:3}.deployment-slots{position:absolute;inset:0;z-index:2;pointer-events:none}.deployment-slot{position:absolute;width:140px;height:215px;transform:translate(-50%,-83%);pointer-events:auto;transition:filter .2s}.deployment-target{position:absolute;inset:0;width:100%;border:1px solid transparent;border-radius:14px;background:transparent;color:#fff;cursor:grab;padding:0}.deployment-name{position:absolute;bottom:0;left:0;right:0;display:grid;gap:3px;text-align:center;padding:8px 4px;background:linear-gradient(90deg,#182239c9,#26283bdc,#182239c9);border:1px solid #dbcaab4d;border-radius:7px;text-shadow:0 1px 3px #000}.deployment-name strong{font-size:12px}.deployment-name small{font-size:8px;color:#c9bdd7}.deployment-slot.picked .deployment-name,.deployment-slot.drop-hover .deployment-target{border-color:#e9c878;box-shadow:0 0 28px #dbaf6555}.deployment-slot.drop-hover .deployment-target{background:#ceb0ff25}.deployment-remove{position:absolute;top:48px;right:3px;width:22px;height:22px;border-radius:50%;border:1px solid #ddd2e755;background:#182033cf;color:#f7dada;cursor:pointer;z-index:3}.deployment-fallback{position:absolute;inset:0 3px 55px;display:grid;place-items:center;font-size:40px;color:#ceb6ef}.team-3d-stage[data-ready=true] .occupied .deployment-fallback{display:none}.deployment-fallback .battle-sprite{inset:0}.deployment-synergy{font-size:12px;color:#c3b3d3;padding:17px;text-align:center;background:#221f32;margin-top:12px;border:1px solid #84729736;border-radius:8px}.deployment-armory{margin-top:22px}.deployment-roster{border:1px solid #ab96c533;background:#131925;border-radius:12px;padding:18px;max-height:1100px;overflow:auto}.deployment-roster>p{font-size:11px;color:#a696bd;margin-bottom:18px}.deployment-roster .roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drag-hero{position:relative;cursor:grab}.drag-hero .hero-card{width:100%;cursor:grab}.deployed-badge{position:absolute;bottom:3px;right:5px;padding:3px 6px;border-radius:4px;font-size:8px;color:#ffe6aa;background:#1b2539}.drag-hero:active,.deployment-target:active{cursor:grabbing}
.battle-3d-stage,.hero-3d-preview{background:linear-gradient(#0c142b24,#19162965),url('/assets/celestial-arena.png') center/cover}.battle-canvas{background:transparent!important}.battle-3d-stage{box-shadow:0 18px 70px #060a2180,inset 0 0 80px #7961c626}.unit-label-3d{backdrop-filter:blur(8px);box-shadow:0 5px 14px #06091855}
.illustrated-box-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}.illustrated-box{overflow:hidden;border-radius:14px;border:1px solid #c8aee23d;background:linear-gradient(160deg,#25213c,#131b2a)}.chest-cover{height:240px;position:relative;overflow:hidden;background:#10182b}.chest-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 56%;transition:transform .7s}.illustrated-box:hover .chest-cover img{transform:scale(1.045)}.chest-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#24213a)}.chest-cover>span{position:absolute;left:20px;bottom:15px;z-index:1;color:#f5d799;font-size:10px;letter-spacing:3px}.box-content{padding:20px}.box-content h3{font-size:21px;margin:0 0 16px}.box-prize-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reward-prize{background:linear-gradient(#21283d,#121b2b);border:1px solid #a998c12e;border-bottom:3px solid #9785b0;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:9px;min-width:0}.reward-prize.tier-5{border-bottom-color:#f8c878;background:linear-gradient(#453548,#191f31)}.reward-prize.tier-4{border-bottom-color:#c49cfa}.reward-prize.tier-3{border-bottom-color:#70b9f2}.reward-prize .item-art{width:75px;height:85px;margin:0;max-width:100%}.reward-prize strong{font-size:10px;font-weight:500;line-height:1.5}.reward-prize small{font-size:9px;color:#c5b6db}.box-odds-summary{display:flex;gap:10px;margin:16px 0;font-size:10px;color:#bdafd0}.box-odds-summary span{flex:1;background:#0f1727;border-radius:6px;padding:10px}.box-odds-summary b{display:block;font-size:17px;color:#eee0ba;margin-top:4px}.box-all-rates{font-size:11px;color:#cdbfdb;margin:16px 0;max-height:380px;overflow:auto}.box-all-rates summary{cursor:pointer;padding:7px 0;color:#f0d7aa}.box-all-rates table{width:100%;border-collapse:collapse;margin-top:10px}.box-all-rates td,.box-all-rates th{padding:7px 4px;border-bottom:1px solid #a990c522;text-align:left}.box-all-rates p{font-size:10px;line-height:1.7}.chest-item-image{width:100%;height:100%;object-fit:cover}.resource-prize-icon{width:80%;height:80%;margin:auto;filter:drop-shadow(0 0 8px #aa91ea44)}.costume-item-art .battle-sprite{transform:scale(1.9);transform-origin:50% 50%}.costume-item-head .battle-sprite{transform-origin:50% 8%}.costume-item-feet .battle-sprite{transform-origin:50% 95%}.costume-item-legs .battle-sprite{transform-origin:50% 70%}
.modal:has(.box-opening){width:850px;max-width:96vw}.box-opening{text-align:center}.case-reel{position:relative;overflow:hidden;height:198px;border:1px solid #aa8dd84d;background:#0c1322;margin:24px -10px;border-radius:12px;box-shadow:inset 0 0 40px #000}.case-reel:after{position:absolute;inset:0;content:'';pointer-events:none;background:linear-gradient(90deg,#0c1322,transparent 12%,transparent 88%,#0c1322)}.case-marker{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffdd99;z-index:3;box-shadow:0 0 12px #ffbc75}.case-marker:before{content:'';position:absolute;left:-7px;top:0;border-inline:8px solid transparent;border-top:12px solid #ffe2a3}.case-track{position:absolute;top:12px;left:calc(50% - 70px);display:flex;gap:8px;width:max-content;will-change:transform}.case-track .reward-prize{flex:none;width:140px;height:172px;box-sizing:border-box}.case-track .item-art{height:100px;width:96px}.case-result{margin:16px auto;max-width:260px}.case-result>.reward-prize{border-color:#e2bd81;box-shadow:0 0 45px #bd8ce935;margin:12px 0}.case-result .item-art{width:140px;height:160px}.case-result p{font-size:12px}.case-result[hidden]{display:none}.box-opening>.btn{margin:6px}
.redeem-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:25px;margin:24px 0;background:radial-gradient(at 0 0,#4b325966,transparent 65%),#171d2e;border:1px solid #caa0e140;border-radius:12px}.redeem-panel h2{margin:8px 0}.redeem-panel p{font-size:12px;color:#ad9fc1}.redeem-panel form{display:flex;align-items:end;gap:12px}.redeem-panel label{flex:1}.redeem-panel input[name=code]{text-transform:uppercase;letter-spacing:2px}.reward-editor{padding:15px;border:1px solid #a894c538;border-radius:8px;margin:15px 0;grid-column:1/-1}.reward-editor-rows{display:grid;gap:10px;margin-bottom:12px}.reward-editor-row{display:grid;grid-template-columns:minmax(130px,1fr) 90px 90px 38px;align-items:end;gap:8px}.reward-editor[data-weighted=false] .reward-editor-row{grid-template-columns:minmax(130px,1fr) 100px 38px}.reward-editor-row label{min-width:0}.reward-editor-row select{max-width:100%}.reward-editor-row button{height:40px;padding:0}.reward-editor p,.reward-editor output{font-size:11px;line-height:1.7;color:#b4a4c7;display:block}.reward-weight-total{max-height:100px;overflow:auto}.code-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.code-list{margin-top:20px}.code-list article{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #a894c533;padding:16px 0}.code-list strong{color:#e5c992;letter-spacing:1px}.code-list p,.code-list small{font-size:11px;color:#ae9bc1}.dev-tools-grid .reward-editor-row{grid-template-columns:minmax(100px,1fr) 60px 60px 30px}
@media(min-width:1550px){.party-cards{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1100px){.deployment-layout{grid-template-columns:minmax(0,1fr) 250px}.deployment-slot{width:115px}.deployment-roster{padding:12px}.team-3d-stage{height:540px}.reward-editor-row{grid-template-columns:1fr 65px 65px 30px}}@media(max-width:850px){.deployment-layout{grid-template-columns:1fr}.deployment-roster .roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deployment-roster{max-height:550px}.redeem-panel{grid-template-columns:1fr}.code-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.illustrated-box-grid{grid-template-columns:1fr}.party-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.party-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.deployment-slot{width:96px;height:180px}.team-3d-stage{height:480px}.deployment-roster .roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.redeem-panel form{display:grid}.reward-editor-row{grid-template-columns:1fr 55px 55px 26px}.code-fields{grid-template-columns:1fr}.case-reel{margin-inline:-12px}}
@media(prefers-reduced-motion:reduce){.illustrated-box:hover .chest-cover img{transform:none}.chest-cover img,.deployment-slot{transition:none}}