@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Nunito Variable,system-ui,sans-serif;color:#f4f7ef;background:#0d1611;font-synthesis:none;--ink: #0d1611;--surface: #15251d;--surface-2: #1b2e24;--surface-3: #23382b;--line: rgba(224, 239, 218, .12);--line-strong: rgba(224, 239, 218, .22);--text: #f4f7ef;--muted: #a6b5aa;--accent: #b7f34a;--accent-ink: #17220c;--danger: #ff786f;--radius: 18px;--shadow: 0 22px 70px rgba(4, 12, 7, .34)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--ink)}body{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 68% 0%,rgba(59,94,67,.22),transparent 38%),var(--ink)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid rgba(183,243,74,.65);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-family:Fredoka Variable,sans-serif}img{max-width:100%}.app-shell{min-height:100dvh;padding:20px 24px 40px 124px}.app-header{height:68px;max-width:1480px;margin:0 auto 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--accent-ink);background:var(--accent);border-radius:14px;box-shadow:inset 0 -5px 10px #1b2d082e;transform:rotate(-4deg)}.brand-lockup>span:last-child{display:grid;line-height:1}.brand-lockup strong{font-size:18px;font-weight:700;letter-spacing:-.02em}.brand-lockup small{margin-top:4px;color:var(--muted);font-size:11px;letter-spacing:.11em;text-transform:uppercase}.guild-switch{min-width:194px;height:54px;padding:6px 12px 6px 7px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#1c2e24bd;cursor:pointer;transition:border-color .18s,background .18s}.guild-switch:hover{border-color:var(--line-strong);background:var(--surface-2)}.guild-avatar,.rival-avatar{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:#d2d7b8;color:#27301f;font-family:Fredoka Variable;font-weight:700}.guild-switch>span:nth-child(2){display:grid;flex:1;text-align:left}.guild-switch small,.profile-button small{color:var(--muted);font-size:10px}.guild-switch strong{font-size:14px}.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.currency,.icon-button,.profile-button{height:44px;border:1px solid var(--line);background:#1c2e24a3;cursor:pointer;transition:.18s}.currency:hover,.icon-button:hover,.profile-button:hover{border-color:var(--line-strong);background:var(--surface-3)}.currency{padding:0 14px;display:flex;align-items:center;gap:8px;border-radius:14px;color:var(--accent)}.currency strong{color:var(--text);font-size:14px}.icon-button{width:44px;display:grid;place-items:center;border-radius:14px}.profile-button{padding:3px 5px 3px 4px;display:flex;align-items:center;gap:7px;border-radius:14px;color:var(--muted)}.profile-button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#243217;background:var(--accent);font-family:Fredoka Variable;font-size:12px;font-weight:700}.main-nav{position:fixed;z-index:20;top:108px;left:20px;width:84px;padding:9px;display:grid;gap:6px;border:1px solid var(--line);border-radius:22px;background:#15251df0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.main-nav button{min-height:66px;padding:8px 4px;display:grid;place-items:center;gap:4px;border:0;border-radius:15px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer;transition:.18s}.main-nav button:hover{color:var(--text);background:#ffffff0a}.main-nav button.active{color:var(--accent-ink);background:var(--accent);box-shadow:inset 0 -4px 10px #192f0529}.main-nav button span{font-weight:700}main{max-width:1480px;margin:0 auto}.view{min-height:calc(100dvh - 128px)}.section-intro{max-width:680px}.section-intro>span,.panel-kicker{display:block;margin-bottom:8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section-intro h1{font-size:clamp(33px,4vw,54px);line-height:.98;letter-spacing:-.045em}.section-intro p{max-width:600px;margin-top:12px;color:var(--muted);line-height:1.55}.view-heading-row{min-height:116px;margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.primary-button,.secondary-button{min-height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;font-family:Fredoka Variable;font-weight:650;white-space:nowrap;cursor:pointer;transition:transform .15s,background .18s,border-color .18s}.primary-button{border:1px solid #c4ff58;color:var(--accent-ink);background:var(--accent);box-shadow:inset 0 -5px 10px #1c320626}.primary-button:not(:disabled):hover{background:#c4ff58}.primary-button:not(:disabled):active,.secondary-button:active{transform:translateY(1px) scale(.985)}.secondary-button{border:1px solid var(--line-strong);color:var(--text);background:var(--surface-2)}.secondary-button:hover{border-color:#b7f34a73}.sprite{image-rendering:pixelated;object-fit:contain}.world-topline{min-height:120px;margin-bottom:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.world-charge{min-width:220px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:1px solid var(--line-strong)}.world-charge span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.world-charge svg{color:var(--accent)}.world-charge strong{font-size:24px;color:var(--accent)}.raid-scene{position:relative;isolation:isolate;min-height:490px;overflow:hidden;border:1px solid rgba(211,237,199,.14);border-radius:26px;background:#1b3527;box-shadow:var(--shadow)}.scene-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-6;background:linear-gradient(100deg,#09120cf5,#1125199e 45%,#1e4c3033),radial-gradient(circle at 77% 25%,rgba(174,224,119,.23),transparent 23%),url(/assets/biomes/canopy-raid.jpg) center 58%/cover;filter:saturate(.78) contrast(1.08)}.scene-sky:after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,#050f09e6)}.scene-mist{position:absolute;z-index:-2;width:55%;height:35%;border-radius:50%;background:#b9ddbc21;filter:blur(45px)}.mist-one{right:2%;top:10%;animation:drift 8s ease-in-out infinite alternate}.mist-two{right:27%;bottom:4%;opacity:.6;animation:drift 11s ease-in-out infinite alternate-reverse}.scene-copy{position:absolute;top:50px;left:48px;width:39%}.event-label{display:inline-flex;align-items:center;gap:7px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.scene-copy h2{margin-top:14px;max-width:520px;font-size:clamp(38px,5vw,68px);line-height:.92;letter-spacing:-.05em;text-shadow:0 10px 34px rgba(0,0,0,.42)}.scene-copy p{max-width:370px;margin-top:14px;color:#d2ddd2;font-size:15px}.scene-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:18px}.scene-meta span{display:flex;align-items:center;gap:7px;color:#d8e3d8;font-size:12px;font-weight:700}.scene-meta svg{color:var(--accent)}.boss-stage{position:absolute;right:13%;top:42px;width:min(31vw,390px);height:285px;display:grid;place-items:center}.boss-stage img{position:relative;z-index:2;width:78%;height:78%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 18px 17px rgba(3,11,6,.62)) saturate(1.12)}.boss-stage:before{content:"";position:absolute;width:85%;aspect-ratio:1;border:1px solid rgba(183,243,74,.12);border-radius:50%;box-shadow:inset 0 0 50px #b7f34a14}.boss-shadow{position:absolute;z-index:1;bottom:20px;width:62%;height:28px;border-radius:50%;background:#00000080;filter:blur(13px)}.raid-panel{position:absolute;z-index:4;left:48px;right:48px;bottom:32px;min-height:112px;padding:18px 18px 18px 22px;display:grid;grid-template-columns:minmax(260px,1fr) auto;grid-template-rows:auto auto;column-gap:28px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:#0b1810cc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14}.raid-status-row{grid-column:1;display:flex;justify-content:space-between;gap:14px;font-family:Fredoka Variable}.raid-status-row span{font-size:16px;font-weight:650}.raid-status-row strong{color:var(--accent)}.health-track{grid-column:1;align-self:end;height:9px;overflow:hidden;border-radius:10px;background:#ffffff1a}.health-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);box-shadow:0 0 14px #b7f34a66}.raid-stats{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;gap:28px}.raid-stats span{display:grid;gap:2px;color:var(--muted);font-size:10px}.raid-stats strong{color:var(--text);font-size:17px}.raid-panel .primary-button{grid-column:3;grid-row:1 / 3;align-self:center;min-width:195px}.world-lower-grid{margin-top:18px;display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.trace-panel,.squad-panel{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.trace-panel{position:relative;display:grid;grid-template-columns:1fr auto;gap:16px;overflow:hidden}.trace-panel h3,.squad-panel h3{margin-bottom:7px;font-size:22px}.trace-panel p{max-width:350px;color:var(--muted);font-size:13px}.trace-ring{width:92px;height:92px;display:grid;place-items:center;border:9px solid rgba(183,243,74,.13);border-top-color:var(--accent);border-right-color:var(--accent);border-bottom-color:var(--accent);border-radius:50%;transform:rotate(18deg)}.trace-ring span{transform:rotate(-18deg);color:var(--muted)}.trace-ring strong{color:var(--text);font-size:30px}.trace-marks{grid-column:1 / -1;align-self:end;display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.trace-marks i{height:6px;border-radius:8px;background:#ffffff1a}.trace-marks i.found{background:var(--accent)}.panel-heading{display:flex;justify-content:space-between}.slot-count{align-self:flex-start;padding:5px 9px;border-radius:9px;color:var(--accent);background:#b7f34a1a;font-size:11px;font-weight:800}.squad-list{margin-top:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.squad-member{min-width:0;padding:9px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:#ffffff06}.squad-member .sprite{width:42px;height:42px}.squad-member>span{min-width:0;display:grid}.squad-member strong{overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap}.squad-member small{color:var(--muted);font-size:9px;text-transform:capitalize}.squad-member i{margin-left:auto;color:var(--accent);font-size:9px;font-style:normal}.squad-member i.away{color:#f5c35a}.invite-slot{border:1px dashed var(--line-strong);border-radius:14px;background:transparent;color:var(--muted);cursor:pointer}.invite-slot:hover{border-color:var(--accent);color:var(--accent)}.combat-overlay,.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;padding:24px;display:grid;place-items:center;background:#040906db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.combat-shell{position:relative;width:min(1180px,100%);min-height:680px;overflow:hidden;border:1px solid var(--line-strong);border-radius:26px;background:linear-gradient(#0e21165c,#08120ced),url(/assets/biomes/canopy-combat.jpg) center/cover;box-shadow:0 38px 100px #00000094}.combat-close,.modal-close{position:absolute;z-index:4;top:18px;right:18px;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:14px;background:#0c1810b8;cursor:pointer}.combat-boss{height:390px;display:grid;place-items:center;padding-top:50px}.combat-boss img{width:270px;height:260px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 24px 25px #07100a)}.combat-boss>span{position:absolute;top:26px;left:50%;transform:translate(-50%);color:#ffe183;font-family:Fredoka Variable;font-weight:700}.combat-boss>strong{position:absolute;top:60px;right:80px;font-size:23px;color:var(--accent)}.telegraph{position:absolute;top:56px;left:50%;width:230px;height:6px;overflow:hidden;transform:translate(-50%);border-radius:8px;background:#ffffff24}.telegraph i{display:block;width:67%;height:100%;background:#ffd063;animation:telegraph 1.5s linear infinite}.combat-team{position:absolute;left:60px;bottom:204px;display:flex;align-items:end;gap:6px}.combat-team div{display:grid;place-items:center}.combat-team .sprite{width:96px;height:96px}.combat-team span{padding:4px 8px;border-radius:8px;background:#07110bb8;font-size:10px;font-weight:700}.ability-dock{position:absolute;left:24px;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ability-dock button{min-height:145px;padding:17px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:6px 11px;text-align:left;border:1px solid var(--line-strong);border-radius:18px;background:#122619eb;cursor:pointer;transition:.18s}.ability-dock button:hover:not(:disabled){border-color:var(--accent);transform:translateY(-2px)}.ability-dock button>span,.dodge-button>svg{width:36px;height:36px;display:grid;place-items:center;grid-row:1 / 3;color:var(--accent)}.ability-dock strong{align-self:end;font-size:16px}.ability-dock small{color:var(--muted);line-height:1.35}.ability-dock .dodge-button{border-color:#ffdb7759}.ability-dock .dodge-button>svg{color:#ffdb77}.active-team{margin-bottom:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.active-team>button,.empty-team-slot{position:relative;min-height:190px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface-2),var(--surface));cursor:pointer;transition:.18s}.active-team>button:hover,.active-team>button.selected{border-color:#b7f34a85;transform:translateY(-2px)}.active-team .sprite{position:absolute;right:10%;bottom:3px;width:150px;height:150px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.38))}.active-team>button>strong,.active-team>button>small{position:absolute;left:20px;text-align:left}.active-team>button>strong{bottom:44px;font-size:21px}.active-team>button>small{bottom:24px;color:var(--muted);font-size:11px}.team-number{position:absolute;top:14px;left:18px;color:#ffffff38;font-family:Fredoka Variable;font-size:28px;font-weight:700}.role-chip,.element{padding:4px 8px;border-radius:8px;font-size:9px;font-weight:800;text-transform:uppercase}.active-team .role-chip{position:absolute;top:17px;right:17px;color:var(--accent-ink);background:var(--accent)}.empty-team-slot{display:grid;place-items:center;color:var(--muted)}.collection-layout{display:grid;grid-template-columns:1fr 350px;gap:18px;align-items:start}.collection-main,.creature-detail{border:1px solid var(--line);border-radius:20px;background:var(--surface)}.collection-main{padding:22px}.collection-toolbar{margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-toolbar h2{font-size:22px}.collection-toolbar h2 span{color:var(--muted);font-size:12px}.filter-tabs,.duel-mode-switch{padding:4px;display:flex;border-radius:13px;background:#ffffff0b}.filter-tabs button,.duel-mode-switch button{min-height:34px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:11px;font-weight:800;text-transform:capitalize;cursor:pointer}.filter-tabs button.active,.duel-mode-switch button.active{color:var(--accent-ink);background:var(--accent)}.creature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.creature-grid button{position:relative;min-height:154px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid transparent;border-radius:16px;background:#ffffff09;cursor:pointer;transition:.18s}.creature-grid button:hover,.creature-grid button.selected{border-color:#b7f34a6b;background:#b7f34a0e}.creature-grid .sprite{position:absolute;inset:8px 15% auto;width:70%;height:90px}.creature-grid .element{position:absolute;top:8px;right:8px;color:var(--accent);background:#0e1c12bd}.creature-grid strong{font-size:14px}.creature-grid small{color:var(--muted);font-size:9px;text-transform:capitalize}.creature-detail{position:sticky;top:18px;padding:19px;overflow:hidden}.detail-close{display:none}.detail-art{position:relative;height:185px;display:grid;place-items:center;border-radius:15px;background:radial-gradient(circle,rgba(183,243,74,.14),transparent 60%),#1b2e24}.detail-art .sprite{width:150px;height:150px}.detail-art>span{position:absolute;top:12px;right:12px;padding:5px 8px;border-radius:8px;color:var(--accent);background:#07120ba6;font-size:10px;text-transform:uppercase}.creature-detail>.panel-kicker{margin-top:18px}.creature-detail>h2{font-size:28px}.creature-detail>p{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}.creature-detail dl{margin:16px 0;display:grid;grid-template-columns:repeat(3,1fr)}.creature-detail dl div{display:grid;gap:2px;padding-left:11px;border-left:1px solid var(--line)}.creature-detail dt{color:var(--muted);font-size:9px}.creature-detail dd{margin:0;font-family:Fredoka Variable;font-weight:650}.creature-detail>h3{margin-bottom:9px;font-size:14px}.ability-list{display:grid;gap:7px}.ability-list>div{min-height:48px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:7px}.ability-list>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--accent);background:#b7f34a17}.ability-list p{display:grid}.ability-list strong{font-size:11px}.ability-list small{color:var(--muted);font-size:8px;line-height:1.3}.ability-list i{color:var(--muted);font-size:9px;font-style:normal}.creature-detail .primary-button{width:100%;margin-top:14px}.attempt-badge{min-width:205px;min-height:60px;padding:10px 16px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.attempt-badge svg{color:var(--accent)}.attempt-badge span{display:grid;color:var(--muted);font-size:10px}.attempt-badge strong{color:var(--text);font-size:17px}.duel-mode-switch{width:fit-content;margin-bottom:16px}.duel-layout{display:grid;grid-template-columns:minmax(340px,.72fr) 1.28fr;gap:18px}.rival-list,.versus-panel{min-height:460px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.rival-list h2{margin-bottom:15px;font-size:19px}.rival-list>button{width:100%;min-height:84px;margin-bottom:9px;padding:10px;display:grid;grid-template-columns:42px minmax(100px,1fr) auto 18px;align-items:center;gap:9px;text-align:left;border:1px solid transparent;border-radius:15px;background:#ffffff06;cursor:pointer;transition:.18s}.rival-list>button:hover,.rival-list>button.active{border-color:#b7f34a66;background:#b7f34a0d}.rival-list>button>span:nth-child(2){display:grid}.rival-list small{color:var(--muted);font-size:10px}.mini-team{display:flex}.mini-team .sprite{width:37px;height:37px;margin-left:-7px;padding:3px;border:1px solid var(--line);border-radius:50%;background:var(--surface-3)}.versus-panel{position:relative;display:grid;grid-template-columns:1fr 65px 1fr;grid-template-rows:1fr auto auto;align-items:center;overflow:hidden;background:radial-gradient(circle at 50% 22%,rgba(183,243,74,.11),transparent 38%),var(--surface)}.versus-side{display:grid;place-items:center;gap:9px}.rival-avatar.large{width:52px;height:52px;border-radius:16px;font-size:19px}.rival-avatar.rival-color{background:#b8cbe2}.versus-side>div{min-height:130px;display:flex;align-items:end;justify-content:center}.versus-side .sprite{width:105px;height:105px;margin:0 -15px;filter:drop-shadow(0 10px 13px rgba(0,0,0,.32))}.versus-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(183,243,74,.3);border-radius:50%;color:var(--accent);background:#b7f34a14;font-family:Fredoka Variable;font-size:20px;font-weight:700;transform:rotate(-8deg)}.tactic-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tactic-row button{min-height:47px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:14px;background:#ffffff06;color:var(--muted);cursor:pointer}.tactic-row button.active{border-color:var(--accent);color:var(--accent);background:#b7f34a12}.duel-button{grid-column:1 / -1;margin-top:9px}.season-strip{min-height:100px;margin-top:18px;padding:16px 20px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.season-strip>div:first-child{display:grid}.season-strip>div:first-child span{color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase}.season-strip>div:first-child strong{font-size:23px}.season-strip>div:first-child small{color:var(--muted)}.rank-line{display:flex;align-items:center;color:var(--muted);font-size:11px}.rank-line i{height:3px;width:35%;background:var(--accent)}.rank-line i:nth-of-type(2){background:#ffffff1a}.rank-line span{margin:0 10px;white-space:nowrap}.next-rank{color:var(--text)}.season-strip>button{min-height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:13px;background:transparent;color:var(--muted);cursor:pointer}.replay-modal,.shop-modal{position:relative;width:min(760px,100%);padding:32px;border:1px solid var(--line-strong);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.replay-modal h2,.shop-modal h2{font-size:clamp(26px,4vw,38px)}.replay-stage{min-height:300px;margin:20px 0 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-radius:17px;background:radial-gradient(circle,rgba(183,243,74,.12),transparent 45%),#102018}.replay-side{display:flex;align-items:end;justify-content:center}.replay-side .sprite{width:100px;height:100px;margin:0 -18px}.replay-side.rivals{transform:scaleX(-1)}.replay-stage>span{color:var(--accent)}.replay-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--muted);font-size:11px}.replay-controls button{min-height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);cursor:pointer}.trade-status{min-height:68px;margin-bottom:14px;padding:10px 16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(183,243,74,.2);border-radius:17px;background:#b7f34a0d}.secure-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:var(--accent-ink);background:var(--accent)}.trade-status p{flex:1;display:grid}.trade-status p small{color:var(--muted);font-size:10px}.online-state{color:var(--accent);font-size:11px;font-weight:800}.trade-board{display:grid;grid-template-columns:1fr 76px 1fr;align-items:stretch}.trade-offer{min-height:310px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:.18s}.trade-offer.locked{border-color:#b7f34a66}.offer-heading{min-height:69px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.offer-heading>span:nth-child(2){display:grid}.offer-heading small{color:var(--muted);font-size:9px}.offer-heading i{margin-left:auto;padding:5px 8px;display:flex;align-items:center;gap:4px;border-radius:8px;color:var(--muted);background:#ffffff0b;font-size:9px;font-style:normal}.trade-offer.locked .offer-heading i{color:var(--accent-ink);background:var(--accent)}.offer-content{padding:14px;display:grid;gap:10px}.offered-creature,.coin-offer{min-height:92px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;background:#ffffff06}.offered-creature .sprite{width:74px;height:74px}.offered-creature>span,.coin-offer>span{display:grid;flex:1}.offered-creature small,.coin-offer small{color:var(--muted);font-size:10px;text-transform:capitalize}.offered-creature button,.coin-offer button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:transparent;cursor:pointer}.coin-offer{min-height:70px}.coin-offer>svg{color:var(--accent)}.empty-offer{min-height:92px;display:grid;place-items:center;color:var(--muted)}.trade-divider{display:grid;place-items:center;align-content:center;gap:5px;color:var(--accent)}.trade-divider span{writing-mode:vertical-rl;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.trade-bottom{margin-top:14px;display:grid;grid-template-columns:1fr 330px;gap:14px}.inventory-picker,.trade-confirm{padding:19px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.inventory-picker>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inventory-picker h2{font-size:17px}.inventory-picker>div:first-child span{color:var(--muted);font-size:10px}.inventory-picker>div:last-child{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.inventory-picker button{position:relative;min-height:112px;padding:7px;display:grid;place-items:center;align-content:end;border:1px solid var(--line);border-radius:14px;background:#ffffff06;cursor:pointer}.inventory-picker button:hover{border-color:var(--accent)}.inventory-picker .sprite{position:absolute;top:5px;width:70px;height:70px}.inventory-picker strong{font-size:10px}.inventory-picker button>svg{position:absolute;top:7px;right:7px;color:var(--accent)}.trade-confirm{display:flex;flex-direction:column;justify-content:center}.confirm-checks{margin-bottom:13px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.confirm-checks span{min-height:38px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:11px;color:var(--muted);font-size:10px}.confirm-checks span.done{color:var(--accent);border-color:#b7f34a4d}.trade-confirm small{margin-top:9px;color:var(--muted);font-size:9px;text-align:center}.trade-success{min-height:500px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle,rgba(183,243,74,.09),transparent 34%),var(--surface)}.trade-success>span{color:var(--accent)}.trade-success h2{font-size:34px}.trade-success p{color:var(--muted)}.toast-region{position:fixed;z-index:70;right:24px;bottom:24px;display:grid;gap:8px;pointer-events:none}.toast-region>div{max-width:380px;min-height:50px;padding:11px 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(183,243,74,.3);border-radius:14px;color:var(--text);background:#203526;box-shadow:var(--shadow);font-size:12px}.toast-region svg{flex:0 0 auto;color:var(--accent)}.shop-modal{width:min(500px,100%);display:grid;justify-items:start}.shop-icon{width:66px;height:66px;margin-bottom:24px;display:grid;place-items:center;border-radius:18px;color:var(--accent-ink);background:var(--accent);transform:rotate(-3deg)}.shop-modal p{margin:12px 0 22px;color:var(--muted);line-height:1.55}.shop-modal a{text-decoration:none}@keyframes drift{to{transform:translate3d(45px,14px,0) scale(1.08)}}@keyframes telegraph{0%{transform:translate(-100%)}to{transform:translate(160%)}}@media(max-width:1180px){.raid-stats{gap:14px}.raid-stats span:nth-child(2){display:none}.boss-stage{right:8%}.squad-list{grid-template-columns:repeat(2,1fr)}.creature-grid{grid-template-columns:repeat(3,1fr)}.versus-side .sprite{width:85px;height:85px}.inventory-picker>div:last-child{grid-template-columns:repeat(4,1fr)}.inventory-picker button:nth-child(5){display:none}}@media(max-width:900px){.app-shell{padding:12px 14px 100px}.app-header{height:58px;margin-bottom:12px;grid-template-columns:1fr auto}.guild-switch{display:none}.main-nav{top:auto;right:12px;bottom:12px;left:12px;width:auto;padding:7px;grid-template-columns:repeat(4,1fr);border-radius:20px}.main-nav button{min-height:56px}.main-nav button span{font-size:10px}.world-topline,.view-heading-row{min-height:auto;margin:20px 0;align-items:flex-start}.section-intro h1{font-size:clamp(32px,8vw,47px)}.raid-scene{min-height:600px}.scene-copy{top:34px;left:30px;width:55%}.boss-stage{right:2%;top:54px;width:41vw}.raid-panel{left:24px;right:24px;bottom:24px;grid-template-columns:1fr auto}.raid-stats{grid-column:1 / -1;grid-row:3;margin-top:15px;justify-content:space-between}.raid-panel .primary-button{grid-column:2;grid-row:1 / 3}.world-lower-grid,.collection-layout{grid-template-columns:1fr}.creature-detail{position:static}.creature-grid{grid-template-columns:repeat(4,1fr)}.duel-layout{grid-template-columns:1fr}.rival-list{min-height:auto}.season-strip{grid-template-columns:160px 1fr}.season-strip>button{grid-column:1 / -1;justify-self:end}.trade-board{grid-template-columns:1fr 54px 1fr}.trade-bottom{grid-template-columns:1fr}}@media(max-width:640px){.app-shell{padding:8px 10px 92px}.app-header{margin-bottom:8px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand-lockup strong{font-size:15px}.brand-lockup small{font-size:8px}.currency{padding:0 10px}.hide-mobile{display:none}.profile-button{padding-right:4px}.profile-button>svg{display:none}.main-nav{right:8px;bottom:8px;left:8px}.main-nav button{min-height:53px}.world-topline,.view-heading-row{display:block}.world-charge{margin-top:16px;padding-left:0;border-left:0;border-top:1px solid var(--line)}.view-heading-row>.secondary-button,.view-heading-row>.attempt-badge{width:100%;margin-top:16px}.raid-scene{min-height:670px;border-radius:20px}.scene-copy{top:24px;left:20px;width:calc(100% - 40px)}.scene-copy h2{max-width:310px;font-size:44px}.scene-copy p{max-width:270px}.scene-meta{margin-top:14px;gap:10px}.boss-stage{top:215px;right:auto;left:50%;width:78vw;height:250px;translate:-50% 0}.raid-panel{left:12px;right:12px;bottom:12px;padding:15px;grid-template-columns:1fr}.raid-status-row,.health-track,.raid-panel .primary-button,.raid-stats{grid-column:1;grid-row:auto}.raid-panel .primary-button{width:100%;margin-top:14px}.raid-stats{margin-top:14px}.raid-stats span:nth-child(2){display:grid}.trace-panel,.squad-panel{padding:18px}.trace-panel{grid-template-columns:1fr 80px}.trace-ring{width:75px;height:75px}.trace-ring strong{font-size:24px}.squad-list{grid-template-columns:1fr}.squad-member{min-height:62px}.combat-overlay,.modal-backdrop{padding:8px}.combat-shell{min-height:calc(100dvh - 16px);border-radius:20px}.combat-boss{height:320px}.combat-boss img{width:220px;height:210px}.combat-boss>span{width:70%;left:18px;transform:none;font-size:11px}.combat-boss>strong{top:72px;right:24px}.telegraph{top:54px;left:18px;width:60%;transform:none}.combat-team{left:16px;bottom:288px}.combat-team .sprite{width:62px;height:62px}.ability-dock{left:10px;right:10px;bottom:10px;grid-template-columns:repeat(2,1fr)}.ability-dock button{min-height:122px;padding:12px}.ability-dock small{font-size:9px}.active-team{grid-template-columns:1fr}.active-team>button{min-height:150px}.active-team .sprite{height:130px;width:130px}.collection-main{padding:13px}.collection-toolbar{display:block}.filter-tabs{margin-top:12px;overflow-x:auto}.filter-tabs button{flex:1}.creature-grid{grid-template-columns:repeat(2,1fr)}.creature-detail{padding:13px}.duel-mode-switch{width:100%}.duel-mode-switch button{flex:1}.rival-list,.versus-panel{padding:13px}.rival-list>button{grid-template-columns:38px 1fr 18px}.mini-team{display:none}.versus-panel{min-height:500px;grid-template-columns:1fr 45px 1fr}.versus-side .sprite{width:66px;height:66px;margin:0 -16px}.tactic-row button{display:grid;place-items:center;gap:2px;font-size:9px}.season-strip{grid-template-columns:1fr}.rank-line{flex-wrap:wrap;gap:4px}.rank-line i{width:24%}.season-strip>button{justify-self:stretch;justify-content:center}.replay-modal,.shop-modal{padding:24px 16px 18px}.replay-stage{min-height:260px}.replay-side .sprite{width:62px;height:62px;margin:0 -15px}.replay-controls button{font-size:0}.replay-controls button svg{width:18px;height:18px}.trade-status{align-items:flex-start}.online-state{display:none}.trade-board{grid-template-columns:1fr;gap:10px}.trade-divider{min-height:42px;grid-auto-flow:column}.trade-divider span{writing-mode:initial}.trade-offer{min-height:auto}.inventory-picker{padding:14px}.inventory-picker>div:last-child{grid-template-columns:repeat(3,1fr)}.inventory-picker button:nth-child(4){display:none}.toast-region{right:10px;bottom:82px;left:10px}.toast-region>div{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}