:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#f5f5ff;background:#050714;font-synthesis:none;--ink:#050714;--panel:rgba(8,12,29,.82);--line:rgba(160,174,255,.18)}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-width:320px;min-height:100%;background:#050714}body{min-height:100vh;overflow:hidden}button{font:inherit}.game-client{width:100vw;height:100vh;display:grid;grid-template-columns:170px 1fr;background:#060817;color:#fff}.game-nav{position:relative;z-index:20;display:flex;flex-direction:column;padding:24px 14px 16px;border-right:1px solid rgba(132,145,220,.16);background:linear-gradient(180deg,#070a19fa,#040610fa);box-shadow:24px 0 70px #00000047}.brand{position:relative;padding:0 10px 28px;line-height:1}.brand span{font-size:11px;font-style:italic;letter-spacing:.36em;color:#d8ddff}.brand b{font-size:58px;line-height:.74;font-style:italic;font-weight:300;color:#fff;text-shadow:0 0 25px #675eff,0 0 50px #4828ff}.brand small{display:block;margin-top:9px;font-size:8px;letter-spacing:.34em;color:#69739e}.game-nav nav{display:grid;gap:4px}.game-nav nav button,.nav-bottom button{height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:4px;color:#9ca5cb;background:transparent;text-align:left;cursor:pointer;position:relative;transition:.16s ease}.game-nav nav button i,.nav-bottom button i{width:20px;color:#d6dcff;font-style:normal;font-size:16px;text-align:center}.game-nav nav button:hover,.game-nav nav button.active{color:#fff;background:linear-gradient(90deg,#675bff47,#675bff08)}.game-nav nav button.active:before{content:"";position:absolute;left:-14px;top:4px;bottom:4px;width:3px;background:#8175ff;box-shadow:0 0 16px #8175ff}.game-nav nav button.locked{opacity:.42;cursor:default}.game-nav em{margin-left:auto;font-size:7px;font-style:normal;letter-spacing:.13em}.nav-bottom{margin-top:auto;display:grid;gap:8px}.nav-bottom span{font-size:7px;letter-spacing:.12em;color:#6a708c;padding-left:14px}.nav-bottom .server-ok{color:#72e8b2}.game-stage{position:relative;min-width:0;overflow:hidden}.game-topbar{height:62px;position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(165,176,255,.1);background:linear-gradient(180deg,#040714e0,#0407144d);backdrop-filter:blur(12px)}.commander{display:flex;align-items:center;gap:10px}.commander-portrait{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #7f75ff;background:radial-gradient(circle at 35% 30%,#f4e7ff,#887ee7 36%,#181c40 70%);box-shadow:0 0 25px #735bff4d}.commander-portrait span{font-weight:900;color:#fff;text-shadow:0 1px 3px #000}.commander strong,.commander small{display:block}.commander strong{font-size:11px}.commander small{font-size:8px;color:#7c86ad;margin-top:2px;letter-spacing:.08em}.currencies{display:flex;align-items:center;gap:10px}.currencies>span{height:32px;min-width:100px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid rgba(164,175,233,.12);background:#0407148f;font-size:11px}.coin{color:#ffd271}.gem{color:#9c8cff}.currencies button{width:32px;height:32px;border:0;background:transparent;color:#cbd2ef;font-size:15px;cursor:pointer}.lobby-screen{position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,#4c6093,#657ab2 18%,#28345c 54%,#0d1227)}.lobby-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 56% 28%,rgba(224,233,255,.72),transparent 18%),radial-gradient(circle at 52% 48%,transparent 0 28%,rgba(6,9,25,.1) 46%,rgba(3,5,15,.85) 100%),linear-gradient(90deg,rgba(4,7,20,.64),transparent 34%,transparent 72%,rgba(3,5,15,.6));z-index:2;pointer-events:none}.ruin-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 47% 28%,rgba(255,255,255,.82) 0 2%,transparent 3%),radial-gradient(ellipse at 40% 14%,rgba(205,223,255,.9),transparent 30%);filter:blur(.2px);opacity:.8}.ruin-column{position:absolute;bottom:13%;width:70px;background:linear-gradient(90deg,#9da8c3 0,#e5e7e7 18%,#8c96b2 42%,#cdd3dd 68%,#67728f);box-shadow:0 0 30px #090d224d;opacity:.82}.ruin-column:before,.ruin-column:after{content:"";position:absolute;left:-12px;right:-12px;height:18px;background:linear-gradient(#cdd3df,#78839d);border-radius:2px}.ruin-column:before{top:-10px}.ruin-column:after{bottom:0}.ruin-column.c1{height:64%;left:10%}.ruin-column.c2{height:48%;left:23%;width:52px}.ruin-column.c3{height:74%;right:12%;width:82px}.ruin-column.c4{height:42%;right:28%;width:46px}.ruin-city{position:absolute;left:22%;right:18%;bottom:11%;height:35%;background:linear-gradient(90deg,transparent 0 10%,rgba(53,64,94,.9) 10% 12%,transparent 12% 17%,rgba(69,78,108,.9) 17% 18%,transparent 18% 34%,rgba(56,68,101,.8) 34% 38%,transparent 38%),repeating-linear-gradient(90deg,transparent 0 34px,rgba(58,69,103,.58) 36px 49px,transparent 51px 80px);clip-path:polygon(0 72%,4% 72%,4% 41%,10% 41%,10% 61%,15% 61%,15% 20%,21% 20%,21% 55%,27% 55%,27% 0,32% 0,32% 53%,40% 53%,40% 32%,48% 32%,48% 60%,55% 60%,55% 22%,62% 22%,62% 65%,70% 65%,70% 35%,78% 35%,78% 60%,84% 60%,84% 10%,90% 10%,90% 55%,100% 55%,100% 100%,0 100%);opacity:.5}.lobby-copy{position:absolute;z-index:8;left:58px;bottom:135px;width:420px;text-shadow:0 3px 16px #050617}.chapter{font-size:9px;letter-spacing:.22em;color:#b1b9e4}.lobby-copy h1{margin:12px 0 8px;font-size:42px;line-height:1.08;letter-spacing:-.04em}.lobby-copy p{margin:0 0 24px;color:#c4cae2;font-size:14px}.primary-cta{width:220px;height:54px;border:1px solid #8da3ff;background:linear-gradient(110deg,#20316feb,#5c48d6eb);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer;box-shadow:0 0 30px #5341e647}.primary-cta b{font-size:32px;font-weight:300}.lobby-cards{position:absolute;z-index:8;right:24px;top:94px;width:270px;display:grid;gap:10px}.feature-card{height:96px;border:1px solid rgba(178,188,255,.28);overflow:hidden;position:relative;padding:18px;text-align:left;color:#fff;background:#11182f;cursor:pointer;box-shadow:0 10px 35px #0000003d}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 40%,var(--fc),transparent 40%),linear-gradient(110deg,#040713d1,#0407131a)}.feature-event{--fc:#f06cb0}.feature-summon{--fc:#5c66ff}.feature-story{--fc:#a2855c}.feature-card span,.feature-card strong,.feature-card small{position:relative;z-index:2;display:block}.feature-card span{font-size:7px;letter-spacing:.18em;color:#bcc4e9}.feature-card strong{font-size:20px;margin-top:4px}.feature-card small{font-size:9px;color:#c1c7df;margin-top:2px}.lobby-footer{position:absolute;z-index:8;left:58px;right:25px;bottom:28px;display:flex;align-items:center;gap:14px;color:#a3acd0}.lobby-footer div:first-child{display:flex;gap:8px;align-items:center}.lobby-footer b{font-size:19px}.lobby-footer span{font-size:8px;letter-spacing:.12em}.lobby-footer small{margin-left:auto;font-size:7px;letter-spacing:.14em}.progress{width:220px;height:2px;background:#ffffff29}.progress i{display:block;width:68%;height:100%;background:#e8eaff;box-shadow:0 0 12px #fff}.lobby-character{position:absolute;z-index:5;left:28%;top:5%;width:56%;height:90%;background:url(/art/lobby-art.png) center center/cover no-repeat;filter:drop-shadow(0 20px 40px rgba(0,0,0,.38));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 86%,transparent 100%)}.lobby-character>.character-art{display:none}.character-art{position:absolute;inset:0;overflow:visible;--skin:#f6dbe3}.character-art:before{content:"";position:absolute;left:18%;top:6%;width:64%;height:64%;border-radius:50%;background:radial-gradient(circle,rgba(157,119,255,.25),rgba(80,61,190,.1) 38%,transparent 68%);filter:blur(4px)}.sigil{position:absolute;left:47%;top:16%;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--c) 70%,white);border-radius:50%;opacity:.38;transform:translate(-50%) rotate(23deg);box-shadow:0 0 45px color-mix(in srgb,var(--c) 35%,transparent)}.sigil:before,.sigil:after{content:"";position:absolute;inset:20px;border:1px solid var(--a);transform:rotate(45deg)}.sigil:after{inset:40px;border-radius:50%;transform:none}.sigil i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 13px #fff}.sigil i:nth-child(1){left:50%;top:-2px}.sigil i:nth-child(2){right:10px;top:54%}.sigil i:nth-child(3){left:20px;bottom:12px}.art-wings{position:absolute;top:32%;width:36%;height:42%;background:linear-gradient(135deg,var(--c),transparent 68%);opacity:.24;filter:blur(.5px)}.art-wings-left{left:8%;clip-path:polygon(100% 0,20% 12%,70% 30%,0 37%,68% 52%,10% 74%,75% 70%,39% 100%,100% 76%)}.art-wings-right{right:5%;transform:scaleX(-1);clip-path:polygon(100% 0,20% 12%,70% 30%,0 37%,68% 52%,10% 74%,75% 70%,39% 100%,100% 76%)}.art-body{position:absolute;left:40%;top:42%;width:24%;height:43%;border-radius:45% 45% 10% 10%/18% 18% 10% 10%;background:linear-gradient(115deg,#111226 0 34%,var(--c) 35% 37%,#090a18 38% 68%,var(--a) 69% 71%,#14152a 72%);transform:translate(-50%) rotate(-4deg);box-shadow:0 0 32px #4436aa59}.art-body:after{content:"";position:absolute;left:-20%;right:-48%;bottom:-20%;height:48%;background:linear-gradient(120deg,#111327,var(--c) 46%,#090a17 47%);clip-path:polygon(24% 0,100% 42%,70% 100%,0 68%);opacity:.95}.art-face{position:absolute;left:41%;top:22%;width:17%;height:19%;border-radius:48% 48% 46% 46%;background:linear-gradient(110deg,#fff1ee,#eecbd4 70%,#cca9ba);transform:translate(-50%) rotate(3deg);z-index:5;box-shadow:inset -8px -8px 20px #a55b8414}.art-hair-back{position:absolute;left:20%;top:14%;width:48%;height:55%;border-radius:48% 52% 42% 56%;background:linear-gradient(120deg,#f8f6ff 0 18%,#c8c6e7 43%,#716caa 78%,#292846);transform:rotate(-4deg);clip-path:polygon(20% 0,68% 0,100% 20%,90% 100%,69% 70%,59% 100%,46% 72%,28% 100%,20% 64%,0 76%,8% 26%);z-index:3;filter:drop-shadow(0 8px 15px rgba(31,24,74,.3))}.art-hair-front{position:absolute;left:30%;top:14%;width:25%;height:22%;background:linear-gradient(125deg,#fff,#d5d2ed 52%,#918bbd);clip-path:polygon(0 9%,38% 0,100% 14%,86% 62%,65% 43%,54% 100%,41% 45%,19% 84%);z-index:7}.art-eye{position:absolute;top:29%;width:2.5%;height:1.5%;background:radial-gradient(circle,#fff 0 15%,var(--c) 25% 62%,#321d61 70%);border-radius:50%;z-index:8;box-shadow:0 0 10px var(--c)}.art-eye-left{left:38%}.art-eye-right{left:46%}.art-neck{position:absolute;left:39.5%;top:38%;width:6%;height:8%;background:#eccbd4;z-index:4}.art-arm{position:absolute;top:45%;width:8%;height:31%;border-radius:50px;background:linear-gradient(#efcfd7,#d6aebd);z-index:4}.art-arm-left{left:28%;transform:rotate(24deg)}.art-arm-right{left:56%;transform:rotate(-34deg)}.art-weapon{position:absolute;left:18%;top:62%;width:58%;height:3%;background:linear-gradient(90deg,transparent,var(--a) 6%,#fff 47%,var(--c) 52%,transparent 95%);transform:rotate(-22deg);box-shadow:0 0 14px var(--c);z-index:6}.moon{position:absolute;border-radius:50%;border:1px solid rgba(213,217,255,.42)}.moon-one{width:310px;height:310px;left:18%;top:4%}.moon-two{width:190px;height:190px;left:48%;top:23%}.art-petal{position:absolute;width:14px;height:34px;border-radius:100% 0;background:linear-gradient(#fff,var(--c));filter:blur(.2px);box-shadow:0 0 16px var(--c)}.p1{left:18%;top:24%;transform:rotate(42deg)}.p2{right:20%;top:38%;transform:rotate(72deg)}.p3{left:62%;top:18%;transform:rotate(-20deg)}.p4{left:29%;bottom:17%;transform:rotate(130deg)}.heroes-screen{position:absolute;inset:0;padding-top:62px;display:grid;grid-template-columns:52% 48%;background:radial-gradient(circle at 78% 30%,rgba(87,72,196,.22),transparent 28%),linear-gradient(135deg,#0b1023,#050713)}.hero-browser{position:relative;min-width:0;border-right:1px solid rgba(151,164,230,.16);background:linear-gradient(135deg,#0d1228fa,#050814f2);display:grid;grid-template-rows:58px 1fr 122px}.hero-page-title{display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--line)}.hero-page-title button{width:32px;height:32px;border:0;background:transparent;color:#fff;font-size:32px;cursor:pointer}.hero-page-title h2{font-size:20px;margin:0}.hero-browser-body{min-height:0;display:grid;grid-template-columns:92px 1fr;padding:14px;gap:12px;overflow:hidden}.role-tabs{display:grid;align-content:start;gap:4px}.role-tabs button{height:34px;border:0;background:transparent;color:#7f89ad;text-align:left;padding:0 10px;font-size:10px;cursor:pointer;border-radius:4px}.role-tabs button.active{color:#fff;background:linear-gradient(90deg,#5147bd,#5147bd14)}.portrait-grid{overflow:auto;padding-right:6px;display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;align-content:start}.portrait-card{height:118px;border:1px solid rgba(124,137,200,.18);background:linear-gradient(180deg,#171c37,#0b0f21);position:relative;color:#fff;padding:4px;cursor:pointer;overflow:hidden}.portrait-card.focus{border-color:var(--c);box-shadow:0 0 0 1px var(--c),inset 0 0 26px color-mix(in srgb,var(--c) 14%,transparent)}.portrait-card.in-team:after{content:"✓";position:absolute;right:5px;top:5px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#ffe7a6;color:#4e3b09;font-size:9px;font-weight:900}.portrait-card>span{position:absolute;left:6px;bottom:15px;font-size:9px;font-weight:800}.portrait-card>small{position:absolute;left:6px;bottom:4px;color:#a8b0cf;font-size:7px}.anime-avatar{position:absolute;inset:4px 4px 23px;overflow:hidden;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--c) 30%,white),transparent 34%),linear-gradient(180deg,#222845,#0c1022)}.avatar-glow{position:absolute;width:72%;height:72%;left:14%;top:7%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 35%,transparent),transparent 70%)}.avatar-face{position:absolute;width:34%;height:38%;left:34%;top:24%;border-radius:48%;background:linear-gradient(120deg,#fff0e9,#e5bdc3);z-index:3}.avatar-hair-back{position:absolute;width:58%;height:68%;left:20%;top:9%;border-radius:46%;background:linear-gradient(135deg,var(--a),var(--c) 62%,#17182f);z-index:2}.avatar-hair-front{position:absolute;width:44%;height:28%;left:29%;top:12%;background:linear-gradient(135deg,var(--a),var(--c));clip-path:polygon(0 0,100% 0,92% 60%,70% 35%,55% 100%,45% 40%,20% 84%);z-index:5}.avatar-eye{position:absolute;top:38%;width:5%;height:3%;border-radius:50%;background:#fff;box-shadow:0 0 7px var(--c);z-index:6}.avatar-eye-l{left:40%}.avatar-eye-r{left:55%}.avatar-body{position:absolute;left:28%;right:25%;bottom:-15%;height:46%;border-radius:40% 40% 0 0;background:linear-gradient(120deg,#181a31,var(--c) 48%,#090b18 52%);z-index:2}.avatar-ribbon{position:absolute;width:12px;height:42px;left:27%;top:17%;background:var(--c);transform:rotate(35deg);z-index:6;box-shadow:0 0 8px var(--c)}.team-strip{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:11px 14px;border-top:1px solid var(--line);background:#060915e6}.team-strip>div:first-child{align-self:center}.team-strip strong,.team-strip small{display:block}.team-strip strong{font-size:12px}.team-strip small{font-size:7px;color:#70799d;margin-top:4px}.team-portraits{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.team-portraits button,.empty-team{height:92px;border:1px solid #272e50;background:#11162d;position:relative;overflow:hidden;color:#fff;cursor:pointer}.team-portraits button .anime-avatar{inset:3px 3px 18px}.team-portraits button span{position:absolute;bottom:3px;left:0;right:0;font-size:7px}.empty-team{display:grid;place-items:center;color:#515b84;font-style:normal;font-size:20px}.hero-showcase{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 25%,rgba(114,89,255,.15),transparent 29%),linear-gradient(155deg,#0b1024,#060816 65%,#050713)}.hero-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,18,.15),transparent 40%,rgba(4,7,18,.48));pointer-events:none}.hero-showcase-art{position:absolute;left:-7%;top:2%;width:76%;height:94%;background:url(/art/hero-art.png) center top/cover no-repeat;filter:drop-shadow(0 24px 45px rgba(0,0,0,.42));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 88%,transparent 100%)}.hero-showcase-art>.character-art{display:none}.hero-info{position:absolute;z-index:5;right:28px;top:70px;width:245px;text-align:left}.rarity{color:#ffe47b;letter-spacing:.08em}.hero-info h1{font-family:Georgia,serif;font-size:38px;margin:4px 0 0}.hero-info>small{color:#858eaf}.tags{display:flex;gap:7px;margin:15px 0}.tags b{padding:6px 8px;border:1px solid #283053;background:#080b19b8;font-size:8px;color:#aeb7dd}.stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid #222a49;border-bottom:1px solid #222a49;padding:10px 0}.stats span{display:flex;justify-content:space-between}.stats small{color:#7781a6;font-size:8px}.stats b{font-size:10px}.skill-icons{display:flex;gap:6px;margin:14px 0}.skill-icons button{width:48px;height:48px;border:1px solid #7462e8;background:radial-gradient(circle,#633ede,#1b103d 62%,#090a18);color:#fff;position:relative;box-shadow:inset 0 0 12px #9e73ff55}.skill-icons i{font-style:normal;font-size:20px;text-shadow:0 0 10px white}.skill-icons small{position:absolute;bottom:2px;right:4px;font-size:6px}.hero-info p{color:#7983a8;font-size:9px;line-height:1.6}.add-team{width:100%;height:40px;border:1px solid #e5cf8a;background:linear-gradient(#ffeab0,#d9b865);color:#46320a;font-weight:900;font-size:11px;cursor:pointer}.battle-actions{position:absolute;z-index:6;bottom:26px;right:28px;display:flex;gap:10px}.battle-actions button{height:44px;padding:0 20px;font-weight:800;font-size:11px;cursor:pointer}.auto-formation{border:1px solid #4b5f9c;background:#111a35;color:#d5dcf5}.start-battle{border:1px solid #f0d289;background:linear-gradient(#ffe7a4,#d7ac53);color:#352300;box-shadow:0 0 24px #f5c75833}.start-battle:disabled{filter:grayscale(1);opacity:.4}.battle-page{width:100vw;height:100vh;display:grid;place-items:center;background:#050711;overflow:hidden}.battle-shell{width:100vw;height:100vh;display:grid;grid-template-rows:54px 1fr;background:radial-gradient(circle at 50% 20%,#334a83,#0b1028 42%,#050713 77%)}.battle-loading{width:100vw;height:100vh;display:grid;place-items:center;background:#050713;color:#d7def8;letter-spacing:.22em;font-size:13px;font-weight:800}.battle-top-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid rgba(129,141,189,.14);background:#070a17f5}.battle-top-strip strong,.battle-top-strip span{display:block}.battle-top-strip strong{margin-top:2px;font-size:11px}.battle-top-strip>span{color:#596486;font-size:9px;font-weight:900;letter-spacing:.12em}.game-host{min-height:0;width:100%;display:grid;place-items:center}.game-host canvas{display:block;max-width:100%;max-height:100%}@media(max-width:1100px){.game-client{grid-template-columns:78px 1fr}.brand span,.brand small,.game-nav nav button:not(.active){font-size:0}.brand{padding-left:0;text-align:center}.brand b{font-size:44px}.game-nav nav button{justify-content:center;padding:0}.game-nav nav button i{font-size:18px}.game-nav em{display:none}.heroes-screen{grid-template-columns:60% 40%}.hero-info{right:14px;width:200px}.hero-showcase-art{opacity:.7}.lobby-character{left:29%;width:58%}}@media(max-width:760px){body{overflow:auto}.game-client{min-height:100vh;height:auto;grid-template-columns:1fr}.game-nav{display:none}.game-stage{height:100vh}.game-topbar{padding:0 10px}.currencies>span{min-width:auto}.currencies button,.lobby-cards{display:none}.lobby-copy{left:20px;bottom:90px;width:80%}.lobby-copy h1{font-size:32px}.lobby-character{left:17%;width:88%;opacity:.8}.heroes-screen{grid-template-columns:1fr}.hero-showcase{display:none}.hero-browser-body{grid-template-columns:70px 1fr}.portrait-grid{grid-template-columns:repeat(2,1fr)}}.game-client--cinematic{grid-template-columns:1fr;background:#151027}.game-client--cinematic .game-nav{display:none}.game-client--cinematic .game-stage{width:100vw;height:100vh;min-width:0}.cinematic-lobby{--gold:#ead5a1;--gold-2:#b99458;--violet:#8f72df;--violet-2:#584493;--ink:#171125;--glass:rgba(38,30,63,.72);position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 18%,#d9dcff 0,#857fbd 34%,#2d244b 72%,#120d21)}.cinematic-lobby-stage{position:relative;width:min(100vw,177.683vh);height:min(100vh,56.28vw);aspect-ratio:1672/941;overflow:hidden;background:#aaa9cc;box-shadow:0 0 0 1px #f8e9cb29,0 25px 90px #0a06187a}.lobby-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.WorldLayer{z-index:10}.CharacterLayer{z-index:20}.FXLayer{z-index:30}.ThemeUILayer{z-index:40}.GlobalUILayer{z-index:50}.OverlayLayer{z-index:60}.world-layer{overflow:hidden}.world-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;filter:saturate(1.05) brightness(1.03)}.world-haze{position:absolute;top:0;bottom:0;width:32%;pointer-events:none}.world-haze--left{left:0;background:linear-gradient(90deg,rgba(51,37,77,.25),transparent)}.world-haze--right{right:0;background:linear-gradient(270deg,rgba(59,44,88,.18),transparent)}.character-layer{overflow:hidden}.lobby-character-button{position:absolute;left:19.4%;bottom:-1.5%;width:48.5%;height:92.5%;padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;overflow:visible;transform:none!important}.lobby-character-image{position:absolute;left:50%;bottom:0;translate:-50% 0;height:100%;width:auto;max-width:none;object-fit:contain;object-position:center bottom;user-select:none;pointer-events:none;filter:drop-shadow(0 28px 34px rgba(28,18,54,.24));transform:none!important;animation:lobby-hero-idle 6.5s ease-in-out infinite}.lobby-character-aura{position:absolute;left:22%;top:13%;width:58%;height:63%;border-radius:48%;opacity:0;background:radial-gradient(circle,rgba(245,226,255,.24),rgba(148,111,237,.08) 43%,transparent 72%);filter:blur(18px);transition:opacity .2s ease}.lobby-character-button:hover .lobby-character-aura,.lobby-character-button:focus-visible .lobby-character-aura{opacity:1}.lobby-character-button:focus-visible{outline:0}.lobby-character-button:focus-visible:after{content:"";position:absolute;inset:14% 23% 8%;border:1px solid rgba(245,227,185,.65);border-radius:47%;box-shadow:0 0 28px #b491ff40}@keyframes lobby-hero-idle{0%,to{translate:-50% 0}50%{translate:-50% -5px}}@media(prefers-reduced-motion:reduce){.lobby-character-image{animation:none}}.fx-layer{overflow:hidden;mix-blend-mode:screen}.sun-bloom{position:absolute;left:35%;top:-14%;width:42%;height:58%;border-radius:50%;background:radial-gradient(circle,rgba(255,251,230,.32),rgba(255,246,222,.08) 38%,transparent 72%);filter:blur(18px)}.violet-ray{position:absolute;top:-25%;width:10%;height:150%;opacity:.085;filter:blur(8px);background:linear-gradient(90deg,transparent,#ddc8ff,transparent);transform:rotate(21deg)}.violet-ray--a{left:10%}.violet-ray--b{left:61%;opacity:.055;transform:rotate(13deg)}.ambient-petal{position:absolute;left:var(--x);top:var(--y);width:7px;height:3px;border-radius:100% 0;opacity:.42;background:linear-gradient(135deg,#fff,#e2c9ff);transform:scale(var(--scale)) rotate(35deg);box-shadow:0 0 8px #fff5ff80;animation:petal-drift var(--duration) ease-in-out infinite;animation-delay:var(--delay)}@keyframes petal-drift{0%{translate:0 -4px;rotate:0deg;opacity:.12}40%{opacity:.58}to{translate:42px 48px;rotate:145deg;opacity:.05}}.theme-ui-layer,.global-ui-layer{pointer-events:none}.theme-ui-layer button,.global-ui-layer button{pointer-events:auto}.lobby-glyph{display:grid;place-items:center;color:#fff7ff;font-family:Georgia,Times New Roman,serif;line-height:1;text-shadow:0 0 9px rgba(173,134,255,.48)}.notification-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff476d;border:1px solid rgba(255,255,255,.75);box-shadow:0 0 8px #ff3d6a85}.utility-rail{position:absolute;left:1.45%;top:22.1%;width:6.15%;height:43%;display:flex;flex-direction:column;justify-content:space-between}.utility-button{position:relative;height:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(238,216,171,.42);border-radius:18px;color:#fff;background:linear-gradient(145deg,#3d2e5cd6,#231c39c2);box-shadow:inset 0 0 18px #ffffff09,0 7px 18px #23183e24;backdrop-filter:blur(7px);cursor:pointer;transition:.18s ease}.utility-button:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,243,210,.12);border-radius:14px;pointer-events:none}.utility-button:hover,.utility-button:focus-visible{translate:3px 0;border-color:#ffebb9c7;box-shadow:0 0 22px #835ce638,inset 0 0 20px #ffffff0d}.utility-button:focus-visible{outline:1px solid #ffeab8;outline-offset:2px}.utility-button .lobby-glyph{font-size:clamp(18px,1.8vw,32px)}.utility-button>span:not(.lobby-glyph){font:500 clamp(7px,.75vw,13px)/1.1 Georgia,serif}.utility-button .notification-dot{right:8px;top:5px}.lobby-dialogue{position:absolute;left:8.3%;top:27.2%;width:15.2%;height:14.9%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7% 6%;border:1px solid rgba(235,218,181,.4);border-radius:15px;color:#fff;text-align:left;background:linear-gradient(140deg,#463662b3,#342a4d94);box-shadow:inset 0 0 24px #ffffff08;backdrop-filter:blur(5px);cursor:pointer}.lobby-dialogue:before{content:"✦";position:absolute;left:7%;top:8%;color:#f7e9c5;font-size:10px}.lobby-dialogue span{font:400 clamp(9px,1.02vw,18px)/1.48 Georgia,serif;text-shadow:0 2px 6px #31263d}.voice-wave{font-style:normal;font-size:clamp(12px,1.3vw,22px);color:#cdb9ff;opacity:.9}.liveops-stack{position:absolute;right:3.1%;top:10.9%;width:29.2%;height:49%;pointer-events:none}.liveops-stack button{pointer-events:auto}.event-banner{position:relative;width:100%;height:41%;overflow:hidden;padding:0;border:1px solid rgba(246,222,176,.55);border-radius:26px;color:#fff;text-align:left;background:linear-gradient(95deg,#4a2f76f2,#644b93a6 55%,#d2c7ef38),linear-gradient(135deg,#6f58a6,#383054);box-shadow:inset 0 0 0 4px #fff8e10d,0 8px 26px #2c1a5033;cursor:pointer}.event-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 48%,rgba(255,255,255,.13) 60%,transparent 72%);pointer-events:none}.event-banner-copy{position:absolute;z-index:3;left:8%;top:20%;display:flex;flex-direction:column}.event-banner-copy strong{font:400 clamp(17px,2vw,34px)/1.05 Georgia,serif;text-shadow:0 2px 10px #32204e}.event-banner-copy span{margin-top:9px;font:600 clamp(7px,.82vw,14px)/1 Georgia,serif}.event-banner-copy small{margin-top:8px;color:#ddd3ef;font-size:clamp(6px,.65vw,11px)}.event-banner-portrait{position:absolute;right:-5%;top:-10%;width:48%;height:126%;overflow:hidden}.event-banner-portrait img{position:absolute;height:112%;right:-15%;bottom:-14%;filter:drop-shadow(-15px 0 18px rgba(38,23,64,.25))}.event-arrow{position:absolute;z-index:4;right:3%;top:48%;translate:0 -50%;display:grid;place-items:center;width:9%;aspect-ratio:1;border:1px solid rgba(255,255,255,.6);border-radius:50%;font:400 clamp(20px,2.5vw,44px)/1 Georgia;color:#fff;background:#332a579e}.event-banner:hover,.event-banner:focus-visible{border-color:#fff0c5;box-shadow:0 0 24px #9c79ed52,inset 0 0 0 4px #fff8e10f}.event-dots{height:8%;display:flex;align-items:center;justify-content:center;gap:9px}.event-dots i{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.88}.event-dots i.active{outline:2px solid rgba(255,255,255,.7);outline-offset:3px;background:#57417f}.feature-grid{height:51%;display:grid;grid-template-columns:1fr 1.75fr;grid-template-rows:1.25fr 1fr;gap:4% 3%}.feature-grid button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8%;border:1px solid rgba(239,216,167,.58);border-radius:18px;color:#473667;background:linear-gradient(150deg,#fff7f8e0,#dfcff4cc);box-shadow:inset 0 0 0 3px #5c3f8f14,0 5px 14px #32224e1f;cursor:pointer;transition:.18s ease}.feature-grid button:hover,.feature-grid button:focus-visible{translate:0 -2px;border-color:#fff0c2;box-shadow:0 8px 22px #4a307333,0 0 18px #b491ff33}.feature-grid .lobby-glyph{font-size:clamp(18px,2vw,36px);color:#6f568f}.feature-grid>button>span:not(.lobby-glyph){font:600 clamp(9px,1.15vw,20px)/1.1 Georgia,serif}.feature-grid .notification-dot{right:5px;top:4px}.summon-card{justify-content:flex-start!important;padding-left:7%!important;color:#f6f0ff!important;background:linear-gradient(110deg,#4b3b76,#7560a2)!important}.summon-card .lobby-glyph{color:#fff!important;z-index:2}.summon-card>span:not(.lobby-glyph){z-index:2;display:flex;flex-direction:column;align-items:flex-start}.summon-card strong{font:500 clamp(12px,1.4vw,24px)/1 Georgia,serif}.summon-card small{margin-top:5px;font-size:clamp(6px,.6vw,10px);font-weight:400}.summon-card img{position:absolute;right:-8%;bottom:-28%;height:145%;opacity:.9;pointer-events:none}.start-journey{position:absolute;right:2.5%;bottom:2.2%;width:22.5%;height:35.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;color:#fff;background:transparent;cursor:pointer;isolation:isolate}.start-journey:before{content:"";position:absolute;inset:9% 4% 4%;z-index:-2;border:2px solid rgba(239,210,145,.8);border-radius:48% 52% 49% 51%;background:radial-gradient(circle at 50% 42%,#402b70f5,#231c4df5 59%,#100e30fa 75%);box-shadow:inset 0 0 0 4px #fff6d20f,inset 0 0 28px #6f58e76b,0 0 0 5px #c7a36324,0 0 26px #6a48c545}.start-journey:after{content:"";position:absolute;inset:3% -1% -1%;z-index:-1;border:1px solid rgba(247,221,158,.5);border-radius:48%;clip-path:polygon(0 31%,21% 31%,28% 0,37% 29%,63% 29%,70% 0,78% 31%,100% 31%,100% 70%,77% 70%,70% 100%,62% 71%,37% 71%,29% 100%,22% 71%,0 71%)}.start-sigil{font-style:normal;font-size:clamp(26px,3.4vw,58px);color:#d5c3ff;text-shadow:0 0 15px #8e76ff,0 0 30px #765dea}.start-journey strong{font:400 clamp(18px,2.35vw,40px)/1 Georgia,serif;text-shadow:0 2px 10px #17122b;white-space:nowrap}.start-journey strong b{font-size:1.18em;font-weight:400;margin-left:5px}.start-journey>span{margin-top:9px;font:500 clamp(6px,.68vw,11px)/1.3 Georgia,serif;letter-spacing:.06em;color:#ddd5ec;text-align:center}.start-journey:hover:before,.start-journey:focus-visible:before{box-shadow:inset 0 0 0 4px #fff6d214,inset 0 0 36px #775bff80,0 0 0 5px #d9b26938,0 0 36px #8158ec80}.start-journey:focus-visible{outline:0}.bottom-lobby-nav{position:absolute;left:0;bottom:0;width:65.2%;height:13.4%;display:grid;grid-template-columns:1.2fr repeat(5,1fr);border-top:1px solid rgba(232,216,190,.36);border-right:1px solid rgba(232,216,190,.22);border-radius:0 35px 0 0;background:linear-gradient(180deg,#392e53bd,#281f40e0);backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff0d}.bottom-lobby-nav button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-right:1px solid rgba(255,255,255,.04);color:#fff;background:transparent;cursor:pointer}.bottom-lobby-nav button.active{margin-top:-24%;border:1px solid rgba(238,211,151,.55);border-radius:50% 50% 0 0;background:radial-gradient(circle at 50% 56%,rgba(91,59,150,.93),rgba(64,43,105,.85) 58%,transparent 61%)}.bottom-lobby-nav button.active:after{content:"";position:absolute;inset:5%;border:1px solid rgba(255,233,178,.28);border-radius:50%}.bottom-lobby-nav .lobby-glyph{font-size:clamp(19px,2.15vw,37px)}.bottom-lobby-nav button span:not(.lobby-glyph){font:500 clamp(8px,.92vw,16px)/1 Georgia,serif}.bottom-lobby-nav button:hover,.bottom-lobby-nav button:focus-visible{background:linear-gradient(180deg,#8b6dc92e,#5e419133)}.bottom-lobby-nav button:focus-visible{outline:1px solid rgba(255,235,188,.7);outline-offset:-2px}.bottom-lobby-nav .notification-dot{right:17%;top:13%}.brand-profile{position:absolute;left:2.1%;top:2.2%;width:19.5%;height:19.5%}.project-z-logo{position:absolute;left:0;top:0;width:100%;height:43%;padding:0;border:0;color:#f5f0ff;background:transparent;text-align:left;cursor:pointer;filter:drop-shadow(0 3px 5px rgba(35,27,57,.25))}.project-z-logo span{font:400 clamp(23px,3.15vw,54px)/1 Georgia,serif;letter-spacing:.01em}.project-z-logo b{position:absolute;left:74%;top:-10%;font:400 clamp(38px,5vw,84px)/1 Georgia,serif}.project-z-logo i{position:absolute;left:30%;bottom:-2%;font-style:normal;font-size:clamp(9px,1vw,17px);color:#fff2cf}.player-profile{position:absolute;left:0;bottom:0;width:72%;height:57%;display:grid;grid-template-columns:31% 1fr 12%;align-items:center;padding:0 3%;border:0;color:#fff;background:transparent;cursor:pointer;text-align:left}.player-avatar{position:relative;width:100%;aspect-ratio:1;border:2px solid #f2dca6;border-radius:50%;overflow:hidden;background:#5a4779;box-shadow:0 0 0 3px #4d3477a3,0 0 0 4px #f0dbac52}.player-avatar img{position:absolute;height:180%;left:50%;bottom:-75%;translate:-50% 0}.player-meta{padding-left:9%;display:flex;flex-direction:column}.player-meta b{font:600 clamp(8px,.93vw,16px)/1 Georgia,serif}.player-meta strong{margin-top:5px;font:600 clamp(10px,1.18vw,20px)/1 Georgia,serif}.player-meta small{margin-top:5px;font-size:clamp(6px,.63vw,10px);color:#ddd4e5}.player-profile>i{font-style:normal;display:grid;place-items:center;width:100%;aspect-ratio:1;border:1px solid rgba(245,224,181,.45);border-radius:50%;font-size:clamp(7px,.7vw,12px)}.resource-strip{position:absolute;left:45.7%;top:2.25%;width:37.5%;height:5.8%;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:3%}.resource-strip button{position:relative;display:grid;grid-template-columns:25% 1fr 20%;align-items:center;padding:0 6%;border:1px solid rgba(235,222,197,.18);border-radius:999px;color:#fff;background:linear-gradient(180deg,#4f427ed6,#3b3060d1);box-shadow:inset 0 0 15px #ffffff06;backdrop-filter:blur(8px);cursor:pointer}.resource-strip .lobby-glyph{font-size:clamp(12px,1.5vw,25px)}.resource-strip b{font:600 clamp(8px,.95vw,16px)/1 Georgia,serif}.resource-strip button>span:last-child{font-size:clamp(11px,1.5vw,25px)}.resource-strip button:hover{border-color:#ffe8b37a;background:linear-gradient(180deg,#635097e6,#45366fe6)}.global-actions{position:absolute;right:2.2%;top:1.8%;width:14.2%;height:6.4%;display:grid;grid-template-columns:repeat(4,1fr);gap:4%}.global-actions button{position:relative;border:0;color:#fff;background:transparent;cursor:pointer}.global-actions .lobby-glyph{font-size:clamp(17px,2.1vw,36px)}.global-actions button:hover .lobby-glyph{color:#f6e6bc;filter:drop-shadow(0 0 8px #9a79f0)}.global-actions .notification-dot{right:4%;top:0}.overlay-layer{pointer-events:none}.lobby-toast{position:absolute;left:50%;bottom:14%;translate:-50% 0;min-width:220px;max-width:50%;padding:10px 18px;border:1px solid rgba(239,217,171,.42);border-radius:999px;color:#fff;background:#261d3de6;box-shadow:0 12px 34px #120b2359;backdrop-filter:blur(12px);font:500 clamp(8px,.8vw,13px)/1.3 Georgia,serif;text-align:center;pointer-events:none}.lobby-modal-scrim{position:absolute;inset:0;display:grid;place-items:center;padding:4%;background:#140e257a;backdrop-filter:blur(3px);pointer-events:auto}.lobby-modal{position:relative;width:min(430px,38%);min-width:280px;margin-left:28%;padding:28px 30px 26px;border:1px solid rgba(239,216,166,.56);border-radius:20px;color:#f8f2ff;background:linear-gradient(145deg,#35294ff7,#1c1630f7);box-shadow:0 25px 80px #0a061775,inset 0 0 32px #ffffff06;pointer-events:auto}.lobby-modal:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,238,197,.12);border-radius:14px;pointer-events:none}.lobby-modal small{display:block;margin-bottom:8px;color:#d1bfff;font-size:9px;font-weight:800;letter-spacing:.2em}.lobby-modal h2{margin:0;font:400 clamp(24px,2.2vw,36px)/1.06 Georgia,serif}.lobby-modal p{margin:16px 0 22px;color:#cec5de;font-size:12px;line-height:1.65}.lobby-modal-close{position:absolute;right:13px;top:12px;width:32px;height:32px;border:0;border-radius:50%;color:#fff;background:#ffffff12;cursor:pointer}.lobby-modal-action{width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:1px solid rgba(239,213,157,.62);border-radius:10px;color:#3c2c19;background:linear-gradient(#fff0bd,#d4b36e);font-weight:900;cursor:pointer}.lobby-modal-action b{font-size:24px;font-weight:400}.layer-debug-toggle{position:absolute;left:1%;bottom:1%;z-index:50;padding:7px 10px;border:1px solid #8d76d9;border-radius:8px;color:#fff;background:#140f27d6;font-size:8px;letter-spacing:.12em;pointer-events:auto;cursor:pointer}.layer-inspector{position:absolute;left:1%;bottom:5%;width:220px;padding:12px;border:1px solid rgba(174,150,255,.55);border-radius:12px;color:#fff;background:#0c091ceb;backdrop-filter:blur(16px);pointer-events:auto}.layer-inspector header{display:flex;align-items:center;justify-content:space-between}.layer-inspector header strong{font-size:10px;letter-spacing:.13em}.layer-inspector header button{width:24px;height:24px;border:0;border-radius:50%;color:#fff;background:#ffffff14;cursor:pointer}.layer-inspector p{margin:7px 0 10px;color:#9a91b1;font-size:8px;line-height:1.4}.layer-inspector>button{width:100%;height:29px;display:flex;align-items:center;gap:8px;margin:3px 0;padding:0 8px;border:1px solid transparent;border-radius:7px;color:#c2bad6;background:transparent;font-size:9px;text-align:left;cursor:pointer}.layer-inspector>button i{width:7px;height:7px;border-radius:50%;background:#5b5074}.layer-inspector>button.active{color:#fff;border-color:#8d73ee;background:#7459dc2b}.layer-inspector>button.active i{background:#c3a5ff;box-shadow:0 0 9px #aa86ff}.cinematic-lobby-stage[data-debug-layer=WorldLayer] .WorldLayer{outline:3px solid #64c6ff;outline-offset:-5px}.cinematic-lobby-stage[data-debug-layer=CharacterLayer] .lobby-character-button{outline:2px dashed #e69aff}.cinematic-lobby-stage[data-debug-layer=FXLayer] .ambient-petal{opacity:1;box-shadow:0 0 10px #fff}.cinematic-lobby-stage[data-debug-layer=ThemeUILayer] .ThemeUILayer:after{content:"ThemeUILayer";position:absolute;inset:9% 1% 1%;border:2px dashed #f4bf72;color:#fff;padding:8px;font-size:10px}.cinematic-lobby-stage[data-debug-layer=GlobalUILayer] .GlobalUILayer:after{content:"GlobalUILayer";position:absolute;left:1%;right:1%;top:1%;height:21%;border:2px dashed #80e0b5;color:#fff;padding:8px;font-size:10px}.cinematic-lobby-stage[data-debug-layer=OverlayLayer] .OverlayLayer:after{content:"OverlayLayer";position:absolute;left:39%;top:47%;padding:10px 16px;border:2px dashed #ff8fe0;color:#fff;background:#21172dcc;font-size:10px}@media(max-width:900px){.lobby-modal{width:min(430px,60%);margin-left:12%}}@media(max-width:620px){.cinematic-lobby-stage{width:100vw;height:56.28vw}.lobby-toast{bottom:3%;font-size:8px}.lobby-modal{width:76%;min-width:0;margin:0;padding:17px 19px}.lobby-modal p{font-size:10px;margin:10px 0 14px}.layer-inspector{transform:scale(.76);transform-origin:left bottom}}.fx-layer{overflow:hidden;mix-blend-mode:normal}.sun-bloom,.violet-ray,.ambient-petal{mix-blend-mode:screen}.foreground-flowers{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;z-index:6;filter:drop-shadow(0 -5px 12px rgba(91,62,129,.12))}.mascot-sprite{position:absolute;z-index:5;pointer-events:none;user-select:none;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(56,36,80,.23));animation:mascot-float 5.8s ease-in-out infinite}.mascot-sprite--left{left:1.2%;bottom:2.8%;width:16%;max-height:26%}.mascot-sprite--right{right:1.3%;bottom:14.5%;width:10.8%;max-height:25%;animation-delay:-2.3s}@keyframes mascot-float{0%,to{translate:0 0;rotate:-1deg}50%{translate:0 -7px;rotate:1.5deg}}@media(prefers-reduced-motion:reduce){.mascot-sprite{animation:none}}.lobby-glyph img{display:block;width:1em;height:1em;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(173,134,255,.42))}.feature-grid .lobby-glyph img{filter:brightness(0) saturate(100%) invert(38%) sepia(16%) saturate(1350%) hue-rotate(222deg) brightness(93%)}.summon-card .lobby-glyph img,.resource-strip .lobby-glyph img,.global-actions .lobby-glyph img{filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(173,134,255,.38))}.start-sigil img{width:1em;height:1em;display:block;filter:brightness(0) invert(1) drop-shadow(0 0 12px #8e76ff)}.utility-button,.lobby-dialogue,.event-banner,.feature-grid button,.resource-strip button,.lobby-modal{background-image:url(/art/mainmenu-v2/ui/ui-frame.svg),linear-gradient(145deg,#3d2e5cd6,#231c39c2);background-size:100% 100%,cover;background-repeat:no-repeat}.event-banner{background-image:url(/art/mainmenu-v2/ui/ui-frame.svg),linear-gradient(95deg,#4a2f76f5,#644b93c2 56%,#d2c7ef2e)}.feature-grid button{background-image:url(/art/mainmenu-v2/ui/ui-frame.svg),linear-gradient(150deg,#fff7f8e6,#dfcff4d1)}.summon-card{background-image:url(/art/mainmenu-v2/ui/ui-frame.svg),linear-gradient(110deg,#4b3b76,#7560a2)!important}.resource-strip button{background-image:url(/art/mainmenu-v2/ui/ui-frame.svg),linear-gradient(180deg,#4f427ed6,#3b3060d1)}.lobby-modal{background-image:url(/art/mainmenu-v2/ui/ui-frame.svg),linear-gradient(145deg,#35294ff7,#1c1630f7)}.event-banner-portrait{right:1%;top:-5%;width:42%;height:112%;overflow:visible}.event-banner-portrait img{height:100%;width:100%;object-fit:contain;object-position:right bottom;right:0!important;bottom:0!important;filter:drop-shadow(-12px 0 16px rgba(38,23,64,.3))}.world-plate{transform:scale(1.015);transform-origin:center center;animation:world-breathe 16s ease-in-out infinite alternate}@keyframes world-breathe{0%{transform:scale(1.015) translateZ(0)}to{transform:scale(1.025) translate3d(-.18%,.08%,0)}}@media(prefers-reduced-motion:reduce){.world-plate{animation:none}}.cinematic-lobby{--pz-ivory:#fff9ef;--pz-gold:#ead5a6;--pz-gold-hi:#fff0c3;--pz-violet:#7d64bb;--pz-violet-dark:#302342;--pz-glass:rgba(39,29,58,.72);background:#151125}.cinematic-lobby-stage{background:#dcdcf1;box-shadow:0 0 0 1px #fff2da47,0 26px 90px #0f092085}.world-plate{inset:-.8%!important;width:101.6%!important;height:101.6%!important;object-fit:cover!important;animation:none!important;transform:none!important;filter:saturate(1.06) contrast(1.03) brightness(1.035)!important}.world-haze--left{display:block!important;width:23%!important;background:linear-gradient(90deg,rgba(39,28,58,.12),transparent 84%)!important}.world-haze--right{display:block!important;width:21%!important;background:linear-gradient(270deg,rgba(46,32,66,.09),transparent 86%)!important}.lobby-character-button{left:12.6%!important;bottom:-2.2%!important;width:55.2%!important;height:96.8%!important}.lobby-character-image{height:100%!important;filter:drop-shadow(0 24px 32px rgba(35,22,54,.15))!important;animation:lobby-hero-idle 8s ease-in-out infinite!important}.lobby-character-aura{left:23%!important;top:14%!important;width:54%!important;height:58%!important;background:radial-gradient(circle,rgba(255,244,255,.17),rgba(150,119,224,.045) 48%,transparent 73%)!important}.sun-bloom{left:35%!important;top:-18%!important;width:38%!important;height:54%!important;opacity:.48}.violet-ray{opacity:.035!important}.foreground-flowers{opacity:.35;filter:drop-shadow(0 -3px 10px rgba(82,50,107,.08))!important}.mascot-sprite{display:none!important}.ambient-petal{opacity:.25!important;width:5px!important;height:3px!important}.utility-button,.lobby-dialogue,.event-banner,.feature-grid button,.resource-strip button,.lobby-modal{background-image:none!important}.utility-button,.lobby-dialogue,.event-banner,.feature-grid button{position:absolute;overflow:hidden;color:var(--pz-ivory);border:1px solid rgba(242,213,157,.88)!important;background:linear-gradient(145deg,#4a3a67e0,#2c2243d4 72%,#1e1835de)!important;box-shadow:inset 0 0 0 1px #fffae614,inset 0 0 28px #af8bea12,0 6px 18px #2b1b451f!important;backdrop-filter:blur(7px)!important}.utility-button:after,.lobby-dialogue:after,.event-banner:before,.feature-grid button:after{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(255,241,204,.18);border-radius:inherit}.utility-button:hover,.lobby-dialogue:hover,.event-banner:hover,.feature-grid button:hover,.utility-button:focus-visible,.lobby-dialogue:focus-visible,.event-banner:focus-visible,.feature-grid button:focus-visible{border-color:var(--pz-gold-hi)!important;filter:brightness(1.07) saturate(1.04);box-shadow:0 0 22px #8f68dd3d,inset 0 0 24px #fff8e20f!important;outline:none!important}.utility-rail{left:1.74%!important;top:23.4%!important;width:5.75%!important;height:41.9%!important}.utility-button{position:relative!important;height:21.8%!important;border-radius:16px!important;gap:5px!important;color:#fffaf5!important;background:radial-gradient(circle at 35% 22%,rgba(125,93,183,.25),transparent 48%),linear-gradient(155deg,#44355ee6,#2c2344e8)!important}.utility-button:before{display:block!important;content:"";position:absolute;inset:-1px;border-radius:16px;pointer-events:none;background:linear-gradient(135deg,var(--pz-gold) 0 8px,transparent 8px) top left/18px 18px no-repeat,linear-gradient(225deg,var(--pz-gold) 0 8px,transparent 8px) top right/18px 18px no-repeat,linear-gradient(45deg,var(--pz-gold) 0 8px,transparent 8px) bottom left/18px 18px no-repeat,linear-gradient(315deg,var(--pz-gold) 0 8px,transparent 8px) bottom right/18px 18px no-repeat;opacity:.55}.utility-button .lobby-glyph{font-size:clamp(19px,2vw,35px)!important}.utility-button>span:not(.lobby-glyph){font-family:Palatino Linotype,Book Antiqua,Georgia,serif!important;font-size:clamp(7px,.78vw,13px)!important;font-weight:500!important;text-shadow:0 2px 5px rgba(24,18,38,.75)}.utility-button .notification-dot{right:6px!important;top:5px!important}.lobby-dialogue{left:8.35%!important;top:27.65%!important;width:15.35%!important;height:14.5%!important;padding:2.2%!important;border-radius:17px!important;background:radial-gradient(circle at 17% 12%,rgba(196,160,249,.12),transparent 34%),linear-gradient(140deg,#45355fb8,#2f2646a3)!important}.lobby-dialogue:before{content:"✦"!important;display:block!important;left:7%!important;top:7%!important;color:#fff0c2!important;text-shadow:0 0 10px rgba(255,229,170,.55)}.lobby-dialogue span{font:400 clamp(9px,1.03vw,18px)/1.43 "Palatino Linotype","Book Antiqua",Georgia,serif!important;letter-spacing:.005em}.voice-wave{font-size:clamp(12px,1.15vw,20px)!important;color:#d4c4ff!important}.liveops-stack{right:2.7%!important;top:11.5%!important;width:29.6%!important;height:47.5%!important}.event-banner{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:43.5%!important;padding:0!important;border-radius:25px!important;background:radial-gradient(circle at 81% 42%,rgba(190,159,243,.3),transparent 34%),linear-gradient(100deg,#452b6ff5,#5b418be0 55%,#352759d4)!important}.event-banner-copy{left:8%!important;top:20%!important}.event-banner-copy strong{font:400 clamp(18px,2vw,34px)/1.03 "Palatino Linotype","Book Antiqua",Georgia,serif!important;letter-spacing:.005em}.event-banner-copy span{font:600 clamp(7px,.83vw,14px)/1 Georgia,serif!important}.event-banner-copy small{font-size:clamp(6px,.65vw,11px)!important}.event-banner-portrait{right:1%!important;top:-4%!important;width:43%!important;height:112%!important}.event-banner-portrait img{height:100%!important;width:100%!important;object-fit:contain!important;object-position:right bottom!important;opacity:.94}.event-arrow{right:3.4%!important;top:50%!important;width:8.5%!important;border-color:#fff8eabf!important;background:#30254fb8!important;box-shadow:0 0 18px #af89ec2e}.event-dots{position:relative!important;height:7%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.event-dots i{width:6px!important;height:6px!important}.feature-grid{position:relative!important;inset:auto!important;width:100%!important;height:49.5%!important;display:grid!important;grid-template-columns:.82fr 1.18fr!important;grid-template-rows:1fr .76fr!important;gap:3.3% 3.3%!important}.feature-grid button{position:relative!important;border-radius:17px!important;color:#4a3768!important;background:radial-gradient(circle at 84% 20%,rgba(255,255,255,.6),transparent 42%),linear-gradient(145deg,#fff9f6f0,#ebdef8e8 76%,#d8c7f0e8)!important;box-shadow:inset 0 0 0 2px #7c56b10e,0 5px 14px #3523541f!important}.feature-grid button:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(135deg,#e3c78f 0 8px,transparent 8px) top left/18px 18px no-repeat,linear-gradient(225deg,#e3c78f 0 8px,transparent 8px) top right/18px 18px no-repeat,linear-gradient(45deg,#e3c78f 0 8px,transparent 8px) bottom left/18px 18px no-repeat,linear-gradient(315deg,#e3c78f 0 8px,transparent 8px) bottom right/18px 18px no-repeat;opacity:.72}.feature-grid .lobby-glyph{color:#72539b!important;font-size:clamp(20px,2vw,36px)!important}.feature-grid .lobby-glyph img{filter:brightness(0) saturate(100%) invert(36%) sepia(18%) saturate(1310%) hue-rotate(221deg) brightness(91%)!important}.feature-grid>button>span:not(.lobby-glyph){font:600 clamp(10px,1.17vw,20px)/1.08 "Palatino Linotype","Book Antiqua",Georgia,serif!important}.summon-card{color:#fffaf7!important;justify-content:flex-start!important;padding-left:8%!important;background:radial-gradient(circle at 82% 28%,rgba(142,102,214,.28),transparent 38%),linear-gradient(115deg,#4c3a75,#665092 62%,#44366d)!important}.summon-card .lobby-glyph img{filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(194,160,255,.44))!important}.summon-card>span:not(.lobby-glyph){align-items:flex-start!important}.summon-card strong{font:500 clamp(13px,1.45vw,25px)/1 "Palatino Linotype","Book Antiqua",Georgia,serif!important}.summon-card small{font-size:clamp(6px,.62vw,10px)!important}.summon-card>img{right:-2%!important;bottom:-24%!important;height:145%!important;opacity:.88!important;filter:drop-shadow(-8px 3px 12px rgba(26,17,49,.22))}.start-journey{right:1.85%!important;bottom:1.3%!important;width:24%!important;height:37.2%!important;overflow:visible!important}.start-journey:before{display:block!important;inset:5.8% 4.6% 3.6%!important;border:2px solid rgba(235,207,146,.9)!important;border-radius:50%!important;background:radial-gradient(circle at 48% 42%,#4e3584fa,#312362fc 59%,#1b184afc 78%)!important;box-shadow:inset 0 0 0 5px #fff4d009,inset 0 0 38px #6c4dd75c,0 0 0 4px #ceac671a,0 0 30px #5b3db442!important}.start-journey:after{display:block!important;inset:1.5% 0 0!important;border:1px solid rgba(239,214,154,.48)!important;border-radius:50%!important;clip-path:polygon(0 30%,22% 30%,29% 0,37% 28%,63% 28%,70% 0,78% 30%,100% 30%,100% 70%,78% 70%,70% 100%,62% 72%,37% 72%,29% 100%,22% 70%,0 70%)!important}.start-sigil{font-size:clamp(30px,3.55vw,60px)!important;color:#e5d8ff!important}.start-journey strong{font:400 clamp(20px,2.35vw,40px)/1 "Palatino Linotype","Book Antiqua",Georgia,serif!important}.start-journey>span{font:500 clamp(6px,.67vw,11px)/1.22 "Palatino Linotype",Georgia,serif!important;color:#e5deef!important}.bottom-lobby-nav{left:0!important;bottom:0!important;width:65.2%!important;height:13%!important;grid-template-columns:1.18fr repeat(5,1fr)!important;border-top:1px solid rgba(244,222,176,.4)!important;border-right:1px solid rgba(233,211,171,.2)!important;border-radius:0 31px 0 0!important;background:linear-gradient(180deg,#392d53b8,#281f41e3)!important;backdrop-filter:blur(10px)!important;box-shadow:inset 0 1px #ffffff0e,0 -8px 28px #26183f0f!important}.bottom-lobby-nav button{border:0!important;border-right:1px solid rgba(255,255,255,.035)!important;background:transparent!important}.bottom-lobby-nav button.active{margin-top:-22%!important;border:1px solid rgba(239,211,153,.72)!important;border-radius:50%!important;background:radial-gradient(circle at 50% 56%,rgba(103,69,168,.95),rgba(69,47,116,.9) 56%,rgba(56,39,94,.48) 72%,transparent 73%)!important;box-shadow:0 0 0 1px #ffebbf1a,0 0 28px #7953d43d!important}.bottom-lobby-nav button.active:after{display:block!important;inset:5%!important;border:1px solid rgba(255,233,182,.3)!important;border-radius:50%!important}.bottom-lobby-nav .lobby-glyph{font-size:clamp(20px,2.15vw,37px)!important}.bottom-lobby-nav button span:not(.lobby-glyph){font:500 clamp(8px,.94vw,16px)/1 "Palatino Linotype","Book Antiqua",Georgia,serif!important}.bottom-lobby-nav button:hover{background:linear-gradient(180deg,#916fcd1c,#5c41911f)!important}.brand-profile{left:2%!important;top:2%!important;width:19.3%!important;height:19.1%!important}.project-z-logo{width:100%!important;height:42%!important;filter:drop-shadow(0 3px 6px rgba(36,27,56,.22))!important}.project-z-logo span{font:400 clamp(24px,3.05vw,52px)/1 "Palatino Linotype","Book Antiqua",Georgia,serif!important;letter-spacing:.012em!important}.project-z-logo b{left:74%!important;top:-14%!important;font:400 clamp(39px,4.9vw,82px)/1 "Palatino Linotype","Book Antiqua",Georgia,serif!important}.project-z-logo i{left:31%!important;bottom:-2%!important;color:#fff0cd!important}.player-profile{width:74%!important;height:57%!important}.player-avatar{border-color:#f3dba5!important;background:#5b4677!important;box-shadow:0 0 0 3px #4c347594,0 0 0 4px #f1dbab47!important}.player-meta b,.player-meta strong{font-family:Palatino Linotype,Book Antiqua,Georgia,serif!important}.resource-strip{left:45.5%!important;top:2%!important;width:37.6%!important;height:6%!important;gap:3%!important}.resource-strip button{border:1px solid rgba(239,226,200,.2)!important;border-radius:999px!important;background:linear-gradient(180deg,#524480db,#3d3263d6)!important;box-shadow:inset 0 0 15px #ffffff09,0 3px 8px #25183f14!important;backdrop-filter:blur(8px)!important}.resource-strip button:hover{border-color:#ffe8b47a!important;filter:brightness(1.07)}.resource-strip b{font:600 clamp(8px,.96vw,16px)/1 "Palatino Linotype","Book Antiqua",Georgia,serif!important}.resource-strip .lobby-glyph img{filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(173,134,255,.32))!important}.global-actions{right:2%!important;top:1.65%!important;width:14.3%!important;height:6.2%!important;gap:3%!important}.global-actions button{border:0!important;background:transparent!important}.global-actions .lobby-glyph{font-size:clamp(18px,2.05vw,35px)!important}.global-actions button:hover .lobby-glyph{filter:drop-shadow(0 0 8px rgba(255,233,186,.6))}.lobby-modal{border:1px solid rgba(239,216,166,.58)!important;background:linear-gradient(145deg,#362950fa,#1c1630fa)!important;font-family:Palatino Linotype,Book Antiqua,Georgia,serif!important}.lobby-toast{font-family:Palatino Linotype,Book Antiqua,Georgia,serif!important}