:root{color:#f4f7ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050813;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050813;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}@media (width>=1121px){html,body,#root{height:100%;overflow:hidden}}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #72d7ff}a{color:inherit}h1,h2,h3,p{margin:0}#root{min-height:100vh}:root{--bg:#050813;--surface:#0c1427e6;--surface-strong:#0d172c;--surface-soft:#13213db8;--border:#6f9be533;--border-bright:#59b4ff6e;--text:#f4f7ff;--muted:#9ca9c3;--cyan:#65d6ff;--violet:#a07cff;--gold:#f5c765;--green:#61df9a}.game-shell{background:radial-gradient(circle at 48% 0,#255ab12b,#0000 37%),radial-gradient(circle at 92% 32%,#5936a21f,#0000 30%),linear-gradient(135deg,#060a16 0%,#080d1c 45%,#040711 100%);min-height:100vh;padding:18px}.game-shell:before{z-index:0;pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(#679ee309 1px,#0000 1px),linear-gradient(90deg,#679ee309 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.game-header,.game-layout{z-index:1;width:min(1800px,100%);margin-inline:auto;position:relative}.game-header{grid-template-columns:290px 1fr 340px;align-items:center;gap:18px;min-height:64px;margin-bottom:16px;display:grid}.brand{align-items:center;gap:12px;width:fit-content;text-decoration:none;display:inline-flex}.brand-mark{color:#dcecff;background:linear-gradient(145deg,#704eff,#31c5ff);border:1px solid #bad7ffb3;border-radius:15px 5px;flex:none;place-items:center;width:48px;height:48px;font-size:27px;display:grid;box-shadow:0 0 26px #41a3ff57}.brand strong{color:var(--text);letter-spacing:.02em;text-transform:uppercase;font-size:22px;line-height:1;display:block}.brand strong span{color:#8dc6ff}.brand small{color:#8798bb;letter-spacing:.22em;text-transform:uppercase;margin-top:7px;font-size:10px;display:block}.header-status{color:var(--muted);justify-self:end;align-items:center;gap:8px;font-size:13px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 12px #61df9acc}.game-layout{grid-template-columns:290px minmax(480px,1fr) 340px;align-items:start;gap:18px;transition:grid-template-columns .18s;display:grid}.chat-is-collapsed .game-layout{grid-template-columns:290px minmax(480px,1fr) 58px}.panel{border:1px solid var(--border);background:linear-gradient(145deg,#0f1b33f0,#080f1ff0);border-radius:14px;box-shadow:0 14px 35px #0000002b,inset 0 1px #ffffff06}.player-sidebar{flex-direction:column;gap:8px;display:flex}.profile-card{--profile-element:#4fc7ff;background:radial-gradient(circle at 88% 50%, color-mix(in srgb, var(--profile-element) 14%, transparent), transparent 62%), linear-gradient(145deg, #0f1b33f0, #080f1ff0);align-items:center;gap:13px;padding:13px;display:flex;position:relative;overflow:hidden}.profile-element-watermark{z-index:0;opacity:.1;pointer-events:none;width:155px;height:155px;filter:drop-shadow(0 0 18px var(--profile-element));position:absolute;top:-34px;right:-34px}.profile-element-watermark img{object-fit:contain;width:100%;height:100%}.profile-card .avatar-placeholder,.profile-card .profile-copy{z-index:1;position:relative}.profile-card .avatar-placeholder{border-color:color-mix(in srgb, var(--profile-element) 72%, white);box-shadow:0 0 20px color-mix(in srgb, var(--profile-element) 25%, transparent)}.avatar-placeholder{background:radial-gradient(circle at 50% 28%,#8dbbff 0 9%,#0000 10%),linear-gradient(155deg,#6247b8,#162a55 60%,#0f1830);border:2px solid #73c1ffa6;border-radius:50%;flex:none;place-items:center;width:70px;height:70px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 20px #5991ff33}.avatar-placeholder:before{content:"";background:#d1e5ff73;border-radius:50% 50% 20% 20%;width:42px;height:38px;position:absolute;bottom:-10px}.avatar-placeholder span{z-index:1;color:#fff;text-shadow:0 2px 10px #000;font-size:24px;font-weight:800;position:relative}.profile-copy{flex:1;min-width:0}.eyebrow,.section-heading>span,.banner-kicker{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.profile-copy h2{margin:0 0 8px;font-size:19px}.level-line,.pity-row{color:#dce6f8;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:11px;display:flex}.level-line small,.pity-row strong{color:var(--muted);font-size:10px;font-weight:600}.progress-track{background:#879ecf29;border-radius:99px;width:100%;height:5px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#28c9f4,#70a8ff);height:100%;display:block;box-shadow:0 0 10px #3dc3ff8c}.progress-fill.full{width:100%}.progress-fill.pity{background:linear-gradient(90deg,#785eff,#c06aff);width:47%}.resource-card,.team-card,.objective-card{padding:12px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-heading small{color:#657596;font-size:9px}.resource-grid{grid-template-columns:1fr 1fr;gap:12px 8px;display:grid}.resource-item{align-items:center;gap:9px;min-width:0;display:flex}.resource-item.wide{border-top:1px solid #7697d121;grid-column:1/-1;padding-top:11px}.resource-icon{background:#ffffff0a;border:1px solid;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.resource-icon.cyan{color:var(--cyan)}.resource-icon.gold{color:var(--gold)}.resource-icon.violet{color:var(--violet)}.resource-item strong,.resource-item small{display:block}.resource-item strong{color:var(--text);white-space:nowrap;font-size:14px}.resource-item small{color:var(--muted);margin-top:2px;font-size:9px}.team-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.team-member{text-align:center;background:linear-gradient(#47558f57,#081021db);border:1px solid #769bde38;border-radius:9px;min-width:0;padding:5px 4px 6px;position:relative;overflow:hidden}.team-member.violet{--member-color:#b28cff}.team-member.blue{--member-color:#6bd8ff}.team-member.green{--member-color:#76e9a6}.team-member.gold{--member-color:#ffd276}.member-element{z-index:1;color:var(--member-color);font-size:10px;position:absolute;top:4px;right:5px}.member-portrait{width:36px;height:38px;color:var(--member-color);background:linear-gradient(150deg, color-mix(in srgb, var(--member-color) 35%, transparent), #080f21cc);border-radius:50% 50% 35% 35%;place-items:center;margin:5px auto 3px;font-size:17px;font-weight:800;display:grid}.team-member small{color:#c9d4e9;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.objective-content{grid-template-columns:67px 1fr;align-items:center;gap:12px;display:grid}.objective-art{color:#dcddff;background:radial-gradient(circle at 50% 36%,#a275ffbf,#1b2251cc 42%,#0b1429 72%);border:1px solid #787bf659;border-radius:10px;place-items:center;height:91px;font-size:35px;display:grid}.stars{color:var(--gold);letter-spacing:.04em;font-size:10px}.objective-name-line{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.objective-content h3{margin:0 0 1px;font-size:14px}.objective-content p{color:var(--muted);font-size:10px}.objective-guarantee{margin-bottom:3px}.objective-brilliance{margin-bottom:8px}.objective-brilliance strong{color:#91bfff;font-weight:600}.objective-empty{width:100%;color:var(--text);text-align:left;background:#1b376329;border:1px dashed #67aeff4d;border-radius:10px;flex-direction:column;gap:5px;padding:16px 10px;display:flex}.objective-empty span{color:var(--cyan);font-size:10px}.target-choice-grid{z-index:4;grid-area:1/2;grid-template-columns:repeat(4,minmax(90px,1fr));align-self:center;gap:10px;padding:24px;display:grid;position:relative}.target-choice{color:#fff;cursor:pointer;background:#0a1730d1;border:1px solid #67aeff4d;border-radius:13px;min-width:0;height:220px;position:relative;overflow:hidden}.target-choice:hover{border-color:var(--cyan);transform:translateY(-2px)}.target-choice-image{object-fit:contain;object-position:center bottom;width:100%;height:170px}.target-choice strong,.target-choice>span{z-index:2;display:block;position:relative}.target-choice>span{color:var(--gold);font-size:9px}.featured-four-stars{z-index:4;background:#070d1dc9;border-top:1px solid #6791d52e;grid-column:1/-1;align-items:center;gap:14px;padding:10px 30px;display:flex;position:relative}.featured-four-stars>small{color:var(--muted);white-space:nowrap}.featured-four-stars>div{gap:7px;display:flex}.featured-four-stars>div>span{background:#101a34;border:1px solid #997cff59;border-radius:9px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.featured-four-image{object-fit:cover;width:100%;height:100%}.banner-period{color:var(--cyan);margin-top:14px;font-size:11px;display:inline-block}.wish-button:disabled{cursor:not-allowed;opacity:.58;filter:saturate(.5)}@media (width<=760px){.target-picker{display:block}.target-choice-grid{grid-template-columns:repeat(2,1fr);padding:12px}.target-choice{height:180px}.target-choice-image{height:135px}.featured-four-stars{padding-inline:14px;overflow-x:auto}}.daily-card{grid-template-columns:48px 1fr;align-items:center;gap:11px;padding:10px 12px;display:grid}.daily-icon{color:#93e6ff;background:radial-gradient(circle,#3088ff40,#0d1933b3);border:1px solid #53b8ff5e;border-radius:50%;place-items:center;width:48px;height:48px;font-size:27px;display:grid}.daily-card p{color:var(--muted);margin:3px 0 8px;font-size:10px}.small-primary-button{cursor:pointer;background:linear-gradient(#237ed4,#1553a3);border:1px solid #55b8ff73;border-radius:7px;width:100%;padding:7px 12px;font-size:11px;font-weight:700;box-shadow:0 5px 15px #135eba3b}.main-panel{flex-direction:column;gap:14px;min-width:0;display:flex}.game-navigation{grid-template-columns:repeat(8,minmax(72px,1fr));gap:8px;padding-top:2px;display:grid;overflow:visible}.navigation-tile{cursor:pointer;background:#0a1224b3;border:1px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:81px;padding:9px 5px;transition:all .15s;display:flex}.navigation-tile span{color:#a5b5d4;font-size:23px;line-height:1}.navigation-tile strong{text-overflow:ellipsis;font-size:10px;font-weight:650;overflow:hidden}.navigation-tile:hover{border-color:var(--border);background:#13203bdb;transform:translateY(-1px)}.navigation-tile.active{background:linear-gradient(155deg,#1d509773,#171942a8);border-color:#5997ffad;box-shadow:inset 0 0 25px #456eff1f,0 0 18px #2a63d81f}.navigation-tile.active span{color:var(--cyan);text-shadow:0 0 15px #51c8ffa6}@media (width>=1351px){.navigation-tile{gap:6px;min-height:74px;padding-block:7px}}.invocation-panel{background:linear-gradient(90deg,#091228fa 0%,#0b1430e6 42%,#10153ea8 100%),#0b1428;border:1px solid #5489d84f;border-radius:16px;grid-template-rows:1fr auto;grid-template-columns:minmax(260px,.9fr) minmax(260px,1.1fr);min-height:500px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000003d}.invocation-panel:before{content:"";pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 78% 21%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 66% 35%,#89c9ff 0 1px,#0000 1.5px),radial-gradient(circle at 90% 48%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 58% 18%,#a37dff 0 1px,#0000 1.5px);position:absolute;inset:0}.banner-glow{pointer-events:none;filter:blur(2px);border-radius:50%;position:absolute}.banner-glow-one{background:radial-gradient(circle,#3492ff40,#0000 68%);width:420px;height:420px;top:-140px;right:-40px}.banner-glow-two{background:radial-gradient(circle,#8b49f43d,#0000 70%);width:320px;height:320px;bottom:-140px;right:17%}.banner-content{z-index:4;grid-area:1/1;align-self:center;padding:46px 12px 46px 42px;position:relative}.banner-content h1{color:#f7f8ff;letter-spacing:-.035em;text-shadow:0 3px 25px #527fff40;max-width:480px;margin:7px 0 15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,4vw,62px);font-weight:500;line-height:.96}.banner-content>p{color:#bac5dc;max-width:450px;font-size:14px;line-height:1.65}.banner-tags{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.banner-tags span{color:#aebdd6;background:#0b1833ab;border:1px solid #7ea2de33;border-radius:999px;padding:7px 10px;font-size:9px}.celestial-placeholder{z-index:1;grid-area:1/1/auto/-1;place-items:center;min-height:360px;display:grid;position:relative}.celestial-placeholder:after{z-index:3;content:"";pointer-events:none;background:linear-gradient(90deg,#060d1ff5 0%,#070e20d6 30%,#070e2075 52%,#070e2014 76%),linear-gradient(#0000 76%,#060c1c7a);position:absolute;inset:0}.banner-featured-character{z-index:4;pointer-events:none;text-align:right;text-shadow:0 3px 16px #010714e6;flex-direction:column;align-items:flex-end;gap:3px;display:flex;position:absolute;bottom:clamp(22px,5%,44px);right:clamp(24px,6%,72px)}.banner-featured-character strong{color:#f7f8ff;font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.2vw,34px);font-weight:500;line-height:1}.banner-featured-character span{color:var(--gold);letter-spacing:.08em;font-size:14px}.celestial-star{z-index:2;color:#f1f5ff;background:radial-gradient(circle,#8dcaff6b,#5148be3d 45%,#0000 70%);border:1px solid #a5c4ff47;border-radius:42% 58% 46% 54%;place-items:center;width:150px;height:150px;font-size:82px;display:grid;position:relative;transform:rotate(12deg);box-shadow:0 0 60px #4b97ff45,inset 0 0 45px #ad7eff21}.orbit{border:1px solid #83bcff4f;border-radius:50%;width:255px;height:110px;position:absolute;transform:rotate(-22deg)}.orbit-two{border-color:#a770ff47;width:195px;height:300px;transform:rotate(38deg)}.spark{color:#d7eaff;position:absolute}.spark-one{font-size:25px;top:19%;right:16%}.spark-two{font-size:45px;bottom:26%;left:17%}.spark-three{color:var(--violet);font-size:16px;bottom:12%;right:26%}.invocation-footer{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070d1dc9;border-top:1px solid #6791d52e;grid-column:1/-1;grid-template-columns:minmax(180px,.7fr) minmax(320px,1.3fr);align-items:center;gap:30px;padding:21px 30px;display:grid;position:relative}.wish-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.wish-button{cursor:pointer;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:64px;transition:transform .15s,box-shadow .15s;display:flex}.wish-button:hover{transform:translateY(-2px)}.wish-button span{font-size:15px;font-weight:800}.wish-button small{opacity:.72;font-size:10px}.wish-button.secondary{color:#1b2333;background:linear-gradient(#f7f4eb,#d9dbe4);border:1px solid #d6d9e0;box-shadow:inset 0 0 0 2px #5b4c2a33}.wish-button.primary{color:#2c210d;background:linear-gradient(160deg,#ffdf72,#d9971d);border:1px solid #ffe49a;box-shadow:0 7px 24px #e3a42842,inset 0 0 0 2px #784d0b26}.notice-panel{border:1px solid var(--border);background:linear-gradient(90deg,#10203edb,#0a1224b3);border-radius:13px;align-items:center;gap:13px;min-height:68px;padding:13px 17px;display:flex}.notice-icon{width:39px;height:39px;color:var(--cyan);background:#3ca1ff1f;border-radius:11px;flex:none;place-items:center;display:grid}.notice-panel div{flex:1;min-width:0}.notice-panel strong{font-size:12px}.notice-panel p{color:var(--muted);margin-top:2px;font-size:10px}.notice-badge{color:#c7d7f3;border:1px solid #80a4e033;border-radius:999px;padding:5px 9px;font-size:9px}.chat-panel{flex-direction:column;min-width:0;height:min(730px,100vh - 104px);min-height:600px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid #6a90cd26;justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.chat-header h2{margin-top:3px;font-size:17px}.icon-button{cursor:pointer;color:#aebbd3;background:#ffffff06;border:1px solid #7b9dd62e;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:24px;display:grid}.chat-presence{color:#94a3bd;background:#0a1326b8;align-items:center;gap:8px;padding:10px 16px;font-size:10px;display:flex}.message-list{scrollbar-color:#6d8ec959 transparent;flex:1;min-height:0;overflow-y:auto}.chat-message{border-bottom:1px solid #6c8fc61a;grid-template-columns:31px 1fr;gap:10px;padding:13px 15px;display:grid}.message-avatar{color:#fff;background:linear-gradient(145deg,#6952c9,#27355e);border-radius:9px;place-items:center;width:31px;height:31px;font-size:11px;font-weight:800;display:grid}.message-avatar.system{background:linear-gradient(145deg,#168e6b,#164b51)}.message-avatar.guest{background:linear-gradient(145deg,#326fa8,#293866)}.message-content{min-width:0}.message-meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.message-meta strong{color:#b794ff;font-size:11px}.message-meta strong.system{color:var(--green)}.message-meta strong.guest{color:#72c8ff}.message-meta time{color:#687792;font-size:8px}.message-content p{color:#c8d1e3;margin-top:5px;font-size:10px;line-height:1.45}.chat-composer{border-top:1px solid #6a90cd26;grid-template-columns:1fr 39px;gap:7px;padding:12px 12px 7px;display:grid}.chat-composer input{min-width:0;color:var(--text);background:#040914b3;border:1px solid #7296d133;border-radius:9px;outline:none;padding:10px 12px}.chat-composer input::placeholder{color:#64728d}.chat-composer button{cursor:pointer;color:#bcd6ff;background:linear-gradient(145deg,#1f5596,#26366c);border:1px solid #4e96ff57;border-radius:9px}.prototype-note{color:#596883;text-align:center;padding:0 12px 10px;font-size:8px}.chat-panel.collapsed{border:1px solid var(--border);background:linear-gradient(#0e1b33f2,#070d1cf2);border-radius:13px;min-height:260px}.chat-expand-button{cursor:pointer;color:#aabbd8;background:0 0;border:0;flex-direction:column;align-items:center;gap:14px;width:100%;height:100%;min-height:260px;padding:14px 8px;display:flex}.chat-expand-button>span:first-child{color:var(--cyan);font-size:25px}.chat-expand-button strong{letter-spacing:.1em;text-transform:uppercase;writing-mode:vertical-rl;font-size:10px}.unread-count{color:#fff;background:#2c7bd4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:9px;display:grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1350px){.game-header{grid-template-columns:260px 1fr 300px}.game-layout{grid-template-columns:260px minmax(440px,1fr) 300px}.game-navigation{grid-template-columns:repeat(4,1fr)}.navigation-tile{flex-direction:row;min-height:67px}.navigation-tile span{font-size:18px}}@media (width<=1120px){.game-header{grid-template-columns:260px 1fr}.header-status{display:none}.game-layout,.chat-is-collapsed .game-layout{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"player main""chat chat"}.player-sidebar{grid-area:player}.main-panel{grid-area:main}.chat-panel{grid-area:chat}.chat-panel,.chat-panel.collapsed{height:auto;min-height:0}.message-list{max-height:330px}.chat-expand-button{flex-direction:row;justify-content:center;min-height:58px}.chat-expand-button strong{writing-mode:initial}}@media (width<=760px){.game-shell{padding:12px}.game-header{grid-template-columns:1fr;gap:12px;margin-bottom:14px}.brand{justify-self:center}.game-layout,.chat-is-collapsed .game-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main""player""chat"}.game-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.navigation-tile{flex-direction:column;gap:6px;min-height:72px}.navigation-tile strong{max-width:100%;font-size:9px}.invocation-panel{grid-template-rows:auto 280px auto;grid-template-columns:1fr;min-height:0}.banner-content{grid-area:1/1;padding:32px 24px 0}.banner-content h1{font-size:clamp(37px,13vw,53px)}.celestial-placeholder{grid-area:1/1/3;min-height:0}.celestial-placeholder:after{background:linear-gradient(#060d1ff5 0%,#070e20d6 37%,#070e2066 50%,#070e2029 64%,#070e2024 100%),linear-gradient(90deg,#070e2057,#0000 72%)}.banner-featured-character{bottom:20px;right:22px}.celestial-star{width:115px;height:115px;font-size:61px}.orbit{width:205px;height:88px}.orbit-two{width:160px;height:225px}.invocation-footer{grid-area:3;grid-template-columns:1fr;gap:17px;padding:19px}.player-sidebar{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.profile-card,.daily-card{grid-column:1/-1}}@media (width<=480px){.game-shell{padding:9px}.brand strong{font-size:19px}.brand-mark{width:42px;height:42px}.game-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-tile{flex-direction:row;min-height:57px}.player-sidebar{display:flex}.banner-content{padding-inline:20px}.banner-tags{flex-direction:column;align-items:flex-start}.wish-actions{grid-template-columns:1fr}.notice-badge{display:none}.chat-message{padding-inline:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.brand{cursor:pointer;color:inherit;text-align:left;background:0 0;border:0;padding:0}.header-actions{justify-self:end;align-items:center;gap:9px;display:flex;position:relative}.header-status{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:8px 0}.header-icon-button,.mobile-player-button{cursor:pointer;border:1px solid var(--border);background:#0d1930c2}.header-icon-button{color:#b9c8e3;border-radius:11px;place-items:center;width:39px;height:39px;display:grid;position:relative}.header-icon-button.active{color:var(--cyan);border-color:var(--border-bright);background:#183b69cc}.header-count{color:#fff;background:#347ed9;border:2px solid #080d1c;border-radius:99px;place-items:center;min-width:18px;height:18px;padding-inline:4px;font-size:8px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.mobile-player-button{border-radius:10px;align-items:center;gap:7px;padding:5px 9px 5px 5px;display:none}.mobile-player-button span{color:#fff;background:linear-gradient(145deg,#6654cb,#238fce);border-radius:8px;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid}.mobile-player-button strong{font-size:10px}.sign-out-button{cursor:pointer;color:#b9c8e3;border:1px solid var(--border);background:#0d1930c2;border-radius:10px;min-height:39px;padding:0 13px;font-size:9px;font-weight:700}.sign-out-button:hover{color:#fff;border-color:var(--border-bright)}.notification-anchor{position:relative}.floating-panel{background:linear-gradient(150deg,#101d37fc,#070e1dfc);border:1px solid #689be652;border-radius:15px;box-shadow:0 24px 70px #0000008f,inset 0 1px #ffffff0a}.notifications-panel{z-index:50;width:min(390px,100vw - 24px);position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.floating-panel-heading{border-bottom:1px solid #6c94d326;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.floating-panel-heading h2{margin-top:3px;font-size:17px}.text-action,.floating-panel-footer button,.panel-link-button{cursor:pointer;color:#8fcfff;background:0 0;border:0;font-size:9px}.notification-list{max-height:370px;overflow-y:auto}.notification-item{border-bottom:1px solid #6c94d31a;grid-template-columns:35px 1fr 7px;gap:11px;padding:14px 16px;display:grid;position:relative}.notification-symbol{width:35px;height:35px;color:var(--cyan);background:#3d9bf41f;border-radius:10px;place-items:center;display:grid}.notification-item strong{font-size:11px}.notification-item p{color:var(--muted);margin:3px 0;font-size:9px;line-height:1.45}.notification-item small{color:#63728e;font-size:8px}.notification-dot{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-top:6px;box-shadow:0 0 9px #65d6ffcc}.floating-panel-footer{justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.game-navigation{grid-template-columns:repeat(7,minmax(76px,1fr))}.screen-stage,.screen-content{min-width:0}.screen-stage{animation:.22s ease-out screen-enter}@keyframes screen-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.screen-content{flex-direction:column;gap:14px;display:flex}.screen-header{background:radial-gradient(circle at 78% -20%,#4e8fff2b,#0000 45%),linear-gradient(145deg,#0f1c35f5,#080f1ff5);justify-content:space-between;align-items:flex-end;gap:22px;min-height:116px;padding:22px 25px;display:flex}.screen-header h1{margin:4px 0 5px;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1}.screen-header p{max-width:650px;color:var(--muted);font-size:11px;line-height:1.5}.screen-meta{color:#bdd4f3;border:1px solid var(--border);background:#1a2e5085;border-radius:999px;flex:none;padding:7px 11px;font-size:9px}@media (width>=761px){.main-panel{gap:11px}.catalog-screen,.team-screen{gap:10px}.catalog-screen .collection-filters{padding-block:8px}}.home-screen .home-banner{min-height:475px}.home-banner .banner-content h1{font-size:clamp(36px,3.3vw,54px)}.featured-character-shadow{z-index:0;color:#c2daff09;font-family:Georgia,serif;font-size:330px;font-weight:800;line-height:1;position:absolute;bottom:4%;right:15%}.pity-summary{grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;display:grid}.guarantee-summary{color:var(--gold);flex-direction:column;align-items:center;gap:2px;display:flex}.guarantee-summary strong{font-size:14px}.guarantee-summary span{color:var(--muted);white-space:nowrap;font-size:8px}.invocation-screen .pity-summary,.home-screen .pity-summary{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto auto}.invocation-screen .banner-content h1{margin-top:0}.banner-status{flex-direction:column;align-items:flex-start;gap:4px;min-width:72px;display:flex}.banner-status span{color:var(--muted);white-space:nowrap;font-size:8px}.banner-status strong{color:#e6edf9;white-space:nowrap;font-size:10px}.progress-fill.pity-four{background:linear-gradient(90deg,#c164ff,#e18bff);width:70%}.banner-secondary-actions{gap:8px;margin-top:15px;display:flex}.banner-secondary-actions button{cursor:pointer;color:#d7e2f5;background:#07102394;border:1px solid #80a5e442;border-radius:8px;padding:7px 12px;font-size:10px}.home-shortcuts{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.shortcut-card{cursor:pointer;text-align:left;border:1px solid var(--border);background:linear-gradient(150deg,#112240eb,#070e1deb);border-radius:13px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-width:0;min-height:105px;padding:15px;transition:transform .15s,border-color .15s;display:grid}.shortcut-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.shortcut-icon{width:42px;height:42px;color:var(--shortcut-color,var(--cyan));background:color-mix(in srgb, var(--shortcut-color,var(--cyan)) 13%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--shortcut-color,var(--cyan)) 12%, transparent);border-radius:12px;place-items:center;font-size:22px;display:grid}.shortcut-card.cyan{--shortcut-color:#69d9ff}.shortcut-card.violet{--shortcut-color:#a588ff}.shortcut-card.gold{--shortcut-color:#f7cb6b}.shortcut-card.blue{--shortcut-color:#77adff}.shortcut-card.pink{--shortcut-color:#d386ff}.shortcut-card strong,.shortcut-card small{display:block}.shortcut-card strong{font-size:12px}.shortcut-card small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.35}.shortcut-card>i{color:#7183a4;font-size:18px;font-style:normal}.banner-tabs{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.banner-tabs button{cursor:pointer;min-width:0;color:var(--text);text-align:left;background:#050b1870;border:1px solid #0000;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:36px 1fr;column-gap:10px;padding:11px 13px;display:grid}.banner-tabs button>span{color:#95a8cc;text-align:center;grid-row:1/3;align-self:center;font-size:19px}.banner-tabs button strong{font-size:11px}.banner-tabs button small{color:var(--muted);font-size:8px}.banner-tabs button.active{background:#1b467f75;border-color:#539fff80}.banner-tabs button.active>span{color:var(--cyan)}.banner-tabs button.temporary>span{color:var(--violet)}.banner-tabs button:disabled{cursor:default;opacity:.5}.temporary-banner-placeholder{text-align:center;background:radial-gradient(circle at 50% 40%,#8456e12e,#0000 35%),linear-gradient(145deg,#101934f5,#070d1df5);flex-direction:column;justify-content:center;align-items:center;min-height:500px;padding:40px;display:flex}.temporary-symbol{color:#c7a8ff;background:#633eaf24;border:1px solid #a67bff54;border-radius:50%;place-items:center;width:86px;height:86px;margin-bottom:18px;font-size:38px;display:grid;box-shadow:0 0 40px #814be729}.temporary-banner-placeholder h2{margin:6px 0 8px;font-family:Georgia,serif;font-size:32px}.temporary-banner-placeholder p{max-width:500px;color:var(--muted);font-size:11px;line-height:1.6}.placeholder-banner-slots{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.placeholder-banner-slots span{color:#91a1bd;border:1px dashed #8ea6d140;border-radius:8px;padding:8px 12px;font-size:9px}.invocation-info-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.info-card{align-items:center;gap:12px;padding:14px;display:flex}.info-card>span{width:36px;height:36px;color:var(--cyan);background:#4196eb1f;border-radius:10px;flex:none;place-items:center;display:grid}.info-card strong{font-size:10px}.info-card p{color:var(--muted);margin-top:3px;font-size:8px}.collection-filters{grid-template-columns:minmax(180px,1.3fr) auto auto auto;align-items:center;gap:10px;padding:10px;display:grid}.wheel-card{background:radial-gradient(circle at 10%,#51b3ff24,#0000 25%),linear-gradient(145deg,#0f1c35f5,#080f1ff5);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:100px;padding:16px 20px;display:grid}.wheel-symbol{color:#c9ecff;background:radial-gradient(circle,#4ab0ff52,#2c3c8547);border:1px solid #64cdff61;border-radius:50%;place-items:center;width:54px;height:54px;font-size:25px;display:grid;box-shadow:0 0 25px #3ea1ff2e}.wheel-visual{aspect-ratio:1;filter:drop-shadow(0 12px 24px #00000059);justify-self:center;width:min(100%,208px);position:relative}.wheel-pointer{z-index:4;filter:drop-shadow(0 2px 5px #0000008c);border-top:20px solid #f8dc81;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.wheel-disc{background:conic-gradient(#34415f 0 10%, #bd493f 10% 20%, #3188bb 20% 30%, #74bdda 30% 40%, #7754c8 40% 50%, #3faaa0 50% 60%, #c99d45 60% 70%, #6ca64a 70% 80%, #d4a936 80% 90%, #5d9bd8 90% 100%);border:4px solid #bae0ffc7;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 5px #2a528973,0 0 34px #49a7ff3d,inset 0 0 32px #04091573}.wheel-disc:after{content:"";border-radius:inherit;background:repeating-conic-gradient(from 0deg, transparent 0 35.2deg, #dbefffad 35.2deg 36deg);position:absolute;inset:0}.wheel-disc.spinning{transition:transform 3.2s cubic-bezier(.12,.67,.08,1)}.wheel-prize{z-index:2;pointer-events:none;transform:rotate(calc(var(--wheel-index) * 36deg + 18deg));position:absolute;inset:0}.wheel-prize-icon{color:#fff;filter:drop-shadow(0 2px 3px #000000a6);border-radius:50%;place-items:center;width:25px;height:25px;font-size:16px;font-weight:900;display:grid;position:absolute;top:13px;left:50%;transform:translate(-50%)}.wheel-prize-icon img{object-fit:contain;width:100%;height:100%}.wheel-prize-icon.empty{background:#060c1970}.wheel-hub{z-index:3;color:#fff;background:radial-gradient(circle at 35% 30%,#79dfff,#4164c1 66%,#263665);border:3px solid #d3eeffdb;border-radius:50%;place-items:center;width:52px;height:52px;font-size:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 16px #0000006b}.wheel-copy h2{margin:2px 0 4px;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:500}.wheel-intro{color:var(--muted);font-size:10px}.wheel-legend{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.wheel-legend span{color:#aebfda;background:#040a1666;border:1px solid #678eca3d;border-radius:999px;padding:4px 7px;font-size:8px}.wheel-feedback{color:#b8c8df;align-items:center;min-height:35px;margin-top:9px;font-size:10px;display:flex}.wheel-result{color:#dcecff!important}.wheel-result strong{color:var(--gold)}.wheel-spin-button,.entry-primary-button{cursor:pointer;color:#07101f;background:linear-gradient(135deg,#6bd8ff,#7b8dff);border:1px solid #bce1ffb8;border-radius:10px;min-height:42px;padding:0 20px;font-size:10px;font-weight:900;box-shadow:0 8px 24px #328ee838}.wheel-spin-button{margin-top:10px}.wheel-spin-button:disabled,.entry-primary-button:disabled{cursor:wait;opacity:.58}.collection-summary{justify-content:flex-end;align-items:center;min-height:18px;display:flex}.collection-summary span{color:#bdd4f3;white-space:nowrap;border:1px solid var(--border);background:#101d36;border-radius:999px;padding:3px 8px;font-size:8px}.search-field{color:#6e7e99;background:#040a16a8;border:1px solid #7899d033;border-radius:9px;grid-template-columns:25px 1fr;align-items:center;min-width:0;padding:2px 9px;display:grid}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:8px 3px;font-size:10px}.search-field input::placeholder{color:#65738d}.filter-group,.element-filters{gap:5px;display:flex}.filter-chip,.element-filters button{cursor:pointer;color:#99a9c5;background:#0c172ca6;border:1px solid #7698d22b;border-radius:8px;min-height:32px;padding:6px 9px;font-size:9px}.filter-chip.active,.element-filters button.active{color:var(--cyan);background:#20568f61;border-color:#4fb1f86b}.element-filters button{width:32px;padding:4px}.sort-select{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.sort-select select{color:#d6e0f2;background:#0d1a31;border:1px solid #7698d22e;border-radius:8px;padding:7px 23px 7px 9px;font-size:9px}.catalog-legend{color:var(--muted);justify-content:flex-end;gap:16px;padding:8px 12px;font-size:8px;display:flex}.catalog-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.owned{background:var(--green)}.legend-dot.locked{background:#5d6880}.character-grid{grid-template-columns:repeat(5,minmax(120px,1fr));gap:11px;display:grid}.character-card{--character-color:#76cfff;min-width:0;color:var(--text);text-align:left;border:1px solid color-mix(in srgb, var(--character-color) 28%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--character-color) 18%, #101b35), #080f20 64%);border-radius:13px;position:relative;overflow:hidden;box-shadow:0 12px 26px #0000002b}button.character-card{cursor:pointer;width:100%;font:inherit;padding:0}.character-card.hydro{--character-color:#62caff}.character-card.pyro{--character-color:#ff7d64}.character-card.cryo{--character-color:#9edfff}.character-card.anemo{--character-color:#65e0b1}.character-card.electro{--character-color:#bb81ff}.character-card.geo{--character-color:#f3c45d}.character-card-topline{z-index:2;justify-content:space-between;display:flex;position:absolute;inset:9px 9px auto}.character-element,.constellation,.lock-mark{min-width:25px;height:25px;color:var(--character-color);border:1px solid color-mix(in srgb, var(--character-color) 34%, transparent);background:#050b18b3;border-radius:8px;place-items:center;padding-inline:5px;font-size:10px;font-weight:800;display:grid}.constellation{color:#e7edf8}.character-portrait{place-items:center;height:155px;display:grid;position:relative;overflow:hidden}.character-portrait:before{content:"";border:1px solid color-mix(in srgb, var(--character-color) 33%, transparent);width:110px;height:110px;box-shadow:0 0 35px color-mix(in srgb, var(--character-color) 15%, transparent);border-radius:50%;position:absolute}.character-portrait>span{z-index:1;color:color-mix(in srgb, var(--character-color) 75%, white);text-shadow:0 8px 25px #00000073;font-family:Georgia,serif;font-size:65px;position:relative}.character-portrait i{background:color-mix(in srgb, var(--character-color) 25%, #17213b);border-radius:50% 50% 20% 20%;width:105px;height:62px;position:absolute;bottom:-25px}.character-card-copy{z-index:2;border-top:1px solid color-mix(in srgb, var(--character-color) 16%, transparent);background:#050b18b8;padding:11px 13px 13px;position:relative}.character-rarity{color:var(--gold);letter-spacing:.04em;font-size:8px}.character-card-copy h3{margin:0 0 2px;font-size:13px}.character-card-copy .character-rarity{margin-bottom:3px}.character-card-copy p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.character-card.locked{filter:grayscale(.8);opacity:.54}.character-card.locked .character-portrait>span{color:#67738b}.character-card.selected{border-color:var(--cyan);box-shadow:0 0 22px #4db9ff40}.selected-mark{z-index:4;color:#081528;background:var(--cyan);border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid;position:absolute;bottom:8px;right:8px}.large-team-grid{grid-template-columns:repeat(4,minmax(145px,1fr));gap:11px;display:grid}.large-team-card{--character-color:#67cfff;border:1px solid color-mix(in srgb, var(--character-color) 27%, transparent);background:linear-gradient(165deg, color-mix(in srgb, var(--character-color) 18%, #111b36), #071020 68%);border-radius:15px;flex-direction:column;min-width:0;min-height:410px;display:flex;position:relative;overflow:hidden}.large-team-card.hydro{--character-color:#62caff}.large-team-card.pyro{--character-color:#ff7d64}.large-team-card.cryo{--character-color:#9edfff}.large-team-card.anemo{--character-color:#65e0b1}.team-slot-number{z-index:2;color:#dceaff66;letter-spacing:.12em;font-size:10px;position:absolute;top:14px;left:14px}.large-element{z-index:2;width:32px;height:32px;color:var(--character-color);border:1px solid color-mix(in srgb, var(--character-color) 35%, transparent);background:#050b18a3;border-radius:10px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.large-character-portrait{place-items:center;min-height:235px;display:grid;position:relative;overflow:hidden}.large-character-portrait:before{content:"";border:1px solid color-mix(in srgb, var(--character-color) 30%, transparent);width:170px;height:170px;box-shadow:0 0 50px color-mix(in srgb, var(--character-color) 15%, transparent);border-radius:50%;position:absolute}.large-character-portrait span{z-index:1;color:color-mix(in srgb, var(--character-color) 72%, white);font-family:Georgia,serif;font-size:96px;position:relative}.large-character-portrait i{background:color-mix(in srgb, var(--character-color) 22%, #15223c);border-radius:50% 50% 20% 20%;width:170px;height:90px;position:absolute;bottom:-35px}.large-team-copy{z-index:2;background:#050b18bd;padding:14px 16px;position:relative}.large-team-copy h2{margin:0 0 2px;font-size:19px}.large-team-copy .character-rarity{margin-bottom:3px;display:block}.large-team-copy>p{color:var(--muted);font-size:9px}.large-team-copy>div{color:#b9c7df;justify-content:space-between;margin-top:10px;font-size:9px;display:flex}.team-card-actions{z-index:5;opacity:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040914c4;justify-content:center;align-items:center;gap:8px;transition:opacity .16s;display:flex;position:absolute;inset:0}.large-team-card:hover .team-card-actions,.large-team-card:focus-within .team-card-actions{opacity:1}.team-card-actions button{cursor:pointer;background:#143e6fd9;border:1px solid #75b1f866;border-radius:9px;padding:9px 13px}.team-bonuses{padding:16px}.bonus-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.bonus-grid article{background:#050c1961;border:1px solid #7094d121;border-radius:10px;align-items:center;gap:10px;padding:11px;display:flex}.bonus-grid article>span{background:#ffffff0a;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.bonus-grid strong{font-size:9px}.bonus-grid p{color:var(--muted);margin-top:3px;font-size:8px}.hydro{color:#62caff}.gold{color:var(--gold)}.violet{color:var(--violet)}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02050cb8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.players-panel{width:min(470px,100%);overflow:hidden}.players-summary{color:var(--muted);background:#091326cc;align-items:center;gap:8px;padding:10px 16px;font-size:9px;display:flex}.online-player-list{padding:5px 0}.online-player{border-bottom:1px solid #6d91cc1a;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:11px 16px;display:grid}.mini-avatar{color:#fff;background:linear-gradient(145deg,#3778ad,#26335e);border-radius:11px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.mini-avatar.electro{background:linear-gradient(145deg,#8656bd,#37315e)}.mini-avatar.pyro{background:linear-gradient(145deg,#b95745,#54313c)}.mini-avatar.anemo{background:linear-gradient(145deg,#359c7e,#254d51)}.online-player strong,.online-player small{display:block}.online-player strong{font-size:11px}.online-player small{color:var(--muted);margin-top:3px;font-size:8px}.compact-button{cursor:pointer;color:#bcd8ff;background:#193e697a;border:1px solid #64a4ee47;border-radius:8px;padding:6px 9px;font-size:8px}.panel-link-button{border-top:1px solid #6d91cc21;width:100%;padding:13px}.team-selector{width:min(860px,100%);max-height:min(720px,100vh - 30px);overflow-y:auto}.selector-help{color:var(--muted);padding:12px 16px 0;font-size:9px}.selector-character-grid{grid-template-columns:repeat(6,1fr);gap:9px;padding:16px;display:grid}.character-card.compact .character-portrait{height:105px}.character-card.compact .character-portrait>span{font-size:43px}.character-card.compact .character-card-copy{padding:8px 9px}.selector-footer{color:var(--muted);border-top:1px solid #6d91cc24;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-size:10px;display:flex}.selector-footer .small-primary-button{width:auto}.inventory-layout{grid-template-columns:190px 1fr;gap:12px;display:grid}.inventory-categories{flex-direction:column;align-self:start;gap:4px;padding:8px;display:flex}.inventory-categories button{cursor:pointer;color:#9eabc3;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;min-height:45px;padding:7px 9px;display:grid}.inventory-categories button>span{background:#ffffff09;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.inventory-categories button strong{font-size:9px}.inventory-categories button small{color:#64738d;font-size:8px}.inventory-categories button.active{color:var(--cyan);background:#1b487e66;border-color:#4ea5f252}.inventory-content{min-height:500px;overflow:hidden}.inventory-heading{border-bottom:1px solid #6c92ce24;justify-content:space-between;align-items:center;gap:15px;padding:17px;display:flex}.inventory-heading h2{margin-top:3px;font-size:19px}.compact-search{width:min(220px,45%)}.inventory-grid{grid-template-columns:repeat(2,1fr);gap:9px;padding:14px;display:grid}.inventory-item{background:#050c1a7a;border:1px solid #7095d024;border-radius:11px;grid-template-columns:47px 1fr auto;align-items:center;gap:11px;min-width:0;padding:12px;display:grid}.item-icon{width:47px;height:47px;color:var(--cyan);background:#378fdb17;border:1px solid;border-radius:12px;place-items:center;font-size:21px;display:grid}.item-icon.gold{color:var(--gold)}.item-icon.violet,.item-icon.electro{color:var(--violet)}.item-icon.pyro{color:#ff7d64}.item-icon.hydro,.item-icon.cryo,.item-icon.blue{color:#70cfff}.item-icon.green{color:var(--green)}.inventory-item strong{font-size:10px}.inventory-item p{color:var(--muted);margin-top:3px;font-size:8px}.item-amount{color:#d5e0f2;font-size:10px;font-weight:800}.inventory-item.empty-slot{color:#5f6f8b;background:0 0;border-style:dashed}.inventory-item.empty-slot>span{text-align:center;font-size:22px}.shop-tabs{gap:5px;padding:7px;display:flex}.shop-tabs button{cursor:pointer;color:#9baac4;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:9px 11px;font-size:9px}.shop-tabs button span{margin-right:7px}.shop-tabs button.active{color:var(--cyan);background:#1c498161;border-color:#54a8f552}.shop-featured{background:radial-gradient(circle at 83%,#6f4ce554,#0000 25%),linear-gradient(125deg,#132649f5,#0d102ef0);justify-content:space-between;align-items:center;gap:20px;min-height:150px;padding:25px;display:flex;overflow:hidden}.shop-featured h2{margin:5px 0 7px;font-family:Georgia,serif;font-size:26px;font-weight:500}.shop-featured p{max-width:500px;color:var(--muted);font-size:10px;line-height:1.5}.shop-featured-symbol{color:#eee6ff;background:#754ad52e;border:1px solid #b294ff54;border-radius:32px 10px;flex:none;place-items:center;width:96px;height:96px;font-size:51px;display:grid;box-shadow:0 0 40px #754ad533}.shop-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.shop-item{--shop-color:#74cfff;overflow:hidden}.shop-item.violet{--shop-color:#b087ff}.shop-item.blue{--shop-color:#71aaff}.shop-item.cyan{--shop-color:#61d9e6}.shop-item.gold{--shop-color:#f1c55d}.shop-item-art{height:135px;color:var(--shop-color);background:radial-gradient(circle, color-mix(in srgb, var(--shop-color) 25%, transparent), transparent 55%);place-items:center;font-size:55px;display:grid}.shop-item-art span{border:1px solid color-mix(in srgb, var(--shop-color) 38%, transparent);background:#070e1d8f;border-radius:23px 8px;place-items:center;width:76px;height:76px;display:grid}.shop-item-copy{padding:12px 13px}.shop-tag{color:var(--shop-color);letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:800}.shop-item h3{margin:5px 0;font-size:12px}.shop-item p{min-height:34px;color:var(--muted);font-size:8px;line-height:1.45}.shop-item-footer{background:#040a1678;border-top:1px solid #6c91cd21;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px;display:flex}.shop-item-footer strong{color:var(--shop-color);font-size:11px}.shop-item-footer button{cursor:pointer;border:1px solid color-mix(in srgb, var(--shop-color) 32%, transparent);background:color-mix(in srgb, var(--shop-color) 12%, transparent);border-radius:7px;padding:6px 9px;font-size:8px}.shop-disclaimer{color:var(--muted);align-items:center;gap:10px;padding:12px 15px;font-size:9px;display:flex}.shop-disclaimer>span{color:var(--cyan)}.particles-heading{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #7697d121;margin:10px 0 7px;padding-top:8px;font-size:9px;font-weight:800}.particles-grid{grid-template-columns:repeat(3,1fr);gap:7px 5px;display:grid}.particle-value{color:#c7d2e7;align-items:center;gap:5px;font-size:9px;display:flex}.particle-value span{color:var(--particle-color,var(--cyan));font-size:12px}.particle-value.cryo{--particle-color:#85ddff}.particle-value.pyro{--particle-color:#ff7760}.particle-value.hydro{--particle-color:#55bfff}.particle-value.electro{--particle-color:#b77cff}.particle-value.anemo{--particle-color:#5be0ae}.particle-value.geo{--particle-color:#f4c85e}.particle-value.dendro{--particle-color:#a8d85f}.particle-value.personal{color:#fff;text-shadow:0 0 10px var(--particle-color,var(--cyan))}.objective-secondary{margin-top:8px}.brilliance-line{color:var(--muted);border-top:1px solid #7697d11f;justify-content:space-between;gap:10px;margin-top:11px;padding-top:9px;font-size:8px;display:flex}.brilliance-line strong{color:#91bfff;font-weight:600}.resource-icon>img{object-fit:contain;width:24px;height:24px;display:block}.particle-element-icon{flex:none;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.particle-element-icon>img,.member-element>img,.character-element>img,.large-element>img,.bonus-element-icon>img,.info-currency-icon>img,.inline-currency-icon>img{object-fit:contain;width:100%;height:100%;display:block}.member-element{width:14px;height:14px}.member-portrait,.objective-art,.character-portrait,.large-character-portrait,.celestial-placeholder{isolation:isolate}.member-asset-image,.objective-asset-image,.character-asset-image,.large-character-asset-image,.banner-character-asset{z-index:2;max-width:100%;max-height:100%;display:block;position:relative}.member-asset-image,.objective-asset-image,.character-asset-image,.large-character-asset-image{object-fit:cover;object-position:center top;width:100%;height:100%}.character-asset-image,.large-character-asset-image{position:absolute;inset:0}.objective-art{overflow:hidden}.banner-character-asset{--banner-art-position-x:60%;--banner-art-position-y:50%;--banner-art-scale:1;object-fit:cover;object-position:var(--banner-art-position-x) var(--banner-art-position-y);filter:drop-shadow(0 18px 28px #01091c80);width:100%;height:100%;transform:scale(var(--banner-art-scale));transform-origin:50%}.celestial-placeholder{height:100%;overflow:hidden}.character-element{padding:3px}.character-element>img{width:17px;height:17px}.filter-element-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.filter-element-icon>img{object-fit:contain;width:100%;height:100%;display:block}.large-element{padding:4px}.inline-currency-icon{flex:none;width:15px;height:15px;display:inline-flex}.wish-button small{justify-content:center;align-items:center;gap:3px;display:inline-flex}.info-currency-icon>img,.bonus-element-icon>img{width:25px;height:25px}@media (width<=760px){.celestial-placeholder{height:100%}}.entry-shell{background:radial-gradient(circle at 50% 12%,#2f74e23b,#0000 36%),radial-gradient(circle at 80% 80%,#6c45bb24,#0000 32%),linear-gradient(145deg,#050813,#091126 55%,#040711);place-items:center;min-height:100dvh;padding:24px;display:grid}.entry-panel,.element-entry-panel{text-align:center;width:min(440px,100%);min-width:0;max-width:100%;padding:30px}.entry-panel.compact{width:min(480px,100%)}.entry-brand{color:#fff;background:linear-gradient(145deg,#704eff,#31c5ff);border:1px solid #b8deffa8;border-radius:19px 7px;place-items:center;width:62px;height:62px;margin:0 auto 18px;font-size:30px;display:grid;box-shadow:0 0 34px #41a3ff57}.entry-brand.loading span{animation:1.2s ease-in-out infinite entry-pulse}@keyframes entry-pulse{50%{opacity:.45;transform:scale(.82)}}.entry-panel h1,.element-entry-panel h1{margin:5px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:34px;font-weight:500}.entry-panel h1 span{color:#8dc6ff}.entry-panel>p,.element-entry-panel>p{color:var(--muted);font-size:11px;line-height:1.55}.auth-tabs{border:1px solid var(--border);background:#050b18b8;border-radius:11px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;min-width:0;margin:24px 0 18px;padding:4px;display:grid}.auth-tabs button{cursor:pointer;min-width:0;min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:0 8px;font-size:10px;font-weight:800}.auth-tabs button.active{color:#fff;background:#275da3b8}.entry-form{text-align:left;flex-direction:column;min-width:0;display:flex}.entry-form label{color:#c9d8ef;letter-spacing:.05em;text-transform:uppercase;margin:12px 0 6px;font-size:9px;font-weight:800}.entry-form input{width:100%;min-width:0;min-height:44px;color:var(--text);background:#040a16cc;border:1px solid #648fd352;border-radius:9px;padding:0 13px}.entry-primary-button{width:100%;margin-top:20px}.form-feedback{border-radius:8px;padding:9px 11px;line-height:1.45;margin-top:12px!important;font-size:10px!important}.form-feedback.error{background:#631d2373;border:1px solid #ff75654d;color:#ffd0ca!important}.form-feedback.success{background:#18593d66;border:1px solid #61df9a4d;color:#bff6d7!important}.entry-step{color:var(--cyan);letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.element-entry-panel{width:min(780px,100%)}.permanent-choice{color:var(--gold)!important}.element-choice-grid{grid-template-columns:repeat(7,minmax(76px,1fr));gap:9px;margin:24px 0 6px;display:grid}.element-choice{cursor:pointer;color:#c5d2e8;border:1px solid var(--border);background:#070f1fc7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:112px;padding:10px;transition:transform .15s,border-color .15s,background .15s;display:flex}.element-choice:hover{border-color:var(--border-bright);transform:translateY(-2px)}.element-choice.selected{color:#fff;background:#1d467ecc;border-color:#65d6ffc2;box-shadow:0 0 22px #44a4ef2e}.element-choice-icon{place-items:center;width:42px;height:42px;display:grid}.element-choice-icon img{object-fit:contain;width:100%;height:100%}.element-choice strong{font-size:10px}.element-confirm{width:min(280px,100%)}@media (width<=760px){.entry-shell{padding:14px}.entry-panel,.element-entry-panel{padding:22px 17px}.element-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.element-choice{min-height:88px}.wheel-card{grid-template-columns:auto minmax(0,1fr);padding:14px}.wheel-spin-button{grid-column:1/-1;width:100%}.sign-out-button{color:#0000;width:39px;padding:0;font-size:0;overflow:hidden}.sign-out-button:after{content:"↪";color:#b9c8e3;text-align:center;font-size:16px;line-height:37px;display:block}}@media (prefers-reduced-motion:reduce){.wheel-disc.spinning{transition:none}}.presence-card{cursor:pointer;color:#c9d5ea;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px 13px;display:grid}.presence-people{color:#9bb4da;letter-spacing:-4px;font-size:13px}.presence-card strong{font-size:9px}.presence-card small{color:#687895;font-size:8px}.mobile-sidebar-heading,.sidebar-backdrop{display:none}.chat-presence{cursor:pointer;text-align:left;border:0;width:100%}.chat-presence>span:last-child{margin-left:auto}@media (width<=1500px){.game-navigation{grid-template-columns:repeat(7,minmax(68px,1fr))}.home-shortcuts{grid-template-columns:repeat(3,1fr)}.character-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.shop-grid,.large-team-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1350px){.game-navigation{grid-template-columns:repeat(4,1fr)}.collection-filters{grid-template-columns:1fr auto}.element-filters{grid-column:1/2}.sort-select{grid-area:2/2/auto/3}.character-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}.selector-character-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1120px){.header-actions{grid-area:1/2}.header-status{display:flex}.home-shortcuts{grid-template-columns:repeat(2,1fr)}.character-grid{grid-template-columns:repeat(4,minmax(105px,1fr))}.inventory-layout{grid-template-columns:165px 1fr}}@media (width<=900px){.character-grid{grid-template-columns:repeat(3,minmax(105px,1fr))}.invocation-info-grid,.collection-filters{grid-template-columns:1fr}.filter-group,.element-filters,.sort-select{grid-area:auto}.filter-group,.element-filters{flex-wrap:wrap}.inventory-grid{grid-template-columns:1fr}.selector-character-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.game-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.brand{justify-self:start}.header-actions{grid-area:1/2}.header-status{display:none}.mobile-player-button{display:flex}.game-layout,.chat-is-collapsed .game-layout{grid-template-areas:"main""chat"}.player-sidebar,.player-sidebar.mobile-open{z-index:90;background:#070d1b;width:min(330px,100vw - 38px);padding:12px;transition:transform .18s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:22px 0 60px #0000008c}.player-sidebar.mobile-open{transform:translate(0)}.mobile-sidebar-heading{justify-content:space-between;align-items:center;padding:3px 2px 8px;display:flex}.mobile-sidebar-heading strong{font-size:11px}.sidebar-backdrop{z-index:80;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#02050ca6;border:0;display:block;position:fixed;inset:0}.screen-header{flex-direction:column;align-items:flex-start;min-height:0;padding:19px}.screen-meta{align-self:flex-start}.home-shortcuts{grid-template-columns:1fr 1fr}.shortcut-card{min-height:82px}.pity-summary{grid-template-columns:1fr 1fr}.guarantee-summary{grid-column:1/-1;align-items:flex-start}.banner-tabs{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(3,minmax(90px,1fr))}.character-portrait{height:130px}.large-team-grid{grid-template-columns:1fr 1fr}.inventory-layout{grid-template-columns:1fr}.inventory-categories{grid-template-columns:repeat(3,1fr);display:grid}.shop-grid{grid-template-columns:1fr 1fr}.notifications-panel{position:fixed;top:73px;right:12px}}@media (width<=560px){.brand strong{font-size:17px}.brand small{font-size:8px}.mobile-player-button strong{display:none}.game-navigation{grid-template-columns:repeat(4,minmax(0,1fr))}.navigation-tile{flex-direction:column;min-height:62px}.navigation-tile strong{font-size:8px}.home-shortcuts,.large-team-grid,.shop-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-portrait{height:145px}.collection-filters{align-items:stretch}.filter-group{grid-template-columns:1fr 1fr 1fr;display:grid}.element-filters{grid-template-columns:repeat(7,1fr);display:grid}.element-filters button{width:100%}.catalog-legend{flex-wrap:wrap;justify-content:flex-start}.bonus-grid{grid-template-columns:1fr}.inventory-categories{grid-template-columns:repeat(2,1fr)}.inventory-heading{flex-direction:column;align-items:stretch}.compact-search{width:100%}.shop-tabs{grid-template-columns:1fr 1fr;display:grid}.shop-featured-symbol{width:68px;height:68px;font-size:34px}.selector-character-grid{grid-template-columns:repeat(2,1fr)}.selector-footer{flex-direction:column;align-items:stretch}.selector-footer .small-primary-button{width:100%}}@media (width<=390px){.brand-mark{width:38px;height:38px}.brand small{display:none}.game-navigation{grid-template-columns:repeat(2,1fr)}.navigation-tile{flex-direction:row}.home-shortcuts{grid-template-columns:1fr}.screen-header h1{font-size:29px}.shop-featured-symbol{display:none}}:root{--layer-interface:1;--layer-popover:100;--layer-backdrop:200;--layer-modal:210;--layer-tooltip:300;--scrollbar-track:#040a1661;--scrollbar-thumb:#5b84c26b;--scrollbar-thumb-hover:#65b3e89e}.game-header{z-index:var(--layer-popover);grid-template-columns:290px 1fr auto}.game-layout{z-index:auto}.notifications-panel{z-index:calc(var(--layer-popover) + 1)}.modal-layer{z-index:var(--layer-modal)}.icon-button,.header-icon-button,.chat-composer button{padding:0;line-height:1}.icon-button,.chat-composer button{place-items:center;display:grid}.icon-glyph{place-items:center;width:1em;height:1em;line-height:1;display:grid}.chat-expand-button>span:first-child{place-items:center;width:24px;height:24px;line-height:1;display:grid}.section-link{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0}.section-link:hover>span:first-child,.section-link:focus-visible>span:first-child{color:#9be4ff}.section-heading-trailing{color:inherit;font-size:inherit;letter-spacing:normal;text-transform:none;align-items:center;gap:9px;display:inline-flex}.card-chevron,.section-heading-trailing .card-chevron{color:#7f94b8;letter-spacing:normal;text-transform:none;border-radius:6px;place-items:center;width:20px;height:20px;font-size:17px;font-style:normal;line-height:1;transition:color .15s,background .15s,transform .15s;display:inline-grid}.section-link:hover .card-chevron,.section-link:focus-visible .card-chevron{color:var(--cyan);background:#4caeef1a;transform:translate(2px)}.danger-action{color:#ffc4bd;background:#71272aad!important;border-color:#ff776461!important}.empty-team-card{background:linear-gradient(165deg,#121f37bd,#060c19db);border-style:dashed;border-color:#7499d547}.empty-team-portrait{color:#6880a5;background:radial-gradient(circle,#5380bc1c,#0000 48%);place-items:center;min-height:235px;font-size:49px;display:grid}.empty-team-action{background:#0409147a;border-top:1px solid #7095d121;place-items:center;min-height:62px;margin-top:auto;padding:10px;display:grid}.empty-team-action button{cursor:pointer;color:#c5e7ff;background:#184f8685;border:1px solid #53aef361;border-radius:9px;width:100%;padding:9px 12px;font-size:10px}.screen-stage,.player-sidebar,.message-list,.notification-list,.online-player-list,.team-selector,.character-grid,.inventory-grid,.shop-grid{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.screen-stage::-webkit-scrollbar{width:8px;height:8px}.player-sidebar::-webkit-scrollbar{width:8px;height:8px}.message-list::-webkit-scrollbar{width:8px;height:8px}.notification-list::-webkit-scrollbar{width:8px;height:8px}.online-player-list::-webkit-scrollbar{width:8px;height:8px}.team-selector::-webkit-scrollbar{width:8px;height:8px}.character-grid::-webkit-scrollbar{width:8px;height:8px}.inventory-grid::-webkit-scrollbar{width:8px;height:8px}.shop-grid::-webkit-scrollbar{width:8px;height:8px}.screen-stage::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.player-sidebar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.message-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.notification-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.online-player-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.team-selector::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.character-grid::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.inventory-grid::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.shop-grid::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:99px}.screen-stage::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.player-sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.message-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.notification-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.online-player-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.team-selector::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.character-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.inventory-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.shop-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:99px}.screen-stage::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.player-sidebar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.message-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.online-player-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.team-selector::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.character-grid::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.inventory-grid::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.shop-grid::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.online-player-list{max-height:min(440px,55dvh);overflow-y:auto}@media (width>=1121px){.game-shell{grid-template-rows:auto minmax(0,1fr);gap:12px;height:100dvh;display:grid;overflow:hidden}.game-header{margin-bottom:0}.game-layout,.chat-is-collapsed .game-layout{align-items:stretch;height:100%;min-height:0;overflow:hidden}.player-sidebar{min-height:0;padding-right:3px;overflow:hidden auto}.main-panel{min-height:0;overflow:hidden}.game-navigation{flex:none}.screen-stage{flex:auto;min-height:0;overflow:hidden auto}.screen-content{min-height:0}.invocation-screen{height:100%}.invocation-screen>.invocation-panel{min-height:100%}.invocation-screen .celestial-placeholder{align-self:stretch;height:100%;min-height:0}.chat-panel,.chat-panel.collapsed{height:100%;min-height:0}.collection-screen{gap:8px;height:100%;display:grid;overflow:hidden}.box-screen,.catalog-screen{grid-template-rows:auto auto minmax(0,1fr)}.collection-screen .character-grid{grid-auto-rows:max-content;align-content:start;min-height:0;padding-right:5px;overflow:hidden auto}.inventory-screen{grid-template-rows:minmax(0,1fr);height:100%;display:grid;overflow:hidden}.inventory-layout,.inventory-content{height:100%;min-height:0}.inventory-content{flex-direction:column;display:flex}.inventory-grid{flex:auto;align-content:start;min-height:0;overflow:hidden auto}.shop-screen{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;display:grid;overflow:hidden}.shop-grid{grid-auto-rows:max-content;align-content:start;min-height:0;padding-right:5px;overflow:hidden auto}}@media (width>=1501px){.home-screen{grid-template-rows:minmax(0,1fr) auto auto;height:100%;display:grid}.home-screen .home-banner{height:100%;min-height:0}.invocation-screen .banner-content{align-self:start;padding-top:clamp(78px,9vh,98px)}.invocation-screen .celestial-placeholder{align-self:stretch;height:100%;margin-top:0}.invocation-screen .banner-character-asset{--banner-art-position-x:61%;--banner-art-scale:1.02}.home-screen .banner-content{align-self:start;padding-top:clamp(54px,6.5vh,72px)}.home-screen .celestial-placeholder{align-self:stretch;height:100%;min-height:0;margin-top:0}.home-screen .banner-character-asset{--banner-art-position-x:61%;--banner-art-scale:1.02}.player-sidebar{gap:10px;overflow-y:hidden}.player-sidebar>.panel{flex-shrink:1}.player-sidebar>.profile-card,.player-sidebar>.daily-card{flex-grow:.8}.player-sidebar>.resource-card{flex-grow:1.35}.player-sidebar>.team-card{flex-grow:1}.player-sidebar>.objective-card{flex-grow:1.45}.resource-card,.team-card,.objective-card{flex-direction:column;display:flex}.resource-card .particles-heading{margin-top:auto}.team-card .team-grid{margin-block:auto}.objective-card .objective-content{flex:1}.objective-card .objective-art{height:102px}}@media (width<=1500px) and (width>=761px){.invocation-screen .invocation-footer{grid-template-columns:1fr;gap:14px}}@media (width<=1500px) and (width>=1121px){.player-sidebar{gap:4px}.profile-card{padding:10px}.resource-card,.team-card,.objective-card{padding:8px}.player-sidebar .section-heading{margin-bottom:8px}.player-sidebar .objective-art{height:78px}.daily-card{padding:8px 10px}}@media (width<=1350px) and (width>=1121px){.game-header{grid-template-columns:260px 1fr auto}}@media (hover:none),(pointer:coarse){.team-card-actions{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:#040914c2;min-height:54px;padding:9px;position:static}.team-card-actions button{flex:1;min-width:0;padding-inline:7px;font-size:9px}}@media (width<=760px){.game-header{z-index:var(--layer-popover);grid-template-columns:minmax(0,1fr) auto}.player-sidebar,.player-sidebar.mobile-open{z-index:var(--layer-modal)}.sidebar-backdrop{z-index:var(--layer-backdrop)}.team-card-actions{opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none;background:#040914c2;min-height:54px;padding:9px;position:static}.team-card-actions button{flex:1;min-width:0;padding-inline:7px;font-size:9px}.invocation-screen .pity-summary,.home-screen .pity-summary{grid-template-columns:1fr 1fr}.banner-status{min-width:0}.banner-character-asset{--banner-art-position-x:42%;align-self:end;height:60%}}