/* Original game presentation. Combat selectors are intentionally scoped out. */
.game-shell{max-width:1480px;padding:16px 24px}.game-shell>footer{padding:12px;font-size:10px}.game-shell .topbar{padding-bottom:12px}.game-shell .topbar .gold{padding:8px 14px;border:1px solid #e2b15a78;border-radius:8px;background:#161d2e}.game-shell .brand{font-size:20px}.game-shell .brand small{font-size:8px}.game-shell h1,.game-shell h2,.game-shell strong,.member-dossier h1,.recruit-reveal h1{font-weight:1000;letter-spacing:-1px}
.game-shell svg,.member-dossier button svg,.recruit-reveal svg{width:24px;height:24px;flex:none}.game-lobby{position:relative;isolation:isolate;min-height:610px;height:calc(100svh - 175px);max-height:850px;overflow:hidden;border:1px solid #8aafa861;border-radius:16px;background:#44767d}.lobby-sky{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#0b233bee,transparent 50%,#10233d44),url('/assets/battlefield.webp') center/cover}.lobby-sky:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#0d203a);border-bottom:8px solid #16263a}.lobby-banner{position:absolute;left:0;right:0;top:24px;text-align:center;pointer-events:none}.lobby-banner>span{font-size:9px;letter-spacing:4px;color:#cceef1}.lobby-banner h1{font-size:clamp(32px,3.5vw,56px);margin:3px 0;text-shadow:3px 4px #0a2337,-1px -1px #081d37,0 4px 16px #000b;transform:rotate(-2deg);-webkit-text-stroke:.5px #132635}.title-blue{color:#68f1ff}.title-red{color:#ff9586}.lobby-banner em,.poster-title em{font-size:.6em;color:#ffd05a;margin:0 14px;font-style:italic;vertical-align:middle}.lobby-banner p{margin:0;color:#fff8df;font-size:13px;font-weight:800}.lobby-left{position:absolute;left:22px;top:145px;display:grid;gap:12px;z-index:3}.game-shortcut{display:flex;align-items:center;gap:12px;padding:10px 15px;border:2px solid #9ccad578;border-bottom:4px solid #051c35;background:linear-gradient(135deg,#244b5ddc,#142e47f5);box-shadow:0 5px 15px #08182955;min-width:155px;text-align:left;transform:rotate(-2deg);border-radius:8px}.game-shortcut svg{width:34px;height:34px;color:#ffd581;filter:drop-shadow(2px 2px #091527)}.game-shortcut span{font-size:17px}.game-shortcut small{display:block;color:#b7d6e3;font-weight:500;font-size:10px;margin-top:4px}.game-shortcut:hover:not(:disabled){background:#2e5a6a;transform:rotate(0deg) translateY(-2px)}.lobby-base{position:absolute;width:clamp(350px,43%,650px);left:46%;top:22%;transform:translateX(-50%);filter:drop-shadow(0 16px 15px #06182c80)}.hq-model{position:relative;width:100%;aspect-ratio:888/868}.hq-art{position:absolute;inset:0;background:url('/assets/headquarters-v2.webp') left top/200% 100% no-repeat}.hq-red .hq-art{background-position:right top}.base-plaque{position:absolute;left:35%;right:35%;top:33%;text-align:center;background:#122b3eee;border:2px solid #dbc790;color:#fff1b8;font-size:clamp(10px,1.3vw,18px);font-weight:900;padding:6px 0;white-space:nowrap;transform:rotate(-1deg)}.lobby-champion{position:absolute;z-index:2;left:56%;bottom:102px;background:transparent;border:0;padding:0;width:220px;overflow:visible;filter:drop-shadow(0 14px 5px #00132888)}.lobby-champion .portrait{width:100%;height:220px}.lobby-champion:hover:not(:disabled){background:transparent;transform:translateY(-5px)}.champion-bubble{position:absolute;right:-50px;top:3px;background:#fff4d8;color:#12243b;padding:9px 12px;border:3px solid #16364b;border-radius:12px;font-size:12px;transform:rotate(7deg);white-space:nowrap}.champion-caption{display:flex;flex-direction:column;background:#102b46ed;border:1px solid #66dbf099;padding:7px 15px;border-radius:8px}.champion-caption b{font-size:21px}.champion-caption small{color:#8ae0ec;font-size:11px}.champion-caption svg{width:10px;height:10px;vertical-align:middle}.lobby-right{position:absolute;right:22px;top:146px;display:grid;gap:16px;width:190px;z-index:3}.record-medal{text-align:center;background:linear-gradient(145deg,#182e45dd,#071e35ee);padding:18px 10px;border:1px solid #c5aa7077;border-radius:12px}.record-medal>svg{display:block;margin:auto;color:#ffd378;width:36px;height:36px}.record-medal strong{display:block;font-size:40px;color:#ffdb86;line-height:1.3}.record-medal strong small{font-size:16px;margin-left:4px}.record-medal>span{font-size:10px;color:#bfcedd}.daily-crate{display:flex;text-align:left;gap:10px;align-items:center;padding:14px 10px;background:linear-gradient(130deg,#786040ee,#493730ee);border:2px solid #f1ce8a;border-bottom:5px solid #42291f;box-shadow:0 6px 15px #0005;border-radius:8px}.daily-crate svg{color:#ffe48a;width:34px;height:34px}.daily-crate span{font-size:12px}.daily-crate small{font-size:10px;display:block;color:#ffdbb2;margin-top:5px}.webtoon-replay{font-size:10px;padding:8px;min-height:35px;background:#102d4399;border-color:#87c9d244}.lobby-bottom{position:absolute;bottom:18px;left:22px;right:22px;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:4}.captain-name{display:flex;gap:10px;align-items:center;min-width:240px;background:#132f48df;border:1px solid #66899288;border-radius:10px;padding:10px 22px 10px 8px;box-shadow:0 5px 15px #0005}.captain-name .portrait{width:60px;height:65px;flex:none}.captain-name small,.captain-name span{display:block;color:#aec7de;font-size:10px}.captain-name strong{font-size:21px;display:block;margin:2px 0}.lobby-cta{display:flex;gap:12px}.battle-button,.training-button{display:flex;align-items:center;justify-content:center;gap:16px;border-radius:9px;padding:16px 25px;min-width:230px;min-height:82px;border:2px solid #ffe39b;border-bottom:6px solid #92530e;background:linear-gradient(150deg,#ffdd7b,#efad39);color:#192b40;box-shadow:0 8px 20px #0006;transform:skew(-3deg)}.battle-button svg,.training-button svg{width:33px;height:33px}.battle-button span,.training-button span{font-size:28px;font-weight:1000;letter-spacing:-1.5px;display:block;text-align:left}.battle-button small,.training-button small{font-size:10px;display:block;letter-spacing:0;margin-top:4px;font-weight:600}.battle-button:hover:not(:disabled){background:#ffe298;transform:skew(-3deg) translateY(-3px)}.training-button{background:linear-gradient(145deg,#e0f6f5,#93c2d3);border-color:#ebffff;border-bottom-color:#326880;min-width:170px;padding:14px 19px}.training-button span{font-size:22px}.training-button:hover:not(:disabled){background:#e0f6ff}.game-nav{display:flex;justify-content:center;gap:6px;margin:12px auto 0;max-width:880px}.game-nav button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-width:0;background:#122a43;border:1px solid #55768d88;border-bottom:4px solid #071426;border-radius:9px;padding:12px 14px;font-size:12px}.game-nav button[aria-current]{color:#ffe19a;border-color:#f4cf6e;background:#493d2b}.game-nav svg{color:#c2deeb}.game-nav button[aria-current] svg{color:#ffde86}
.game-room{background:radial-gradient(ellipse at 30% 10%,#34707680,transparent 65%),linear-gradient(130deg,#17364d,#0c1a31);border:1px solid #5f849766;border-radius:14px;padding:25px 30px;min-height:610px}.room-heading>span{font-size:10px;letter-spacing:4px;color:#81cbd3}.room-heading h1{font-size:32px;color:#fff0cb;margin:5px 0}.room-heading p{font-size:12px;margin:0 0 20px}.archive-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.archive-card{display:block;position:relative;text-align:center;background:linear-gradient(140deg,#29475b,#10233b);border:1px solid #6493a0;border-bottom:4px solid #0a172b;padding:12px 7px;border-radius:10px;min-width:0}.archive-card:not(.owned){background:linear-gradient(140deg,#283144,#101b2b)}.archive-card:not(.owned) .portrait{filter:grayscale(.7) brightness(.65) drop-shadow(0 3px 3px #0008)}.archive-card .portrait{width:110px;max-width:100%;height:110px;margin:auto}.archive-card strong{display:block;margin-top:4px;font-size:16px}.archive-card small{display:block;color:#aacadb;font-size:10px;margin-top:5px;line-height:1.5}.archive-card .rarity-ribbon{padding:3px 6px;font-size:9px}.archive-card.tier2{border-color:#72e4c3}.archive-card.tier3{border-color:#b889ef;background:linear-gradient(140deg,#593e77,#1d2541)}.archive-card.tier4{border-color:#ffe09b;background:linear-gradient(140deg,#786044,#262d41)}.rarity-ribbon{display:inline-block;font-size:11px;font-weight:900;color:#172638;background:linear-gradient(120deg,#ffe6a1,#f3bd66);padding:5px 13px;border-radius:4px;letter-spacing:1px}.tier2 .rarity-ribbon{background:linear-gradient(120deg,#b0fddd,#55cdab)}.tier3 .rarity-ribbon{background:linear-gradient(120deg,#e6cfff,#c2a6ff)}.tier4 .rarity-ribbon{background:linear-gradient(120deg,#fff1af,#fab449)}.archive-pick{background:transparent;border:0;display:block;width:100%;padding:0}.archive-pick:hover:not(:disabled){background:transparent}.exchange-button{margin-top:7px;width:100%}.recruit-stage{display:grid;grid-template-columns:1fr 1fr 1.35fr;align-items:center;position:relative;overflow:hidden;padding:25px 20px 38px;border-radius:12px;background:radial-gradient(ellipse at 35% 5%,#91e5e531,transparent 60%),linear-gradient(#132c48,#0b172b);border:1px solid #72979c55;min-height:330px}.spotlights{position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 145deg at 20% 0%,transparent 0deg,#b6ffe511 8deg,transparent 24deg),conic-gradient(from 170deg at 52% 0%,transparent 0deg,#ffdc9822 10deg,transparent 24deg)}.recruit-candidate{position:relative;text-align:center;transform:rotate(-4deg)}.recruit-candidate .portrait{width:220px;max-width:100%;height:220px;margin:auto;filter:drop-shadow(0 10px 8px #0008)}.recruit-candidate>span{display:inline-block;font-size:11px;padding:7px 13px;color:#143248;background:#e4f9d7;border:2px solid #407077;border-radius:7px}.recruit-podium{position:relative;text-align:center;padding:30px 5px}.podium-symbol{margin:auto;width:125px;height:130px;background:linear-gradient(130deg,#ffdf85,#b57535);border:5px solid #ffe8ad;box-shadow:0 8px 0 #694020,0 0 70px #ffda6655;display:grid;place-items:center;border-radius:10px;transform:rotate(7deg)}.podium-symbol svg{width:68px;height:68px;color:#653d20}.recruit-podium strong{font-size:24px;color:#ffdf9c;display:block;margin:22px 0 5px}.recruit-podium>span{font-size:11px;color:#c7d7e3}.scout-console{position:relative;border-left:1px solid #88b0c266;padding-left:25px}.scout-console h2{font-size:28px;margin:12px 0 10px}.scout-console p{font-size:12px}.scout-facts{display:flex;gap:8px;font-size:11px;color:#abeddd;margin:15px 0}.scout-facts b{background:#264555;padding:7px 10px;border-radius:5px}.scout-console .battle-button{width:100%;min-width:0;padding:13px 18px;min-height:74px}.scout-console .battle-button span{font-size:21px}.beta-note{display:block;font-size:10px;color:#9fb4ce;line-height:1.6;margin:14px 0 10px}.collection-label{margin:25px 0 15px;color:#fff0cf}.collection-label small{font-size:11px;color:#9ec7db;margin-left:10px}.compact .archive-card .portrait{width:95px;height:95px}
.repair-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.repair-world{position:relative;min-height:500px;background:linear-gradient(#0d254622,#0e233cc9),url('/assets/battlefield.webp') center/cover;border:1px solid #70999f88;border-radius:12px;overflow:hidden;padding:14px 10px 44px}.repair-world .hq-model{max-width:530px;margin:0 auto}.hq-bays{position:absolute;left:20.5%;right:22%;top:40.8%;bottom:18.8%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5.7% 4.8%}.bay-selector{padding:3px;min-height:0;border:1px solid #91d1cb88;border-radius:2px;background:#153843c7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bay-selector small{font-size:9px;display:block;color:#c5e4ec}.bay-selector b{font-size:14px;color:#effbde}.bay-selector span{display:none}.bay-selector.selected{border:2px solid #ffe278;background:#7e602ace;box-shadow:0 0 18px #ffda6677, inset 0 0 10px #ffde7766}.bay-selector:hover:not(:disabled){background:#306869bd;transform:none}.faction-tabs{position:relative;z-index:2;display:flex;justify-content:center;gap:6px}.faction-tabs button{font-size:11px;padding:7px 14px;min-height:34px;background:#152d44da;border-color:#86b0b86b}.faction-tabs button[aria-pressed=true]{color:#ffdb92;border-color:#f1d27d;background:#554731}.blueprint-label{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;background:#102338e8;border:1px solid #6db9bf88;padding:8px 5px;border-radius:7px;font-size:11px}.blueprint-label strong{color:#ffde92;font-size:19px;margin:0 10px}.blueprint-label span{font-size:10px;color:#aad9e0}.repair-console{border:1px solid #a0b3a255;background:linear-gradient(150deg,#223f4f,#122139);padding:24px;border-radius:12px}.repair-console h2{font-size:30px;margin:15px 0 20px}.repair-level{display:flex;align-items:center;gap:20px;background:#0d263e;padding:20px;border-radius:10px;border:1px solid #426981}.repair-level svg{width:55px;height:55px;color:#ffda8a}.repair-level strong{font-size:32px}.repair-level small{display:block;color:#8adcbd;font-size:13px;letter-spacing:0;margin-top:4px}.upgrade-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #68848644;font-size:12px}.upgrade-stat b{font-size:23px}.upgrade-stat em{color:#9febcd;font-size:19px;font-style:normal;margin-left:10px}.upgrade-pips{display:flex;gap:5px;margin:22px 0}.upgrade-pips i{flex:1;height:8px;background:#091c2d;border-radius:3px}.upgrade-pips .on{background:#76e2be;box-shadow:0 0 8px #76e2be44}.repair-console .battle-button{width:100%;min-width:0;min-height:74px;padding:12px;gap:10px}.repair-console .battle-button span{font-size:23px}.repair-notes{font-size:11px;margin:19px 0 12px}.insufficient{color:#ffa39b;font-size:12px;margin:10px 0 0}
.detail-backdrop{z-index:30;background:#021022e8;backdrop-filter:blur(9px)}.member-dossier{width:min(1040px,100%);max-height:92svh;overflow:auto;border:2px solid #7fa8b4;border-radius:14px;background:#122b40;box-shadow:0 25px 100px #000b}.dossier-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#071b30;color:#a2cad4;font-size:10px;letter-spacing:3px}.dossier-header button{border:1px solid #90adbd77;font-size:24px;padding:0;width:38px;min-height:38px;border-radius:6px}.dossier-grid{display:grid;grid-template-columns:.85fr 1.4fr}.dossier-portrait{position:relative;isolation:isolate;padding:35px 20px;text-align:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#67aeb866,transparent 65%),repeating-conic-gradient(from 0deg at 50% 45%,#224858 0deg 12deg,#153144 12deg 24deg)}.dossier-portrait>.portrait{position:relative;width:min(290px,100%);height:290px;margin:22px auto 5px;filter:drop-shadow(0 15px 8px #001526b0)}.portrait-halo{position:absolute;top:100px;left:15%;right:15%;height:235px;border-radius:50%;background:#97eed713;box-shadow:0 0 60px #76d6d422;z-index:-1}.dossier-portrait h1{font-size:38px;margin:0 0 10px;color:#fff2d5}.ownership{display:block;color:#a3e4d5;font-size:11px}.dossier-portrait p{font-size:12px;margin:20px 0;line-height:1.7}.dossier-skills{padding:25px;background:linear-gradient(145deg,#18344e,#11213b)}.dossier-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dossier-stats>div{background:#0b2036;border:1px solid #5c839e66;border-radius:7px;padding:10px}.dossier-stats small{font-size:10px;color:#a9c5d9;display:block}.dossier-stats b{font-size:24px;color:#ffe59c;display:block;margin-top:5px}.dossier-skills h3{margin:22px 0 12px;color:#fff0cf}.dossier-skills h3 small{font-size:10px;color:#aac6d7;margin-left:8px}.dossier-tabs{display:flex;flex-wrap:wrap;gap:7px}.dossier-tabs button{flex:1;min-width:110px;font-size:11px;padding:10px 8px;background:#203b54;border-radius:7px;border-color:#7896ab66}.dossier-tabs button span{display:block;font-size:9px;color:#a9cedc;margin-bottom:4px}.dossier-tabs button[aria-pressed=true]{color:#fff5cf;border-color:var(--skill-color);background:#405657;box-shadow:0 0 12px color-mix(in srgb,var(--skill-color) 18%,transparent)}.skill-blueprint{border:1px solid color-mix(in srgb,var(--skill-color) 60%,transparent);border-radius:10px;padding:18px;margin-top:15px;background:#0c2035}.skill-blueprint>span{font-size:10px;color:var(--skill-color)}.skill-blueprint h2{font-size:23px;margin:6px 0 0;color:#ffedc7}.skill-flight{display:flex;align-items:center;color:var(--skill-color);gap:10px}.skill-flight svg{width:75%;height:75px;min-width:0}.skill-flight b{font-size:15px;white-space:nowrap;transform:rotate(-9deg)}.skill-blueprint p{font-size:11px;line-height:1.7;margin:0 0 12px}.skill-tags{display:flex;flex-wrap:wrap;gap:5px}.skill-tags span{font-size:10px;padding:5px 8px;border:1px solid #5d7b8d;border-radius:4px;color:#b7d6e6}.dossier-note{font-size:10px;margin:15px 0 0;line-height:1.6;color:#9eb8cb}.member-dossier.tier2{border-color:#93ecc6}.member-dossier.tier3{border-color:#c6a6ff}.member-dossier.tier4{border-color:#ffdf84}.member-dossier.tier3 .dossier-portrait{background:radial-gradient(ellipse at center,#9754c455,transparent),#33274e}.member-dossier.tier4 .dossier-portrait{background:radial-gradient(ellipse at center,#e9b75855,transparent),#47322b}
.reveal-backdrop{z-index:35;background:#071127f0;backdrop-filter:blur(10px)}.recruit-reveal{position:relative;isolation:isolate;overflow:hidden;width:min(930px,100%);max-height:94svh;overflow-y:auto;text-align:center;padding:30px 20px 26px;border:2px solid #92c7e0;border-radius:16px;background:radial-gradient(ellipse at center,#3478a5,#0e284b 60%,#08172e);box-shadow:0 0 80px #368ac444}.recruit-reveal.tier2{background:radial-gradient(ellipse at center,#37977e,#103f43 60%,#081b32);border-color:#a6ffe4;box-shadow:0 0 85px #4ee2a955}.recruit-reveal.tier3{background:radial-gradient(ellipse at center,#a568cc,#3d245b 60%,#0d1a33);border-color:#e0c0ff}.recruit-reveal.tier4{background:radial-gradient(ellipse at center,#d3a048,#684923 60%,#181c32);border-color:#ffe08e}.reveal-copy{position:relative;z-index:2;animation:reveal-arrive .65s ease-out both}.reveal-copy h1{color:#fff1bd;font-size:36px;text-shadow:0 4px 0 #14333e;margin:12px 0 6px}.reveal-copy p{font-size:12px;color:#cce8f5;margin-bottom:0}.reveal-rays{position:absolute;inset:-80%;z-index:-1;opacity:.18;background:repeating-conic-gradient(from 0deg,#fff3ad 0deg 8deg,transparent 8deg 18deg);animation:reveal-spin 35s linear infinite}.dance-floor{height:260px;position:relative;margin:10px auto 0;max-width:630px}.dancing-member{position:absolute;left:50%;bottom:0;width:255px;margin-left:-127px;transform-origin:50% 87%;animation:member-dance .78s ease-in-out infinite}.dancing-member .portrait{width:255px;height:255px;filter:drop-shadow(0 10px 5px #02182b88)}.dance-shadow{position:absolute;left:50%;bottom:3px;transform:translateX(-50%);width:155px;height:20px;background:#02132c77;border-radius:50%;animation:dance-shadow .78s ease-in-out infinite}.dance-sound{position:absolute;left:5%;top:35%;font-size:22px;font-weight:1000;color:#fff2a7;transform:rotate(-12deg);text-shadow:2px 3px #183948;animation:dance-cheer 1.3s alternate infinite}.dance-sound.second{left:auto;right:0;top:60%;font-size:15px;transform:rotate(10deg);animation-delay:.4s}.reveal-name strong{display:block;font-size:36px;color:#fff1cd;letter-spacing:-1px}.reveal-name>span{font-size:12px;color:#b5e4df}.reveal-reward{font-size:12px;margin:18px 0}.reveal-actions{display:flex;justify-content:center;gap:10px;position:relative;z-index:3}.reveal-actions button{min-width:150px}.fireworks{position:absolute;inset:0;pointer-events:none;z-index:1}.firework{position:absolute;left:calc(12% + mod(var(--burst),3)*35%);top:calc(25% + var(--burst)*7%);width:4px;height:4px}.firework:nth-child(1){left:15%;top:38%}.firework:nth-child(2){left:81%;top:30%}.firework:nth-child(3){left:10%;top:70%}.firework:nth-child(4){left:90%;top:63%}.firework:nth-child(5){left:34%;top:22%}.firework:nth-child(6){left:70%;top:85%}.firework i{position:absolute;inset:0;background:#ffdf72;width:4px;height:10px;border-radius:3px;box-shadow:0 0 8px #ffe493;transform:rotate(calc(var(--ray)*30deg)) translateY(-8px);animation:firework-burst 1.9s ease-out infinite;animation-delay:calc(var(--burst)*.24s)}.tier2 .firework i{background:#9bffe3}.tier3 .firework i{background:#e9beff}.tier4 .firework i{background:#fff3ab}@keyframes firework-burst{0%{opacity:0;transform:rotate(calc(var(--ray)*30deg)) translateY(-8px) scale(.3)}15%{opacity:1}85%,100%{opacity:0;transform:rotate(calc(var(--ray)*30deg)) translateY(-105px) scale(.4)}}@keyframes member-dance{0%,100%{transform:translateY(0) rotate(-9deg)}25%{transform:translateY(-20px) rotate(11deg) scale(1.03,.98)}50%{transform:translateY(0) rotate(9deg)}75%{transform:translateY(-18px) rotate(-12deg) scale(.98,1.02)}}@keyframes dance-shadow{25%,75%{transform:translateX(-50%) scale(.75);opacity:.5}}@keyframes dance-cheer{to{opacity:.55;translate:0 -6px}}@keyframes reveal-spin{to{rotate:360deg}}@keyframes reveal-arrive{from{opacity:0;transform:scale(.7) translateY(-20px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.game-shell{padding:12px}.game-lobby{min-height:560px;height:calc(100svh - 155px)}.lobby-left{left:15px}.game-shortcut{min-width:130px;padding:10px}.game-shortcut span{font-size:14px}.lobby-right{right:15px;width:160px}.lobby-base{width:47%;top:25%}.lobby-champion{width:180px;left:52%;bottom:108px}.lobby-champion .portrait{height:180px}.lobby-bottom{left:15px;right:15px}.captain-name{min-width:190px;padding-right:12px}.battle-button{min-width:190px}.lobby-cta{gap:8px}.training-button{min-width:140px}.training-button span{font-size:19px}.battle-button span{font-size:24px}.recruit-stage{grid-template-columns:.8fr .8fr 1.3fr}.recruit-candidate .portrait{height:170px;width:170px}.scout-console{padding-left:18px}.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.repair-world{min-height:430px}.repair-console{padding:18px}.repair-layout{gap:15px;grid-template-columns:1.5fr 1fr}.bay-selector b{font-size:12px}.hq-bays{gap:5.7% 4.8%}}
@media(max-width:720px){.game-shell{padding:8px}.game-shell .topbar{gap:6px}.game-shell .brand{font-size:17px}.game-shell .brand small{display:none}.game-shell .topbar .gold{padding:6px 9px}.game-shell .profilebar{gap:6px;font-size:10px}.game-shell .profilebar .tag{font-size:9px}.game-lobby{height:680px;min-height:0;max-height:none}.lobby-banner{top:18px}.lobby-banner h1{font-size:40px}.lobby-banner>span{font-size:7px;letter-spacing:2px}.lobby-left{top:118px;left:10px;gap:10px}.game-shortcut{min-width:100px;padding:8px;gap:6px}.game-shortcut svg{width:26px;height:26px}.game-shortcut span{font-size:12px}.game-shortcut small{font-size:8px}.lobby-right{top:117px;right:10px;width:110px;gap:10px}.record-medal{padding:12px 6px}.record-medal strong{font-size:27px}.record-medal>svg{height:25px;width:25px}.record-medal>span{font-size:8px}.daily-crate{padding:10px 5px;gap:4px}.daily-crate svg{width:22px;height:22px}.daily-crate span{font-size:9px}.daily-crate small{font-size:8px}.webtoon-replay{font-size:8px;line-height:1.6}.lobby-base{width:100%;max-width:420px;left:50%;top:235px}.base-plaque{font-size:12px;padding:3px}.lobby-champion{left:53%;bottom:157px;width:145px}.lobby-champion .portrait{height:145px}.champion-bubble{font-size:9px;right:0;top:-2px;padding:6px 8px}.champion-caption{padding:5px 10px}.champion-caption b{font-size:16px}.champion-caption small{font-size:9px}.lobby-bottom{left:10px;right:10px;bottom:12px;display:grid;gap:10px}.captain-name{padding:5px 10px;width:fit-content;min-width:180px;background:#132b43ee}.captain-name .portrait{width:42px;height:42px}.captain-name strong{font-size:15px}.captain-name small,.captain-name span{font-size:8px}.lobby-cta{width:100%;gap:8px}.lobby-cta button{flex:1;min-width:0;min-height:69px;padding:10px;gap:10px}.lobby-cta svg{width:24px;height:24px}.lobby-cta .battle-button{flex:1.3}.lobby-cta .battle-button span{font-size:23px}.lobby-cta .training-button span{font-size:19px}.lobby-cta small{font-size:8px}.game-nav{gap:4px;margin-top:7px}.game-nav button{padding:8px 4px;flex-direction:column;gap:4px;font-size:9px;border-bottom-width:3px}.game-nav svg{width:21px;height:21px}.game-room{padding:20px 14px;min-height:0}.room-heading h1{font-size:25px}.room-heading>span{font-size:8px;letter-spacing:2px}.room-heading p{font-size:11px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.archive-card{padding:8px 5px}.archive-card .portrait{width:86px;height:86px}.archive-card strong{font-size:13px}.archive-card small{font-size:8px}.archive-card .rarity-ribbon{font-size:8px}.recruit-stage{grid-template-columns:1fr 1fr;padding:20px 12px;min-height:0}.recruit-candidate .portrait{height:150px;width:150px}.recruit-candidate>span{font-size:8px;padding:5px}.podium-symbol{width:90px;height:100px}.podium-symbol svg{width:45px;height:45px}.recruit-podium{padding:10px}.recruit-podium strong{font-size:20px}.recruit-podium>span{font-size:9px}.scout-console{grid-column:1/-1;border-left:0;border-top:1px solid #55798288;padding:20px 0 0;margin-top:20px}.scout-console h2{font-size:25px}.scout-console .battle-button{max-width:350px}.compact .archive-card .portrait{width:80px;height:80px}.exchange-button{font-size:9px!important;padding:4px!important;min-height:29px!important}.repair-layout{grid-template-columns:1fr;gap:14px}.repair-world{min-height:0;padding-bottom:48px}.repair-world .hq-model{max-width:430px}.bay-selector small{font-size:7px}.bay-selector b{font-size:10px}.bay-selector{gap:1px}.repair-console{padding:18px}.repair-console h2{font-size:26px;margin:13px 0}.repair-level{padding:12px}.repair-level strong{font-size:25px}.repair-level svg{width:35px;height:35px}.upgrade-stat{padding:12px 0}.upgrade-pips{margin:16px 0}.blueprint-label{font-size:9px}.blueprint-label strong{font-size:16px}.blueprint-label span{font-size:8px}.dossier-grid{grid-template-columns:1fr}.dossier-portrait{padding:20px 15px}.dossier-portrait>.portrait{width:175px;height:175px;margin:12px auto 0}.dossier-portrait h1{font-size:28px}.dossier-portrait p{margin:12px 0 0}.portrait-halo{top:50px;height:170px}.dossier-skills{padding:16px}.dossier-stats{gap:6px}.dossier-stats>div{padding:8px}.dossier-stats small{font-size:8px}.dossier-stats b{font-size:20px}.dossier-tabs button{min-width:100px}.dossier-header{padding:8px 12px}.skill-blueprint{padding:14px}.skill-flight b{font-size:12px}.recruit-reveal{padding:25px 12px 20px}.reveal-copy h1{font-size:25px}.dance-floor{height:230px}.dancing-member{width:220px;margin-left:-110px}.dancing-member .portrait{width:220px;height:220px}.dance-sound{font-size:16px;left:0;top:20%}.dance-sound.second{font-size:11px;right:0;top:76%}.reveal-name strong{font-size:28px}.reveal-actions{gap:7px}.reveal-actions button{min-width:0;flex:1;max-width:180px;font-size:12px}.reveal-reward{font-size:11px}}
@media(max-width:360px){.lobby-cta .battle-button span{font-size:20px}.lobby-cta .training-button span{font-size:16px}.game-shell .profilebar .tag{display:none}.lobby-banner h1{font-size:35px}.lobby-champion{left:50%;width:135px}.lobby-champion .portrait{height:135px}.archive-card .portrait{width:70px;height:70px}.dossier-stats b{font-size:18px}}
@media(max-height:600px) and (min-width:721px){.game-lobby{min-height:480px}.lobby-banner{top:12px}.lobby-banner h1{font-size:35px}.lobby-left,.lobby-right{top:100px}.lobby-base{width:360px;top:110px}.lobby-champion{width:145px;bottom:110px}.lobby-champion .portrait{height:145px}.record-medal{padding:10px}.record-medal strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.game-shell *,.member-dossier *,.recruit-reveal *{animation:none!important;transition:none!important}.fireworks{display:none}}
.game-lobby{min-height:520px}
.reveal-rays{inset:0;overflow:hidden;animation:none;background:none}
.reveal-rays:before{content:'';position:absolute;inset:-80%;background:repeating-conic-gradient(from 0deg,#fff3ad 0deg 8deg,transparent 8deg 18deg);animation:reveal-spin 35s linear infinite}
.recruit-reveal.tier2 .dancing-member{animation-duration:.6s}
.recruit-reveal.tier3 .dancing-member{animation-duration:.5s}
.recruit-reveal.tier4 .dancing-member{animation-duration:.42s}
.login{position:relative;isolation:isolate;background:linear-gradient(90deg,#0d1d3855,#0d1d3888),url('/assets/opening-poster-v17.webp?v=mobile-27') center/cover;min-height:min(720px,90svh);margin:20px auto;grid-template-columns:1.5fr 1fr}
.login-art{background:linear-gradient(0deg,#0a1d3666,transparent);padding:38px}
.login-art h1{font-weight:1000;-webkit-text-stroke:1px #14344b;letter-spacing:-3px}
.login-form{background:#091c36e8;margin:35px 30px 35px 0;border:1px solid #9dcfd17a;border-radius:14px;padding:28px;backdrop-filter:blur(8px)}
@media(max-width:720px){.game-lobby{min-height:0}.login{margin:8px;grid-template-columns:1fr;min-height:0}.login-art{padding:25px;min-height:280px}.login-form{margin:0 12px 14px;padding:23px}.login-art h1{font-size:42px}.reveal-rays:before{animation:none}}
@media(max-height:600px) and (min-width:721px){.game-lobby{min-height:480px}}
@media(prefers-reduced-motion:reduce){.reveal-rays:before{animation:none!important}}

.dancing-member{height:255px}
.dancing-member>div{position:absolute;inset:0}
.dance-torso{clip-path:inset(0 0 22% 0);transform-origin:50% 78%;animation:torso-groove .78s ease-in-out infinite}
.dance-leg-left{clip-path:polygon(0 78%,51% 78%,51% 100%,0 100%);transform-origin:44% 78%;animation:leg-kick .78s ease-in-out infinite}
.dance-leg-right{clip-path:polygon(51% 78%,100% 78%,100% 100%,51% 100%);transform-origin:58% 78%;animation:leg-kick .78s ease-in-out infinite reverse;animation-delay:-.39s}
@keyframes torso-groove{0%,100%{rotate:-4deg}50%{rotate:5deg}}
@keyframes leg-kick{0%,50%,100%{rotate:0deg}25%{rotate:28deg}75%{rotate:-18deg}}
@media(max-width:720px){.dancing-member{height:220px}.champion-bubble{display:none}}
@media(prefers-reduced-motion:reduce){.dancing-member>div{animation:none!important}}