:root{--background: #0b1020;--surface: #151d33;--surface-2: #1b2745;--primary: #62e6ff;--secondary: #8a7cff;--danger: #ff5d73;--reward: #ffd166;--text: #f6f8ff;--muted: #aab3cc;--line: rgba(170, 179, 204, .15)}.screen{width:100%;height:100dvh;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--secondary) 24%,var(--surface)) 0,var(--background) 44%);color:var(--text);scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.safe-area{padding:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 16px) calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 20px) calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 18px) calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 20px)}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center}.center-screen h1{margin:4px 0 0;font-size:clamp(24px,7vw,34px)}.center-screen p{max-width:340px;margin:0 0 12px;color:var(--muted);line-height:1.6}.primary-button{border:1px solid transparent;border-radius:16px;min-height:52px;padding:13px 20px;background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--primary) 72%,white));color:#07101f;font-weight:800;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--primary) 18%,transparent);transition:transform .15s ease,opacity .15s ease}.primary-button:active{transform:scale(.975)}.primary-button:disabled{opacity:.42;cursor:default;box-shadow:none}.primary-button.secondary{color:var(--text);background:#ffffff0e;border-color:var(--line);box-shadow:none}.primary-button.danger{color:#ffcbd2;background:#ff5d731c;border-color:#ff5d7340;box-shadow:none}.primary-button.reward{color:#251900;background:linear-gradient(135deg,var(--reward),color-mix(in srgb,var(--reward) 74%,#ff8d3d));box-shadow:0 10px 28px color-mix(in srgb,var(--reward) 18%,transparent)}.logo{display:flex;align-items:center;gap:16px;text-align:left}.logo>div{display:flex;flex-direction:column;line-height:.9}.logo small{color:var(--primary);font-size:18px;font-weight:900;letter-spacing:.35em}.logo strong{color:#fff;font-size:clamp(40px,12vw,66px);font-style:italic;font-weight:950;line-height:.94;letter-spacing:-.055em;text-shadow:0 0 24px color-mix(in srgb,var(--primary) 32%,transparent)}.logo em{margin-top:12px;color:var(--muted);font-size:14px;font-style:normal;font-weight:700;letter-spacing:.3em}.logo-orbit{position:relative;overflow:hidden;width:82px;height:82px;flex:0 0 82px;border:1px solid rgba(98,230,255,.45);border-radius:22px;background:#08101f;box-shadow:inset 0 0 25px #62e6ff1a,0 0 24px #62e6ff29}.logo-orbit img{width:100%;height:100%;object-fit:cover}.logo.dynamic-title-logo{display:block;width:min(88vw,420px);text-align:center}.logo-title-stack{position:relative;display:block;width:100%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.58))}.logo-title-stack img{display:block;width:100%;height:auto;object-fit:contain}.logo-title-glow{position:absolute;inset:0;opacity:.32;mix-blend-mode:screen;animation:joseon-title-glow 2.8s ease-in-out infinite;pointer-events:none}@keyframes joseon-title-glow{0%,to{opacity:.24;transform:scale(.995)}48%{opacity:.68;transform:scale(1.014)}}@media (prefers-reduced-motion: reduce){.logo-title-glow{opacity:.34;animation:none}}.loading-screen{background:radial-gradient(circle,color-mix(in srgb,var(--secondary) 28%,var(--surface)) 0,var(--background) 58%)}.loading-screen .logo{transform:scale(.82)}.loading-screen p{font-size:14px;letter-spacing:.06em}.loading-orbit{position:relative;width:54px;height:54px;animation:spin 1.1s linear infinite}.loading-orbit span{position:absolute;left:23px;top:0;width:8px;height:18px;border-radius:5px;background:var(--primary);transform-origin:4px 27px}.loading-orbit span:nth-child(2){transform:rotate(120deg);opacity:.65}.loading-orbit span:nth-child(3){transform:rotate(240deg);opacity:.3}@keyframes spin{to{transform:rotate(360deg)}}.error-mark{display:grid;place-items:center;width:72px;height:72px;border:2px solid var(--danger);border-radius:50%;color:var(--danger);font-size:42px;font-weight:900;box-shadow:0 0 30px #ff5d732e}.lobby-screen{position:relative;display:flex;flex-direction:column}.dev-badge{align-self:flex-start;padding:6px 10px;border:1px solid rgba(98,230,255,.25);border-radius:99px;color:var(--primary);background:#62e6ff12;font-size:11px;font-weight:800}.hero{--lobby-hero-accent: #e9b95f;--lobby-hero-accent-soft: rgba(233, 185, 95, .3);position:relative;isolation:isolate;display:flex;overflow:hidden;flex:1;min-height:438px;flex-direction:column;justify-content:center;align-items:center;border:1px solid color-mix(in srgb,var(--lobby-hero-accent) 24%,transparent);border-radius:28px;background:#07101d;box-shadow:inset 0 0 0 1px #ffffff06,0 22px 54px #02060e61,0 0 36px color-mix(in srgb,var(--lobby-hero-accent) 7%,transparent);text-align:center}.lobby-character-hero.is-moonArcher{--lobby-hero-accent: #6ed8ff;--lobby-hero-accent-soft: rgba(110, 216, 255, .3)}.lobby-character-hero.is-flameShaman{--lobby-hero-accent: #ff755f;--lobby-hero-accent-soft: rgba(255, 117, 95, .32)}.lobby-character-hero.is-shadowNinja{--lobby-hero-accent: #a98cff;--lobby-hero-accent-soft: rgba(169, 140, 255, .3)}.hero:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,#04081133,#0408110a 38%,#040811eb 86%,#070d19),linear-gradient(90deg,rgba(5,9,18,.42),transparent 48%);pointer-events:none}.hero-art{position:absolute;z-index:-1;inset:-8% 0 -18%;width:100%;height:126%;object-fit:cover;object-position:50% 38%;opacity:.84;filter:saturate(.92) contrast(1.08) brightness(.78);transform:scale(1.035);animation:lobby-background-drift 14s ease-in-out infinite alternate}.lobby-hero-moon{position:absolute;z-index:0;top:48px;left:18px;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#f8f1d0 0 4%,transparent 5%),radial-gradient(circle at 62% 60%,rgba(65,80,107,.42) 0 7%,transparent 8%),radial-gradient(circle at 35% 68%,rgba(65,80,107,.34) 0 9%,transparent 10%),radial-gradient(circle at 50% 45%,#e6edf7,#8595ac 70%,#34435b);box-shadow:0 0 34px #b8ddff47,0 0 78px #6ed8ff1a;opacity:.74;animation:lobby-moon-pulse 5.4s ease-in-out infinite}.lobby-hero-sigil{position:absolute;z-index:1;top:142px;right:-31px;width:148px;height:148px;border:1px solid color-mix(in srgb,var(--lobby-hero-accent) 58%,transparent);border-radius:50%;opacity:.5;box-shadow:inset 0 0 22px var(--lobby-hero-accent-soft),0 0 22px var(--lobby-hero-accent-soft);animation:lobby-sigil-spin 18s linear infinite}.lobby-hero-sigil:before,.lobby-hero-sigil:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--lobby-hero-accent) 44%,transparent);border-radius:50%}.lobby-hero-sigil:before{inset:17px;border-style:dashed}.lobby-hero-sigil:after{inset:38px;box-shadow:inset 0 0 18px var(--lobby-hero-accent-soft)}.lobby-hero-sigil i{position:absolute;top:50%;left:50%;width:9px;height:9px;border-radius:50%;background:var(--lobby-hero-accent);box-shadow:0 0 12px var(--lobby-hero-accent)}.lobby-hero-sigil i:nth-child(1){transform:translate(-50%,-50%) translateY(-74px)}.lobby-hero-sigil i:nth-child(2){transform:translate(-50%,-50%) rotate(120deg) translateY(-74px)}.lobby-hero-sigil i:nth-child(3){transform:translate(-50%,-50%) rotate(240deg) translateY(-74px)}.lobby-hero-particles{position:absolute;z-index:2;inset:48px 0 42px;overflow:hidden;pointer-events:none}.lobby-hero-particles i{position:absolute;bottom:-12px;width:4px;height:4px;border-radius:50%;background:var(--lobby-hero-accent);box-shadow:0 0 10px var(--lobby-hero-accent);opacity:0;animation:lobby-particle-rise 4.6s linear infinite}.lobby-hero-particles i:nth-child(1){left:9%;animation-delay:-.2s}.lobby-hero-particles i:nth-child(2){left:21%;animation-delay:-2.7s}.lobby-hero-particles i:nth-child(3){left:34%;animation-delay:-1.1s}.lobby-hero-particles i:nth-child(4){left:46%;animation-delay:-3.8s}.lobby-hero-particles i:nth-child(5){left:58%;animation-delay:-1.8s}.lobby-hero-particles i:nth-child(6){left:71%;animation-delay:-4.3s}.lobby-hero-particles i:nth-child(7){left:83%;animation-delay:-.8s}.lobby-hero-particles i:nth-child(8){left:93%;animation-delay:-3.1s}.lobby-hero-character-stage{position:absolute;z-index:2;bottom:-48px;left:50%;width:min(95%,440px);height:390px;margin:0;transform:translate(-50%);transform-origin:50% 100%;animation:lobby-character-enter .5s cubic-bezier(.2,.82,.2,1) both;pointer-events:none}.lobby-hero-character{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 16px 18px rgba(0,0,0,.72)) drop-shadow(0 0 13px var(--lobby-hero-accent-soft));transform-origin:50% 100%;animation:lobby-character-breathe 4.4s ease-in-out .48s infinite}.lobby-character-hero.is-nightWarrior .lobby-hero-character{transform:scale(1.08)}.lobby-character-hero.is-flameShaman .lobby-hero-character{transform:translate(3%) scale(1.08)}.lobby-character-hero.is-shadowNinja .lobby-hero-character{transform:translate(2%) scale(1.05)}.lobby-hero-aura{position:absolute;z-index:0;right:7%;bottom:18%;width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--lobby-hero-accent-soft),color-mix(in srgb,var(--lobby-hero-accent) 7%,transparent) 38%,transparent 70%);filter:blur(2px);animation:lobby-aura-breathe 3.2s ease-in-out infinite}.lobby-hero-weapon-fx{position:absolute;z-index:3;right:2%;bottom:24%;width:64%;height:74px;border-top:2px solid var(--lobby-hero-accent);border-radius:50%;opacity:.72;filter:drop-shadow(0 0 7px var(--lobby-hero-accent));transform:rotate(-16deg);animation:lobby-weapon-sweep 3.6s ease-in-out infinite}.lobby-character-hero.is-moonArcher .lobby-hero-weapon-fx{right:5%;bottom:42%;width:82%;height:28px;border-top-width:1px;border-radius:0;transform:rotate(7deg)}.lobby-character-hero.is-flameShaman .lobby-hero-weapon-fx{right:8%;bottom:47%;width:76px;height:76px;border:2px solid var(--lobby-hero-accent);border-radius:50%;background:radial-gradient(circle,#fff3c2 0 3%,#ff7a44 9%,transparent 62%);transform:none;animation:lobby-fire-orb 2.2s ease-in-out infinite}.lobby-character-hero.is-shadowNinja .lobby-hero-weapon-fx{right:4%;bottom:33%;width:78%;height:104px;border-top-width:2px;border-bottom:1px solid color-mix(in srgb,var(--lobby-hero-accent) 42%,transparent);transform:rotate(-9deg);animation:lobby-ninja-orbit 4.2s linear infinite}.lobby-hero-ground-shadow{position:absolute;z-index:1;right:12%;bottom:16px;left:12%;height:34px;border-radius:50%;background:#000000c7;filter:blur(13px)}.hero-content{position:absolute;z-index:4;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px 16px 17px;text-shadow:0 2px 12px #050911;pointer-events:none}.hero .logo{transform:scale(.7);transform-origin:top center;margin:0 -50px}.hero .logo.dynamic-title-logo{width:min(74%,304px);margin:-6px auto 0;transform:none}.lobby-hero-class-copy{align-self:flex-start;display:grid;min-width:142px;justify-items:start;gap:2px;padding:10px 13px;border:1px solid color-mix(in srgb,var(--lobby-hero-accent) 34%,transparent);border-radius:14px;background:linear-gradient(135deg,#050912e0,#080f1cad);box-shadow:inset 3px 0 color-mix(in srgb,var(--lobby-hero-accent) 72%,transparent),0 10px 24px #00000042;text-align:left;backdrop-filter:blur(8px)}.lobby-hero-class-copy small{color:var(--lobby-hero-accent);font-size:8px;font-weight:950;letter-spacing:.14em}.lobby-hero-class-copy strong{color:#fff5d8;font-size:20px;letter-spacing:-.025em}.lobby-hero-class-copy p{margin:0;color:#b8c2d4;font-size:9px;font-weight:760}@keyframes lobby-background-drift{0%{transform:scale(1.035) translate3d(-.8%,-.4%,0)}to{transform:scale(1.075) translate3d(.8%,.5%,0)}}@keyframes lobby-character-enter{0%{opacity:0;transform:translate(-45%) translateY(16px) scale(.94);filter:blur(2px)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}@keyframes lobby-character-breathe{0%,to{translate:0 0}48%{translate:0 -6px}}@keyframes lobby-aura-breathe{0%,to{opacity:.45;transform:scale(.92)}50%{opacity:.84;transform:scale(1.08)}}@keyframes lobby-moon-pulse{0%,to{opacity:.66;transform:scale(.98)}50%{opacity:.82;transform:scale(1.02)}}@keyframes lobby-sigil-spin{to{transform:rotate(360deg)}}@keyframes lobby-particle-rise{0%{opacity:0;transform:translate3d(0,16px,0) scale(.6)}18%{opacity:.8}72%{opacity:.38}to{opacity:0;transform:translate3d(13px,-280px,0) scale(1.35)}}@keyframes lobby-weapon-sweep{0%,to{opacity:.2;transform:rotate(-18deg) scaleX(.86)}50%{opacity:.82;transform:rotate(-13deg) scaleX(1.02)}}@keyframes lobby-fire-orb{0%,to{opacity:.58;transform:scale(.84);box-shadow:0 0 8px var(--lobby-hero-accent)}50%{opacity:.94;transform:scale(1.1);box-shadow:0 0 30px var(--lobby-hero-accent)}}@keyframes lobby-ninja-orbit{to{transform:rotate(351deg)}}.stats-row{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}.stat-card{display:flex;min-width:0;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#151d33c7}.stat-card span{color:var(--muted);font-size:12px;font-weight:700}.stat-card strong{overflow:hidden;font-size:21px;text-overflow:ellipsis}.stat-card.accent strong{color:var(--primary)}.character-select{display:flex;flex-direction:column;gap:8px;margin-top:12px}.character-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-card{--character-accent: var(--reward);position:relative;display:grid;overflow:hidden;min-height:104px;grid-template-columns:42% 1fr;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:linear-gradient(145deg,#1c2742f5,#0a101ef5);text-align:left;cursor:pointer}.character-card[data-character=moonArcher]{--character-accent: #6ed8ff}.character-card[data-character=flameShaman]{--character-accent: #ff755f}.character-card[data-character=shadowNinja]{--character-accent: #a98cff}.character-card:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.28));pointer-events:none}.character-card img{position:relative;z-index:1;width:100%;height:94px;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.55));transform-origin:50% 100%;transition:transform .22s ease,filter .22s ease}.character-card span{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:3px}.character-card b{font-size:13px}.character-card small{color:var(--primary);font-size:9px;font-weight:900}.character-card em{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:8px;font-style:normal;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.character-card.selected{border-color:var(--character-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--character-accent) 35%,transparent),0 0 18px color-mix(in srgb,var(--character-accent) 14%,transparent)}.character-card.selected b{color:var(--character-accent)}.character-card.selected img{filter:drop-shadow(0 6px 9px rgba(0,0,0,.58)) drop-shadow(0 0 7px color-mix(in srgb,var(--character-accent) 34%,transparent));transform:translateY(-2px) scale(1.045)}.dungeon-select{display:flex;flex-direction:column;gap:10px;margin-top:15px}.dungeon-select-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dungeon-select-heading strong{font-size:15px;letter-spacing:-.015em}.dungeon-select-heading span{overflow:hidden;color:var(--primary);font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.dungeon-carousel{position:relative;margin-inline:-20px}.dungeon-cards{display:grid;grid-auto-columns:min(292px,calc(100% - 58px));grid-auto-flow:column;gap:12px;overflow-x:auto;padding:4px 20px 11px;scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.dungeon-cards::-webkit-scrollbar{display:none}.dungeon-card{position:relative;isolation:isolate;display:flex;overflow:hidden;min-height:154px;flex-direction:column;justify-content:space-between;padding:14px;border:1px solid rgba(206,219,242,.18);border-radius:22px;color:var(--text);background:#10182d;box-shadow:0 14px 30px #02060e47;text-align:left;scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;transform:scale(.975);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease}.dungeon-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#04081129,#0408112e 28%,#040811f0)}.dungeon-card:before{content:"";position:absolute;z-index:1;inset:0;border:1px solid rgba(255,255,255,.045);border-radius:inherit;box-shadow:inset 0 -48px 80px #03070f59;pointer-events:none}.dungeon-card img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.96) brightness(.78) contrast(1.04);transition:filter .22s ease,transform .35s ease}.dungeon-card.previewed{transform:scale(1);border-color:#a0dae757;box-shadow:0 16px 36px #02060e66,0 0 0 1px #75d7de0f}.dungeon-card.previewed img{filter:saturate(1.05) brightness(.88) contrast(1.06);transform:scale(1.025)}.dungeon-card-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px}.dungeon-card-top em{color:#eff6ffc7;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dungeon-card-top strong{padding:5px 8px;border:1px solid rgba(255,209,102,.34);border-radius:99px;color:#ffe49a;background:#070b14b3;font-size:10px;line-height:1;backdrop-filter:blur(8px)}.dungeon-card-copy{position:relative;z-index:2;display:flex;min-width:0;flex-direction:column;gap:3px}.dungeon-card-copy b{overflow:hidden;color:#fff;font-size:18px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 9px #000}.dungeon-card-copy small{overflow:hidden;color:var(--primary);font-size:10px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.dungeon-card-copy em{overflow:hidden;color:#c0c9da;font-size:9px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.dungeon-card.selected{border-color:var(--reward);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--reward) 28%,transparent),0 16px 36px #02060e6b,0 0 22px color-mix(in srgb,var(--reward) 13%,transparent)}.dungeon-card.selected .dungeon-card-copy b{color:#fff2bd}.dungeon-selected-badge,.dungeon-lock-badge{position:absolute;z-index:3;right:13px;bottom:13px;padding:5px 8px;border-radius:99px;font-size:8px;font-style:normal;font-weight:950;line-height:1;backdrop-filter:blur(9px)}.dungeon-selected-badge{color:#241900;background:linear-gradient(135deg,#ffe7a0,var(--reward));box-shadow:0 4px 14px #ffd1663b}.dungeon-card.locked{opacity:1;border-color:#aab3cc1f;cursor:default;filter:saturate(.45)}.dungeon-card.locked img{filter:grayscale(.5) brightness(.42)}.dungeon-card.locked:after{background:linear-gradient(180deg,#070b1470,#050912f5)}.dungeon-lock-badge{top:13px;right:13px;bottom:auto;color:#d5dbea;background:#050912d1}.dungeon-lock-badge span{color:var(--reward);font-size:6px}.dungeon-carousel-controls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:0 20px}.dungeon-carousel-controls>button{display:grid;width:44px;height:44px;place-items:center;padding:0 0 4px;border:1px solid rgba(170,179,204,.17);border-radius:14px;color:var(--text);background:#151d33e0;box-shadow:0 8px 20px #02060e2e;font-size:28px;line-height:1;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.dungeon-carousel-controls>button:active{transform:scale(.93);border-color:var(--primary);background:#62e6ff1a}.dungeon-carousel-controls>button:disabled{opacity:.28;cursor:default}.dungeon-pagination{display:flex;min-width:0;align-items:center;justify-content:center;gap:7px}.dungeon-pagination-dots{display:flex;align-items:center;gap:7px}.dungeon-pagination-dots i{width:7px;height:7px;border-radius:99px;background:#46516a;transition:width .18s ease,background .18s ease,box-shadow .18s ease}.dungeon-pagination-dots i.active{width:23px;background:var(--primary);box-shadow:0 0 12px #62e6ff52}.dungeon-pagination>span{margin-left:3px;color:#79859e;font-size:9px;font-weight:850;font-variant-numeric:tabular-nums}.dungeon-preview{display:grid;grid-template-columns:minmax(90px,auto) 1fr;align-items:center;gap:12px;min-height:58px;padding:11px 13px;border:1px solid rgba(170,179,204,.12);border-radius:16px;background:linear-gradient(135deg,#19233be0,#0c1221e0)}.dungeon-preview>span{display:flex;min-width:0;flex-direction:column;gap:2px}.dungeon-preview b{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.dungeon-preview em{overflow:hidden;color:var(--reward);font-size:8px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.dungeon-preview p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:9px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lobby-actions{display:flex;flex-direction:column;gap:10px;margin-top:14px}.start-button{display:flex;min-height:66px;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:22px}.start-button span{font-size:19px}.start-button small{margin-top:2px;font-size:11px;opacity:.68}.multiplayer-entry-button{display:flex;min-height:62px;flex-direction:column;align-items:flex-start;justify-content:center;border-color:#ffd1664d!important;background:linear-gradient(135deg,#ffd1661a,#62e6ff12)!important}.multiplayer-entry-button span{color:#ffe59a;font-size:16px}.multiplayer-entry-button small{margin-top:3px;color:var(--muted);font-size:10px}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.lobby-screen footer{padding-top:16px;color:#727d98;font-size:11px;text-align:center}.multiplayer-screen{display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 88% 8%,rgba(98,230,255,.12),transparent 31%),radial-gradient(circle at 12% 42%,rgba(138,124,255,.16),transparent 36%),#090f1d}.multiplayer-header{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px}.multiplayer-header>div{display:flex;min-width:0;flex-direction:column;gap:5px}.multiplayer-header>div>span{color:var(--primary);font-size:9px;font-weight:950;letter-spacing:.17em}.multiplayer-header .logo{transform:scale(.48);transform-origin:left center;width:520px;margin:-22px 0 -24px}.multiplayer-back{display:grid;width:46px;height:46px;place-items:center;padding:0 0 4px;border:1px solid var(--line);border-radius:14px;color:var(--text);background:#151d33d1;font-size:34px;cursor:pointer}.multiplayer-intro{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid rgba(98,230,255,.2);border-radius:20px;background:linear-gradient(135deg,#62e6ff14,#151d33c7)}.multiplayer-intro strong{font-size:17px}.multiplayer-intro p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.multiplayer-live-dot{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#54f1a3;box-shadow:0 0 0 5px #54f1a31c,0 0 18px #54f1a3a6}.multiplayer-field{display:flex;min-width:0;flex-direction:column;gap:7px}.multiplayer-field>span{color:var(--muted);font-size:10px;font-weight:850}.multiplayer-field input{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(170,179,204,.18);border-radius:15px;outline:none;color:var(--text);background:#0c1221e0;font:inherit;font-size:15px;font-weight:800;text-transform:none}.multiplayer-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #62e6ff14}.multiplayer-character-select{display:flex;flex-direction:column;gap:9px}.multiplayer-character-select>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.multiplayer-character-select>div:first-child strong{font-size:14px}.multiplayer-character-select>div:first-child span{color:var(--primary);font-size:9px;font-weight:850}.multiplayer-character-select>div:last-child{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.multiplayer-character-select button{display:flex;overflow:hidden;min-width:0;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--line);border-radius:14px;color:var(--muted);background:#151d33c2;cursor:pointer}.multiplayer-character-select button.selected{border-color:var(--reward);color:var(--reward);box-shadow:inset 0 0 18px #ffd16612}.multiplayer-character-select img{width:100%;height:67px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.4))}.multiplayer-character-select button span{overflow:hidden;max-width:100%;font-size:8px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.multiplayer-create-card,.multiplayer-join-card,.multiplayer-room-code{padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#1a243deb,#0b111ff0)}.multiplayer-create-card{display:flex;flex-direction:column;gap:7px}.multiplayer-create-card>span{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.1em}.multiplayer-create-card>strong{font-size:20px}.multiplayer-create-card p{margin:0 0 5px;color:var(--muted);font-size:10px;line-height:1.55}.multiplayer-join-card{display:grid;grid-template-columns:1fr 112px;align-items:end;gap:9px}.multiplayer-join-card .primary-button{min-height:52px;padding-inline:10px}.multiplayer-room-code{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;border-color:#ffd16640}.multiplayer-room-code>span{color:var(--reward);font-size:9px;font-weight:950;letter-spacing:.15em}.multiplayer-room-code>strong{grid-row:2 / 4;color:#fff2ba;font-size:32px;letter-spacing:.13em}.multiplayer-room-code p{margin:0;color:var(--muted);font-size:10px;text-align:right}.multiplayer-room-code .primary-button{grid-column:2;grid-row:2 / 4;min-height:44px;padding:8px 12px;font-size:10px}.multiplayer-roster{display:flex;flex-direction:column;gap:7px}.multiplayer-roster>header{display:flex;align-items:baseline;justify-content:space-between;padding:0 2px 3px}.multiplayer-roster>header strong{font-size:15px}.multiplayer-roster>header span{color:var(--primary);font-size:10px;font-weight:850}.multiplayer-roster article{display:grid;min-height:65px;grid-template-columns:30px 48px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:17px;background:#141d32d1}.multiplayer-roster article.ready{border-color:#54f1a340;background:linear-gradient(135deg,#54f1a312,#141d32d6)}.multiplayer-roster article.disconnected{opacity:.52}.multiplayer-roster article.empty{min-height:54px;border-style:dashed;background:#0c122175}.multiplayer-slot{color:#5e6981;font-size:9px;font-weight:900}.multiplayer-roster article img{width:48px;height:48px;object-fit:contain}.multiplayer-roster article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.multiplayer-roster article strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.multiplayer-roster article small{color:var(--muted);font-size:9px}.multiplayer-roster article em{padding:4px 6px;border-radius:99px;color:#251900;background:var(--reward);font-size:8px;font-style:normal;font-weight:950}.multiplayer-roster article b{grid-column:4;color:var(--primary);font-size:8px;white-space:nowrap}.multiplayer-roster article em+b{display:none}.multiplayer-ready-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.multiplayer-status{padding:11px 13px;border-radius:14px;font-size:10px;font-weight:800;line-height:1.45}.multiplayer-status.reconnecting{color:#ffe7a0;background:#ffd1661a}.multiplayer-status.error{color:#ffcbd2;background:#ff5d731a}.multiplayer-screen footer{margin-top:auto;padding-top:8px;color:#69758e;font-size:9px;text-align:center}.friendly-result-notice{display:flex;flex-direction:column;gap:4px;padding:15px;border:1px solid rgba(98,230,255,.22);border-radius:17px;background:#62e6ff12}.friendly-result-notice strong{color:var(--primary);font-size:14px}.friendly-result-notice span{color:var(--muted);font-size:10px;line-height:1.5}.menu-screen{background:var(--background)}.menu-header{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;margin-bottom:22px}.menu-header>button{border:1px solid var(--line);border-radius:14px;color:var(--text);background:var(--surface);font-size:34px;cursor:pointer}.menu-header h1{margin:0;font-size:24px}.menu-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.menu-header>strong{color:var(--reward);font-size:14px}.upgrade-list,.settings-list{display:flex;flex-direction:column;gap:10px}.permanent-hall-screen{--class-accent: #e2634f;--class-accent-rgb: 226, 99, 79;position:relative;isolation:isolate;padding-top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 12px)!important;background:radial-gradient(circle at 50% -10%,rgba(var(--class-accent-rgb),.15),transparent 37%),linear-gradient(180deg,#080b11,#0a0f18 42%,#070a10);scrollbar-color:rgba(211,170,87,.34) transparent}.permanent-hall-screen[data-class=archer]{--class-accent: #74c4c6;--class-accent-rgb: 116, 196, 198}.permanent-hall-screen[data-class=shaman]{--class-accent: #d35e59;--class-accent-rgb: 211, 94, 89}.permanent-hall-screen[data-class=ninja]{--class-accent: #8d78cd;--class-accent-rgb: 141, 120, 205}.permanent-hall-screen:before{position:fixed;z-index:-1;inset:0;background:linear-gradient(115deg,transparent 0 44%,rgba(217,174,88,.025) 45%,transparent 46%),repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 7px);content:"";pointer-events:none}.permanent-hall-screen>*{width:min(100%,940px);margin-inline:auto}.permanent-hall-header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:12px;animation:permanent-reveal .38s ease both}.permanent-back{display:grid;width:48px;height:48px;place-items:center;padding:0 0 4px;border:1px solid rgba(217,174,88,.35);border-radius:15px;color:#f4e3b8;background:linear-gradient(145deg,#322a1feb,#101319f0);box-shadow:inset 0 0 0 1px #ffffff09,0 8px 18px #0000003b;font-size:32px;line-height:1;cursor:pointer}.permanent-hall-header>div{display:flex;min-width:0;flex-direction:column;gap:1px}.permanent-hall-header small{color:var(--class-accent);font-size:8px;font-weight:950;letter-spacing:.2em}.permanent-hall-header h1{margin:0;color:#f4e5bc;font-size:clamp(24px,6.6vw,31px);letter-spacing:-.035em}.permanent-hall-header>strong{display:flex;min-height:38px;align-items:center;gap:5px;padding:0 12px;border:1px solid rgba(217,174,88,.24);border-radius:99px;color:#f3d982;background:#080b11b8;box-shadow:inset 0 0 14px #d9ae580b;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.permanent-hall-header>strong span{font-size:15px}.permanent-hero{position:relative;isolation:isolate;display:grid;overflow:hidden;min-height:clamp(218px,29dvh,282px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;margin-bottom:10px;border:1px solid rgba(217,174,88,.4);border-radius:23px;background:#090d13;box-shadow:inset 0 0 0 1px #ffffff09,0 16px 40px #00000059;animation:permanent-reveal .42s ease both}.permanent-hero:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#05080c0f,#05080c2e 42%,#05080cf0 76%),linear-gradient(0deg,rgba(5,8,12,.64),transparent 48%);content:""}.permanent-hero:after{position:absolute;inset:6px;border:1px solid rgba(217,174,88,.15);border-radius:18px;content:"";pointer-events:none}.permanent-hero-backdrop{position:absolute;z-index:-2;inset:-8%;background-image:var(--hall-image);background-position:center;background-size:cover;filter:saturate(.95) brightness(.78) contrast(1.08);transform:scale(1.04);animation:permanent-hall-drift 14s ease-in-out infinite alternate}.permanent-hero-character{align-self:end;justify-self:center;width:min(48vw,260px);height:min(28dvh,270px);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 15px rgba(0,0,0,.7)) saturate(1.02);transform-origin:center bottom;animation:permanent-character-breathe 4.2s ease-in-out infinite}.permanent-hero-copy{z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:22px 19px 20px 4px;text-shadow:0 2px 9px #000}.permanent-hero-copy>small{color:var(--class-accent);font-size:9px;font-weight:950;letter-spacing:.13em}.permanent-hero-copy h2{overflow:hidden;margin:6px 0 2px;color:#f4e2b5;font-size:clamp(23px,7vw,34px);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.permanent-hero-copy p{margin:0 0 17px;color:#c4c8cf;font-size:11px}.permanent-total{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.permanent-total span{color:#9ca5b4;font-size:9px;font-weight:850}.permanent-total strong{color:#f3d67c;font-size:18px;font-variant-numeric:tabular-nums}.permanent-total-bar{overflow:hidden;height:7px;margin-top:7px;border:1px solid rgba(217,174,88,.31);border-radius:99px;background:#020508b8;box-shadow:inset 0 1px 5px #000000bf}.permanent-total-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5d1d,#f2d47b);box-shadow:0 0 12px #eec25659;transition:width .45s ease}.hall-mote{position:absolute;z-index:1;width:4px;height:4px;border-radius:50%;background:var(--class-accent);box-shadow:0 0 11px rgba(var(--class-accent-rgb),.8);opacity:0;pointer-events:none;animation:permanent-mote-rise 5.6s ease-in-out infinite}.hall-mote.mote-one{left:12%;bottom:12%;animation-delay:-.8s}.hall-mote.mote-two{left:39%;bottom:5%;width:3px;height:3px;animation-delay:-3.2s}.hall-mote.mote-three{right:16%;bottom:9%;animation-delay:-1.9s}.permanent-class-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px;animation:permanent-reveal .46s .04s ease both}.permanent-class-rail button{position:relative;display:grid;overflow:hidden;min-width:0;min-height:96px;grid-template-rows:minmax(55px,1fr) auto auto;place-items:center;gap:1px;padding:5px 4px 7px;border:1px solid rgba(217,174,88,.16);border-radius:15px;color:#aeb5c1;background:linear-gradient(180deg,#1e232bdb,#0a0d12f5);box-shadow:inset 0 0 0 1px #ffffff05;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.permanent-class-rail button:active{transform:scale(.96)}.permanent-class-rail img{width:100%;height:58px;object-fit:contain;object-position:center bottom;filter:grayscale(.38) brightness(.72) drop-shadow(0 5px 7px rgba(0,0,0,.5));transition:filter .22s ease,transform .22s ease}.permanent-class-rail span{overflow:hidden;max-width:100%;font-size:10px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.permanent-class-rail em{color:#687181;font-size:8px;font-style:normal;font-weight:850;font-variant-numeric:tabular-nums}.permanent-class-rail button.selected{border-color:#ebc974d1;color:#f4dfaa;background:linear-gradient(180deg,#4c3b1cbd,#101216fa);box-shadow:inset 0 0 20px #d9ae581a,0 0 16px #d9ae581f}.permanent-class-rail button.selected:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 28%,rgba(255,236,178,.11) 47%,transparent 64%);content:"";transform:translate(-80%);animation:permanent-sheen 3.4s ease-in-out infinite}.permanent-class-rail button.selected img{filter:saturate(1.05) brightness(1.02) drop-shadow(0 6px 9px rgba(0,0,0,.56));transform:translateY(-1px) scale(1.03)}.permanent-class-rail button.selected em{color:#d9bb73}.permanent-featured-card{position:relative;isolation:isolate;overflow:hidden;margin-bottom:17px;padding:15px;border:1px solid rgba(235,196,97,.65);border-radius:22px;background:radial-gradient(circle at 88% 12%,rgba(217,174,88,.14),transparent 34%),linear-gradient(145deg,#26221bfa,#0c1017fc);box-shadow:inset 0 0 0 1px #ffebae0b,0 14px 32px #00000047,0 0 20px #d9ae580f;animation:permanent-reveal .5s .08s ease both}.permanent-featured-card:before{position:absolute;z-index:-1;right:-25px;bottom:-54px;width:190px;height:190px;border:1px solid rgba(217,174,88,.08);border-radius:50%;box-shadow:inset 0 0 0 24px #d9ae5806,inset 0 0 0 48px #d9ae5805;content:""}.permanent-featured-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.permanent-featured-card>header span{color:#f1ce73;font-size:13px;font-weight:950}.permanent-featured-card>header span:before{margin-right:6px;content:"✦"}.permanent-featured-card>header em{color:#8f96a2;font-size:8px;font-style:normal;font-weight:800}.permanent-featured-body{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px}.permanent-upgrade-icon{position:relative;display:grid;overflow:hidden;width:62px;height:62px;place-items:center;border:1px solid rgba(217,174,88,.35);border-radius:17px;background:#080c12;box-shadow:inset 0 0 14px #d9ae5814,0 8px 18px #00000047;font-style:normal}.permanent-featured-body .permanent-upgrade-icon{width:84px;height:84px;border-radius:20px}.permanent-upgrade-icon img{width:100%;height:100%;object-fit:cover}.permanent-featured-body>div{display:flex;min-width:0;flex-direction:column}.permanent-featured-body h2{margin:0;color:#f5e7c4;font-size:20px;letter-spacing:-.025em}.permanent-featured-body p{margin:3px 0 8px;color:#aab0bb;font-size:10px;line-height:1.45}.permanent-featured-body strong{color:#f1cf79;font-size:14px;font-variant-numeric:tabular-nums}.permanent-rank-pips{display:flex;align-items:center;gap:7px;margin-top:9px}.permanent-rank-pips i{width:11px;height:11px;border:1px solid rgba(217,174,88,.52);transform:rotate(45deg);background:#04070bc2;box-shadow:inset 0 0 4px #000000b8}.permanent-rank-pips i.filled{border-color:#f4d078;background:linear-gradient(135deg,#fff1b4,#b97720);box-shadow:0 0 10px #efbe4866}.permanent-purchase{display:flex;justify-content:flex-end}.permanent-purchase.featured{margin-top:13px}.permanent-purchase .primary-button{min-width:84px;min-height:44px;padding:9px 12px;border-radius:13px;font-size:11px;white-space:nowrap}.permanent-purchase.featured .primary-button{width:100%;min-height:52px;font-size:14px}.permanent-hall-screen .primary-button.reward{border-color:#ffdf8780;color:#221704;background:linear-gradient(145deg,#f2d884,#b87924);box-shadow:inset 0 1px #ffffff57,0 8px 22px #b6701940}.permanent-hall-screen .primary-button.reward:not(:disabled):active{transform:translateY(1px) scale(.985)}.permanent-featured-card.maxed{border-color:#d9ae58d1}.permanent-upgrade-section{animation:permanent-reveal .54s .12s ease both}.permanent-upgrade-section>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:9px}.permanent-upgrade-section>header h2{margin:0;color:#e8ddc3;font-size:16px}.permanent-upgrade-section>header span{color:#737c8b;font-size:8px}.permanent-upgrade-list{display:flex;flex-direction:column;gap:8px}.permanent-upgrade-row{position:relative;isolation:isolate;display:grid;overflow:hidden;min-height:88px;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid rgba(217,174,88,.16);border-radius:18px;background:linear-gradient(105deg,#181e28fa,#0a0e14fc);box-shadow:inset 0 0 0 1px #ffffff05,0 8px 20px #0000002e;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.permanent-upgrade-row:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,rgba(var(--class-accent-rgb),.055),transparent 42%);content:""}.permanent-upgrade-copy{display:flex;min-width:0;flex-direction:column}.permanent-upgrade-copy h3{overflow:hidden;margin:0;color:#eee4cd;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.permanent-upgrade-copy p{overflow:hidden;margin:4px 0 0;color:#a6aeba;font-size:10px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.permanent-upgrade-row .permanent-rank-pips{gap:6px;margin-top:7px}.permanent-upgrade-row .permanent-rank-pips i{width:8px;height:8px}.permanent-upgrade-row.maxed{border-color:#d9ae5866;background:linear-gradient(105deg,#2d271af5,#0c0f14fc)}.permanent-upgrade-row.buying:after{position:absolute;inset:0;background:linear-gradient(105deg,transparent 26%,rgba(255,235,177,.11) 48%,transparent 69%);content:"";transform:translate(-80%);animation:permanent-buying 1s linear infinite}.upgrade-celebration{position:absolute;z-index:5;inset:0;border-radius:inherit;opacity:0;pointer-events:none}.celebrating{border-color:#f5d57a!important;animation:permanent-upgrade-pop .7s ease both!important}.celebrating .permanent-rank-pips i.filled:last-of-type{animation:permanent-pip-pop .52s ease both}.celebrating .upgrade-celebration{background:radial-gradient(circle at 18% 50%,rgba(255,243,181,.46) 0 2px,transparent 3px),radial-gradient(circle at 72% 22%,rgba(255,213,101,.38) 0 3px,transparent 4px),radial-gradient(circle at 84% 74%,rgba(var(--class-accent-rgb),.4) 0 2px,transparent 3px);opacity:1;animation:permanent-celebration .8s ease-out both}.permanent-save-note{margin:13px auto 2px;color:#69717f;font-size:8px;text-align:center}@keyframes permanent-reveal{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes permanent-hall-drift{0%{transform:scale(1.04) translate3d(-.7%,-.4%,0)}to{transform:scale(1.09) translate3d(.7%,.5%,0)}}@keyframes permanent-character-breathe{0%,to{transform:translateY(1px) scale(1)}50%{transform:translateY(-3px) scale(1.012)}}@keyframes permanent-mote-rise{0%{opacity:0;transform:translateZ(0) scale(.7)}22%{opacity:.7}75%{opacity:.35}to{opacity:0;transform:translate3d(18px,-120px,0) scale(1.15)}}@keyframes permanent-sheen{0%,64%{transform:translate(-85%)}88%,to{transform:translate(85%)}}@keyframes permanent-buying{to{transform:translate(90%)}}@keyframes permanent-upgrade-pop{0%{transform:scale(1);box-shadow:0 0 #d9ae5800}42%{transform:scale(1.018);box-shadow:0 0 28px #d9ae584d}to{transform:scale(1);box-shadow:0 0 12px #d9ae5814}}@keyframes permanent-pip-pop{0%{transform:rotate(45deg) scale(.2)}58%{transform:rotate(45deg) scale(1.45)}to{transform:rotate(45deg) scale(1)}}@keyframes permanent-celebration{0%{opacity:0;transform:scale(.88);filter:blur(3px)}35%{opacity:1}to{opacity:0;transform:scale(1.08);filter:blur(0)}}@media (min-width: 760px) and (min-height: 620px){.permanent-hall-screen{padding-inline:max(28px,calc((100vw - 940px)/2))!important}.permanent-hero{min-height:290px;grid-template-columns:.82fr 1.18fr}.permanent-hero-character{width:290px;height:288px}.permanent-class-rail button{min-height:112px}.permanent-class-rail img{height:72px}.permanent-upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 370px){.permanent-hall-screen.safe-area{padding-inline:calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 12px)!important}.permanent-hall-header{grid-template-columns:44px minmax(0,1fr) auto}.permanent-back{width:44px;height:44px}.permanent-hall-header>strong{padding-inline:9px;font-size:11px}.permanent-hero{min-height:210px}.permanent-hero-copy{padding-right:13px}.permanent-hero-copy h2{font-size:22px}.permanent-class-rail button{min-height:88px}.permanent-featured-body{grid-template-columns:72px minmax(0,1fr)}.permanent-featured-body .permanent-upgrade-icon{width:70px;height:70px}.permanent-featured-body h2{font-size:18px}.permanent-upgrade-row{grid-template-columns:54px minmax(0,1fr) auto;gap:9px;padding-inline:9px}.permanent-upgrade-icon{width:54px;height:54px}.permanent-purchase .primary-button{min-width:72px;padding-inline:8px;font-size:10px}}.settings-list label{position:relative;display:flex;align-items:center;justify-content:space-between;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface);cursor:pointer}.settings-list label div{display:flex;flex-direction:column;gap:4px}.settings-list label span{color:var(--muted);font-size:11px}.settings-list input{position:absolute;opacity:0}.settings-list label>i{position:relative;width:48px;height:28px;border-radius:99px;background:#303a54;transition:background .2s}.settings-list label>i:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#98a2ba;transition:transform .2s,background .2s}.settings-list input:checked+i{background:#62e6ff52}.settings-list input:checked+i:after{transform:translate(20px);background:var(--primary)}.settings-list .volume-row{display:flex;flex-direction:column;gap:12px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.volume-row>div{display:flex;align-items:center;justify-content:space-between}.volume-row span{color:var(--primary);font-size:12px;font-weight:900}.volume-row input{position:static;width:100%;opacity:1;accent-color:var(--primary)}.danger-zone{display:flex;flex-direction:column;gap:10px;margin-top:24px}.privacy-zone{margin-top:8px}.privacy-document{display:grid;gap:12px;margin:8px 0 18px}.privacy-document section{padding:15px 16px;border:1px solid rgba(191,164,109,.25);border-radius:14px;background:#0c1427c7}.privacy-document h2{margin:0 0 7px;color:#efd99e;font-size:1rem}.privacy-document p{margin:0;color:#eef1f8cc;font-size:.86rem;line-height:1.62}.privacy-document p+p{margin-top:8px}.privacy-document a{color:#9fc9ff}.game-screen{--combat-brightness: 1;position:fixed;inset:0;overflow:hidden;background:var(--background);touch-action:none;overscroll-behavior:none}.game-canvas,.game-canvas>div{position:absolute;inset:0}.game-canvas canvas{width:100%!important;height:100%!important;object-fit:cover;filter:brightness(var(--combat-brightness))}.high-contrast-combat .game-canvas canvas{filter:brightness(var(--combat-brightness)) contrast(1.09) saturate(1.06)}.game-hud{position:absolute;z-index:30;inset:0;pointer-events:none;padding-top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 10px);padding-right:calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 10px);padding-bottom:calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 10px);padding-left:calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 10px)}.boss-area{position:absolute;top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 72px);left:18px;right:18px}.boss-name{display:flex;justify-content:space-between;margin-bottom:5px;font-size:11px;font-weight:900;text-shadow:0 2px 5px #000}.bar{overflow:hidden;border-radius:99px;background:#00000080}.bar i{display:block;height:100%;border-radius:inherit;transition:width .16s linear}.boss-bar{height:11px;border:1px solid rgba(255,209,102,.45)}.boss-bar i{background:linear-gradient(90deg,#ff5d73,#ffd166)}.elite-pill{display:flex;overflow:hidden;position:relative;width:150px;height:18px;align-items:center;justify-content:center;margin:auto;border:1px solid rgba(255,209,102,.4);border-radius:99px;background:#0b1020cc;font-size:9px;font-weight:900}.elite-pill i{position:absolute;z-index:-1;left:0;top:0;bottom:0;background:#ff5d73a6}.hud-top{display:grid;grid-template-columns:minmax(100px,1fr) auto 52px;align-items:center;gap:10px}.hp-block{max-width:210px;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#0b1020b8}.hp-block span{display:block;margin-bottom:5px;color:#fff;font-size:10px;font-weight:900;text-shadow:0 1px 4px #000}.hp-bar{height:7px}.hp-bar i{background:linear-gradient(90deg,#ff5d73,#ff8b9b)}.party-hp{position:absolute;top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 64px);left:calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 10px);display:flex;max-width:calc(100% - 20px);gap:5px}.party-hp-member{width:clamp(64px,13vw,102px);min-width:0;padding:5px 7px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#070e1ccc;box-shadow:0 4px 12px #0000003d}.party-hp-member.self{border-color:#75d7de94}.party-hp-member span,.party-hp-member small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.party-hp-member span{color:#fff;font-size:8px;font-weight:900}.party-hp-member small{margin:2px 0 4px;color:#b9c7db;font-size:7px}.party-hp-member .bar{height:4px}.party-hp-member .bar i{background:linear-gradient(90deg,#68df9a,#b9f68f)}.party-hp-member.downed .bar i{background:#d9ae58}.party-hp-member.eliminated,.party-hp-member.downed{opacity:.72}.game-hud.has-party .boss-area{top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 114px)}.score-block{display:flex;flex-direction:column;align-items:flex-end;text-shadow:0 2px 6px #000}.score-block span{color:var(--primary);font-size:13px;font-weight:900}.score-block strong{color:#fff;font-size:16px;text-shadow:0 2px 7px #000}.hud-top button{pointer-events:auto;width:48px;height:48px;margin-right:54px;border:1px solid rgba(255,255,255,.15);border-radius:14px;color:var(--text);background:#0b1020b8;font-weight:900;cursor:pointer}.game-warning{position:absolute;top:20%;left:50%;padding:9px 14px;transform:translate(-50%);border:1px solid rgba(98,230,255,.24);border-radius:99px;color:var(--primary);background:#0b1020cc;font-size:11px;font-weight:900;white-space:nowrap}.hud-bottom{position:absolute;bottom:calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 10px);left:12px;right:12px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0b1020b8}.xp-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:8px;color:var(--primary);font-size:10px;font-weight:900}.xp-bar{height:7px}.xp-bar i{background:linear-gradient(90deg,var(--primary),var(--secondary))}.evolution-progress{padding:3px 7px;border:1px solid rgba(217,174,88,.36);border-radius:99px;color:var(--reward);background:#d9ae5814;font-size:8px;white-space:nowrap}.evolution-progress b{color:var(--text)}.blade-stats{display:flex;justify-content:space-between;gap:6px;margin-top:7px;color:var(--muted);font-size:9px}.blade-stats b{color:var(--text)}.blade-stats em{display:inline-block;margin-left:3px;color:var(--reward);font-style:normal;font-weight:900}.blade-stats .ready{color:#80ffad}.hud-loading{position:fixed;z-index:31;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:13px}.joystick-zone{position:absolute;z-index:18;inset:25% 0 0;touch-action:none}.joystick-base{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border:2px solid rgba(98,230,255,.32);border-radius:50%;background:#0b102066;box-shadow:inset 0 0 28px #62e6ff1a}.joystick-base>i{position:absolute;left:32px;top:32px;width:48px;height:48px;border:2px solid rgba(255,255,255,.42);border-radius:50%;background:#62e6ff73}.character-skill{position:fixed;z-index:35;right:calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 18px);bottom:calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 104px);display:grid;width:72px;height:72px;place-items:center;padding:5px;border:2px solid rgba(117,215,222,.35);border-radius:50%;color:#aab6ca;background:radial-gradient(circle,#192742f5,#080e1bf0);box-shadow:0 7px 22px #0000006b;cursor:default;touch-action:none;user-select:none}.character-skill i{font-size:21px;font-style:normal;line-height:1}.character-skill span{max-width:62px;overflow:hidden;font-size:9px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.character-skill b{font-size:9px}.character-skill.ready{border-color:var(--reward);color:#fff2bb;background:radial-gradient(circle,#4a3d1ffa,#141825f5);box-shadow:0 0 0 5px #d9ae5814,0 0 24px #d9ae5842;cursor:pointer}.character-skill:disabled{opacity:.72}.toast{position:fixed;z-index:70;left:50%;bottom:24%;max-width:86%;padding:10px 16px;transform:translate(-50%);border:1px solid rgba(98,230,255,.25);border-radius:99px;color:var(--primary);background:#0b1020eb;font-size:12px;font-weight:800;text-align:center}.tutorial-callout{position:fixed;z-index:68;top:20%;left:50%;display:flex;width:min(84%,340px);flex-direction:column;gap:3px;padding:13px 16px;transform:translate(-50%);border:1px solid color-mix(in srgb,var(--primary) 38%,transparent);border-radius:17px;color:var(--text);background:#080d1be0;box-shadow:0 12px 32px #0000004d;text-align:center;pointer-events:none}.tutorial-callout small{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.12em}.tutorial-callout strong{font-size:16px}.tutorial-callout span{color:var(--muted);font-size:11px}.game-hud{padding:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 8px) calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 8px) calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 8px) calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 8px);color:#f7f2e5;--hud-accent: #75d7de;--hud-accent-soft: rgba(117, 215, 222, .2);--hud-panel: rgba(4, 11, 22, .82);--hud-line: rgba(215, 233, 240, .18);font-variant-numeric:tabular-nums}.game-hud[data-character=nightWarrior]{--hud-accent: #d9ae58;--hud-accent-soft: rgba(217, 174, 88, .22)}.game-hud[data-character=moonArcher]{--hud-accent: #87dbe1;--hud-accent-soft: rgba(135, 219, 225, .2)}.game-hud[data-character=flameShaman]{--hud-accent: #ffb45f;--hud-accent-soft: rgba(255, 128, 69, .22)}.game-hud[data-character=shadowNinja]{--hud-accent: #c6a8ff;--hud-accent-soft: rgba(151, 113, 224, .22)}.game-hud .boss-area{top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 111px);left:50%;right:auto;width:min(70%,420px);transform:translate(-50%)}.game-hud .boss-name{margin-bottom:4px;color:#f9e7c2;font-size:10px;letter-spacing:.04em;text-shadow:0 2px 6px #000}.game-hud .boss-bar{height:9px;border-color:#ffd16666;background:#15050ac7;box-shadow:0 4px 13px #00000059}.game-hud .boss-bar i{background:linear-gradient(90deg,#ff5d73,#ffd166);box-shadow:0 0 13px #ff5d7366}.game-hud .elite-pill{width:148px;height:19px;background:#070d19db;box-shadow:0 5px 16px #0000004d}.game-hud .elite-pill span{z-index:1;text-shadow:0 1px 4px #000}.game-hud .elite-pill i{z-index:0;background:linear-gradient(90deg,#ff5d73bd,#d9ae589e)}.game-hud .hud-top{grid-template-columns:minmax(170px,1fr) auto 43px;align-items:start;gap:clamp(5px,1.5vw,10px);animation:hud-arrive .42s cubic-bezier(.16,1,.3,1) both}.hud-vitals{display:grid;width:min(100%,230px);grid-template-columns:58px minmax(0,1fr);align-items:center;gap:7px}.hud-portrait{position:relative;width:58px;height:58px;overflow:hidden;border:1px solid color-mix(in srgb,var(--hud-accent) 70%,#fff 10%);border-radius:17px 8px;background:radial-gradient(circle at 50% 35%,var(--hud-accent-soft),transparent 58%),linear-gradient(145deg,#101d2ef5,#04080ffa);box-shadow:inset 0 0 0 2px #ffffff0d,0 6px 18px #0000005c,0 0 16px var(--hud-accent-soft)}.hud-portrait:after{position:absolute;inset:4px;border:1px solid rgba(255,255,255,.08);border-radius:13px 5px;content:""}.hud-portrait img{position:absolute;top:-13px;left:50%;width:128px;max-width:none;transform:translate(-50%);animation:hud-portrait-breathe 3.8s ease-in-out infinite;filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.game-hud[data-character=moonArcher] .hud-portrait img{top:-11px;width:124px}.game-hud[data-character=flameShaman] .hud-portrait img{top:-12px;width:126px}.game-hud[data-character=shadowNinja] .hud-portrait img{top:-10px;width:122px}.hud-portrait b{position:absolute;z-index:2;right:3px;bottom:3px;padding:2px 4px;border:1px solid rgba(255,255,255,.14);border-radius:5px;color:#fff3c5;background:#03080fd6;font-size:7px;line-height:1;text-shadow:0 1px 2px #000}.hud-vital-main{min-width:0;padding:7px 9px 6px;border:1px solid var(--hud-line);border-left-color:color-mix(in srgb,var(--hud-accent) 55%,transparent);border-radius:5px 12px 12px 5px;background:linear-gradient(105deg,var(--hud-panel),rgba(5,12,23,.62));box-shadow:0 6px 18px #00000047;backdrop-filter:blur(6px)}.hud-vital-copy,.hud-status-row{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px}.hud-vital-copy{margin-bottom:4px}.hud-vital-copy strong{overflow:hidden;color:#f6eedc;font-size:9px;letter-spacing:.02em;text-overflow:ellipsis;text-shadow:0 1px 4px #000;white-space:nowrap}.hud-vital-copy span{color:#f7c8c3;font-size:8px;font-weight:900}.game-hud .hp-bar{height:7px;border:1px solid rgba(255,255,255,.08);background:#170408c2}.game-hud .hp-bar i{background:linear-gradient(90deg,#ba3148,#ff6c78 70%,#ffd0bb);box-shadow:0 0 9px #ff5d7352}.game-hud .hp-bar em{position:absolute;top:1px;right:2px;bottom:1px;width:1px;background:#ffffff4d}.hud-status-row{margin-top:3px;color:#8794a9;font-size:6px;font-weight:900;letter-spacing:.08em}.hud-status-row b{overflow:hidden;color:#8092a7;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.hud-status-row b.ready{color:#9ff0c5;text-shadow:0 0 6px rgba(80,255,171,.45)}.hud-metrics{display:grid;min-width:91px;grid-template-columns:1fr 1fr;gap:3px 8px;padding:5px 9px 6px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(90deg,transparent,rgba(4,10,20,.68),transparent);text-align:center;text-shadow:0 2px 6px #000}.hud-metrics>strong{grid-column:1 / -1;color:#fff1cb;font-size:17px;line-height:1;letter-spacing:.06em}.hud-metrics span{display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap}.hud-metrics small{color:#8290a4;font-size:6px;font-weight:900;letter-spacing:.04em}.hud-metrics b{color:var(--hud-accent);font-size:8px}.game-hud .hud-pause{position:relative;display:flex;width:42px;height:42px;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;border:1px solid color-mix(in srgb,var(--hud-accent) 36%,rgba(255,255,255,.14));border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.09),transparent 45%),#040b16d1;box-shadow:inset 0 0 0 3px #ffffff06,0 6px 18px #0000004d;backdrop-filter:blur(6px);touch-action:manipulation}.hud-pause i{width:3px;height:13px;border-radius:2px;background:#e8dcc2;box-shadow:0 0 6px var(--hud-accent-soft)}.hud-pause:active{transform:scale(.93)}.hud-objective{position:absolute;top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 72px);left:50%;display:flex;min-width:132px;align-items:center;justify-content:center;gap:7px;padding:4px 15px 5px;transform:translate(-50%);border:1px solid rgba(217,174,88,.25);border-right-color:transparent;border-left-color:transparent;color:#d9c99e;background:linear-gradient(90deg,transparent,rgba(6,12,23,.76) 17%,rgba(6,12,23,.76) 83%,transparent);font-size:8px;font-weight:900;letter-spacing:.07em;text-shadow:0 1px 4px #000;white-space:nowrap;animation:hud-objective-arrive .52s .12s cubic-bezier(.16,1,.3,1) both}.hud-objective:before,.hud-objective:after{width:10px;height:1px;background:#d9ae58;box-shadow:0 0 5px #d9ae5873;content:""}.hud-objective b{color:#fff1bd;font-size:7px}.game-hud .party-hp{top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 74px);left:calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 8px);max-width:calc(100% - 16px)}.game-hud .party-hp-member{padding:4px 6px;border-radius:4px 9px 9px 4px;background:#040b16d1;backdrop-filter:blur(5px)}.game-hud .party-hp-member.self{border-color:color-mix(in srgb,var(--hud-accent) 55%,transparent)}.game-hud.has-party .boss-area{top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 119px)}.game-hud .game-warning{top:23%;max-width:84%;overflow:hidden;padding:7px 13px;border-color:color-mix(in srgb,var(--hud-accent) 32%,transparent);color:#f2dfb3;background:#050c17d6;box-shadow:0 5px 18px #00000047;font-size:9px;text-overflow:ellipsis;animation:hud-warning-pulse 1.4s ease-in-out infinite}.game-hud .hud-bottom{bottom:calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 8px);left:50%;right:auto;width:min(calc(100% - 20px),560px);padding:7px 10px 8px;transform:translate(-50%);border:1px solid var(--hud-line);border-top-color:color-mix(in srgb,var(--hud-accent) 32%,rgba(255,255,255,.12));border-radius:8px 8px 16px 16px;background:linear-gradient(90deg,transparent,var(--hud-accent-soft) 45%,transparent) top / 100% 1px no-repeat,linear-gradient(180deg,#08111fe0,#030811c7);box-shadow:inset 0 1px #ffffff09,0 8px 25px #00000057;backdrop-filter:blur(8px);animation:hud-dock-arrive .46s .1s cubic-bezier(.16,1,.3,1) both}.game-hud .xp-row{grid-template-columns:33px minmax(45px,1fr) 25px auto;gap:6px;color:var(--hud-accent);font-size:8px}.game-hud .xp-bar{height:6px;border:1px solid rgba(255,255,255,.07)}.game-hud .xp-bar i{background:linear-gradient(90deg,color-mix(in srgb,var(--hud-accent) 72%,#36596a),var(--hud-accent),#f4dc8b);box-shadow:0 0 8px var(--hud-accent-soft)}.game-hud .xp-bar em{position:absolute;top:0;bottom:0;width:20px;transform:skew(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:hud-bar-glint 3.2s ease-in-out infinite}.xp-row>b{color:#aab8c9;font-size:7px;text-align:right}.game-hud .evolution-progress{display:flex;gap:5px;padding:2px 6px;font-size:6px}.combat-inventory{display:grid;grid-template-columns:.72fr .85fr minmax(76px,1.5fr) .72fr;gap:4px;margin-top:6px}.combat-inventory>span{display:grid;min-width:0;grid-template-columns:auto auto auto;align-items:baseline;justify-content:center;gap:3px;padding:4px 5px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#ffffff06;white-space:nowrap}.combat-inventory small{overflow:hidden;color:#7f8da0;font-size:6px;font-weight:900;text-overflow:ellipsis}.combat-inventory b{overflow:hidden;color:#f5ead3;font-size:8px;text-overflow:ellipsis}.combat-inventory em{color:#9caabc;font-size:6px;font-style:normal}.combat-inventory .weapon-form{grid-template-columns:auto minmax(0,1fr)}.combat-inventory .weapon-form b{color:#e6c672}.combat-inventory .shield.ready{border-color:#59e09e38;background:#39be8a12}.combat-inventory .shield.ready b{color:#80ffad;text-shadow:0 0 7px rgba(80,255,171,.38)}.hud-auto-skill,.character-skill{position:fixed;z-index:35;right:calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 14px);bottom:calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 86px);display:flex;width:82px;height:auto;min-height:94px;flex-direction:column;align-items:center;justify-content:flex-start;gap:1px;padding:0;border:0;border-radius:0;color:#d8e2ee;background:transparent;box-shadow:none;text-align:center;filter:drop-shadow(0 7px 13px rgba(0,0,0,.45))}.hud-skill-medallion,.character-skill-icon{position:relative;display:grid;width:66px;height:66px;overflow:hidden;place-items:center;border:2px solid rgba(142,159,181,.45);border-radius:50%;background:#050b15f0;box-shadow:inset 0 0 0 4px #040a14c2,0 0 0 1px #000000b3}.hud-skill-medallion:before,.character-skill-icon:before{position:absolute;z-index:2;inset:4px;border:1px solid rgba(255,255,255,.13);border-radius:inherit;content:""}.hud-skill-medallion img,.character-skill-icon img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(.72) brightness(.72)}.hud-skill-medallion span,.character-skill-icon i{position:absolute;z-index:3;inset:auto 5px 5px;padding:2px 4px;border-radius:99px;color:#d9e4ee;background:#02070ed1;font-size:8px;font-style:normal;font-weight:950;letter-spacing:.04em;line-height:1}.hud-auto-skill>b,.character-skill>b{max-width:82px;overflow:hidden;color:#f0e5cf;font-size:9px;text-overflow:ellipsis;text-shadow:0 1px 4px #000;white-space:nowrap}.hud-auto-skill>small,.character-skill>small{color:#7f8fa4;font-size:6px;font-weight:900;letter-spacing:.06em}.hud-auto-skill.ready .hud-skill-medallion,.character-skill.ready .character-skill-icon{border-color:#f1cf73;box-shadow:inset 0 0 0 4px #2d220c94,0 0 0 1px #000000b3,0 0 18px #d9ae5866;animation:hud-skill-ready 1.5s ease-in-out infinite}.hud-auto-skill.ready .hud-skill-medallion img,.character-skill.ready .character-skill-icon img{opacity:1;filter:saturate(1.08) brightness(1.02)}.hud-auto-skill.ready>b,.character-skill.ready>b{color:#ffe8a2}.hud-auto-skill.ready>small,.character-skill.ready>small{color:#d9ae58}.character-skill{cursor:default;touch-action:none;user-select:none}.character-skill.ready{cursor:pointer}.character-skill:disabled{opacity:1}.character-skill.ready:active{transform:scale(.94)}.joystick-zone{top:22%}.joystick-base{border:1px solid rgba(160,209,218,.28);background:radial-gradient(circle,rgba(20,39,52,.3),rgba(5,12,23,.2) 64%,transparent 65%);box-shadow:inset 0 0 28px #62e6ff14,0 0 0 6px #040a141a;animation:hud-joystick-enter .16s ease-out both}.joystick-base:before,.joystick-base:after{position:absolute;top:50%;left:50%;background:#a5ced729;content:""}.joystick-base:before{width:74px;height:1px;transform:translate(-50%,-50%)}.joystick-base:after{width:1px;height:74px;transform:translate(-50%,-50%)}.joystick-base>i{z-index:2;left:34px;top:34px;width:44px;height:44px;border:1px solid rgba(255,255,255,.4);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),transparent 35%),#53aebc8c;box-shadow:0 5px 15px #0000004d}.toast{bottom:42%;max-width:min(78%,300px);padding:7px 13px;border-color:#d9ae5847;color:#f5dda1;background:#040b16db;box-shadow:0 5px 18px #00000047;font-size:10px;font-weight:900;pointer-events:none;animation:hud-toast .26s cubic-bezier(.16,1,.3,1) both}.tutorial-callout{top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 143px);display:grid;width:min(86%,330px);grid-template-columns:auto 1fr;gap:1px 10px;padding:8px 13px;border-color:#75d7de38;border-radius:8px;background:linear-gradient(90deg,#060f1ce6,#08121fc2);box-shadow:0 8px 22px #00000047;text-align:left;backdrop-filter:blur(6px);animation:hud-tutorial .3s ease-out both}.tutorial-callout small{grid-row:1 / 3;align-self:center;padding-right:9px;border-right:1px solid rgba(117,215,222,.2);font-size:7px;letter-spacing:.08em}.tutorial-callout strong{font-size:10px}.tutorial-callout span{font-size:8px}@keyframes hud-arrive{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes hud-objective-arrive{0%{opacity:0;transform:translate(-50%,-7px) scaleX(.8)}to{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes hud-dock-arrive{0%{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%)}}@keyframes hud-portrait-breathe{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.025)}}@keyframes hud-bar-glint{0%,58%{left:-28px;opacity:0}68%{opacity:.8}86%,to{left:calc(100% + 8px);opacity:0}}@keyframes hud-skill-ready{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes hud-warning-pulse{0%,to{opacity:.88}50%{opacity:1}}@keyframes hud-joystick-enter{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes hud-toast{0%{opacity:0;transform:translate(-50%,8px) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes hud-tutorial{0%{opacity:0;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 370px){.game-hud .hud-top{grid-template-columns:minmax(158px,1fr) 78px 38px}.hud-vitals{grid-template-columns:52px minmax(0,1fr);gap:5px}.hud-portrait{width:52px;height:54px}.hud-vital-main{padding:6px 7px 5px}.hud-metrics{min-width:74px;gap:3px 5px;padding-right:4px;padding-left:4px}.hud-metrics>strong{font-size:15px}.game-hud .hud-pause{width:38px;height:38px}.combat-inventory{grid-template-columns:.7fr .8fr minmax(64px,1.25fr) .68fr;gap:2px}.combat-inventory>span{padding-right:3px;padding-left:3px}.hud-auto-skill,.character-skill{right:calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 7px);transform:scale(.9);transform-origin:right bottom}}@media (prefers-reduced-motion: reduce){.hud-top,.hud-objective,.hud-bottom,.hud-portrait img,.xp-bar em,.hud-auto-skill.ready .hud-skill-medallion,.character-skill.ready .character-skill-icon,.game-warning,.joystick-base,.toast,.tutorial-callout{animation:none}}.overlay{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));background:#050811c7;backdrop-filter:blur(10px);pointer-events:auto}.overlay-panel{width:min(100%,420px);max-height:92dvh;overflow-y:auto;padding:24px;border:1px solid rgba(98,230,255,.18);border-radius:24px;background:linear-gradient(160deg,#1b2848,#10182d);box-shadow:0 30px 80px #00000073;text-align:center}.overlay-panel>small{color:var(--primary);font-weight:900;letter-spacing:.18em}.overlay-panel h2{margin:8px 0;font-size:24px}.overlay-panel>p{margin:0 0 18px;color:var(--muted);font-size:12px;line-height:1.55}.leaderboard-panel{display:flex;width:min(100%,460px);max-height:min(92dvh,760px);flex-direction:column;gap:13px;padding:20px;text-align:left}.leaderboard-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.leaderboard-heading small{color:var(--primary);font-size:9px;font-weight:900;letter-spacing:.18em}.leaderboard-heading h2{margin:3px 0 0;font-size:25px}.leaderboard-close{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--text);background:#ffffff0d;font-size:25px;line-height:1;cursor:pointer}.leaderboard-close:active{transform:scale(.94)}.leaderboard-panel .leaderboard-notice{margin:0;padding:10px 12px;border:1px solid rgba(117,215,222,.13);border-radius:13px;color:#9da9bd;background:#75d7de0b;font-size:10px;line-height:1.5}.leaderboard-submit{display:grid;gap:8px;padding:13px;border:1px solid rgba(217,174,88,.2);border-radius:16px;background:linear-gradient(135deg,#d9ae5817,#75d7de0b)}.leaderboard-submit>label{color:#d9c187;font-size:10px;font-weight:900}.leaderboard-submit>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.leaderboard-submit input{min-width:0;height:44px;padding:0 13px;border:1px solid rgba(255,255,255,.14);border-radius:12px;outline:none;color:var(--text);background:#04091394;font:inherit;font-size:14px}.leaderboard-submit input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #75d7de1a}.leaderboard-submit strong{color:var(--reward);font-size:15px;white-space:nowrap}.leaderboard-submit .primary-button{min-height:44px;font-size:12px}.leaderboard-message{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:11px;font-size:10px;line-height:1.4}.leaderboard-message.success{color:#b9f4dd;background:#39be8a1a}.leaderboard-message.error{color:#ffd0d7;background:#ff5d731a}.leaderboard-message button{border:0;color:inherit;background:transparent;font:inherit;font-weight:900;text-decoration:underline;cursor:pointer}.leaderboard-list{display:flex;min-height:140px;flex:1 1 auto;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:rgba(117,215,222,.35) transparent}.leaderboard-list article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:56px;padding:9px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff09}.leaderboard-list article.mine{border-color:#75d7de61;background:#75d7de14}.leaderboard-list article.top-1{border-color:#ffd16661;background:linear-gradient(90deg,#ffd1661c,#ffffff08)}.leaderboard-list article.top-2{border-color:#c6d9e640}.leaderboard-list article.top-3{border-color:#c4835645}.leaderboard-rank{color:var(--muted);font-size:15px;text-align:center}.top-1 .leaderboard-rank{color:var(--reward);font-size:20px}.leaderboard-list article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.leaderboard-list article>div strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list article>div strong em{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:99px;color:#08222a;background:var(--primary);font-size:8px;font-style:normal;vertical-align:1px}.leaderboard-list article>div span{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:#f7d87d;font-size:14px;font-variant-numeric:tabular-nums}.leaderboard-empty{display:grid;min-height:140px;place-items:center;color:var(--muted);font-size:11px}.compact-panel{display:flex;max-width:340px;flex-direction:column;gap:10px}.skill-cards{display:flex;flex-direction:column;gap:9px;margin-top:18px}.skill-cards button{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid var(--line);border-radius:16px;color:var(--text);background:#ffffff0b;text-align:left;cursor:pointer}.skill-cards button:active{border-color:var(--primary);background:#62e6ff17}.skill-cards i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:var(--reward);background:#ffd16614;font-size:23px;font-style:normal}.skill-cards i img{width:100%;height:100%;border-radius:12px;object-fit:cover}.skill-cards div{display:flex;min-width:0;flex-direction:column;gap:3px}.skill-cards strong{font-size:14px}.skill-cards span{color:var(--muted);font-size:10px}.skill-cards small{color:var(--primary);font-size:9px}.skill-cards button>b{color:var(--primary);font-size:11px}.skill-cards button.evolution-ready{border-color:#ffd1668c;background:linear-gradient(135deg,#ffd1661c,#62e6ff12);box-shadow:inset 0 0 24px #ffd1660f}.skill-cards button.evolution-focus{border-color:#75d7de75;background:linear-gradient(135deg,#75d7de1a,#d9ae580d)}.skill-cards button.class-skill:not(.final-rank){border-color:#8a71c96b;background:linear-gradient(135deg,#8a71c91c,#75d7de0e)}.skill-cards button.final-rank{position:relative;overflow:hidden;border-color:#ffd770eb;background:linear-gradient(135deg,#7a4e0d61,#ffd16629 54%,#75d7de12);box-shadow:inset 0 0 26px #ffd16624,0 0 18px #ffc13d21}.skill-cards button.final-rank:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 24%,rgba(255,241,183,.12) 45%,transparent 64%);content:"";pointer-events:none;transform:translate(-70%);animation:final-rank-sheen 2.8s ease-in-out infinite}.skill-cards button.final-rank i{border:1px solid rgba(255,218,119,.62);background:#ffd16624;box-shadow:0 0 16px #ffc43838}.skill-cards button.final-rank small,.skill-cards button.final-rank>b,.skill-cards .final-rank-badge{color:#ffe09a}.skill-cards em{margin-top:3px;color:var(--reward);font-size:9px;font-style:normal;font-weight:800;line-height:1.35}.skill-cards .evolution-ready>b{color:var(--reward)}.skill-cards .evolution-focus>b{color:var(--primary)}@keyframes final-rank-sheen{0%,58%{transform:translate(-75%)}82%,to{transform:translate(75%)}}.revive-panel{display:flex;max-width:350px;flex-direction:column;gap:10px}.revive-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 4px;border-radius:50%;color:var(--danger);background:#ff5d731a;font-size:34px;box-shadow:0 0 30px #ff5d7326}.inline-error{padding:9px;border-radius:12px;color:#ffc7cf;background:#ff5d7317;font-size:11px}.orientation-overlay{display:flex;flex-direction:column;text-align:center}.orientation-overlay h2{margin:12px 0 4px}.orientation-overlay p{color:var(--muted)}.rotate-phone{display:grid;place-items:center;width:82px;height:124px;border:4px solid var(--primary);border-radius:16px;color:var(--primary);font-size:46px;animation:tilt 1.5s ease-in-out infinite}@keyframes tilt{50%{transform:rotate(12deg)}}.mock-ad{z-index:200;background:#000000e0}.mock-ad-panel{display:flex;width:min(100%,380px);flex-direction:column;gap:10px;padding:18px;border-radius:22px;color:var(--text);background:#151d33;text-align:center}.mock-ad-panel>span{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.14em}.mock-ad-creative{display:flex;min-height:280px;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:17px;background:radial-gradient(circle,#344d83,#10162a)}.mock-ad-creative i{display:grid;place-items:center;width:64px;height:64px;border:2px solid var(--reward);border-radius:18px;color:var(--reward);font-style:normal;font-weight:900}.mock-ad-creative p{max-width:250px;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.result-screen{display:flex;flex-direction:column;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 15%,#20365f,var(--background) 46%)}.result-title{display:flex;flex-direction:column;align-items:center}.result-crest-frame{position:relative;display:grid;width:94px;height:94px;margin-bottom:3px;place-items:center;border:1px solid rgba(128,221,255,.5);border-radius:50%;background:conic-gradient(from 210deg,#3b72aac7,#97e2fff2,#2a4a7cc2,#3b72aac7);box-shadow:0 10px 28px #0209187a,0 0 24px #62e6ff33}.result-crest-frame:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.18);border-radius:inherit;pointer-events:none}.result-crest-frame.victory{border-color:#ffd166a6;background:conic-gradient(from 210deg,#75501a,#f6cf70,#8c5f22,#d6a94c,#75501a);box-shadow:0 10px 28px #0209187a,0 0 26px #ffd16633}.result-crest{width:86px;height:86px;border-radius:50%;object-fit:cover;clip-path:circle(49% at 50% 50%)}.result-title>small{color:var(--primary);font-weight:900;letter-spacing:.1em}.result-title h1{margin:4px 0 -4px;font-size:clamp(52px,18vw,78px);letter-spacing:-.06em}.result-title>span{color:var(--muted);font-size:12px}.result-title>b{margin-top:8px;padding:5px 10px;border-radius:99px;color:#251900;background:var(--reward);font-size:10px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-grid .stat-card{padding:12px 14px}.coin-reward{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border:1px solid rgba(255,209,102,.22);border-radius:17px;background:#ffd1660f}.coin-reward span{display:flex;flex-direction:column;gap:2px;color:var(--muted);font-size:12px}.coin-reward span small{color:#8290ad;font-size:9px}.coin-reward strong{color:var(--reward);font-size:21px}.build-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid rgba(255,209,102,.18);border-radius:15px;background:#ffd1660b}.build-summary>span{color:var(--muted);font-size:10px}.build-summary>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.build-summary b{padding:4px 7px;border-radius:99px;color:#261c05;background:var(--reward);font-size:9px}.double-coin-card{position:relative;isolation:isolate;display:flex;overflow:hidden;min-height:74px;align-items:center;justify-content:flex-end;padding:9px;border:1px solid rgba(255,209,102,.2);border-radius:18px;background:#111a30}.double-coin-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080d1b1f,#080d1be0 67%)}.double-coin-card>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:45% 43%}.double-coin-card .primary-button{min-height:48px;padding-inline:16px;font-size:12px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions .primary-button:first-child{grid-column:1 / -1}@media (max-height: 700px){.hero{min-height:220px}.hero .logo{transform:scale(.66);margin-top:-30px;margin-bottom:-5px}.hero .logo.dynamic-title-logo{width:min(calc(100% - 28px),320px);margin-top:-26px;transform:none}.result-title h1{font-size:52px}.overlay-panel{padding:18px}.leaderboard-panel{gap:9px;padding:15px}.leaderboard-panel .leaderboard-notice{display:none}.leaderboard-list article{min-height:49px;padding-block:7px}.skill-cards{gap:6px;margin-top:10px}.skill-cards button{padding:8px}.dungeon-card{min-height:138px}.dungeon-preview{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.screen.commercial-lobby.safe-area{--commercial-accent: #e9b95f;--commercial-accent-rgb: 233, 185, 95;--commercial-panel-width: min(100vw, 440px, 56.25dvh );position:relative;isolation:isolate;display:grid;width:100%;max-width:none;height:100dvh;margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,var(--commercial-panel-width)) minmax(0,1fr);grid-template-rows:clamp(54px,7.65dvh,64px) minmax(0,1fr) clamp(126px,18.35dvh,155px) clamp(66px,9.35dvh,79px) clamp(50px,6.9dvh,58px) clamp(57px,7.85dvh,66px);gap:3px;overflow:clip;padding:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 4px) 0 max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) 0;background:#050a12;box-shadow:0 0 80px #000000bd}.commercial-lobby-topbar,.commercial-lobby-hero,.commercial-character-selector,.commercial-dungeon-panel,.commercial-action-row,.commercial-lobby-nav{grid-column:2;width:calc(100% - 26px);justify-self:center}.commercial-lobby.is-moonArcher{--commercial-accent: #76c9ed;--commercial-accent-rgb: 118, 201, 237}.commercial-lobby.is-flameShaman{--commercial-accent: #e76e52;--commercial-accent-rgb: 231, 110, 82}.commercial-lobby.is-shadowNinja{--commercial-accent: #9a7ae1;--commercial-accent-rgb: 154, 122, 225}.commercial-lobby-backdrop{position:absolute;z-index:-4;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 39%;filter:saturate(1.02) contrast(1.06) brightness(.82);transform-origin:50% 48%;animation:commercial-lobby-backdrop-drift 18s ease-in-out infinite alternate;pointer-events:none}.commercial-lobby-vignette{position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,#02050b24,#02050b0a 29%,#03060d6b 53%,#03070ef0 74%,#050a12),radial-gradient(circle at 50% 35%,transparent 0 28%,rgba(1,3,8,.34) 76%);pointer-events:none}.commercial-lobby-scene-vfx{position:absolute;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.commercial-lobby-scene-vfx i{position:absolute;display:block}.commercial-lobby-scene-vfx .moon-bloom{top:5%;left:max(4%,calc(50% - var(--commercial-panel-width) / 2 + 8px));width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(205,228,255,.2),rgba(107,160,218,.08) 42%,transparent 70%);filter:blur(7px);animation:commercial-moon-breathe 5.8s ease-in-out infinite}.commercial-lobby-scene-vfx .fog-band{right:-18%;left:-18%;height:88px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(142,170,200,.11) 24%,rgba(196,216,235,.14) 52%,rgba(111,145,178,.07) 76%,transparent);filter:blur(18px)}.commercial-lobby-scene-vfx .fog-band-one{top:36%;animation:commercial-fog-drift-one 12s ease-in-out infinite alternate}.commercial-lobby-scene-vfx .fog-band-two{top:51%;opacity:.72;animation:commercial-fog-drift-two 16s ease-in-out infinite alternate}.commercial-lobby-scene-vfx .lantern-bloom{top:42%;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,rgba(255,229,170,.72) 0 4%,rgba(238,150,61,.2) 18%,transparent 68%);filter:blur(2px);animation:commercial-lantern-flicker 2.2s steps(4,end) infinite}.commercial-lobby-scene-vfx .lantern-bloom-left{left:max(2%,calc(50% - var(--commercial-panel-width) / 2 + 22px))}.commercial-lobby-scene-vfx .lantern-bloom-right{right:max(2%,calc(50% - var(--commercial-panel-width) / 2 + 22px));animation-delay:-1.1s}.commercial-lobby-ambient{position:absolute;z-index:1;inset:70px 0 46%;overflow:hidden;pointer-events:none}.commercial-lobby-ambient i{position:absolute;bottom:-14px;width:3px;height:3px;border-radius:50%;background:var(--commercial-accent);box-shadow:0 0 10px rgba(var(--commercial-accent-rgb),.82);opacity:0;animation:commercial-lobby-particle 5.4s linear infinite}.commercial-lobby-ambient i:nth-child(1){left:6%;animation-delay:-1.2s}.commercial-lobby-ambient i:nth-child(2){left:17%;animation-delay:-4.4s}.commercial-lobby-ambient i:nth-child(3){left:29%;animation-delay:-2.8s}.commercial-lobby-ambient i:nth-child(4){left:39%;animation-delay:-.4s}.commercial-lobby-ambient i:nth-child(5){left:48%;animation-delay:-3.5s}.commercial-lobby-ambient i:nth-child(6){left:58%;animation-delay:-1.8s}.commercial-lobby-ambient i:nth-child(7){left:68%;animation-delay:-4.9s}.commercial-lobby-ambient i:nth-child(8){left:79%;animation-delay:-2.1s}.commercial-lobby-ambient i:nth-child(9){left:88%;animation-delay:-3.9s}.commercial-lobby-ambient i:nth-child(10){left:95%;animation-delay:-.9s}.commercial-dev-badge{position:absolute;z-index:20;top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 5px);left:calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 7px);padding:3px 7px;border:1px solid rgba(117,215,222,.24);border-radius:99px;color:#a6e8eb;background:#040a12b3;font-size:7px;font-weight:850;letter-spacing:.04em;backdrop-filter:blur(8px)}.commercial-lobby-topbar{position:relative;z-index:8;display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0}.commercial-lobby-patrol{position:relative;display:grid;width:42px;height:58px;place-items:center;align-content:center;border:1px solid rgba(224,183,97,.5);border-radius:3px 3px 7px 7px;clip-path:polygon(0 0,100% 0,100% 86%,50% 100%,0 86%);color:#f4d58c;background:linear-gradient(180deg,#272018ed,#090e15eb),#0d131d;box-shadow:inset 0 0 0 2px #ffdf910d,0 7px 18px #00000052;line-height:1}.commercial-lobby-patrol small{color:#b79c67;font-size:7px;font-weight:900;letter-spacing:.16em}.commercial-lobby-patrol strong{margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:21px;font-variant-numeric:tabular-nums}.commercial-lobby-topbar .logo.dynamic-title-logo{width:min(29vw,124px);margin:0 auto;transform:none}.commercial-lobby-topbar .logo-title-stack{filter:drop-shadow(0 4px 8px rgba(0,0,0,.72)) drop-shadow(0 0 12px rgba(233,185,95,.08))}.commercial-lobby-wallet{display:flex;align-items:center;justify-self:end;gap:5px}.commercial-lobby-wallet>span{display:flex;min-width:80px;height:33px;align-items:center;gap:6px;padding:0 9px 0 5px;border:1px solid rgba(215,174,88,.4);border-radius:99px;color:#f5ddb0;background:#050a11d1;box-shadow:inset 0 0 14px #dcb0520d;backdrop-filter:blur(8px)}.commercial-lobby-wallet>span i{display:grid;width:25px;height:25px;place-items:center;flex:0 0 25px;border:1px solid #e0b760;border-radius:50%;color:#31210a;background:linear-gradient(135deg,#ffe9a6,#a96c22);box-shadow:0 0 8px #e0b7602e;font-family:serif;font-size:12px;font-style:normal;font-weight:900}.commercial-lobby-wallet>span b{overflow:hidden;max-width:62px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-variant-numeric:tabular-nums;text-overflow:ellipsis}.commercial-lobby-hero{position:relative;z-index:2;min-height:0;overflow:hidden;border-bottom:1px solid rgba(var(--commercial-accent-rgb),.25)}.commercial-lobby-hero:after{content:"";position:absolute;z-index:3;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(3,7,14,.88) 77%,#050a12);pointer-events:none}.commercial-lobby-cloud{position:absolute;z-index:0;width:65%;height:22%;border-radius:50%;background:#566f8b1f;filter:blur(24px);pointer-events:none}.commercial-lobby-cloud.cloud-one{top:7%;left:-35%;animation:commercial-cloud-one 15s ease-in-out infinite alternate}.commercial-lobby-cloud.cloud-two{top:29%;right:-38%;animation:commercial-cloud-two 18s ease-in-out infinite alternate}.commercial-lobby-character-stage{position:absolute;z-index:2;inset:-2% -5% 68px;margin:0;transform-origin:50% 100%;animation:commercial-character-enter .46s cubic-bezier(.2,.82,.2,1) both;pointer-events:none}.commercial-lobby-aura{position:absolute;z-index:0;right:4%;bottom:11%;width:69%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--commercial-accent-rgb),.24),rgba(var(--commercial-accent-rgb),.06) 42%,transparent 70%);filter:blur(4px);animation:commercial-aura 3.8s ease-in-out infinite}.commercial-lobby-character{--character-shift-x: 0%;--character-shift-y: 10%;position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;filter:drop-shadow(0 17px 18px rgba(0,0,0,.76)) drop-shadow(0 0 11px rgba(var(--commercial-accent-rgb),.18));transform-origin:50% 100%;animation:commercial-character-idle 4.3s ease-in-out .45s infinite}.commercial-lobby.is-nightWarrior .commercial-lobby-character{scale:1.18}.commercial-lobby.is-moonArcher .commercial-lobby-character{scale:1.1}.commercial-lobby.is-flameShaman .commercial-lobby-character{--character-shift-x: 2%;scale:1.13}.commercial-lobby.is-shadowNinja .commercial-lobby-character{--character-shift-x: 1%;scale:1.12}.commercial-lobby-weapon-glint{position:absolute;z-index:3;right:5%;bottom:22%;width:66%;height:52px;border-top:2px solid var(--commercial-accent);border-radius:50%;opacity:0;filter:drop-shadow(0 0 7px var(--commercial-accent));transform:rotate(-14deg);animation:commercial-weapon-glint 4.7s ease-in-out 1.2s infinite}.commercial-lobby.is-moonArcher .commercial-lobby-weapon-glint{right:6%;bottom:39%;width:80%;height:8px;border-radius:0;transform:rotate(5deg)}.commercial-lobby.is-flameShaman .commercial-lobby-weapon-glint{right:10%;bottom:42%;width:68px;height:68px;border:2px solid var(--commercial-accent);border-radius:50%;background:radial-gradient(circle,#fff2bb 0 4%,#f07142 13%,transparent 64%);transform:none;animation:commercial-magic-pulse 2.4s ease-in-out infinite}.commercial-lobby.is-shadowNinja .commercial-lobby-weapon-glint{right:2%;bottom:28%;width:74%;height:88px;border-bottom:1px solid rgba(var(--commercial-accent-rgb),.45);transform:rotate(-8deg);animation:commercial-ninja-orbit 5s linear infinite}.commercial-lobby-shadow{position:absolute;z-index:1;right:13%;bottom:1%;left:13%;height:28px;border-radius:50%;background:#000000c2;filter:blur(12px)}.commercial-lobby-identity{position:absolute;z-index:5;right:0;bottom:0;left:0;display:grid;min-height:68px;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:7px 9px;border-top:1px solid rgba(var(--commercial-accent-rgb),.32);border-bottom:1px solid rgba(var(--commercial-accent-rgb),.22);border-radius:0;background:radial-gradient(circle at 10% 50%,rgba(var(--commercial-accent-rgb),.09),transparent 24%),linear-gradient(90deg,#03070df5,#070e18d6 52%,#03070df5);box-shadow:inset 0 1px #ffffff06,0 8px 24px #00000057;backdrop-filter:blur(10px)}.commercial-lobby-class-emblem,.commercial-lobby-skill-emblem{position:relative;display:grid;width:54px;height:54px;place-items:center;overflow:hidden;border:2px solid rgba(var(--commercial-accent-rgb),.74);border-radius:50%;background:radial-gradient(circle,rgba(var(--commercial-accent-rgb),.12),#040a12f5 72%);box-shadow:inset 0 0 0 3px #03070ddb,inset 0 0 18px rgba(var(--commercial-accent-rgb),.22),0 0 0 1px rgba(var(--commercial-accent-rgb),.22),0 0 18px rgba(var(--commercial-accent-rgb),.16)}.commercial-lobby-class-emblem:before,.commercial-lobby-skill-emblem:before{content:"";position:absolute;z-index:2;inset:5px;border:1px solid rgba(var(--commercial-accent-rgb),.4);border-radius:inherit;pointer-events:none}.commercial-lobby-class-emblem svg{width:32px;height:32px;fill:none;stroke:var(--commercial-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.55;filter:drop-shadow(0 0 5px rgba(var(--commercial-accent-rgb),.42))}.commercial-lobby-skill-emblem img{width:100%;height:100%;object-fit:cover}.commercial-lobby-identity-copy{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;text-align:center}.commercial-lobby-identity strong{color:#f7e8c4;font-family:Georgia,"Noto Serif KR",serif;font-size:23px;letter-spacing:.015em;text-shadow:0 2px 8px rgba(0,0,0,.88)}.commercial-lobby-identity small{overflow:hidden;color:color-mix(in srgb,var(--commercial-accent) 75%,#cadbf0);font-size:11px;font-weight:850;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.commercial-character-selector{position:relative;z-index:5;display:grid;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.commercial-character-card{--portrait-accent: #d7aa55;position:relative;display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) 25px;align-items:center;justify-items:center;gap:0;overflow:hidden;padding:0 3px 2px;border:1px solid rgba(214,224,239,.14);border-radius:0;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);color:#abb6c8;background:linear-gradient(180deg,#131b2ae6,#050a12fa),#0b121e;box-shadow:inset 0 0 0 1px #ffffff05,0 5px 14px #0000002e;cursor:pointer}.commercial-character-card[data-character=moonArcher]{--portrait-accent: #76c9ed}.commercial-character-card[data-character=flameShaman]{--portrait-accent: #e76e52}.commercial-character-card[data-character=shadowNinja]{--portrait-accent: #9a7ae1}.commercial-character-card:after{content:"";position:absolute;inset:2px;border:1px solid transparent;border-color:color-mix(in srgb,var(--portrait-accent) 25%,transparent);border-radius:0;clip-path:inherit;pointer-events:none}.commercial-character-portrait{position:relative;display:block;overflow:hidden;width:100%;height:100%;border:0;border-bottom:1px solid rgba(207,218,236,.13);border-radius:0;background:radial-gradient(circle at 50% 31%,color-mix(in srgb,var(--portrait-accent) 24%,transparent),transparent 59%),linear-gradient(180deg,#19253894,#040911f5),#08111d;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.commercial-character-portrait:after{content:"";position:absolute;z-index:2;inset:36% 0 0;background:linear-gradient(180deg,transparent,rgba(4,8,15,.92));pointer-events:none}.commercial-character-portrait>img{position:absolute;z-index:1;top:-3%;left:-5%;width:110%;height:110%;object-fit:contain;object-position:50% 0;filter:saturate(.78) brightness(.78);transition:filter .2s ease,transform .2s ease}.commercial-character-portrait i{position:absolute;z-index:4;inset:1px;border:1px solid var(--portrait-accent);border-radius:0;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);opacity:0;box-shadow:inset 0 0 12px color-mix(in srgb,var(--portrait-accent) 16%,transparent),0 0 9px color-mix(in srgb,var(--portrait-accent) 22%,transparent);pointer-events:none}.commercial-character-portrait em{position:absolute;z-index:5;bottom:5px;left:50%;display:grid;width:25px;height:25px;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--portrait-accent) 72%,#fff 8%);border-radius:50%;background:#07101b;box-shadow:0 0 0 2px #03070dcc,0 0 9px color-mix(in srgb,var(--portrait-accent) 25%,transparent);transform:translate(-50%);pointer-events:none}.commercial-character-portrait em img{width:100%;height:100%;object-fit:cover}.commercial-character-card b{position:relative;z-index:4;overflow:hidden;max-width:100%;color:inherit;font-size:clamp(10px,2.75vw,12px);font-weight:900;line-height:1;text-overflow:ellipsis;text-shadow:0 2px 5px rgba(0,0,0,.9);white-space:nowrap}.commercial-character-card.selected{border-color:color-mix(in srgb,var(--portrait-accent) 88%,#fff 12%);color:#f4dca3;background:linear-gradient(180deg,rgba(var(--commercial-accent-rgb),.09),#050a12f5),#0b121e;box-shadow:inset 0 0 0 1px rgba(var(--commercial-accent-rgb),.34),0 0 19px rgba(var(--commercial-accent-rgb),.3)}.commercial-character-card.selected .commercial-character-portrait{border-color:color-mix(in srgb,var(--portrait-accent) 72%,#fff 9%);box-shadow:inset 0 -18px 30px rgba(var(--commercial-accent-rgb),.08),0 0 14px rgba(var(--commercial-accent-rgb),.2);transform:translateY(-1px) scale(1.015)}.commercial-character-card.selected .commercial-character-portrait>img{filter:saturate(1.02) brightness(1);transform:scale(1.035)}.commercial-character-card.selected .commercial-character-portrait i{opacity:1;animation:commercial-portrait-selected 2.6s ease-in-out infinite}.commercial-dungeon-panel{position:relative;z-index:5;isolation:isolate;overflow:hidden;min-height:0;border:1px solid rgba(232,191,101,.72);border-radius:3px;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);background:#060c14;box-shadow:inset 0 0 0 2px #03070df0,inset 0 0 0 3px #ffdc8d1a,0 10px 28px #0000006b,0 0 18px #dba84514}.commercial-dungeon-panel:before{content:"";position:absolute;z-index:3;top:0;left:18%;width:64%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,222,144,.86) 50%,transparent);box-shadow:0 0 8px #f0c15d73;pointer-events:none}.commercial-dungeon-panel:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(255,235,184,.05),transparent 32%),radial-gradient(circle at 73% 42%,rgba(224,183,96,.08),transparent 30%);pointer-events:none}.commercial-dungeon-art{position:absolute;z-index:-3;inset:0 auto 0 0;width:47%;height:100%;object-fit:cover;object-position:50% 46%;filter:saturate(1.12) brightness(1.02) contrast(1.08);transform:scale(1.025);animation:commercial-dungeon-enter .35s ease both}.commercial-dungeon-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#03070d33,#03070d5c 31%,#03070df0 49%,#03070dfa),linear-gradient(180deg,#03070d1f,#03070d4d 48%,#03070deb)}.commercial-dungeon-frame{position:absolute;z-index:2;inset:4px;border:1px solid rgba(232,191,101,.21);clip-path:inherit;pointer-events:none}.commercial-dungeon-frame i{position:absolute;width:13px;height:13px;border-color:#f4cd75a8;border-style:solid}.commercial-dungeon-frame i:nth-child(1){top:3px;left:3px;border-width:1px 0 0 1px}.commercial-dungeon-frame i:nth-child(2){top:3px;right:3px;border-width:1px 1px 0 0}.commercial-dungeon-frame i:nth-child(3){right:3px;bottom:3px;border-width:0 1px 1px 0}.commercial-dungeon-frame i:nth-child(4){bottom:3px;left:3px;border-width:0 0 1px 1px}.commercial-dungeon-copy{position:absolute;z-index:4;top:7px;bottom:7px;left:51%;display:flex;width:calc(49% - 88px);min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}.commercial-dungeon-copy>small{display:flex;align-items:center;gap:5px;color:#d6c49e;font-size:7px;font-weight:900;letter-spacing:.08em}.commercial-dungeon-copy>small b{padding-left:6px;border-left:2px solid #e1ae4f;color:#ead6a9;line-height:1}.commercial-dungeon-copy>small i{padding:2px 6px;border:1px solid rgba(223,183,96,.42);border-radius:99px;color:#f6dc96;background:#070b119e;font-style:normal;letter-spacing:0}.commercial-dungeon-copy strong{overflow:hidden;max-width:100%;color:#fff0c8;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:17px;line-height:1.03;letter-spacing:.025em;text-overflow:ellipsis;text-shadow:0 2px 5px #000,0 0 12px rgba(225,174,79,.16);white-space:nowrap}.commercial-dungeon-copy .commercial-dungeon-index{color:#9cb6d4;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:700;letter-spacing:.08em;line-height:1}.commercial-dungeon-crest{--dungeon-crest-accent: #e7bd68;--dungeon-crest-glow: rgba(225, 172, 67, .42);position:absolute;z-index:4;top:46%;right:38px;width:50px;height:50px;border:1px solid color-mix(in srgb,var(--dungeon-crest-accent) 64%,#111722);border-radius:50%;background:radial-gradient(circle at 46% 40%,rgba(255,255,255,.09),transparent 42%),#03070dd6;box-shadow:inset 0 0 0 2px #04080de6,inset 0 0 0 3px color-mix(in srgb,var(--dungeon-crest-accent) 28%,transparent),0 3px 8px #000000b8,0 0 15px var(--dungeon-crest-glow);transform:translateY(-50%);isolation:isolate;animation:commercial-dungeon-crest-breathe 3.4s ease-in-out infinite}.commercial-dungeon-crest>img{position:absolute;z-index:2;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);object-fit:contain;object-position:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.92)) drop-shadow(0 0 4px var(--dungeon-crest-glow))}.commercial-dungeon-crest:before{content:"";position:absolute;z-index:1;inset:3px;border:1px solid color-mix(in srgb,var(--dungeon-crest-accent) 54%,transparent);border-radius:50%;box-shadow:inset 0 0 7px #ffffff12}.commercial-dungeon-crest.is-mistBamboo{--dungeon-crest-accent: #72d8cf;--dungeon-crest-glow: rgba(54, 199, 186, .38)}.commercial-dungeon-crest.is-ruinedTemple{--dungeon-crest-accent: #d88a62;--dungeon-crest-glow: rgba(197, 65, 40, .38)}.commercial-dungeon-crest.is-snowGarrison{--dungeon-crest-accent: #bce9ff;--dungeon-crest-glow: rgba(89, 187, 234, .42)}.commercial-dungeon-crest.locked{border-color:#98a0b052;filter:grayscale(.72);opacity:.67;animation:none}@keyframes commercial-dungeon-crest-breathe{0%,to{filter:brightness(.96);transform:translateY(-50%) scale(1)}50%{filter:brightness(1.08);transform:translateY(-50%) scale(1.025)}}.commercial-dungeon-arrow{position:absolute;z-index:8;top:50%;display:grid;width:28px;height:34px;min-height:0;place-items:center;padding:0 0 3px;border:0;border-radius:16px;color:#f0c66d;background:#05090e57;box-shadow:none;font-family:Georgia,serif;font-size:27px;line-height:1;cursor:pointer;text-shadow:0 2px 5px #000,0 0 8px rgba(224,183,96,.24);transform:translateY(-50%);transition:border-color .14s ease,color .14s ease,transform .12s ease}.commercial-dungeon-arrow.previous{left:6px}.commercial-dungeon-arrow.next{right:6px}.commercial-dungeon-arrow:active{transform:translateY(calc(-50% + 1px)) scale(.96)}.commercial-dungeon-arrow:disabled{border-color:#6269742e;color:#555d68;background:#05090e6b;box-shadow:none;cursor:default}.commercial-dungeon-arrow.previous:disabled{visibility:hidden}.commercial-dungeon-pages{position:absolute;z-index:7;bottom:1px;left:50%;display:none;align-items:center;gap:3px;transform:translate(-50%)}.commercial-dungeon-pages button{display:grid;width:28px;height:16px;min-height:0;grid-template-columns:10px 1fr;align-items:center;gap:2px;padding:0;border:0;color:#758296;background:transparent;font-family:Georgia,serif;font-size:7px;font-weight:900;cursor:pointer}.commercial-dungeon-pages button i{display:block;width:8px;height:2px;border-radius:2px;background:#4c5665;box-shadow:0 1px 2px #000c;transition:width .16s ease,background .16s ease,box-shadow .16s ease}.commercial-dungeon-pages button.active{color:#efd18d}.commercial-dungeon-pages button.active i{width:10px;background:#e5b85e;box-shadow:0 0 6px #e5b85eb8,0 1px 2px #000c}.commercial-dungeon-pages button:focus:not(:focus-visible){outline:none}.commercial-dungeon-pages button:focus-visible{outline:none;border-radius:2px;box-shadow:inset 0 -1px #f0c66db8}.commercial-dungeon-panel.is-locked .commercial-dungeon-art{filter:saturate(.38) brightness(.72) contrast(1.06)}.commercial-character-card:focus:not(:focus-visible),.commercial-dungeon-arrow:focus:not(:focus-visible),.commercial-coop-button:focus:not(:focus-visible),.commercial-start-button:focus:not(:focus-visible),.commercial-lobby-nav button:focus:not(:focus-visible){outline:none}.commercial-character-card:focus-visible,.commercial-coop-button:focus-visible,.commercial-start-button:focus-visible,.commercial-lobby-nav button:focus-visible{outline:2px solid #f0c66d;outline-offset:-3px}.commercial-dungeon-arrow:focus-visible{outline:none;color:#fff0bb;text-shadow:0 2px 5px #000,0 0 12px rgba(240,198,109,.72)}.commercial-action-row{position:relative;z-index:6;display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr);gap:5px}.commercial-action-row.has-coop{grid-template-columns:minmax(0,.55fr) minmax(0,.45fr)}.commercial-coop-button{position:relative;isolation:isolate;display:flex;overflow:visible;min-width:0;min-height:0;align-items:center;justify-content:center;padding:5px 17px 6px;border:0;border-radius:24px;color:#e4f7f8;background:transparent;cursor:pointer;text-shadow:0 2px 2px rgba(0,0,0,.98),0 0 10px rgba(93,215,229,.26);transition:transform .12s ease,filter .16s ease}.commercial-coop-frame{position:absolute;z-index:0;inset:-1px 0;width:100%;height:calc(100% + 2px);object-fit:fill;filter:drop-shadow(0 3px 4px rgba(0,0,0,.92)) drop-shadow(0 0 7px rgba(83,205,224,.2));transition:transform .12s ease,filter .16s ease;user-select:none;pointer-events:none}.commercial-coop-copy{position:relative;z-index:3;display:flex;min-width:0;flex-direction:column;align-items:center;width:100%;gap:1px;white-space:nowrap}.commercial-coop-title{display:block;width:min(82%,116px);height:auto;max-height:25px;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.95)) drop-shadow(0 0 5px rgba(92,215,229,.22));user-select:none;pointer-events:none}.commercial-coop-copy small{color:#8edce5;font-size:clamp(7px,1.8vw,9px);font-weight:800;line-height:1;letter-spacing:.03em}.commercial-coop-button>i{position:absolute;z-index:2;inset:17% 13%;border:1px solid rgba(112,232,241,.13);border-radius:50%;box-shadow:inset 0 0 12px #57d1e221,0 0 12px #57d1e214;animation:commercial-coop-pulse 2.8s ease-in-out infinite;pointer-events:none}.commercial-coop-button:active{filter:brightness(.9);transform:translateY(2px) scale(.988)}.commercial-coop-button:active .commercial-coop-frame{filter:brightness(.92) drop-shadow(0 1px 2px rgba(0,0,0,.9))}.commercial-start-button{position:relative;z-index:6;isolation:isolate;display:flex;overflow:visible;min-height:0;flex-direction:column;align-items:center;justify-content:center;padding:6px 78px 7px;border:0;border-radius:28px;color:#f9d98d;background:transparent;box-shadow:0 10px 23px #00000061;text-shadow:0 2px 2px rgba(0,0,0,.98),0 0 10px rgba(255,217,129,.2);cursor:pointer;transform:translateZ(0);transition:transform .12s ease,filter .16s ease}.commercial-action-row.has-coop .commercial-start-button{padding-inline:47px}.commercial-action-row.has-coop .commercial-start-button span{font-size:clamp(22px,5.6vw,29px);white-space:nowrap}.commercial-start-button:before{content:"";position:absolute;z-index:1;inset:13% 19%;border-radius:50%;background:radial-gradient(ellipse at 50% 30%,rgba(255,218,133,.13),rgba(119,72,26,.03) 52%,transparent 74%);opacity:.72;pointer-events:none}.commercial-start-frame{position:absolute;z-index:0;inset:-2px 0;width:100%;height:calc(100% + 4px);object-fit:fill;filter:drop-shadow(0 3px 4px rgba(0,0,0,.94)) drop-shadow(0 0 7px rgba(229,180,83,.2));transition:transform .12s ease,filter .16s ease,opacity .16s ease;user-select:none;pointer-events:none}.commercial-start-button span{position:relative;z-index:3;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:29px;font-weight:900;line-height:.98;letter-spacing:.06em}.commercial-start-button small{display:none}.commercial-start-button>i{position:absolute;z-index:2;top:10%;bottom:10%;left:-22%;width:16%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,239,194,.24),transparent);filter:blur(1px);transform:skew(-18deg);animation:commercial-cta-shimmer 4.8s ease-in-out 1.5s infinite;pointer-events:none}.commercial-start-button:active{transform:translateY(2px) scale(.992);filter:brightness(.88)}.commercial-start-button:active .commercial-start-frame{transform:scale(.997);filter:drop-shadow(0 1px 2px rgba(0,0,0,.9)) brightness(.92)}.commercial-start-button:disabled{color:#817c72;filter:none;cursor:default;box-shadow:none}.commercial-start-button:disabled .commercial-start-frame{opacity:.67;filter:grayscale(.86) brightness(.62) drop-shadow(0 2px 3px rgba(0,0,0,.82))}.commercial-start-button:disabled small{color:#67635d}@media (hover: hover) and (pointer: fine){.commercial-coop-button:hover .commercial-coop-frame{filter:brightness(1.08) drop-shadow(0 4px 5px rgba(0,0,0,.94)) drop-shadow(0 0 11px rgba(83,205,224,.34))}.commercial-start-button:not(:disabled):hover .commercial-start-frame{filter:brightness(1.08) drop-shadow(0 4px 5px rgba(0,0,0,.94)) drop-shadow(0 0 10px rgba(235,183,81,.32))}}.commercial-lobby-nav{position:relative;z-index:7;display:grid;min-height:0;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid rgba(214,181,106,.38);background:repeating-radial-gradient(circle at 50% 0%,rgba(224,183,96,.035) 0 1px,transparent 1px 7px),linear-gradient(180deg,#1c1916e6,#05080dfc);box-shadow:inset 0 1px #ffe09b12,0 -5px 16px #0000005c}.commercial-lobby-nav button{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 3px 3px;border:0;border-right:1px solid rgba(214,181,106,.34);color:#c8b078;background:transparent;cursor:pointer}.commercial-lobby-nav button:last-child{border-right:0}.commercial-lobby-nav button svg{width:32px;height:32px;overflow:visible;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;filter:drop-shadow(0 2px 1px rgba(0,0,0,.96)) drop-shadow(0 0 5px rgba(224,183,96,.22))}.commercial-lobby-nav .nav-icon-solid{fill:currentColor;stroke:#ffe3a457;stroke-width:.8}.commercial-lobby-nav .nav-icon-soft{fill-opacity:.22}.commercial-lobby-nav .nav-icon-line{fill:none;stroke:currentColor;stroke-width:2.6}.commercial-lobby-nav .nav-icon-detail{fill:none;stroke:#f1d89e;stroke-width:1.7;opacity:.82}.commercial-lobby-nav .nav-icon-highlight{fill:none;stroke:#ffeebedb;stroke-width:1.15;opacity:.64}.commercial-lobby-nav .nav-icon-star{fill:currentColor;stroke-width:1}.commercial-lobby-nav button:after{position:absolute;top:3px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,rgba(224,183,96,.08),transparent 68%);content:"";pointer-events:none}.commercial-lobby-nav button span{color:#d5b979;font-family:Georgia,"Noto Serif KR",serif;font-size:12px;font-weight:850;letter-spacing:.03em;text-shadow:0 2px 4px #000}.commercial-lobby-nav button:active{color:#ffe3a0;background:#e0b76012}.commercial-lobby-nav button:disabled{color:#4f5664;cursor:default}.commercial-codex-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:#010409d6;backdrop-filter:blur(12px);animation:commercial-overlay-in .18s ease both}.commercial-codex-panel{display:flex;overflow:hidden auto;width:min(100%,420px);max-height:88dvh;flex-direction:column;gap:12px;padding:15px;border:1px solid rgba(224,183,96,.44);border-radius:22px;color:var(--text);background:radial-gradient(circle at 82% 0%,rgba(117,215,222,.08),transparent 33%),linear-gradient(145deg,#121b29,#070c14);box-shadow:inset 0 0 0 1px #ffffff06,0 24px 60px #00000094;scrollbar-width:none}.commercial-codex-panel::-webkit-scrollbar{display:none}.commercial-codex-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.commercial-codex-panel>header span{display:flex;flex-direction:column;gap:2px}.commercial-codex-panel>header small{color:#8abec3;font-size:7px;font-weight:900;letter-spacing:.16em}.commercial-codex-panel>header strong{color:#f1d28e;font-family:Georgia,"Noto Serif KR",serif;font-size:24px}.commercial-codex-panel>header button{width:42px;height:42px;min-height:42px;padding:0 0 4px;border:1px solid rgba(209,221,239,.16);border-radius:50%;color:#d7deea;background:#ffffff0b;font-size:28px;cursor:pointer}.commercial-codex-characters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commercial-codex-characters article{display:grid;min-height:108px;grid-template-columns:42% 1fr;align-items:center;gap:6px;overflow:hidden;padding:7px;border:1px solid rgba(206,218,236,.13);border-radius:14px;background:#121b2ad1}.commercial-codex-characters article img{width:100%;height:100px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.58))}.commercial-codex-characters article span{display:flex;min-width:0;flex-direction:column;gap:3px}.commercial-codex-characters article b{color:#f1d59a;font-size:11px}.commercial-codex-characters article small{color:#86cbd2;font-size:7px;font-weight:850}.commercial-codex-characters article p{display:-webkit-box;overflow:hidden;margin:1px 0 0;color:#919cad;font-size:7px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:3}.commercial-codex-dungeons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.commercial-codex-dungeons article{display:grid;min-width:0;grid-template-columns:32px 1fr;align-items:center;gap:8px;padding:9px;border:1px solid rgba(224,183,96,.18);border-radius:12px;background:#080d16c7}.commercial-codex-dungeons article>b{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(224,183,96,.35);border-radius:50%;color:#e3c580;font-family:Georgia,serif;font-size:10px}.commercial-codex-dungeons article span{display:flex;min-width:0;flex-direction:column;gap:2px}.commercial-codex-dungeons article strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.commercial-codex-dungeons article small{overflow:hidden;color:#8f9bae;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.commercial-codex-dungeons article.locked{filter:grayscale(1);opacity:.48}@keyframes commercial-lobby-backdrop-drift{0%{transform:scale(1.02) translate3d(-.5%,-.3%,0)}to{transform:scale(1.065) translate3d(.6%,.35%,0)}}@keyframes commercial-lobby-particle{0%{opacity:0;transform:translate3d(0,10px,0) scale(.5)}18%{opacity:.72}70%{opacity:.26}to{opacity:0;transform:translate3d(12px,-230px,0) scale(1.3)}}@keyframes commercial-cloud-one{0%{transform:translate(-5%);opacity:.5}to{transform:translate(85%);opacity:.85}}@keyframes commercial-cloud-two{0%{transform:translate(8%);opacity:.42}to{transform:translate(-82%);opacity:.7}}@keyframes commercial-moon-breathe{0%,to{opacity:.62;scale:.94}50%{opacity:1;scale:1.08}}@keyframes commercial-fog-drift-one{0%{translate:-5% 0;opacity:.45}to{translate:7% -5px;opacity:.82}}@keyframes commercial-fog-drift-two{0%{translate:8% 0;opacity:.52}to{translate:-6% 4px;opacity:.78}}@keyframes commercial-lantern-flicker{0%,to{opacity:.58;scale:.92}35%{opacity:.86;scale:1.04}70%{opacity:.68;scale:.97}}@keyframes commercial-character-enter{0%{opacity:0;transform:translateY(14px) scale(.96);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes commercial-character-idle{0%,to{translate:var(--character-shift-x) var(--character-shift-y)}48%{translate:var(--character-shift-x) calc(var(--character-shift-y) - 5px)}}@keyframes commercial-aura{0%,to{opacity:.46;transform:scale(.92)}50%{opacity:.82;transform:scale(1.07)}}@keyframes commercial-weapon-glint{0%,64%,to{opacity:.08;transform:rotate(-16deg) scaleX(.78)}74%{opacity:.86;transform:rotate(-12deg) scaleX(1.03)}82%{opacity:.17;transform:rotate(-10deg) scaleX(1.08)}}@keyframes commercial-magic-pulse{0%,to{opacity:.5;transform:scale(.84);box-shadow:0 0 8px var(--commercial-accent)}50%{opacity:.92;transform:scale(1.08);box-shadow:0 0 28px var(--commercial-accent)}}@keyframes commercial-ninja-orbit{to{transform:rotate(352deg)}}@keyframes commercial-portrait-selected{0%,to{opacity:.62;box-shadow:inset 0 0 9px transparent,0 0 7px transparent}50%{opacity:1;box-shadow:inset 0 0 16px color-mix(in srgb,var(--portrait-accent) 21%,transparent),0 0 12px color-mix(in srgb,var(--portrait-accent) 28%,transparent)}}@keyframes commercial-dungeon-enter{0%{opacity:.45;transform:scale(1.08)}to{opacity:1;transform:scale(1.01)}}@keyframes commercial-cta-shimmer{0%,60%{left:-22%;opacity:0}70%{opacity:1}86%,to{left:112%;opacity:0}}@keyframes commercial-overlay-in{0%{opacity:0}to{opacity:1}}@media (min-width: 700px){.screen.commercial-lobby.safe-area{border-inline:0}body{background:radial-gradient(circle at 50% 30%,#182237 0,#070b12 52%,#030509)}}@media (max-width: 370px){.screen.commercial-lobby.safe-area{gap:3px}.commercial-lobby-topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0}.commercial-lobby-patrol{width:42px;height:50px}.commercial-lobby-wallet>span{min-width:66px;padding-right:7px}.commercial-lobby-wallet>span b{max-width:48px;font-size:12px}.commercial-lobby-identity{min-height:66px;grid-template-columns:54px minmax(0,1fr) 54px;gap:7px;padding-inline:5px}.commercial-lobby-class-emblem,.commercial-lobby-skill-emblem{width:50px;height:50px}.commercial-lobby-identity strong{font-size:20px}.commercial-lobby-identity small{font-size:9px}.commercial-lobby-identity em{right:62px}.commercial-character-selector{gap:4px}.commercial-dungeon-pages button{width:25px}}@media (max-height: 720px){.screen.commercial-lobby.safe-area{grid-template-rows:52px minmax(0,1fr) 126px 66px 49px 55px;gap:3px;padding-top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 3px);padding-bottom:max(env(safe-area-inset-bottom),var(--ait-safe-bottom))}.commercial-lobby-patrol{height:48px}.commercial-lobby-patrol strong{font-size:18px}.commercial-lobby-identity{min-height:64px;grid-template-columns:48px minmax(0,1fr) 48px;gap:7px}.commercial-lobby-class-emblem,.commercial-lobby-skill-emblem{width:44px;height:44px}.commercial-lobby-identity strong{font-size:18px}.commercial-lobby-identity small{font-size:8px}.commercial-lobby-identity em{right:56px;font-size:6px}.commercial-lobby-character-stage{bottom:58px}.commercial-character-card{grid-template-rows:minmax(0,1fr) 23px}.commercial-character-portrait em{width:21px;height:21px;bottom:3px}.commercial-start-button span{font-size:26px}.commercial-lobby-nav button svg{width:30px;height:30px}.commercial-lobby-nav button:after{width:34px;height:34px}.commercial-lobby-nav button span{font-size:11px}}.screen.commercial-lobby.safe-area{--commercial-panel-width: min(100vw, 56.25dvh );grid-template-columns:minmax(0,1fr) minmax(0,var(--commercial-panel-width)) minmax(0,1fr);grid-template-rows:7.6% 47.4% 17.4% 9.4% 7% 9.1%;gap:.22dvh;padding:max(env(safe-area-inset-top),var(--ait-safe-top)) 0 max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) 0;background:linear-gradient(90deg,rgba(2,5,10,.34),transparent 32% 68%,rgba(2,5,10,.34)),url(/assets/themes/joseon-night-ring/ui/lobby/lobby-palace-gate-v3.webp) center 42% / cover no-repeat,#03070d}.commercial-lobby-topbar,.commercial-lobby-hero,.commercial-character-selector,.commercial-dungeon-panel,.commercial-action-row,.commercial-lobby-nav{width:calc(100% - clamp(24px,5.8vw,32px))}.commercial-lobby-backdrop{inset:0 auto 0 50%;width:var(--commercial-panel-width);height:100%;object-fit:cover;object-position:50% 42%;filter:saturate(1.04) contrast(1.04) brightness(.91);transform:translate(-50%);animation:commercial-lobby-backdrop-v3 18s ease-in-out infinite alternate}.commercial-lobby-vignette{background:linear-gradient(180deg,#02050b0a,#02050b03 31%,#03060d2e 54%,#03070e9e 76%,#03070df0),radial-gradient(circle at 50% 36%,transparent 0 38%,rgba(1,3,8,.24) 84%)}.commercial-lobby-topbar{grid-template-columns:minmax(72px,1fr) auto minmax(96px,1fr);align-items:start;padding-top:clamp(4px,.75dvh,8px)}.commercial-lobby-patrol{isolation:isolate;width:clamp(48px,calc(var(--commercial-panel-width) * .13),56px);height:clamp(72px,9.8dvh,80px);justify-self:start;padding:17px 7px 12px;border:0;border-radius:0;background:transparent;box-shadow:none}.commercial-lobby-patrol>img{position:absolute;z-index:-1;inset:-2px -7px -5px;width:calc(100% + 14px);height:calc(100% + 7px);object-fit:fill;filter:drop-shadow(0 7px 10px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(226,183,88,.12));pointer-events:none}.commercial-lobby-patrol small{position:relative;z-index:1;color:#c9b080;font-size:clamp(7px,calc(var(--commercial-panel-width) * .02),8px);letter-spacing:.08em;text-shadow:0 2px 4px #000}.commercial-lobby-patrol strong{position:relative;z-index:1;margin-top:0;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;color:#f1d49a;font-size:clamp(10px,calc(var(--commercial-panel-width) * .027),12px);letter-spacing:0;text-shadow:0 2px 4px #000,0 0 5px rgba(223,181,91,.22);white-space:nowrap}.commercial-lobby-topbar .logo.dynamic-title-logo{width:clamp(156px,calc(var(--commercial-panel-width) * .4275),183px);margin-top:2px}.commercial-lobby-wallet{justify-self:end;gap:0}.commercial-lobby-wallet>span{min-width:clamp(82px,calc(var(--commercial-panel-width) * .22),94px);height:clamp(31px,4.1dvh,37px);gap:5px;padding:0 9px 0 4px;border-color:#ddb4598a;background:#040910e0}.commercial-lobby-wallet>span i{width:clamp(24px,calc(var(--commercial-panel-width) * .066),28px);height:clamp(24px,calc(var(--commercial-panel-width) * .066),28px);flex-basis:clamp(24px,calc(var(--commercial-panel-width) * .066),28px)}.commercial-lobby-wallet>span b{max-width:62px;font-size:clamp(14px,calc(var(--commercial-panel-width) * .039),17px)}.commercial-top-settings{display:grid;width:clamp(32px,calc(var(--commercial-panel-width) * .082),36px);height:clamp(32px,calc(var(--commercial-panel-width) * .082),36px);min-height:0;place-items:center;padding:5px;border:1px solid rgba(224,183,96,.64);border-radius:50%;color:#e8c77b;background:#050a11d1;box-shadow:inset 0 0 0 2px #04080ec7,0 0 12px #e0b7601f;cursor:pointer}.commercial-top-settings svg{width:100%;height:100%;fill:#e0b76029;stroke:currentColor;stroke-width:2;filter:drop-shadow(0 1px 2px #000)}.commercial-top-settings:active{transform:scale(.94) rotate(-5deg)}.commercial-lobby-hero{overflow:hidden;border-bottom-color:rgba(var(--commercial-accent-rgb),.28)}.commercial-lobby-hero:after{z-index:1;height:22%;background:linear-gradient(180deg,transparent,rgba(3,7,14,.54) 72%,#050a12)}.commercial-lobby-character-stage{--commercial-character-handoff-y: clamp(14px, 2.2dvh, 18px);z-index:3;inset:clamp(10px,1.8dvh,16px) -6% clamp(62px,7.2dvh,70px);animation:none;will-change:opacity,transform,filter}.commercial-lobby-character{z-index:3;filter:drop-shadow(0 20px 20px rgba(0,0,0,.78)) drop-shadow(0 0 12px rgba(var(--commercial-accent-rgb),.22))}.commercial-lobby-character-stage.is-nightWarrior .commercial-lobby-character{scale:1.14}.commercial-lobby-character-stage.is-moonArcher .commercial-lobby-character{scale:1.02}.commercial-lobby-character-stage.is-flameShaman .commercial-lobby-character{scale:1.06}.commercial-lobby-character-stage.is-shadowNinja .commercial-lobby-character{scale:1.04}.commercial-lobby-character-stage.is-entering{z-index:4;animation:commercial-character-enter-premium .84s cubic-bezier(.22,.61,.36,1) .26s both}.commercial-lobby-character-stage.is-entering .commercial-lobby-character{animation-delay:1.1s}.commercial-lobby-character-stage.is-exiting{z-index:2;animation:commercial-character-exit-premium .26s cubic-bezier(.4,0,.7,.2) both}.commercial-lobby-character-stage.is-exiting .commercial-lobby-aura,.commercial-lobby-character-stage.is-exiting .commercial-lobby-weapon-glint{animation:none;opacity:0}.commercial-lobby-transition-vfx{--transition-rgb: 83, 169, 224;--transition-angle: -12deg;position:absolute;z-index:5;inset:5% 4% 22%;overflow:hidden;opacity:0;mix-blend-mode:screen;animation:commercial-class-transition 1.1s cubic-bezier(.22,.61,.36,1) both;pointer-events:none}.commercial-lobby-transition-vfx:before,.commercial-lobby-transition-vfx:after{position:absolute;content:"";pointer-events:none}.commercial-lobby-transition-vfx:before{inset:13% 20% 9%;border:1px solid rgba(var(--transition-rgb),.46);border-radius:50%;background:radial-gradient(circle,rgba(var(--transition-rgb),.2),rgba(var(--transition-rgb),.05) 38%,transparent 68%);box-shadow:inset 0 0 24px rgba(var(--transition-rgb),.14),0 0 22px rgba(var(--transition-rgb),.17);transform:scale(.68);animation:commercial-transition-ring 1.1s ease-out both}.commercial-lobby-transition-vfx:after{top:42%;left:16%;width:68%;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82) 46%,rgba(var(--transition-rgb),.8) 54%,transparent);box-shadow:0 0 10px rgba(var(--transition-rgb),.72);transform:rotate(var(--transition-angle)) scaleX(.08);animation:commercial-transition-streak 1.1s ease-out both}.commercial-lobby-transition-vfx.is-nightWarrior{--transition-rgb: 72, 177, 232;--transition-angle: -14deg}.commercial-lobby-transition-vfx.is-moonArcher{--transition-rgb: 105, 210, 245;--transition-angle: 5deg}.commercial-lobby-transition-vfx.is-moonArcher:before{inset:8% 18%;border-width:2px 1px 0}.commercial-lobby-transition-vfx.is-flameShaman{--transition-rgb: 239, 101, 62;--transition-angle: -4deg}.commercial-lobby-transition-vfx.is-flameShaman:before{border-color:#ff9b548a;background:radial-gradient(circle,rgba(255,217,133,.3) 0 4%,rgba(239,91,48,.2) 14%,transparent 62%)}.commercial-lobby-transition-vfx.is-shadowNinja{--transition-rgb: 166, 104, 236;--transition-angle: -9deg;filter:blur(.25px)}.commercial-lobby-transition-vfx.is-shadowNinja:after{height:16px;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(196,140,255,.64) 3px 4px)}.commercial-lobby-identity{z-index:6;min-height:clamp(62px,7.2dvh,70px);grid-template-columns:clamp(52px,calc(var(--commercial-panel-width) * .135),58px) minmax(0,1fr) clamp(52px,calc(var(--commercial-panel-width) * .135),58px);gap:clamp(10px,calc(var(--commercial-panel-width) * .028),14px);padding:5px 10px;border-top-color:rgba(var(--commercial-accent-rgb),.2);background:linear-gradient(90deg,#03070deb,#050b13b3 51%,#03070deb);animation:commercial-identity-swap .5s cubic-bezier(.2,.72,.18,1) .12s both}.commercial-lobby-class-emblem,.commercial-lobby-skill-emblem{width:clamp(50px,calc(var(--commercial-panel-width) * .13),56px);height:clamp(50px,calc(var(--commercial-panel-width) * .13),56px)}.commercial-lobby-identity-copy{align-items:flex-start;gap:6px;text-align:left}.commercial-lobby-identity strong{font-size:clamp(21px,calc(var(--commercial-panel-width) * .057),25px);letter-spacing:.025em}.commercial-lobby-identity small{font-size:clamp(10px,calc(var(--commercial-panel-width) * .027),12px)}.commercial-character-selector{gap:clamp(5px,1.2vw,8px)}.commercial-character-card{grid-template-rows:minmax(0,1fr) clamp(27px,3.1dvh,32px);padding:0 4px 2px;border-color:color-mix(in srgb,var(--portrait-accent) 34%,#222a37)}.commercial-character-card b{font-size:clamp(11px,2.7vw,14px)}.commercial-character-portrait>img{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.08);transform-origin:50% 18%}.commercial-character-card.selected .commercial-character-portrait>img{transform:scale(1.12)}.commercial-character-card.selected .commercial-character-portrait{transform:none}.commercial-character-portrait em{bottom:6px;width:clamp(22px,calc(var(--commercial-panel-width) * .058),25px);height:clamp(22px,calc(var(--commercial-panel-width) * .058),25px)}.commercial-character-card.selected .commercial-character-portrait i{inset:3% 3% 10%;border-width:2px;border-radius:50%;clip-path:none;box-shadow:inset 0 0 18px color-mix(in srgb,var(--portrait-accent) 21%,transparent),0 0 13px color-mix(in srgb,var(--portrait-accent) 58%,transparent)}.commercial-dungeon-panel{border-color:#e8bf65c7;box-shadow:inset 0 0 0 2px #03070df0,inset 0 0 0 3px #ffdc8d1f,0 10px 30px #0000007a}.commercial-dungeon-art{width:48%;object-position:50% 24%;transform:none}.commercial-dungeon-copy{left:52%;width:calc(48% - clamp(64px,calc(var(--commercial-panel-width) * .17),72px))}.commercial-dungeon-copy strong{font-size:clamp(18px,4vw,22px)}.commercial-dungeon-copy .commercial-dungeon-index{font-size:clamp(14px,3.3vw,18px)}.commercial-dungeon-crest{right:clamp(30px,calc(var(--commercial-panel-width) * .078),34px);width:clamp(43px,calc(var(--commercial-panel-width) * .11),48px);height:clamp(43px,calc(var(--commercial-panel-width) * .11),48px)}.commercial-dungeon-arrow.next{right:5px}.commercial-action-row:not(.has-coop) .commercial-start-button{padding:6px 82px 7px}.commercial-action-row:not(.has-coop) .commercial-start-button span{font-size:clamp(29px,6.7vw,36px)}.commercial-lobby-nav{border-top-color:#d6b56a85}.commercial-lobby-nav button{justify-content:center;gap:clamp(2px,.45dvh,4px);padding:clamp(4px,.7dvh,7px) 3px clamp(4px,.6dvh,6px)}.commercial-lobby-nav button svg{width:clamp(31px,calc(var(--commercial-panel-width) * .084),35px);height:clamp(31px,calc(var(--commercial-panel-width) * .084),35px)}.commercial-lobby-nav button:after{top:clamp(5px,.75dvh,7px);width:clamp(30px,calc(var(--commercial-panel-width) * .082),34px);height:clamp(30px,calc(var(--commercial-panel-width) * .082),34px)}.commercial-lobby-nav button span{font-size:clamp(11px,calc(var(--commercial-panel-width) * .03),13px);line-height:1.05}.commercial-lobby-skill-emblem img{width:72%;height:72%;border-radius:50%;object-fit:cover;filter:saturate(1.06) drop-shadow(0 0 5px rgba(var(--commercial-accent-rgb),.32))}@keyframes commercial-lobby-backdrop-v3{0%{transform:translate(-50%) scale(1.015)}to{transform:translate(-50%) scale(1.035)}}@keyframes commercial-coop-pulse{0%,to{opacity:.38;transform:scaleX(.96)}50%{opacity:.82;transform:scaleX(1.02)}}@keyframes commercial-character-enter-premium{0%{opacity:0;filter:blur(1.4px) brightness(.8);transform:translate3d(0,var(--commercial-character-handoff-y),0) scale(.985)}26%{opacity:.46;filter:blur(.8px) brightness(.9);transform:translate3d(0,var(--commercial-character-handoff-y),0) scale(.99)}72%{opacity:1;filter:blur(0) brightness(1.03);transform:translate3d(0,2px,0) scale(1.002)}to{opacity:1;filter:blur(0) brightness(1);transform:translateZ(0) scale(1)}}@keyframes commercial-character-exit-premium{0%{opacity:1;filter:blur(0) brightness(1);transform:translateZ(0) scale(1)}to{opacity:0;filter:blur(1.2px) brightness(.62);transform:translate3d(0,var(--commercial-character-handoff-y),0) scale(.985)}}@keyframes commercial-class-transition{0%,10%{opacity:0}28%{opacity:.72}62%{opacity:.38}to{opacity:0}}@keyframes commercial-transition-ring{0%{opacity:0;transform:scale(.68)}28%{opacity:.86}72%{opacity:.28;transform:scale(1.04)}to{opacity:0;transform:scale(1.12)}}@keyframes commercial-transition-streak{0%,20%{opacity:0;transform:rotate(var(--transition-angle)) scaleX(.08)}43%{opacity:.92;transform:rotate(var(--transition-angle)) scaleX(1)}72%,to{opacity:0;transform:rotate(var(--transition-angle)) scaleX(1.08)}}@keyframes commercial-identity-swap{0%{opacity:0;transform:translateY(5px)}58%{opacity:1;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.commercial-coop-button>i{animation:none}.commercial-dungeon-crest{animation:none}.commercial-lobby-character-stage.is-entering{animation:commercial-character-fade-in .15s ease both}.commercial-lobby-character-stage.is-exiting{animation:commercial-character-fade-out .1s ease both}.commercial-lobby-transition-vfx{display:none}.commercial-lobby-identity{animation-duration:.15s;animation-delay:0ms}}@keyframes commercial-character-fade-in{0%{opacity:0}to{opacity:1}}@keyframes commercial-character-fade-out{0%{opacity:1}to{opacity:0}}@media (max-height: 720px){.screen.commercial-lobby.safe-area{grid-template-rows:7.6% 47.4% 17.4% 9.4% 7% 9.1%;gap:.22dvh;padding:max(env(safe-area-inset-top),var(--ait-safe-top)) 0 max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) 0}.commercial-lobby-character-stage{bottom:clamp(60px,7.2dvh,66px)}}.screen.commercial-settings.safe-area{--settings-gold: #ddb260;--settings-gold-soft: #a87a39;--settings-cyan: #64cad6;--settings-ivory: #ece0c8;--settings-panel: rgba(5, 12, 21, .92);position:relative;isolation:isolate;height:100dvh;padding:0!important;overflow-x:hidden;overflow-y:auto;background:#050a12;color:var(--settings-ivory);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(211,166,82,.32) transparent}.commercial-settings-backdrop,.commercial-settings-vignette,.commercial-settings-embers{position:fixed;inset:0;pointer-events:none}.commercial-settings-backdrop{z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 48%;filter:brightness(.38) saturate(.72) contrast(1.08) blur(1px);transform:scale(1.02)}.commercial-settings-vignette{z-index:-2;background:radial-gradient(circle at 50% -8%,rgba(88,170,198,.13),transparent 31%),linear-gradient(90deg,rgba(1,4,8,.78),transparent 25%,transparent 75%,rgba(1,4,8,.78)),linear-gradient(180deg,#02070d1a,#02060b80 46%,#010307eb)}.commercial-settings-embers{z-index:-1;overflow:hidden}.commercial-settings-embers i{position:absolute;bottom:-16px;width:3px;height:3px;border-radius:50%;background:#e7bd68;box-shadow:0 0 8px #e7bd68b8;opacity:0;animation:commercial-settings-ember 7s linear infinite}.commercial-settings-embers i:nth-child(1){left:15%;animation-delay:-1s}.commercial-settings-embers i:nth-child(2){left:38%;animation-delay:-5.2s;animation-duration:8.3s}.commercial-settings-embers i:nth-child(3){left:70%;animation-delay:-3.4s;animation-duration:6.5s}.commercial-settings-embers i:nth-child(4){left:88%;animation-delay:-6s;animation-duration:9.1s}.commercial-settings-shell{position:relative;z-index:2;width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 14px) calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 15px) calc(max(env(safe-area-inset-bottom),var(--ait-safe-bottom)) + 18px) calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 15px);background:linear-gradient(90deg,rgba(1,6,12,.58),transparent 10%,transparent 90%,rgba(1,6,12,.58))}.commercial-settings-header{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:start;gap:8px;margin-bottom:13px;animation:commercial-settings-header-in .42s cubic-bezier(.16,.82,.24,1) both}.commercial-settings-header>div{min-width:0;text-align:center}.commercial-settings-header h1{margin:0;color:#f0dfbd;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:clamp(31px,8.5vw,42px);font-weight:900;letter-spacing:.15em;line-height:1.08;text-indent:.15em;text-shadow:0 2px 2px #000,0 0 18px rgba(222,177,91,.18)}.commercial-settings-header p{display:flex;align-items:center;justify-content:center;gap:9px;margin:5px 0 0;color:#bca77e;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:11px;font-weight:700;letter-spacing:.2em}.commercial-settings-header p span{color:var(--settings-gold-soft);font-size:6px}.commercial-settings-back{display:grid;width:46px;height:46px;min-height:0;padding:0;border:1px solid rgba(216,169,82,.58);border-radius:50%;place-items:center;color:#e7c177;background:radial-gradient(circle at 35% 27%,rgba(255,238,183,.13),transparent 28%),linear-gradient(145deg,#1d1f20fa,#070c12fa);box-shadow:inset 0 0 0 3px #03070ceb,inset 0 0 0 4px #be8e3a33,0 5px 12px #00000094;cursor:pointer;transition:border-color .16s ease,transform .16s ease,filter .16s ease}.commercial-settings-back svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;filter:drop-shadow(0 2px 1px #000)}.commercial-settings-back:active{filter:brightness(1.2);transform:scale(.95)}.commercial-settings-header-balance{width:48px;height:1px}.commercial-settings-list{display:grid;gap:10px}.commercial-settings-panel{--settings-section-accent: 221, 178, 96;position:relative;overflow:hidden;border:1px solid rgba(var(--settings-section-accent),.62);border-radius:7px;background:linear-gradient(115deg,rgba(var(--settings-section-accent),.055),transparent 28%),linear-gradient(180deg,rgba(10,19,29,.97),var(--settings-panel));box-shadow:inset 0 0 0 2px #03070be0,inset 0 0 0 3px rgba(var(--settings-section-accent),.13),0 8px 22px #0000006b;animation:commercial-settings-panel-in .46s cubic-bezier(.16,.82,.24,1) both}.commercial-settings-panel:nth-child(2){--settings-section-accent: 109, 191, 201;animation-delay:60ms}.commercial-settings-panel:nth-child(3){--settings-section-accent: 204, 160, 82;animation-delay:.12s}.commercial-settings-panel:before,.commercial-settings-panel:after{content:"";position:absolute;z-index:2;width:17px;height:17px;border-color:rgba(var(--settings-section-accent),.78);pointer-events:none}.commercial-settings-panel:before{top:5px;left:5px;border-top:1px solid;border-left:1px solid}.commercial-settings-panel:after{right:5px;bottom:5px;border-right:1px solid;border-bottom:1px solid}.commercial-settings-panel>header{display:grid;grid-template-columns:38px auto minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:7px 14px 5px}.commercial-settings-panel>header h2{margin:0;color:rgb(var(--settings-section-accent));font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:19px;font-weight:900;letter-spacing:.08em;text-shadow:0 2px 2px #000}.commercial-settings-panel>header>span{height:1px;background:linear-gradient(90deg,rgba(var(--settings-section-accent),.46),transparent)}.commercial-settings-panel>header svg{width:36px;height:36px;padding:7px;overflow:visible;border:1px solid rgba(var(--settings-section-accent),.32);border-radius:50%;fill:none;stroke:rgb(var(--settings-section-accent));stroke-linecap:round;stroke-linejoin:round;stroke-width:2;filter:drop-shadow(0 2px 1px #000);background:#02060b75}.commercial-settings-panel-body{padding:0 14px 11px}.commercial-setting-toggle{position:relative;display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(var(--settings-section-accent),.12);cursor:pointer}.commercial-setting-toggle:first-child{border-top-color:rgba(var(--settings-section-accent),.25)}.commercial-setting-toggle>span{display:flex;min-width:0;flex-direction:column;gap:1px}.commercial-setting-toggle strong,.commercial-setting-slider strong{color:#e9dfcc;font-size:13px;font-weight:800;letter-spacing:.02em}.commercial-setting-toggle small{overflow:hidden;max-width:235px;color:#8995a4;font-size:8.5px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.commercial-setting-toggle input{position:absolute;width:1px;height:1px;opacity:0}.commercial-setting-switch{position:relative;display:block;width:50px;min-width:50px;height:27px;border:1px solid rgba(120,130,142,.54);border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#121820;box-shadow:inset 0 2px 5px #000000c7,0 1px #ffffff0a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.commercial-setting-switch b{position:absolute;top:3px;left:3px;width:19px;height:19px;border:1px solid rgba(159,165,172,.45);border-radius:50%;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.32),transparent 29%),linear-gradient(145deg,#66707b,#262d35);box-shadow:0 2px 5px #000000bf,inset 0 0 0 2px #080c1075;transition:transform .18s cubic-bezier(.2,.82,.25,1),border-color .18s ease,background .18s ease}.commercial-setting-toggle[data-enabled=true] .commercial-setting-switch{border-color:#deb159bd;background:radial-gradient(circle at 70% 50%,rgba(224,178,90,.17),transparent 38%),#161913;box-shadow:inset 0 2px 5px #000000b8,0 0 9px #deb15921}.commercial-setting-toggle[data-enabled=true] .commercial-setting-switch b{border-color:#f2ce82;background:radial-gradient(circle at 35% 28%,#fff5c7,transparent 26%),linear-gradient(145deg,#e6bd68,#8c5d22);transform:translate(23px)}.commercial-setting-toggle input:focus-visible+.commercial-setting-switch{outline:2px solid var(--settings-cyan);outline-offset:3px}.commercial-setting-slider{display:grid;gap:4px;min-height:48px;align-content:center;border-top:1px solid rgba(var(--settings-section-accent),.12);transition:opacity .18s ease}.commercial-setting-slider>div:first-child{display:flex;align-items:center;justify-content:space-between}.commercial-setting-slider>div:first-child span{color:rgb(var(--settings-section-accent));font-family:Georgia,Times New Roman,serif;font-size:11px;font-weight:800;letter-spacing:.05em}.commercial-setting-slider-track{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:7px}.commercial-setting-slider-track:has(.settings-moon){grid-template-columns:15px minmax(0,1fr) 17px}.commercial-setting-slider input{width:100%;height:18px;margin:0;padding:0;opacity:1;appearance:none;background:transparent;cursor:pointer}.commercial-setting-slider input::-webkit-slider-runnable-track{height:5px;border:1px solid rgba(205,162,82,.4);border-radius:99px;background:linear-gradient(90deg,var(--settings-cyan) 0 var(--settings-progress),rgba(22,30,38,.95) var(--settings-progress) 100%);box-shadow:inset 0 1px 3px #000000bf}.commercial-setting-slider input::-webkit-slider-thumb{width:17px;height:17px;margin-top:-7px;border:1px solid #f3ce82;border-radius:50%;appearance:none;background:radial-gradient(circle at 34% 28%,#fff2bc,transparent 27%),linear-gradient(145deg,#d9ad5b,#704a1c);box-shadow:0 2px 5px #000000c2,0 0 8px #5cc8d64d}.commercial-setting-slider input::-moz-range-track{height:5px;border:1px solid rgba(205,162,82,.4);border-radius:99px;background:#161e26f2}.commercial-setting-slider input::-moz-range-progress{height:5px;border-radius:99px;background:var(--settings-cyan)}.commercial-setting-slider input::-moz-range-thumb{width:17px;height:17px;border:1px solid #f3ce82;border-radius:50%;background:#d9ad5b}.commercial-setting-slider input:focus-visible{outline:2px solid var(--settings-cyan);outline-offset:3px}.commercial-setting-slider.is-disabled{opacity:.38}.settings-moon{width:12px;height:12px;border-radius:50%;box-shadow:inset 4px -1px #d9b765;transform:rotate(-24deg)}.settings-sun{width:13px;height:13px;border:2px solid #d9b765;border-radius:50%;box-shadow:0 0 7px #d9b76566}.commercial-settings-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:7px;border-top:1px solid rgba(var(--settings-section-accent),.12)}.commercial-settings-actions button{display:flex;min-height:44px;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid rgba(174,184,194,.34);border-radius:3px;color:#cbd0d2;background:linear-gradient(180deg,#232a316b,#050a10b8);font-size:10.5px;font-weight:800;cursor:pointer;transition:border-color .16s ease,color .16s ease,transform .16s ease}.commercial-settings-actions button:last-child{border-color:#d7ab5580;color:#d8b678}.commercial-settings-actions button:active,.commercial-settings-danger:active,.commercial-settings-return:active{filter:brightness(1.18);transform:scale(.98)}.commercial-settings-actions svg,.commercial-settings-danger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.commercial-settings-notice{min-height:11px;margin:3px 0 -3px;color:#83ccd2;font-size:8.5px;text-align:center}.commercial-settings-danger{display:flex;width:100%;min-height:45px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(154,64,55,.74);border-radius:4px;color:#cf685c;background:linear-gradient(180deg,#5b161424,#1b0809a6),#04080de0;box-shadow:inset 0 0 0 2px #010509db,0 5px 14px #0000005c;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:12px;font-weight:900;letter-spacing:.05em;cursor:pointer;animation:commercial-settings-panel-in .46s .18s cubic-bezier(.16,.82,.24,1) both}.commercial-settings-return{position:relative;display:grid;width:min(82%,390px);min-height:58px;margin:2px auto 0;padding:8px 50px;border:1px solid rgba(229,184,92,.78);border-radius:25px 25px 18px 18px/20px;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;color:#efd18c;background:radial-gradient(ellipse at 50% 0,rgba(255,222,145,.18),transparent 45%),linear-gradient(180deg,#4d341b,#1b130b 48%,#080704);box-shadow:inset 0 0 0 3px #040505c2,inset 0 0 0 4px #dfb15838,0 7px 18px #0000009e;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:21px;font-weight:900;letter-spacing:.08em;text-shadow:0 2px 2px #000;cursor:pointer;animation:commercial-settings-panel-in .46s .22s cubic-bezier(.16,.82,.24,1) both}.commercial-settings-return span{width:20px;height:20px;border:1px solid rgba(225,181,92,.62);transform:rotate(45deg) scale(.55);background:linear-gradient(135deg,#94703a,#2e1f0f);box-shadow:inset 0 0 0 3px #171008}.commercial-settings-dialog-backdrop{position:fixed;z-index:60;inset:0;display:grid;padding:max(env(safe-area-inset-top),var(--ait-safe-top),20px) max(env(safe-area-inset-right),var(--ait-safe-right),20px) max(env(safe-area-inset-bottom),var(--ait-safe-bottom),20px) max(env(safe-area-inset-left),var(--ait-safe-left),20px);place-items:center;background:#010408d1;backdrop-filter:blur(6px);animation:commercial-settings-dialog-fade .18s ease both}.commercial-settings-dialog{width:min(100%,360px);padding:24px 20px 18px;border:1px solid rgba(183,77,66,.74);border-radius:8px;color:#e8d9c4;background:radial-gradient(circle at 50% 0,rgba(140,48,40,.16),transparent 45%),linear-gradient(180deg,#10151c,#070b10);box-shadow:inset 0 0 0 3px #020508d9,inset 0 0 0 4px #b0483e29,0 20px 50px #000000b8;text-align:center;animation:commercial-settings-dialog-in .24s cubic-bezier(.2,.84,.25,1) both}.commercial-settings-dialog-seal{display:grid;width:42px;height:42px;margin:0 auto 11px;border:1px solid #b45449;border-radius:50%;place-items:center;color:#dc7368;background:#6f231e33;font-family:Georgia,serif;font-size:25px;font-weight:900}.commercial-settings-dialog h2{margin:0;color:#e5c496;font-family:"Noto Serif KR",Nanum Myeongjo,Georgia,serif;font-size:19px}.commercial-settings-dialog p{margin:10px 0 18px;color:#9e9a96;font-size:11px;line-height:1.65}.commercial-settings-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.commercial-settings-dialog button{min-height:44px;border:1px solid rgba(180,163,136,.32);border-radius:4px;color:#dad2c7;background:#ffffff0b;font-weight:800;cursor:pointer}.commercial-settings-dialog button:last-child{border-color:#b44d429e;color:#f0a097;background:#8027212e}@keyframes commercial-settings-header-in{0%{opacity:0;transform:translateY(-9px)}to{opacity:1;transform:translateY(0)}}@keyframes commercial-settings-panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes commercial-settings-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes commercial-settings-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes commercial-settings-ember{0%{opacity:0;transform:translateZ(0) scale(.6)}18%{opacity:.5}72%{opacity:.15}to{opacity:0;transform:translate3d(18px,-82dvh,0) scale(1.25)}}@media (min-width: 700px){.commercial-settings-shell{border-inline:1px solid rgba(183,141,72,.11);box-shadow:0 0 55px #000000b3}}@media (max-width: 370px){.commercial-settings-shell{padding-inline:calc(max(env(safe-area-inset-left),var(--ait-safe-left)) + 10px) calc(max(env(safe-area-inset-right),var(--ait-safe-right)) + 10px)}.commercial-settings-panel-body{padding-inline:11px}.commercial-setting-toggle small{max-width:205px}.commercial-settings-actions button{font-size:9.5px}}@media (max-height: 720px){.commercial-settings-shell{padding-top:calc(max(env(safe-area-inset-top),var(--ait-safe-top)) + 8px)}.commercial-settings-header{margin-bottom:8px}.commercial-settings-header h1{font-size:29px}.commercial-settings-list{gap:7px}.commercial-settings-panel>header{min-height:42px}.commercial-setting-toggle,.commercial-setting-slider{min-height:44px}}@media (prefers-reduced-motion: reduce){.commercial-settings-header,.commercial-settings-panel,.commercial-settings-danger,.commercial-settings-return,.commercial-settings-dialog-backdrop,.commercial-settings-dialog{animation:none}.commercial-settings-embers{display:none}.commercial-setting-switch,.commercial-setting-switch b{transition-duration:.01ms}}:root{font-family:Inter,Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f8ff;background:#0b1020;font-synthesis:none;text-rendering:optimizeLegibility;--ait-safe-top: 0px;--ait-safe-right: 0px;--ait-safe-bottom: 0px;--ait-safe-left: 0px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--background, #0b1020)}html{touch-action:manipulation;overscroll-behavior:none}body{min-height:100dvh;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{min-height:44px}
