.account-dock{position:absolute;right:4%;top:17%;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:.4cqw}.account-dock button{padding:.6cqw 1.1cqw;background:#061d34e8;border:1px solid #51d9f5;color:#eefaff;font:700 1.15cqw inherit;cursor:pointer}.account-dock small{color:#ffe09b;font-size:1cqw}.collection-menu{display:flex;gap:.65cqw;margin-top:.6cqw}.collection-menu button{flex:1;background:linear-gradient(120deg,#17385c,#13243e);border:1px solid #a2c6df88;padding:.65cqw;color:#ffe0a2;font-size:1.25cqw;cursor:pointer}.account-form{display:grid;gap:12px;max-width:560px;margin:auto}.account-form label{display:grid;gap:6px}.account-form input,.collection-select select{width:100%;min-width:0;box-sizing:border-box;padding:12px;background:#031b31;border:1px solid #5b92af;color:#fff;font:inherit}.account-tabs{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:12px 0}.account-tabs button,.collection-card button,.loot-reveal button{border:1px solid #64b9d8;background:#123953;color:#eefaff;padding:9px 18px;font:inherit;cursor:pointer}.account-tabs .selected{border-color:#ffb12c;color:#ffd381}.account-tabs span,.collection-note{font-size:12px;color:#b8cede}.modal-panel button:disabled{opacity:.45;cursor:not-allowed}#account-error{min-height:1em;color:#ffd18e}.recovery-code{display:block;overflow-wrap:anywhere;font-size:20px;padding:20px;background:#031729;border:1px solid #64cdea;user-select:all}.nameplate{position:relative;width:100%;aspect-ratio:3/1;background:center/100% 100% no-repeat;display:flex;align-items:center;justify-content:center;isolation:isolate}.nameplate span{display:block;max-width:57%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:clamp(10px,1.1cqw,21px);font-weight:800;color:white;text-shadow:0 2px 4px #000}.nameplate.starter{background:linear-gradient(110deg,#075074,#05203a);border:1px solid #65c4e4;aspect-ratio:auto;min-height:2.8cqw;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%)}.nameplate.rarity-SSR{filter:drop-shadow(0 0 5px #fcb84d66)}.nameplate.rarity-UR{animation:plate-glow 3s ease-in-out infinite}.nameplate.rarity-SSR:after,.nameplate.rarity-UR:after{content:'✦';position:absolute;right:15%;top:20%;color:#fff8c7;animation:plate-star 2.5s ease-in-out infinite}.rarity-R{--rarity:#63d5ff}.rarity-SR{--rarity:#c599ff}.rarity-SSR{--rarity:#ffc35c}.rarity-UR{--rarity:#ff8de6}.rarity-odds{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.rarity-odds span{padding:6px 10px;background:#07182a;border:1px solid var(--rarity);color:var(--rarity);font-size:14px}.gacha-layout{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:5%}.gacha-machine{position:relative;display:grid;place-items:center;min-height:300px}.gacha-machine img{position:relative;width:100%;max-height:440px;object-fit:contain;filter:drop-shadow(0 12px 22px #010d20);z-index:1}.gacha-halo{position:absolute;width:100%;aspect-ratio:1;background:radial-gradient(ellipse,#2cd7ff40,transparent 65%);border-radius:50%}.gacha-details h3{font-size:clamp(20px,2cqw,32px);margin:10px 0}.gacha-details small{color:#79d5f0;letter-spacing:.15em}.gacha-balance{display:block;color:#ffe0a2;font-size:26px;margin:18px 0}.gacha-details .court-picker{margin:8px 0}.turning{animation:capsule-turn .2s linear infinite}.loot-reveal{text-align:center;animation:loot-arrive .55s ease-out}.loot-rarity{font-size:42px;color:var(--rarity);text-shadow:0 0 25px var(--rarity)}.loot-portrait{display:block;width:100%;height:min(36vh,330px);object-fit:contain;filter:drop-shadow(0 0 20px var(--rarity));margin:8px auto}.loot-reveal .nameplate{max-width:500px;margin:20px auto}.loot-reveal h3{font-size:24px}.loot-table{max-height:40vh;overflow:auto}.loot-table>div{display:grid;grid-template-columns:60px 1fr 85px;gap:8px;padding:10px;border-bottom:1px solid #4e8fab44}.loot-table>div>span:first-child{color:var(--rarity)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.collection-card{border:1px solid var(--rarity);background:#05192e;padding:12px;min-width:0}.collection-card h3{font-size:16px;margin:8px 0}.collection-card small{color:var(--rarity)}.skin-collection{grid-template-columns:1fr}.skin-collection .collection-card{display:grid;grid-template-columns:45% 1fr;align-items:center;gap:16px}.skin-preview{width:100%;height:min(34vh,320px);object-fit:contain}.collection-select{display:flex;gap:16px;align-items:center}.collection-select select{max-width:250px}.hud .player-meta,.hud .rival-meta{position:relative}.hud .nameplate{position:absolute;top:100%;width:20cqw;left:0;transform:translateX(-2cqw);max-height:5.8cqw}.hud .rival-meta .nameplate{left:auto;right:0;transform:translateX(2cqw)}#result-reward{color:#ffe1a5;font-size:1.1cqw;line-height:1.5;margin:.7cqw 0}#result-reward button{background:#0d3550;color:#fff;border:1px solid #68c8e5;padding:4px 10px}.reward-hint{color:#ffda94!important}.menu-footer{pointer-events:none}
@keyframes capsule-turn{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes loot-arrive{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes plate-glow{0%,100%{filter:drop-shadow(0 0 3px #ffeeb966)}50%{filter:drop-shadow(0 0 9px #ffe3aacc)}}@keyframes plate-star{0%,100%{opacity:.2;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}
@media(pointer:coarse){.account-dock{top:18%;right:3%}.account-dock button,.collection-menu button{font-size:max(11px,1.3cqw);min-height:30px}.account-dock small{font-size:10px}.collection-menu{margin-top:3px}.gacha-layout{grid-template-columns:35% 1fr;gap:4%}.gacha-machine{min-height:180px}.gacha-machine img{max-height:260px}.gacha-details h3{font-size:18px}.gacha-balance{font-size:18px;margin:8px 0}.rarity-odds{gap:4px;margin:8px 0}.rarity-odds span{font-size:10px;padding:4px}.gacha-details small{font-size:9px}.account-form{gap:8px}.account-form input{padding:8px}.collection-card{padding:6px}.collection-card h3{font-size:12px}.collection-card small{font-size:10px}.account-tabs button,.collection-card button{font-size:12px;padding:7px 12px}.loot-table>div{font-size:12px;grid-template-columns:40px 1fr 65px}.hud .nameplate span{font-size:10px}#result-reward{font-size:10px}.skin-preview{height:180px}.loot-rarity{font-size:28px}.loot-portrait{height:160px}.account-dock{max-width:33%}.account-dock button{max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.nameplate,.nameplate:after,.turning,.loot-reveal{animation:none!important}}

.account-dock{top:29%;right:4%;max-width:26%}.account-dock button{font-family:inherit;font-size:1.2cqw}.collection-menu{position:absolute;z-index:4;right:4%;top:41%;width:22%;display:grid;gap:.8cqw}.collection-menu button{padding:1cqw;font-family:inherit;text-align:left;background:linear-gradient(115deg,#123955ef,#071d37ef);border-left:3px solid #ffbf54}.collection-menu small{display:block;color:#a5c3d7;font-size:.85cqw;margin-top:.3cqw}@media(pointer:coarse){.account-dock{top:29%;right:4%}.account-dock button{font-size:11px}.collection-menu{top:43%;width:24%}.collection-menu button{font-size:12px}.collection-menu small{font-size:9px}}
@media(max-height:600px){.modal-panel:has(.gacha-layout){width:85%;padding:12px 20px}.modal-panel:has(.gacha-layout) h2{font-size:20px;margin:4px 0 10px}.gacha-layout{grid-template-columns:34% 1fr;gap:4%}.gacha-machine{min-height:180px}.gacha-machine img{height:230px;max-height:230px;width:100%}.gacha-details h3{font-size:18px;margin:5px 0}.gacha-details small{font-size:9px}.gacha-details p{font-size:11px;line-height:1.5;margin:6px 0}.gacha-balance{font-size:20px;margin:8px 0}.rarity-odds{gap:5px;margin:6px 0}.rarity-odds span{font-size:10px;padding:4px 6px}.gacha-details .court-picker{font-size:11px;padding:6px;margin:5px 0}.gacha-details .slash-button{font-size:14px;min-height:32px;padding:6px 12px}.gacha-details #account-error:empty{display:none}.collection-note,.account-tabs span{font-size:10px}.account-form{gap:8px}.account-form input{padding:7px}.account-form label{font-size:12px}.account-form button{min-height:32px}.collection-grid{gap:8px}.nameplate span{font-size:11px}.collection-card h3{font-size:13px}.loot-portrait{height:170px}.loot-reveal h3{font-size:18px}.loot-rarity{font-size:24px}}
.account-dock small{background:#03182bd9;padding:4px 8px;border-radius:3px}