@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600&family=Marcellus&display=swap";:root{color:#f4eddd;font-synthesis:none;text-rendering:optimizelegibility;--ink:#080c0f;--ivory:#f4eddd;--muted:#94a0a0;--line:#253035;--brass:#d6b56d;--rift:#51e0d6;background:#080c0f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scrollbar-color:#38484b #090d10;background:#080c0f}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--rift);outline-offset:3px}::selection{background:var(--rift);color:var(--ink)}.app-shell{min-height:100vh;color:var(--ivory);background:radial-gradient(circle at 78% 12%, #22747838, transparent 27rem), radial-gradient(circle at 8% 45%, #4c32701f, transparent 32rem), linear-gradient(180deg, #0a0f13 0%, var(--ink) 56%, #070a0d 100%);position:relative;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#070b0ee0;align-items:center;gap:clamp(26px,4vw,62px);min-height:84px;padding:0 clamp(22px,5vw,80px);display:flex;position:relative}.brand{text-transform:uppercase;letter-spacing:2.2px;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:13px;font-family:Barlow Condensed,sans-serif;font-size:18px;line-height:.9;display:flex}.brand small{color:var(--brass);letter-spacing:4.6px;font-size:9px}.brand-sigil{border:1px solid var(--brass);width:39px;height:46px;color:var(--brass);clip-path:polygon(50% 0,100% 20%,88% 82%,50% 100%,12% 82%,0 20%);background:linear-gradient(145deg,#d6b56d1f,#0000);place-items:center;font-family:Marcellus,serif;font-size:23px;display:grid}nav{align-self:stretch;align-items:center;gap:28px;display:flex}nav button{color:#869092;cursor:pointer;background:0 0;border:0;height:100%;padding:0 2px;font:600 12px DM Sans,sans-serif;position:relative}nav button.active,nav button:hover:not(:disabled){color:var(--ivory)}nav button.active:after{content:"";background:var(--brass);height:2px;position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 -3px 14px #d6b56d59}nav button span{color:#8ce7e2;background:#1a3438;border-radius:12px;margin-left:4px;padding:2px 6px;font-size:9px}nav button i{color:var(--brass);letter-spacing:1px;margin-left:4px;font-size:8px;font-style:normal}.local-profile{color:#798487;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font:600 9px DM Sans,sans-serif;display:flex}.local-pulse{background:var(--rift);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #51e0d617,0 0 16px #51e0d680}.preview-notice{z-index:8;background:linear-gradient(90deg,#56411f6b,#121b1ed1 55%,#101a1da6);border-bottom:1px solid #d6b56d40;align-items:center;gap:22px;min-height:54px;padding:10px clamp(22px,5vw,80px);display:flex;position:relative}.notice-title{color:#f0d498;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:9px;min-width:max-content;font:600 10px DM Sans,sans-serif;display:flex}.status-gem{border:1px solid var(--brass);background:#d6b56d40;width:8px;height:8px;transform:rotate(45deg)}.preview-notice p{color:#a8b0ae;margin:0;font-size:11px;line-height:1.5}.preview-notice button{color:#c8ceca;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;background:#070c0f73;border:1px solid #4a5656;min-width:max-content;margin-left:auto;padding:8px 11px;font:600 9px DM Sans,sans-serif}.preview-notice button:hover{border-color:var(--brass);color:#f0d498}.preview-notice button span{color:var(--brass);padding-left:7px}.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}.decks-page{max-width:1500px;margin:auto;padding:52px clamp(22px,5vw,80px) 90px}.decks-hero{border-bottom:1px solid var(--line);padding:0 0 38px}.decks-hero .back{color:#7f898a;cursor:pointer;background:0 0;border:0;margin-bottom:40px;padding:0;font:600 10px DM Sans,sans-serif}.decks-hero .back:hover{color:var(--rift)}.decks-title-row{justify-content:space-between;align-items:end;gap:40px;display:flex}.decks-title-row h1{letter-spacing:-3px;color:#f4eddd;max-width:850px;margin:12px 0 0;font:400 clamp(48px,6vw,86px)/.95 Marcellus,serif}.decks-hero>p{color:#929d9c;max-width:720px;margin:22px 0 0;line-height:1.7}.rules-stamp{border-left:1px solid var(--brass);gap:7px;min-width:210px;padding:5px 0 5px 18px;display:grid}.rules-stamp span{color:#7e8889;text-transform:uppercase;letter-spacing:1.6px;font-size:8px}.rules-stamp b{color:#ded4bd;font:400 18px Marcellus,serif}.rules-stamp a,.deck-source a{color:var(--brass);font-size:10px;text-decoration:none}.deck-controls{border:1px solid var(--line);background:#0c1216bf;align-items:center;gap:16px;margin:26px 0;padding:12px;display:flex}.format-switch{background:#080d10;border:1px solid #273236;padding:3px;display:flex}.format-switch button{color:#718083;cursor:pointer;background:0 0;border:0;min-width:82px;padding:10px 14px;font:600 10px DM Sans,sans-serif}.format-switch button.active{color:#0b1114;background:var(--brass)}.deck-controls .search{flex:1}.deck-count{color:#748083;text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;font-size:8px}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.deck-card{background:#0d1317db;border:1px solid #273236;grid-template-columns:36% 64%;min-height:360px;transition:transform .2s,border-color .2s;display:grid;overflow:hidden}.deck-card:hover{border-color:#49595b;transform:translateY(-3px)}.deck-sigil{background:radial-gradient(circle at 50% 40%,#53dbd24d,#102f3499 30%,#0a1115 72%);border-right:1px solid #304044;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.deck-sigil:before{content:"";border:1px solid #d2b97d59;width:135px;height:170px;position:absolute;transform:rotate(45deg)}.deck-sigil span{z-index:1;color:#e2d8bf;text-shadow:0 0 28px #63e7dd66;font:400 78px Marcellus,serif}.deck-sigil small{z-index:1;color:#9cb0ad;text-transform:uppercase;letter-spacing:2px;font-size:8px}.deck-chaos{background:radial-gradient(circle,#91434d5c,#27161b 42%,#0a1115 75%)}.deck-body{background:radial-gradient(circle,#c0894159,#352614 40%,#0a1115 75%)}.deck-card-body{flex-direction:column;padding:24px;display:flex}.deck-badges{gap:7px;min-height:20px;display:flex}.deck-badges span{text-transform:uppercase;letter-spacing:1.2px;border:1px solid;padding:5px 7px;font:700 7px DM Sans,sans-serif}.deck-badges .legal{color:#77d5b4;background:#1e624b24;border-color:#27654f}.deck-badges .illegal{color:#f19a8f;background:#7c352f29;border-color:#713c36}.deck-badges .historical{color:#cdbb95;border-color:#5d533e}.deck-card h2{color:#f2ead8;margin:16px 0 4px;font:400 28px Marcellus,serif}.deck-leader{color:#7f8e8d;margin:0 0 20px;font-size:11px}.deck-evidence{align-items:center;gap:12px;margin-bottom:auto;display:flex}.deck-evidence>b{color:var(--brass);font:400 24px Marcellus,serif}.deck-evidence>span{color:#c1c8c4;font-size:11px}.deck-evidence small{color:#6f7b7c;margin-top:4px;display:block}.readiness-head,.readiness-meta{color:#7b8787;justify-content:space-between;margin-top:20px;font-size:9px;display:flex}.readiness-head{text-transform:uppercase;letter-spacing:1.2px}.readiness-head b{color:#cdd4cf}.readiness-track{background:#202b2e;height:4px;margin-top:8px;overflow:hidden}.readiness-track i{background:linear-gradient(90deg, #287f7c, var(--rift));height:100%;box-shadow:0 0 10px var(--rift);display:block}.readiness-meta{margin-top:7px}.inspect-deck{color:#d8d9d1;text-align:left;text-transform:uppercase;letter-spacing:1.3px;cursor:pointer;background:0 0;border:0;border-top:1px solid #273236;margin-top:20px;padding:12px 0 0;font:700 9px DM Sans,sans-serif}.inspect-deck span{float:right;color:var(--brass)}.deck-modal{width:min(1040px,96vw);max-height:90vh;color:var(--ivory);background:#0b1115;border:1px solid #3a484a;padding:38px;overflow:auto}.deck-modal header h2{color:#f2ead8;margin:10px 0;font:400 clamp(36px,5vw,62px) Marcellus,serif}.deck-modal header p{color:#899696}.legality-panel{background:#11191d;border-left:3px solid;gap:5px;margin:28px 0;padding:15px 18px;display:grid}.legality-panel.legal{border-color:#4fc29b}.legality-panel.illegal{border-color:#d16b60}.legality-panel b{font:400 17px Marcellus,serif}.legality-panel span{color:#8e9998;font-size:11px;line-height:1.5}.partial-note{color:#bfae88;border:1px solid #5b4c31;padding:12px;font-size:10px}.deck-list{columns:3 240px;column-gap:24px}.deck-list section{break-inside:avoid;margin-bottom:25px}.deck-list h3{color:var(--brass);text-transform:uppercase;letter-spacing:1.6px;border-bottom:1px solid #334043;padding-bottom:8px;font-size:9px}.deck-list section>div{color:#bec6c2;border-bottom:1px solid #1b2528;grid-template-columns:25px 1fr auto;gap:7px;padding:7px 0;font-size:10px;display:grid}.deck-list section>div b{color:#6fd5d0}.deck-list section>div small{color:#dc8277}.deck-list section>div.missing span{color:#9caaa7}.deck-source{color:#7a8685;border-top:1px solid #334043;justify-content:space-between;margin:14px 0 0;padding:18px 0 0;font-size:10px;display:flex}.builder-page,.rules-page{max-width:1500px;margin:auto;padding:60px clamp(22px,5vw,80px) 100px}.builder-head,.rules-hero{border-bottom:1px solid var(--line);padding-bottom:34px}.builder-head h1,.rules-hero h1{color:#f4eddd;letter-spacing:-3px;max-width:950px;margin:15px 0 17px;font:400 clamp(50px,6vw,88px)/.95 Marcellus,serif}.builder-head p,.rules-hero p{color:#8e9a99;max-width:690px;line-height:1.7}.builder-workspace{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:18px;margin-top:25px;display:grid}.builder-catalog,.draft-sheet{background:#0c1216e0;border:1px solid #2b373b}.builder-catalog{padding:18px}.builder-toolbar{grid-template-columns:1fr 150px;gap:12px;display:grid}.builder-toolbar label{color:#7f8b8b;text-transform:uppercase;letter-spacing:1.5px;gap:7px;font-size:8px;display:grid}.builder-toolbar input,.builder-toolbar select{color:#d8ddd7;background:#080d10;border:1px solid #344145;width:100%;height:42px;padding:0 12px}.builder-search{border:1px solid #344145;margin:18px 0 10px;display:flex}.builder-results{scrollbar-color:#3f5558 #0b1114;max-height:650px;overflow:auto}.builder-results article{border-bottom:1px solid #263135;justify-content:space-between;align-items:center;gap:15px;padding:15px 12px;display:flex}.builder-results small{color:#677476;text-transform:uppercase;letter-spacing:1.2px;font-size:7px}.builder-results h3{color:#e8e3d6;margin:5px 0;font:400 17px Marcellus,serif}.builder-results div>span{color:#729d9c;text-transform:uppercase;letter-spacing:1px;font-size:8px}.builder-results button{color:#75d5cf;cursor:pointer;background:#102424;border:1px solid #386866;min-width:68px;padding:9px;font-size:9px}.builder-results button:disabled{opacity:.35;cursor:default}.draft-sheet{position:sticky;top:18px}.draft-sheet>header{border-bottom:1px solid #2b373b;justify-content:space-between;align-items:start;padding:22px;display:flex}.draft-sheet>header span{color:#708080;text-transform:uppercase;letter-spacing:1.4px;font-size:7px}.draft-sheet>header h2{color:#eee8da;margin:7px 0 0;font:400 25px Marcellus,serif}.draft-sheet>header>b{color:var(--brass);font:400 13px Marcellus,serif}.draft-status{background:#11191d;border-left:2px solid;gap:4px;margin:14px;padding:12px 14px;display:grid}.draft-status.legal{border-color:#4fc29b}.draft-status.illegal{border-color:#d16b60}.draft-status b{font:400 14px Marcellus,serif}.draft-status span{color:#7d8988;font-size:8px}.draft-empty{text-align:center;place-content:center;min-height:300px;padding:25px;display:grid}.draft-empty>span{color:#3c5557;font:50px Marcellus,serif}.draft-empty h3{margin:6px 0;font:400 23px Marcellus,serif}.draft-empty p{color:#738081;font-size:10px;line-height:1.6}.draft-entries{max-height:535px;padding:0 14px;overflow:auto}.draft-entries article{border-bottom:1px solid #273236;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:12px 0;display:grid}.draft-entries article>b{color:var(--rift);font:400 15px Marcellus,serif}.draft-entries h3{color:#d8ddd6;margin:0 0 3px;font:400 14px Marcellus,serif}.draft-entries span{color:#8a7160;font-size:8px}.draft-actions{gap:5px;display:flex}.draft-actions button{cursor:pointer;background:#111a1e;border:1px solid #38464a;width:27px;height:27px}.draft-actions button:disabled{opacity:.3}.draft-sheet>footer{color:#69817f;text-transform:uppercase;letter-spacing:1.3px;border-top:1px solid #2b373b;justify-content:space-between;align-items:center;padding:16px 18px;font-size:8px;display:flex}.draft-sheet>footer button{color:#c28a7c;cursor:pointer;background:0 0;border:0;font-size:8px}.draft-sheet>footer button:disabled{opacity:.3}.rules-hero{padding-right:280px;position:relative}.rules-hero a{color:var(--brass);border:1px solid #73613d;padding:13px 16px;font-size:10px;text-decoration:none;position:absolute;bottom:36px;right:0}.learn-entry{background:radial-gradient(circle at 80% 45%,#5b817e29,#0000 32%),linear-gradient(135deg,#10191d,#090e11);border:1px solid #344247;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);min-height:430px;margin:26px 0;display:grid;overflow:hidden}.learn-entry-copy{align-self:center;padding:clamp(34px,5vw,72px)}.learn-entry-copy h2{color:#f0e9d9;letter-spacing:-2px;max-width:550px;margin:12px 0 18px;font:400 clamp(38px,4vw,60px)/1 Marcellus,serif}.learn-entry-copy p{color:#8f9b99;max-width:560px;font-size:13px;line-height:1.75}.learn-entry-actions{flex-wrap:wrap;gap:9px;margin-top:27px;display:flex}.learn-entry-actions button,.lesson-action,.practice-actions button{color:#101719;letter-spacing:.3px;cursor:pointer;background:#e8e0ce;border:1px solid #d6c9a9;padding:14px 18px;font:700 10px DM Sans,sans-serif;transition:transform .2s,background .2s,color .2s}.learn-entry-actions button:hover,.lesson-action:hover,.practice-actions button:hover:not(:disabled){background:#fff8e8;transform:translateY(-2px)}.learn-entry-actions button span,.lesson-action span{color:#8f693e;margin-left:24px}.learn-entry-actions .quiet,.practice-actions .quiet{color:#8f9b99;background:0 0;border-color:#3e4e52}.learn-matchup{grid-template-columns:1fr 54px 1fr;align-items:center;padding:38px;display:grid;position:relative}.learn-matchup:before{content:"";background:linear-gradient(90deg,#a85842,#a27e45 48%,#538a91);height:1px;position:absolute;inset:50% 25px auto}.learn-matchup>i{z-index:2;color:#aa9b74;background:#0c1316;border:1px solid #5c5a4b;border-radius:50%;place-items:center;width:45px;height:45px;font:400 11px Marcellus,serif;display:grid;position:relative}.learn-legend{background:#111a1e;border:1px solid #414d50;min-height:280px;padding:22px;position:relative;overflow:hidden}.learn-legend:after{content:"";opacity:.12;border:1px solid;border-radius:50%;width:180px;height:180px;position:absolute;top:34px;right:-62px;box-shadow:0 0 0 22px,0 0 0 44px}.learn-legend.annie{color:#d7765b;background:linear-gradient(150deg,#6f2c2080,#111a1e 60%);transform:rotate(-2deg)}.learn-legend.garen{color:#68a9b3;background:linear-gradient(210deg,#204d5980,#111a1e 60%);transform:rotate(2deg)}.learn-legend small{text-transform:uppercase;letter-spacing:1.8px;opacity:.68;font-size:7px;display:block}.learn-legend>b{color:currentColor;opacity:.82;margin:34px 0 28px;font:400 86px/.8 Marcellus,serif;display:block}.learn-legend h3{z-index:2;color:#ece7da;margin:0 0 7px;font:400 18px Marcellus,serif;position:relative}.learn-legend span{color:currentColor;text-transform:uppercase;letter-spacing:1.2px;font-size:7px}.guided-match{background:#0a1013;border:1px solid #35454a;margin:26px 0 58px;box-shadow:0 30px 80px #0000004d}.match-top{border-bottom:1px solid #35454a;justify-content:space-between;align-items:end;gap:25px;padding:24px 28px;display:flex}.match-top h2{color:#eee7d7;margin:7px 0 0;font:400 30px Marcellus,serif}.match-score{color:#8e9997;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:18px;font-size:9px;display:flex}.match-score span{align-items:center;gap:8px;display:flex}.match-score b{color:#e8dfcb;font:400 26px Marcellus,serif}.match-score i{color:#5c6b6c;font-size:7px;font-style:normal}.lesson-meter{background:#182226;height:3px}.lesson-meter span{background:linear-gradient(90deg,#c56a50,#d5a150,#6ac4bd);height:100%;transition:width .35s;display:block}.match-board{grid-template-columns:minmax(300px,.35fr) minmax(500px,.65fr);min-height:690px;display:grid}.match-coach{z-index:2;background:linear-gradient(150deg,#121c20,#0b1215);border-right:1px solid #35454a;padding:clamp(30px,4vw,58px);position:relative}.step-count{color:#c49a55;text-transform:uppercase;letter-spacing:2px;font-size:8px}.match-coach h3{color:#f2ead9;max-width:430px;margin:24px 0 15px;font:400 clamp(31px,3vw,45px)/1.05 Marcellus,serif}.match-coach>p{color:#929e9c;max-width:470px;font-size:12px;line-height:1.8}.match-coach blockquote{color:#82908e;background:#3656551f;border-left:2px solid #658b88;gap:7px;margin:26px 0;padding:16px 18px;font-size:10px;line-height:1.6;display:grid}.match-coach blockquote b{color:#9dd0ca;text-transform:uppercase;letter-spacing:1.5px;font-size:7px}.lesson-action{text-align:left;min-width:225px;margin-top:3px}.text-button{color:#718382;cursor:pointer;background:0 0;border:0;margin-top:20px;padding:0;font-size:9px;text-decoration:underline;display:block}.match-top>.text-button{margin:0}.table-field{background-color:#0d1619;background-image:linear-gradient(#799e9c0b 1px,#0000 1px),linear-gradient(90deg,#799e9c0b 1px,#0000 1px);background-size:28px 28px;grid-template-rows:150px 1fr 155px 125px;padding:22px 28px 0;display:grid;position:relative}.opponent-zone,.player-zone{align-items:center;gap:13px;display:flex}.opponent-zone{border-bottom:1px solid #2a383c;align-self:start;padding:12px}.opponent-zone>div:last-child,.zone-label{gap:4px;display:grid}.opponent-zone span,.zone-label span{color:#667576;text-transform:uppercase;letter-spacing:1.3px;font-size:7px}.opponent-zone b,.zone-label b{color:#cbd0c9;font:400 13px Marcellus,serif}.mini-legend{color:#d27962;background:#1e1717;border:1px solid #5b4641;place-items:center;width:45px;height:58px;font:400 25px Marcellus,serif;display:grid}.battlefield{text-align:center;clip-path:polygon(8% 0,92% 0,100% 15%,100% 85%,92% 100%,8% 100%,0 85%,0 15%);background:radial-gradient(circle at 50% 35%,#bf974f30,#0000 45%),#151713;border:1px solid #75623e;place-content:center;place-self:center;width:min(80%,430px);min-height:190px;transition:filter .25s,transform .25s;display:grid;position:relative}.battlefield:before{content:"";clip-path:inherit;border:1px solid #bea05d38;position:absolute;inset:9px}.battlefield.contested{filter:drop-shadow(0 0 18px #d18e492e);transform:scale(1.02)}.battlefield.claimed{background:radial-gradient(circle,#3891883d,#0000 52%),#121a18;border-color:#56aaa3}.battlefield small{color:#8e7a51;text-transform:uppercase;letter-spacing:1.5px;font-size:7px}.battlefield h3{color:#ede4d0;margin:8px 0;font:400 27px Marcellus,serif}.battlefield>span{color:#75817c;font-size:8px}.field-units{gap:5px;display:flex;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.field-units i{color:#dc856e;background:#261713;border:1px solid #a85e4c;place-items:center;width:40px;height:52px;font:400 18px Marcellus,serif;display:grid}.field-units i.enemy{color:#72bac3;background:#122126;border-color:#55818a}.player-zone{border-top:1px solid #2a383c;justify-content:space-between;align-self:end;padding:13px 0;position:relative}.base-units{gap:6px;margin-left:auto;display:flex}.base-units article{background:#201613;border:1px solid #7b4f43;place-items:center;width:55px;height:70px;display:grid}.base-units article b{color:#df8167;font:400 25px Marcellus,serif}.base-units article span{color:#94736a;font-size:6px}.rune-row{gap:7px;margin-left:14px;display:flex}.learn-rune{color:#d78067;background:#201716;border:1px solid #805249;border-radius:50%;place-items:center;width:56px;height:56px;font-size:7px;transition:transform .25s;display:grid}.learn-rune i{font:400 21px Marcellus,serif}.learn-rune.exhausted{filter:saturate(.35);opacity:.65;transform:rotate(90deg)}.hand-row{align-items:end;gap:7px;padding-top:13px;display:flex;overflow:hidden}.hand-row>span{color:#647172;text-transform:uppercase;letter-spacing:1.2px;align-self:center;margin-right:8px;font-size:7px}.hand-row article{text-align:center;background:linear-gradient(150deg,#192428,#0e1518);border:1px solid #48565a;place-content:center;gap:13px;width:72px;height:100px;transition:opacity .2s,transform .2s;display:grid}.hand-row article b{color:#b87866;font:400 28px Marcellus,serif}.hand-row article small{color:#8a9694;font-size:6px}.hand-row article.played{opacity:.22;transform:translateY(35px)}.match-footer{color:#586667;text-transform:uppercase;letter-spacing:1.2px;border-top:1px solid #35454a;justify-content:space-between;padding:13px 18px;font-size:7px;display:flex}.match-footer a{color:#809f9d;text-decoration:none}.practice-board{padding:clamp(28px,5vw,65px)}.practice-state{border:1px solid #334348;grid-template-columns:repeat(3,1fr);display:grid}.practice-state span{color:#aeb7b3;border-right:1px solid #334348;padding:25px;font:400 17px Marcellus,serif}.practice-state span:last-child{border:0}.practice-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.practice-actions button:disabled{opacity:.3;cursor:not-allowed}.replay-button{color:#9bd1cc;text-align:left;cursor:pointer;background:linear-gradient(90deg,#34777340,#34777314);border:1px solid #5d8e8c;width:100%;margin:3px 0 9px;padding:14px 18px;font:700 10px DM Sans,sans-serif;display:block}.replay-button:after{content:"▶";float:right;color:#5f9691;font-size:8px}.replay-timeline{background:#0d1518;border-bottom:1px solid #35454a;grid-template-columns:repeat(6,1fr);display:grid}.replay-timeline button{color:#6d7a79;text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid #2b393d;grid-template-columns:23px 1fr;align-items:center;gap:8px;min-height:65px;padding:11px;display:grid;position:relative}.replay-timeline button:last-child{border-right:0}.replay-timeline button:after{content:"";background:#74bcb7;height:2px;transition:right .22s;position:absolute;bottom:0;left:0;right:100%}.replay-timeline button.active{color:#c9d2ce;background:#121e21}.replay-timeline button.active:after{right:0}.replay-timeline b{color:#95aaa8;border:1px solid #435356;place-items:center;width:23px;height:23px;font:400 11px Marcellus,serif;display:grid}.replay-timeline span{text-transform:uppercase;letter-spacing:.6px;font-size:7px;line-height:1.35}.replay-stage{grid-template-columns:minmax(360px,.38fr) minmax(500px,.62fr);min-height:690px;display:grid}.replay-stage .table-field{min-height:690px}.replay-coach{background:linear-gradient(160deg,#121c20,#0a1013);border-right:1px solid #35454a;padding:clamp(32px,4vw,56px)}.replay-coach h3{color:#f0e9d9;margin:19px 0 14px;font:400 clamp(30px,3vw,44px)/1.05 Marcellus,serif}.replay-coach>p{color:#899694;font-size:11px;line-height:1.75}.coach-verdict{gap:9px;margin-top:25px;display:grid}.coach-verdict article{background:#111c20a6;border:1px solid #2d3d41;padding:15px 17px}.coach-verdict article:first-child{border-left:2px solid #63aaa3}.coach-verdict article:last-child{border-left:2px solid #b67a56}.coach-verdict span{color:#96cac5;text-transform:uppercase;letter-spacing:1.5px;font-size:7px}.coach-verdict article:last-child span{color:#d09a76}.coach-verdict p{color:#7f8c8a;margin:8px 0 0;font-size:9px;line-height:1.65}.replay-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:24px;display:grid}.replay-controls button{color:#90a4a2;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #405155;padding:9px 0;font-size:8px}.replay-controls button:last-child{text-align:right}.replay-controls button:disabled{opacity:.25;cursor:default}.replay-controls span{color:#627171;font-size:8px}.training-arena{background:#080d10}.arena-top{align-items:center}.arena-top>.text-button{margin-left:auto}.arena-scoreboard{color:#859291;text-transform:uppercase;letter-spacing:1px;background:#0c1518;border:1px solid #344348;align-items:center;gap:15px;padding:8px 14px;font-size:8px;display:flex}.arena-scoreboard span{align-items:center;gap:8px;display:flex}.arena-scoreboard b{color:#eee4ce;font:400 25px Marcellus,serif}.arena-scoreboard i{color:#596869;font-size:7px;font-style:normal}.arena-commandbar{background:linear-gradient(90deg,#111b1f,#0a1114);border-bottom:1px solid #35454a;grid-template-columns:1fr 1fr 1.35fr auto;display:grid}.arena-commandbar>div{border-right:1px solid #2b393d;gap:4px;min-height:62px;padding:14px 18px;display:grid}.arena-commandbar span{color:#5f6f70;text-transform:uppercase;letter-spacing:1.4px;font-size:7px}.arena-commandbar b{color:#b8c4bf;font:400 13px Marcellus,serif}.arena-commandbar button{color:#111719;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;background:#b99b65;border:0;border-left:1px solid #a1804c;min-width:130px;font:700 9px DM Sans,sans-serif}.arena-commandbar button:hover{background:#d5ba82}.arena-commandbar button:disabled{opacity:.35;cursor:default}.arena-review{background:linear-gradient(90deg,#2b5b5633,#0c1417f2);border-bottom:1px solid #35454a;grid-template-columns:.7fr repeat(3,1fr);display:grid}.arena-review>div{border-right:1px solid #2f4143;align-content:center;gap:5px;min-height:96px;padding:16px 21px;display:grid}.arena-review>div:last-child{border-right:0}.arena-review span{color:#6e8280;text-transform:uppercase;letter-spacing:1.4px;font-size:7px}.arena-review b{color:#d8dfd6;font:400 18px Marcellus,serif}.arena-review small{color:#657372;font-size:7px;line-height:1.45}.arena-review .arena-grade{grid-template-columns:1fr auto}.arena-grade b{color:#78beb5;grid-area:1/2/3;font-size:48px;line-height:.9}.arena-layout{grid-template-columns:minmax(225px,.27fr) minmax(480px,.48fr) minmax(230px,.25fr);min-height:670px;display:grid}.arena-coach{background:linear-gradient(155deg,#131e22,#0b1215);border-right:1px solid #35454a;padding:35px 28px}.arena-coach:before{content:"";background:#5d8c89;width:42px;height:3px;margin-bottom:28px;display:block;box-shadow:9px 0 #5d8c89,18px 0 #5d8c89}.arena-coach.strong:before,.arena-coach.result:before{background:#64b5a9;box-shadow:9px 0 #64b5a9,18px 0 #64b5a9}.arena-coach.weak:before{background:#d19755;box-shadow:9px 0 #d19755,18px 0 #d19755}.arena-coach.illegal:before{background:#c65f54;box-shadow:9px 0 #c65f54,18px 0 #c65f54}.arena-coach h3{color:#f0e8d7;margin:17px 0 13px;font:400 clamp(30px,2.6vw,43px)/1.03 Marcellus,serif}.arena-coach>p{color:#8c9997;font-size:11px;line-height:1.75}.arena-objective{background:#070c0e59;border:1px solid #304044;margin-top:28px;padding:18px}.arena-objective>span{color:#bd9860;text-transform:uppercase;letter-spacing:1.4px;font-size:7px}.arena-objective ol{color:#7d8a89;gap:10px;margin:15px 0 0;padding-left:18px;font-size:9px;line-height:1.45;display:grid}.arena-objective li::marker{color:#5d8f8b}.arena-reset{color:#9fcac5;text-align:left;cursor:pointer;background:#3e787326;border:1px solid #6b9d97;width:100%;margin-top:15px;padding:13px 15px;font-size:9px}.arena-table{background-color:#0c1518;background-image:radial-gradient(circle at 50% 46%,#a07b3d14,#0000 30%),linear-gradient(#6c8f8d0b 1px,#0000 1px),linear-gradient(90deg,#6c8f8d0b 1px,#0000 1px);background-size:auto,25px 25px,25px 25px;grid-template-rows:148px 1fr 195px;min-width:0;padding:18px 22px;display:grid}.arena-opponent{border-bottom:1px solid #29373a;justify-content:space-between;align-items:start;display:flex}.arena-opponent>div{gap:5px;padding-top:10px;display:grid}.arena-opponent>div span,.arena-base header span{color:#607071;text-transform:uppercase;letter-spacing:1.3px;font-size:7px}.arena-opponent>div b,.arena-base header b{color:#b9c1bc;font:400 13px Marcellus,serif}.arena-garen{background:linear-gradient(155deg,#182c32,#10181b);border:1px solid #4d747c;width:102px;height:132px;padding:9px;box-shadow:0 12px 25px #00000040}.arena-garen small{color:#637e82;font-size:6px}.arena-garen strong{color:#7cc0c8;margin:13px 0 8px;font:400 38px/.8 Marcellus,serif;display:block}.arena-garen h4{color:#dce1d8;margin:0;font:400 11px Marcellus,serif}.arena-garen p{color:#759095;font-size:6px}.arena-void{text-align:center;clip-path:polygon(8% 0,92% 0,100% 14%,100% 86%,92% 100%,8% 100%,0 86%,0 14%);background:radial-gradient(circle,#b2853d2e,#0000 52%),#151612;border:1px solid #775f37;place-content:center;place-self:center;width:min(90%,390px);min-height:220px;padding:28px;display:grid;position:relative}.arena-void.enemy-control{border-color:#64858b;box-shadow:0 0 35px #3e737d21}.arena-void.open{border-color:#5e9e94;box-shadow:0 0 35px #4796891f}.arena-void>span{color:#9d8151;text-transform:uppercase;letter-spacing:1.5px;font-size:7px}.arena-void h3{color:#eee3cb;margin:10px 0 8px;font:400 30px Marcellus,serif}.arena-void>p{color:#7f8177;max-width:280px;margin:0 auto 14px;font-size:8px;line-height:1.5}.arena-void>b{color:#77b7b1;text-transform:uppercase;letter-spacing:1px;font-size:7px}.arena-field-units{gap:5px;display:flex;position:absolute;bottom:-38px;left:50%;transform:translate(-50%)}.arena-base{border-top:1px solid #29373a;align-self:end}.arena-base>header{justify-content:space-between;padding:12px 0;display:flex}.arena-base>div{gap:7px;min-height:125px;display:flex}.arena-base>div>p{color:#526263;font-size:8px}.arena-log{background:#0b1215;border-left:1px solid #35454a;min-width:0}.arena-log>header{border-bottom:1px solid #2e3c40;justify-content:space-between;align-items:center;padding:19px;display:flex}.arena-log>header b{color:#8fa29f;border:1px solid #425255;place-items:center;width:24px;height:24px;font:400 11px Marcellus,serif;display:grid}.arena-log ol{gap:0;max-height:605px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.arena-log li:not(.empty){border-bottom:1px solid #263337;grid-template-columns:25px 1fr;gap:10px;padding:15px 16px;display:grid}.arena-log li>i{color:#82928f;border:1px solid #405154;place-items:center;width:23px;height:23px;font:400 9px Marcellus,serif;display:grid}.arena-log li b{color:#b9c1bd;font:400 11px Marcellus,serif}.arena-log li p{color:#697776;margin:6px 0 0;font-size:7px;line-height:1.55}.arena-log li.strong{border-left:2px solid #5caaa1}.arena-log li.weak{border-left:2px solid #b9814f}.arena-log li.illegal{border-left:2px solid #ad554d}.arena-log .empty{color:#526060;padding:25px 18px;font-size:8px;line-height:1.6}.arena-hand{background:linear-gradient(#0e171a,#090f11);border-top:1px solid #35454a;padding:25px 28px 31px}.arena-hand>header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;display:flex}.arena-hand h3{color:#e6decd;margin:5px 0 0;font:400 20px Marcellus,serif}.arena-hand>header p{color:#667475;font-size:8px}.arena-hand>div{grid-template-columns:repeat(6,minmax(130px,1fr));gap:8px;display:grid}.arena-card{background:linear-gradient(155deg,#192428,#0d1518 72%);border:1px solid #455559;grid-template-rows:auto 48px auto minmax(44px,1fr) auto auto;min-width:0;min-height:245px;padding:11px;display:grid;position:relative;overflow:hidden}.arena-card.unit{border-top-color:#9b5b48}.arena-card.spell{border-top-color:#685a8d}.arena-card>header,.arena-card>footer{justify-content:space-between;align-items:center;display:flex}.arena-card>header span{color:#647476;font-size:6px}.arena-card>header b{color:#dcc180;border:1px solid #897141;border-radius:50%;place-items:center;width:23px;height:23px;font:400 11px Marcellus,serif;display:grid}.arena-card-mark{color:#b56a55;opacity:.78;align-self:center;font:400 40px/.8 Marcellus,serif}.arena-card.spell .arena-card-mark{color:#9789c0}.arena-card h4{color:#e0ddd1;margin:5px 0;font:400 13px Marcellus,serif}.arena-card>p{color:#788684;margin:4px 0 8px;font-size:7px;line-height:1.45}.arena-card>footer{color:#657374;text-transform:uppercase;letter-spacing:.8px;font-size:6px}.arena-card>footer strong{color:#c27962;font-weight:500}.arena-card>button{color:#9db2af;cursor:pointer;background:#142024;border:0;border-top:1px solid #3d4d51;width:calc(100% + 22px);margin:10px -11px -11px;padding:10px 8px;font-size:7px}.arena-card>button:hover{color:#d5e0db;background:#1b2d31}.arena-card>button:disabled{opacity:.35;cursor:default}.arena-card.base,.arena-card.field{grid-template-rows:auto 28px auto auto auto;width:106px;min-height:145px;padding:8px}.arena-card.base .arena-card-mark,.arena-card.field .arena-card-mark{font-size:25px}.arena-card.base>p,.arena-card.field>p{display:none}.arena-card.base>button{width:auto;margin:7px -8px -8px}.arena-card.field{min-height:120px}.learn-strip{border:1px solid #2b373b;grid-template-columns:repeat(3,1fr);margin:25px 0 58px;display:grid}.learn-strip article{background:#0e1519cc;border-right:1px solid #2b373b;min-height:210px;padding:25px}.learn-strip article:last-child{border:0}.learn-strip b{color:#466264;font:400 32px Marcellus,serif}.learn-strip h2{margin:28px 0 10px;font:400 22px Marcellus,serif}.learn-strip p{color:#84908f;font-size:11px;line-height:1.65}.ban-ledger>header{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.ban-ledger>header h2,.rules-notes>h2{margin:8px 0 0;font:400 36px Marcellus,serif}.ban-ledger>header p{color:#707c7c;font-size:9px}.ban-columns{border:1px solid #3a3431;grid-template-columns:repeat(3,1fr);display:grid}.ban-columns>article{background:linear-gradient(145deg,#2f181747,#0d1316db);border-right:1px solid #3a3431;min-height:300px;padding:22px}.ban-columns>article:last-child{border:0}.ban-columns article>span{color:#bd8e7f;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:17px;font-size:8px;display:block}.ban-columns article>div{border-bottom:1px solid #332b2a;gap:10px;padding:10px 0;display:flex}.ban-columns i{color:#cf7669;font-style:normal}.ban-columns b{color:#d7d1c5;font:400 14px Marcellus,serif}.ban-columns p{color:#857c75;margin-top:20px;font-size:10px;line-height:1.6}.rules-notes{margin-top:55px}.rules-notes>div{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.rules-notes article{background:#0e161a;border-top:1px solid #4e6667;padding:19px}.rules-notes b{color:#8ed0cd;font:400 16px Marcellus,serif}.rules-notes p{color:#7c8988;font-size:10px;line-height:1.6}.mobile-nav{display:none}@media (width<=900px){.decks-title-row{flex-direction:column;align-items:start}.deck-grid,.learn-entry{grid-template-columns:1fr}.learn-matchup{min-height:390px}.match-board{grid-template-columns:1fr}.match-coach{border-bottom:1px solid #35454a;border-right:0}.table-field{min-height:650px}.replay-timeline{grid-template-columns:repeat(3,1fr)}.replay-timeline button:nth-child(3){border-right:0}.replay-timeline button:nth-child(-n+3){border-bottom:1px solid #2b393d}.replay-stage{grid-template-columns:1fr}.replay-coach{border-bottom:1px solid #35454a;border-right:0}.arena-layout{grid-template-columns:1fr 1.4fr}.arena-coach{border-bottom:1px solid #35454a}.arena-table{min-height:670px}.arena-log{border-top:1px solid #35454a;border-left:0;grid-column:1/-1}.arena-log ol{grid-template-columns:repeat(2,1fr);max-height:310px}.arena-hand>div{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media (width<=620px){.decks-page{padding-top:30px}.deck-controls{flex-wrap:wrap;align-items:stretch}.deck-controls .search{flex-basis:100%;order:3}.deck-card{grid-template-columns:1fr}.deck-sigil{border-bottom:1px solid #304044;border-right:0;min-height:155px}.deck-sigil:before{width:90px;height:90px}.deck-sigil span{font-size:52px}.deck-modal{padding:28px 18px}}.eyebrow{text-transform:uppercase;letter-spacing:3.2px;color:var(--brass);font:600 10px DM Sans,sans-serif}.hero-panel{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;max-width:1500px;min-height:610px;margin:auto;padding:62px clamp(24px,7vw,110px) 54px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-copy h1,.database-head h1{color:#f4eddd;letter-spacing:-4px;max-width:850px;margin:22px 0 26px;font:400 clamp(56px,6.6vw,102px)/.94 Marcellus,serif}.hero-copy h1 em{color:#0000;-webkit-text-stroke:1px #9db5b1;text-shadow:0 0 45px #51e0d60f;font-style:normal}.hero-copy>p{color:#9aa4a3;max-width:585px;font-size:15px;line-height:1.8}.hero-copy>button{background:var(--ivory);color:#11171a;border:1px solid var(--ivory);cursor:pointer;margin-top:28px;padding:16px 20px;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s;box-shadow:0 12px 35px #0000003d}.hero-copy>button:hover{color:var(--ivory);background:0 0;transform:translateY(-2px)}.hero-copy>button span{color:#98793f;margin-left:18px}.hero-facts{gap:26px;margin-top:42px;display:flex}.hero-facts span{color:#6f7b7c;text-transform:uppercase;letter-spacing:1.5px;font-size:8px}.hero-facts b{color:#c8d0cc;margin-right:5px;font:400 18px Marcellus,serif}.rift-window{aspect-ratio:1;filter:drop-shadow(0 0 55px #38d6d11a);background:radial-gradient(circle,#e0fffceb 0 1.5%,#56dcd6 2%,#1f7476 9%,#123238 25%,#0b1519 48%,#0000 69%);border-radius:50%;justify-self:center;place-items:center;width:min(38vw,480px);display:grid;position:relative}.rift-window:before{content:"";border:1px solid #60ded84d;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 50px #4cd6d333,0 0 60px #4cd6d314}.rift-window:after{content:"◇";color:#5cdfd70e;font:340px/1 Marcellus,serif;position:absolute;transform:rotate(18deg)}.orbit{pointer-events:none;border-radius:50%;position:absolute}.orbit-a{border-top:1px solid #d6b56d80;border-right:1px solid #d6b56d0f;inset:3%;transform:rotate(28deg)}.orbit-b{border-bottom:1px solid #5cddd814;border-left:1px solid #5cddd854;inset:20%;transform:rotate(-48deg)}.rift-card{aspect-ratio:5/7;z-index:1;clip-path:polygon(6% 0,94% 0,100% 4%,100% 96%,94% 100%,6% 100%,0 96%,0 4%);background:linear-gradient(145deg,#d7b56d3d,#0000 35%),radial-gradient(circle at 65% 40%,#235e63,#101a20 55%);border:1px solid #d6b56db8;flex-direction:column;justify-content:space-between;width:112px;padding:14px;display:flex;position:absolute;box-shadow:0 20px 38px #00000075}.rift-card:before{content:"◇";color:#7ef6ef80;align-self:center;font:56px Marcellus,serif}.rift-card i{color:var(--brass);letter-spacing:2px;font:600 9px DM Sans,sans-serif}.rift-card b{color:var(--ivory);font:400 20px Marcellus,serif}.rift-card-back{opacity:.62;transform:translate(58px,-27px)rotate(14deg)}.rift-card-front{transform:translate(-55px,15px)rotate(-10deg)}.vault-count{z-index:3;border-left:2px solid var(--rift);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070c0fdb;width:138px;padding:14px 16px;position:absolute;bottom:15%;right:4%}.vault-count strong{color:#efffff;font:400 36px/1 Marcellus,serif;display:block}.vault-count small{color:#71c5c3;letter-spacing:1.6px;font-size:7px}.sets-section{max-width:1500px;margin:auto;padding:18px clamp(24px,5vw,80px) 110px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.section-heading h2{margin:10px 0 0;font:400 38px Marcellus,serif}.section-heading>p{letter-spacing:2px;text-transform:uppercase;color:#707b7c;font:500 9px DM Sans,sans-serif}.set-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.set-panel{border:1px solid #273136;border-top-color:var(--panel-accent,#3caeb0);text-align:left;cursor:pointer;background:linear-gradient(145deg,#182227fa,#0c1216fa);min-height:302px;padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.set-panel:hover{border-color:var(--panel-accent,var(--rift));z-index:2;transform:translateY(-6px);box-shadow:0 18px 44px #00000042}.set-0{--panel-accent:#48c8c5}.set-1{--panel-accent:#d66d56}.set-2{--panel-accent:#8b75d5}.set-3{--panel-accent:#d0a351}.set-panel:before{content:"";border:1px solid color-mix(in srgb, var(--panel-accent) 30%, transparent);width:215px;height:215px;box-shadow:0 0 70px color-mix(in srgb, var(--panel-accent) 9%, transparent);border-radius:50%;position:absolute;top:-85px;right:-88px}.set-index{color:#536064;letter-spacing:2px;font-size:10px}.set-code{float:right;letter-spacing:2.4px;color:var(--panel-accent);font-size:9px}.set-sigil{color:color-mix(in srgb, var(--panel-accent) 65%, transparent);font:55px Marcellus,serif;position:absolute;top:58px;right:23px}.set-panel h3{margin:80px 0 38px;font:400 clamp(24px,2.1vw,31px) Marcellus,serif;position:relative}.set-progress{color:#747f80;justify-content:space-between;font-size:10px;display:flex}.set-progress b{color:#e3e7e1;font-weight:600}.progress-track{background:#2c363a;height:2px;margin-top:11px}.progress-track i{background:var(--panel-accent,var(--rift));height:100%;box-shadow:0 0 8px var(--panel-accent,var(--rift));display:block}.open-label{color:#929d9d;text-transform:uppercase;letter-spacing:1.8px;margin-top:25px;font-size:8px;display:block}.open-label i{float:right;color:var(--panel-accent);font-size:13px;font-style:normal}.database{max-width:1500px;margin:auto;padding:46px clamp(22px,5vw,72px) 100px}.database-head .back{color:#7f898a;cursor:pointer;background:0 0;border:0;padding:0 0 35px}.database-head .back:hover{color:var(--rift)}.database-head h1{margin:14px 0 10px;font-size:clamp(48px,6vw,72px)}.database-head>p{color:#788183}.filter-bar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0e1519eb;border:1px solid #2a3438;gap:10px;margin:32px 0;padding:12px;display:flex;position:sticky;top:0;box-shadow:0 12px 28px #00000024}.search{background:#090e12;border:1px solid #242d32;flex:1;align-items:center;gap:10px;padding:0 13px;display:flex}.search span{color:var(--rift);font-size:24px}.search input{width:100%;color:var(--ivory);background:0 0;border:0;outline:0;padding:12px 0}.filter-bar select{color:#bcc3c0;background:#0b1115;border:1px solid #2b363a;padding:0 38px 0 14px}.owned-toggle{color:#aab2b1;cursor:pointer;align-items:center;gap:9px;padding:0 14px;font-size:11px;display:flex}.owned-toggle input{opacity:0;position:absolute}.owned-toggle span{background:#343e40;border-radius:10px;width:31px;height:17px;position:relative}.owned-toggle span:after{content:"";background:#7d8787;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:2px;left:2px}.owned-toggle input:checked+span{background:#247b7b}.owned-toggle input:checked+span:after{background:#c6fffa;left:16px}.card-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card-tile{background:linear-gradient(155deg,#121a1f,#0d1317);border:1px solid #273136;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:0 12px 26px #0000001f}.card-tile:hover{border-color:#596a6d;transform:translateY(-5px);box-shadow:0 20px 38px #00000040}.card-art{aspect-ratio:5/7;cursor:pointer;color:#697577;background:linear-gradient(145deg,#1d3035,#0b1013);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.card-art>img{object-fit:cover;width:100%;height:100%}.placeholder-art{--art-accent:#54c9c6;isolation:isolate;color:#eef4ec;background:linear-gradient(180deg, transparent 40%, #060a0ddb 88%), radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--art-accent) 48%, transparent), transparent 29%), linear-gradient(145deg, color-mix(in srgb, var(--art-accent) 23%, #182129), #080d11 72%);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:23px 19px;display:flex;position:relative}.placeholder-art:before,.placeholder-art:after{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--art-accent) 42%, transparent);clip-path:polygon(7% 0,93% 0,100% 7%,100% 93%,93% 100%,7% 100%,0 93%,0 7%);position:absolute;inset:7%}.placeholder-art:after{border-color:#f0e4c029;inset:11%}.art-fury{--art-accent:#d95f4f}.art-calm{--art-accent:#48a8c9}.art-chaos{--art-accent:#9569cd}.art-body{--art-accent:#c4b84d}.art-order{--art-accent:#dfb764}.art-mind{--art-accent:#7286dc}.art-halo{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--art-accent) 65%, white 5%);width:54%;box-shadow:0 0 28px color-mix(in srgb, var(--art-accent) 30%, transparent), inset 0 0 25px color-mix(in srgb, var(--art-accent) 16%, transparent);border-radius:50%;position:absolute;top:20%}.art-halo:before{content:"";border:1px solid #eef6eb3d;position:absolute;inset:17%;transform:rotate(45deg)}.art-glyph{color:#f5f0e0e6;text-shadow:0 0 20px var(--art-accent);font:400 clamp(46px,6vw,76px) Marcellus,serif;position:absolute;top:23%}.art-title{z-index:1;text-align:center;max-width:88%;font:400 clamp(16px,1.7vw,24px)/1.08 Marcellus,serif}.art-set{z-index:1;color:var(--art-accent);letter-spacing:3px;margin-top:9px;font:600 8px DM Sans,sans-serif}.rarity-mark{border:1px solid var(--brass);width:27px;height:27px;color:var(--brass);z-index:3;background:#080d10e6;place-items:center;font-size:9px;display:grid;position:absolute;bottom:12px;right:12px;transform:rotate(45deg)}.rarity-mark:first-letter{transform:rotate(-45deg)}.card-copy{padding:16px}.card-kicker{letter-spacing:1.3px;text-transform:uppercase;color:#7e898a;justify-content:space-between;font-size:8px;display:flex}.card-copy h3{white-space:nowrap;text-overflow:ellipsis;margin:10px 0 14px;font:400 20px Marcellus,serif;overflow:hidden}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tags>span{letter-spacing:.7px;text-transform:uppercase;color:#99a3a2;border:1px solid #344044;padding:4px 7px;font-size:7px}.card-tags .domain{color:#69d8d2;border-color:#28797a}.card-tags .domain-fury{color:#df6e68;border-color:#7c3736}.card-tags .domain-calm{color:#72bfe0;border-color:#326a83}.card-tags .domain-chaos{color:#c188e1;border-color:#693b80}.card-tags .domain-body{color:#d1c867;border-color:#74703c}.card-tags .domain-order{color:#e2bd71;border-color:#80683f}.card-tags .domain-mind{color:#92a8ec;border-color:#485a8e}.quantity{border-top:1px solid #293438;justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;display:flex}.quantity button{cursor:pointer;background:#172025;border:1px solid #38464a;width:29px;height:29px}.quantity button:hover{border-color:var(--rift);color:var(--rift)}.quantity span{color:#8a9696;font-size:9px}.quantity b{color:#e9e5db;font-size:14px}.loading,.empty-state{text-align:center;place-content:center;min-height:70vh;display:grid}.loader{border:1px solid #334146;border-top-color:var(--rift);border-radius:50%;width:48px;height:48px;margin:auto;animation:1s linear infinite spin}.loading p,.empty-state p{color:#7e8888}.empty-state{min-height:350px}.empty-state>span{color:#526467;font:54px Marcellus,serif}.empty-state h2{margin-bottom:0;font:400 28px Marcellus,serif}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020405e6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.card-modal{width:min(900px,96vw);max-height:92vh;color:var(--ivory);background:#10171b;border:1px solid #3e4a4d;grid-template-columns:minmax(260px,42%) 1fr;margin:0;padding:0;display:grid;position:relative;overflow:auto;box-shadow:0 35px 100px #00000094}.modal-close{z-index:4;cursor:pointer;background:#10161ae0;border:1px solid #4c595b;width:38px;height:38px;font-size:22px;position:absolute;top:14px;right:14px}.modal-art{background:#080c0f;min-height:520px;overflow:hidden}.modal-art>img{object-fit:contain;width:100%;height:100%;display:block}.modal-copy{padding:60px 44px}.modal-copy h2{margin:14px 0;font:400 44px/1 Marcellus,serif}.modal-meta{color:#8e9998}.stat-row{gap:10px;margin:30px 0 15px;display:flex}.stat-row span{color:#8e9897;border:1px solid #303b3e;padding:10px 13px;font-size:9px}.stat-row b{color:#eee8dc;margin-right:4px;font:400 22px Marcellus,serif}.rules-text{border-left:2px solid var(--brass);color:#bac2bf;margin:28px 0;padding:4px 0 4px 18px;line-height:1.7}.quantity.large button{width:38px;height:38px}footer{border-top:1px solid var(--line);color:#5f6a6b;letter-spacing:1.2px;justify-content:space-between;gap:30px;padding:31px clamp(22px,5vw,80px);font-size:8px;display:flex}footer p:first-child{color:#8a9695}footer p:first-child span{color:#526060}footer p:last-child{text-align:right;max-width:560px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.topbar{gap:24px}.topbar nav{display:none}.hero-panel{grid-template-columns:1fr;padding-top:76px}.rift-window{opacity:.62;width:460px;position:absolute;right:-8%}.hero-copy{max-width:720px}.set-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}.app-shell{padding-bottom:70px}.mobile-nav{z-index:18;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070c0ff5;border-top:1px solid #334246;grid-template-columns:repeat(6,1fr);align-items:stretch;gap:0;height:68px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#718080;place-content:center;gap:4px;height:100%;padding:0;display:grid}.mobile-nav button.active{color:var(--rift)}.mobile-nav button.active:after{display:none}.mobile-nav button i{color:inherit;margin:0;font:400 16px Marcellus,serif}.mobile-nav button span{color:inherit;text-transform:uppercase;letter-spacing:.6px;background:0 0;border-radius:0;margin:0;padding:0;font-size:7px}.builder-workspace{grid-template-columns:1fr}.draft-sheet{position:static}}@media (width<=720px){.topbar{min-height:70px}.local-profile{font-size:0}.preview-notice{flex-wrap:wrap;align-items:flex-start;gap:7px 14px;padding-top:12px;padding-bottom:12px}.preview-notice p{flex-basis:100%;order:3}.preview-notice button{padding:5px 8px}.hero-panel{align-items:start;min-height:610px;padding-top:66px}.hero-copy h1{letter-spacing:-2.5px;font-size:55px}.hero-copy>p{max-width:88%}.hero-facts{gap:14px}.rift-window{width:360px;bottom:-10px;right:-150px}.rift-card{width:88px;padding:10px}.vault-count{bottom:7%;right:18%}.set-grid,.card-grid{grid-template-columns:1fr 1fr}.filter-bar{flex-wrap:wrap}.search{flex-basis:100%;height:46px}.filter-bar select{flex:1;height:42px}.card-modal{grid-template-columns:1fr}.modal-art{min-height:420px}.modal-copy{padding:34px 24px}.card-copy h3{font-size:16px}.set-panel{min-height:255px}.set-panel h3{margin-top:54px}footer{flex-direction:column}footer p:last-child{text-align:left}.builder-page,.rules-page{padding-top:42px}.builder-toolbar{grid-template-columns:1fr}.rules-hero{padding-right:0}.rules-hero a{margin-top:15px;display:inline-block;position:static}.rules-hero h1{letter-spacing:-2px;font-size:48px}.learn-entry-copy{padding:32px 24px}.learn-matchup{grid-template-columns:1fr;gap:10px;padding:22px}.learn-matchup:before{width:1px;height:auto;inset:50px 50% 50px auto}.learn-matchup>i{justify-self:center}.learn-legend{justify-self:center;width:min(100%,330px);min-height:190px}.learn-legend.annie,.learn-legend.garen{transform:none}.learn-legend>b{margin:25px 0 18px;font-size:55px}.match-top{flex-direction:column;align-items:start}.match-score{justify-content:space-between;width:100%}.match-coach{padding:34px 24px}.table-field{grid-template-rows:120px 1fr 145px 115px;padding:16px 14px 0}.battlefield{width:92%}.base-units{position:absolute;top:5px;right:0}.rune-row{z-index:3;position:absolute;bottom:-68px;right:0}.hand-row article{width:60px;height:88px}.match-footer{flex-direction:column;align-items:start;gap:8px}.practice-state{grid-template-columns:1fr}.practice-state span{border-bottom:1px solid #334348;border-right:0}.replay-timeline{grid-template-columns:1fr 1fr}.replay-timeline button{border-bottom:1px solid #2b393d;min-height:57px}.replay-timeline button:nth-child(2n){border-right:0}.replay-timeline button:nth-child(3){border-right:1px solid #2b393d}.replay-coach{padding:32px 23px}.arena-top{gap:13px}.arena-top>.text-button{margin-left:0}.arena-scoreboard{justify-content:space-between;width:100%}.arena-commandbar{grid-template-columns:1fr 1fr}.arena-commandbar>div:nth-child(3){grid-column:1/-1}.arena-commandbar button{border-top:1px solid #a1804c;border-left:0;min-height:52px}.arena-review{grid-template-columns:1fr 1fr}.arena-review>div{border-bottom:1px solid #2f4143;min-height:88px}.arena-review>div:nth-child(2n){border-right:0}.arena-layout{grid-template-columns:1fr}.arena-coach{border-right:0;padding:30px 23px}.arena-table{grid-template-rows:130px 1fr 175px;min-height:650px;padding:15px}.arena-garen{width:88px;height:115px}.arena-garen strong{font-size:31px}.arena-void{width:96%;min-height:205px;padding:23px}.arena-log{grid-column:auto}.arena-log ol{grid-template-columns:1fr}.arena-hand{padding:23px 15px 28px}.arena-hand>header{flex-direction:column;align-items:start}.arena-hand>div{scroll-snap-type:x mandatory;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.arena-hand .arena-card{scroll-snap-align:start;flex:0 0 160px}.learn-strip,.ban-columns,.rules-notes>div{grid-template-columns:1fr}.learn-strip article,.ban-columns>article{border-bottom:1px solid #2b373b;border-right:0;min-height:0}}@media (width<=480px){.brand{font-size:16px}.hero-copy h1{font-size:48px}.hero-facts span{letter-spacing:.8px}.set-grid,.card-grid{grid-template-columns:1fr}.section-heading>p{display:none}.database-head h1{font-size:46px}.modal-art{min-height:360px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}