:root{color-scheme:dark;--bg:#0e120f;--panel:#151a16;--panel-raised:#1a201b;--line:#2b322b;--muted:#8e998e;--text:#f0f0e6;--gold:#dab27b;--gold-light:#f1d6a3;--teal:#80b8ac;--danger:#d88c7c;--sidebar:226px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}button{border:0}button:disabled{cursor:not-allowed;opacity:.4}button,a,input,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--gold-light)}button{touch-action:manipulation}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button .icon{flex-shrink:0}.icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}button{transition:background .18s,border-color .18s,transform .18s}p{line-height:1.7}.muted{color:var(--muted);font-size:12px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--gold);line-height:1.6}.skip-link{position:fixed;left:20px;top:-80px;z-index:99;padding:16px;background:var(--gold);color:#111}.skip-link:focus{top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#121712;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 20px 0;z-index:10}.brand{display:flex;gap:10px;align-items:center;margin:0 0 55px}.brand img{width:39px;height:44px}.brand>div{font-size:26px;letter-spacing:5px;font-weight:650;line-height:1.1}.brand span{display:block;font-size:6px;letter-spacing:1.35px;font-weight:500;color:var(--muted);margin-top:9px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#707c70;margin:0 12px 16px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;width:100%;align-items:center;gap:14px;background:transparent;min-height:48px;border-radius:5px;text-align:left;padding:0 14px;color:#9ca69b;font-size:13px;position:relative}.nav-item .icon{width:19px;height:19px}.nav-item.active{background:#262b20;color:#ebc792}.nav-item.active:before{content:'';position:absolute;left:-20px;height:23px;width:3px;background:var(--gold);border-radius:2px}.nav-item:hover{background:#20271f;color:var(--text)}.nav-item small{font-size:10px;margin-left:auto;background:#262e24;padding:2px 5px;border-radius:3px;color:#9faaa0}.sidebar-world{margin:42px 10px 0;border:1px solid #2b3329;min-height:160px;position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;background:radial-gradient(ellipse at top,#252c21,transparent 80%)}.sidebar-world:before,.sidebar-world:after{content:'';position:absolute;width:7px;height:7px;border-color:#677158;border-style:solid}.sidebar-world:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.sidebar-world:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.world-rune{font-size:39px;color:#757c5d;line-height:1.2;margin-bottom:10px}.sidebar-world>span:nth-child(2){font-family:Georgia,serif;font-style:italic;font-size:13px;line-height:1.65;color:#a1aa98}.little-line{width:25px;height:1px;background:#596049;margin-top:14px}.sidebar-bottom{margin-top:auto;padding-top:24px}.profile{display:flex;align-items:center;border-top:1px solid var(--line);gap:10px;padding:22px 0;margin-top:18px;font-size:12px}.avatar{width:33px;height:33px;border:1px solid #5c604a;background:#282e20;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:18px}.profile span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.online-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8aae83;flex-shrink:0}.profile>.online-dot{margin-left:auto}.app-content{margin-left:var(--sidebar)}.topbar{height:79px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#111610}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:11px;color:#7e897c}.breadcrumb .icon{width:12px;height:12px}.breadcrumb strong{font-weight:500;color:#c2c8bc}.topbar-right{display:flex;align-items:center;gap:19px}.local-status{font-size:8px;font-weight:600;letter-spacing:1.3px;color:#a3b29a;display:flex;align-items:center;gap:7px}.build-tag{color:#99a28e;font-size:10px;border:1px solid #354030;border-radius:3px;padding:4px 6px}.icon-button{width:40px;height:40px;display:grid;place-items:center;background:transparent;color:#a3ad9d;border:1px solid transparent;border-radius:4px}.icon-button:hover{background:var(--panel-raised);border-color:var(--line)}main{padding:37px 42px 44px;max-width:1660px;margin:0 auto;min-height:calc(100vh - 140px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:400;letter-spacing:-.65px;margin-top:8px;line-height:1.2}.page-heading p{color:var(--muted);font-size:12px;margin-top:11px}.chapter{font-size:9px;color:var(--gold);letter-spacing:1.5px;text-align:right;white-space:nowrap}.chapter>b{font-family:Georgia,serif;font-size:24px;padding-left:8px;font-weight:400}.chapter>span{display:block;letter-spacing:0;font-size:10px;color:#86917e;margin-top:5px}.lobby-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.hero-banner{position:relative;min-height:394px;overflow:hidden;border:1px solid #424633;border-radius:7px;background:#20281e url('/public/art/citadel.png') center center/cover no-repeat}.hero-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,18,14,.94),rgba(12,20,15,.55) 48%,rgba(10,18,15,.1)),linear-gradient(0deg,rgba(8,17,12,.65),transparent 50%)}.hero-banner:after{content:'';position:absolute;inset:7px;border:1px solid #d1be8117;border-radius:3px;pointer-events:none}.hero-content{position:relative;padding:35px 33px;z-index:1}.outlined-label{display:inline-flex;align-items:center;font-size:8px;letter-spacing:1.8px;color:#e7cb96;border:1px solid #8978496b;padding:7px 10px;gap:8px;background:#171e1480}.outlined-label>i{width:4px;height:4px;background:var(--gold);transform:rotate(45deg)}.hero-content h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:400;line-height:1.14;letter-spacing:-1px;margin-top:24px;color:#f5f1db}.hero-content p{color:#aab6a2;font-size:12px;margin-top:16px;line-height:1.8}.button{min-height:45px;padding:0 18px;display:inline-flex;gap:10px;justify-content:center;align-items:center;border-radius:4px;font-weight:600;font-size:12px;border:1px solid transparent;line-height:1.3}.button.primary{background:linear-gradient(110deg,#dfbd82,#c99c61);color:#211f16;border-color:#e0bd86;box-shadow:inset 0 1px 0 #ffffff25}.button.primary:hover:not(:disabled){background:var(--gold-light);transform:translateY(-1px)}.button.secondary{background:#1c231b;border-color:#384132;color:#d4dacb}.button.secondary:hover{background:#2a3425;border-color:#6b7458}.button.large{height:48px;min-width:217px;margin-top:26px;font-size:13px;justify-content:flex-start}.button.large>.icon:last-child{margin-left:auto;width:16px}.button.full{width:100%}.hero-meta{display:flex;gap:21px;font-size:8px;letter-spacing:1.2px;margin-top:20px;color:#a0ad93}.hero-meta>span{display:flex;align-items:center;gap:6px}.hero-meta .icon{height:12px;width:12px}.hero-caption{position:absolute;bottom:24px;right:23px;text-align:right;font-size:10px;color:#d1cfaf;text-shadow:0 1px 3px #000}.hero-caption>span{display:block;font-size:6px;letter-spacing:1.8px;color:#adb5a0;margin-bottom:5px}.hero-caption i{font-style:normal;color:var(--gold);padding-left:5px}.active-deck{border:1px solid var(--line);border-radius:6px;background:linear-gradient(160deg,#1c221a,#131a14);padding:21px;text-align:center}.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title h2{font-size:17px;font-weight:500;letter-spacing:-.3px}.active-deck .section-title h2{font-size:13px;letter-spacing:0}.pill{border:1px solid #536043;background:#32402b44;color:#b5c7a4;font-size:7px;letter-spacing:1.4px;border-radius:3px;padding:4px 6px}.deck-emblem{height:47px;font-size:43px;color:#d1b586;line-height:1;margin-top:18px}.active-deck h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin-top:9px}.active-deck>p{font-size:10px;color:#899682;margin-top:6px}.active-deck>p span{margin:0 6px}.deck-preview{height:95px;display:flex;gap:5px;justify-content:center;margin:19px 0 16px}.mini-card{width:57px;height:84px;position:relative;border:1px solid #7a714c;border-radius:4px;overflow:hidden;background:#222}.mini-card:nth-child(1){transform:rotate(-9deg) translateY(5px)}.mini-card:nth-child(2){z-index:1}.mini-card:nth-child(3){transform:rotate(9deg) translateY(5px)}.mini-card>span{position:absolute;bottom:0;left:0;right:0;padding:8px 0 3px;color:var(--gold);font-size:9px;background:linear-gradient(transparent,#10180f)}.portrait{position:absolute;inset:0;background-image:url('/public/art/characters.png');background-repeat:no-repeat;background-size:500% 100%;background-position:var(--portrait-position) center}.deck-metrics{display:flex;border-top:1px solid var(--line);padding:16px 0 18px;justify-content:space-around}.deck-metrics>div{display:flex;flex-direction:column;gap:7px}.deck-metrics strong{font-size:18px;font-weight:500}.deck-metrics strong span{color:#6f7a68;font-size:11px;margin-left:2px}.deck-metrics small{font-size:6px;letter-spacing:.9px;color:#8c9980}.active-deck .button{font-size:10px;height:38px;min-height:38px}.active-deck .button .icon{width:15px}.active-deck .button .icon:last-child{margin-left:auto}.quick-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.quick-option{min-height:86px;border:1px solid var(--line);border-radius:5px;background:#171d16;display:flex;align-items:center;text-align:left;padding:16px 19px;gap:16px}.quick-option:hover{background:#20281d;border-color:#505c43}.option-icon{height:41px;width:41px;display:grid;place-items:center;color:var(--gold);border:1px solid #56482d;background:#6b542417;border-radius:4px;flex-shrink:0}.option-icon.teal{color:#90baaa;border-color:#394b40;background:#324b3b20}.quick-option strong{display:block;font-size:13px;font-weight:550}.quick-option small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.option-end{margin-left:auto;white-space:nowrap;display:flex;align-items:center;gap:10px;font-size:7px;letter-spacing:1.2px;color:#baa984}.option-end .icon{width:14px}.lineages{margin-top:35px}.lineages>.section-title{margin-bottom:19px;align-items:flex-end}.lineages .section-title h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin-top:6px}.lineages .eyebrow{font-size:8px}.text-button{display:inline-flex;gap:8px;align-items:center;min-height:36px;background:none;color:#c5b997;font-size:10px;font-weight:500;padding:4px 0}.text-button:hover{color:var(--gold-light)}.text-button>.icon{width:15px;height:15px}.lineage-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.lineage-card{height:211px;position:relative;overflow:hidden;border-radius:4px;border:1px solid #3d4235;background:#1d281e;text-align:left;padding:0}.lineage-card .portrait{transition:filter .3s;filter:brightness(.8) saturate(.65)}.lineage-card:hover{border-color:var(--gold);transform:translateY(-3px)}.lineage-card:hover .portrait{filter:brightness(1) saturate(.85)}.lineage-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0b160bf5 2%,#13211535 67%,#0003)}.lineage-number{position:absolute;right:12px;top:12px;font-size:8px;color:#dbdac2a8;letter-spacing:2px}.lineage-label{position:absolute;bottom:18px;left:16px;right:6px}.lineage-label>span{font-size:22px;color:#d9c79e;line-height:1}.lineage-label h3{font-size:18px;font-weight:400;font-family:Georgia,serif;margin:7px 0}.lineage-label small{font-size:6px;letter-spacing:1.1px;color:#a3b08f}.app-footer{height:61px;border-top:1px solid var(--line);padding:0 42px;display:flex;align-items:center;gap:32px;color:#76816e;font-size:8px}.app-footer>span:first-child{letter-spacing:2px;color:#a7af96}.app-footer b{font-weight:400;letter-spacing:0;color:#667460;margin-left:5px}.app-footer i{font-style:normal;padding:0 7px}.footer-right{margin-left:auto;font-family:Georgia,serif;font-style:italic}.collection-count{font-size:11px;color:var(--muted)}.collection-count b{font-size:26px;font-family:Georgia,serif;font-weight:400;color:var(--gold);margin-right:5px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.tabs{display:flex;gap:20px}.tab{height:53px;background:none;border-bottom:2px solid transparent;font-size:12px;color:var(--muted);padding:0 4px}.tab.active{color:var(--gold);border-color:var(--gold)}.tab>span{font-size:9px;color:#91a081;background:#252e20;border:1px solid #3a4430;border-radius:3px;padding:2px 5px;margin-left:7px}.search-box{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);height:36px;background:#161c15;border-radius:4px}.search-box>.icon{height:15px;width:15px;color:var(--muted)}.search-box input{border:0;color:var(--text);background:transparent;outline:none;width:175px;font-size:11px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}.filter{background:#151b14;border:1px solid #333e2d;border-radius:4px;padding:10px 13px;font-size:10px;color:#a0ad93}.filter.active{border-color:#998659;color:var(--gold);background:#282a1a}.collection-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.monster-card{display:flex;flex-direction:column;width:100%;border:1px solid #49523f;background:#1a2119;text-align:left;overflow:hidden;border-radius:6px;padding:0;position:relative;transition:transform .18s,border-color .18s,box-shadow .18s}.monster-card:hover:not(:disabled){transform:translateY(-3px);border-color:#b4ad82;box-shadow:0 8px 24px #0004}.monster-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #d7b37655}.card-art{height:180px;width:100%;position:relative}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#172014,transparent 40%,#0003)}.card-race{position:absolute;z-index:1;top:9px;left:8px;display:flex;align-items:center;gap:4px;background:#111a11d9;padding:5px 6px;font-size:8px;border:1px solid #77826355;border-radius:3px;color:#d8e2c7}.card-stars{position:absolute;right:9px;bottom:6px;z-index:1;font-size:11px;color:#edcb86;letter-spacing:2px}.card-body{padding:11px 12px 14px;display:flex;flex-direction:column;flex:1;width:100%}.card-body h3{font-family:Georgia,serif;font-size:16px;font-weight:400;min-height:38px;line-height:1.25;color:#e7e9da}.card-stats{display:flex;gap:12px;border-top:1px solid #48513b66;border-bottom:1px solid #48513b66;margin:9px 0;padding:9px 0}.card-stats>span{display:flex;align-items:center;gap:4px}.card-stats .icon{width:13px;height:13px;color:var(--gold)}.card-stats b{font-size:16px;font-weight:500}.card-stats small{font-size:6px;color:#93a284;letter-spacing:.4px}.card-body p{font-size:9px;color:#b5c2a5;line-height:1.5}.selected-check{position:absolute;right:7px;top:7px;background:var(--gold);border-radius:50%;width:24px;height:24px;display:grid;place-items:center;color:#1d2117;z-index:3}.selected-check>.icon{width:15px;height:15px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tool-card{display:flex;align-items:center;gap:13px;background:#192118;border:1px solid #3b4934;padding:18px;text-align:left;border-radius:5px;width:100%;position:relative;min-height:113px}.tool-card:hover{border-color:#83926b;background:#232d1e}.tool-card.selected{border-color:var(--gold);box-shadow:inset 3px 0 var(--gold);background:#292d1e}.tool-symbol{width:44px;height:52px;flex-shrink:0;display:grid;place-items:center;border:1px solid #716442;background:linear-gradient(140deg,#59482444,#252f1e);color:#dcc18b;border-radius:3px}.tool-symbol .icon{width:27px;height:27px}.tool-card>div{flex:1}.tool-card h3{font-size:13px;font-weight:550;line-height:1.3;margin:5px 0}.tool-card .eyebrow{font-size:7px;letter-spacing:.8px;color:#a6b091}.tool-card .eyebrow b{margin-left:10px;color:var(--gold);font-weight:400}.tool-card p{font-size:10px;color:#a3b293;line-height:1.5}.tool-pick{height:20px;width:20px;display:grid;place-items:center;border:1px solid #546048;border-radius:3px;color:#8d9b7f;flex-shrink:0}.tool-pick .icon{width:13px;height:13px}.selected .tool-pick{color:var(--gold);border-color:var(--gold)}.fields-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:25px}.field-card{border:1px solid #3c4935;background:#182017;padding:0;text-align:left;border-radius:6px;overflow:hidden}.field-card:hover{border-color:var(--gold)}.field-art{height:175px;background:linear-gradient(0deg,#14201344,#0001),url('/public/art/citadel.png') 75% center/cover;display:grid;place-items:center}.field-F02 .field-art,.field-art.field-F02{filter:sepia(.65)}.field-F05 .field-art,.field-art.field-F05{filter:saturate(.4) hue-rotate(15deg)}.field-art>span{width:56px;height:56px;display:grid;place-items:center;border:1px solid #dec98c99;border-radius:50%;background:#101b13a0;color:var(--gold)}.field-art .icon{height:31px;width:31px}.field-card>div:last-child{padding:22px}.field-card h3{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:9px 0}.field-card p{font-size:13px;color:#b8c5ac}.field-card small{display:block;color:#8d9a81;font-size:10px;margin-top:13px}.empty-state{color:var(--muted);padding:50px;grid-column:1/-1;text-align:center;border:1px dashed var(--line);border-radius:5px}.empty-state.big{padding:70px 30px}.empty-state>.icon{width:44px;height:44px;color:var(--gold);margin-bottom:20px}.empty-state h2{font-family:Georgia,serif;font-size:25px;color:var(--text);font-weight:400}.empty-state p{margin:15px 0 25px}.deck-presets{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);padding:14px 18px;margin-bottom:28px;border-radius:5px}.deck-presets>.eyebrow{font-size:8px;margin-right:12px}.preset-button{background:transparent;border:1px solid var(--line);padding:10px 15px;border-radius:4px;font-size:11px;color:#aab99b}.preset-button.active{background:#373823;border-color:#998756;color:var(--gold)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:25px;align-items:start}.deck-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:18px}.deck-card-grid .card-art{height:162px}.deck-card-grid .card-body h3{font-size:15px}.editor-cards>.section-title h2>span{font-size:12px;color:var(--gold);margin-left:8px}.tools-title{margin:28px 0 18px}.deck-summary{position:sticky;top:20px;border:1px solid #46513b;border-radius:5px;background:#192116;padding:20px}.field-label{display:block;font-size:10px;color:var(--muted);margin:16px 0 8px}.text-input{background:#11180f;border:1px solid #46533a;padding:12px;color:var(--text);width:100%;border-radius:4px;font-size:12px}.budget-row{display:flex;justify-content:space-between;font-size:11px;color:#b2bda8;margin-top:20px}.budget-row b{color:var(--gold);font-weight:500}.budget-meter{height:3px;background:#35442d;margin-top:10px}.budget-meter>i{display:block;height:100%;background:var(--gold)}.summary-list{border-top:1px solid #46513b66;margin-top:22px;padding-top:10px}.summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;padding:8px 0;color:#b4c1a7}.summary-list small{white-space:nowrap;color:var(--gold);font-size:8px}.validation{display:flex;gap:8px;padding:14px 0;font-size:10px;color:#d2ac74;line-height:1.6}.validation.valid{color:#a5c194}.validation>.icon{width:16px;height:16px;margin-top:3px}.fine-print{font-size:10px;line-height:1.7;color:#86977a;margin-top:13px}.danger-text{color:var(--danger)!important}.warning{color:#d9b477!important;font-size:10px;display:block;line-height:1.5}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.guide-feature{position:relative;background:linear-gradient(135deg,#1b2418,#141d12);border:1px solid #3c4932;border-radius:6px;padding:31px;overflow:hidden}.step-number{position:absolute;right:22px;top:17px;font-size:66px;line-height:1;font-family:Georgia,serif;color:#a8b47a13}.guide-feature h2{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2;margin:17px 0 20px}.guide-feature>p{font-size:12px;color:#b4c1a7;margin:12px 0}.guide-feature p b{font-weight:500;color:#e9debc}.formula-example{border:1px solid #4a5538;background:#10190d;padding:19px 13px;display:flex;justify-content:space-around;gap:8px;align-items:center;margin:22px 0}.formula-example span{font-size:7px;text-align:center;color:var(--muted);letter-spacing:.5px}.formula-example b{display:block;font-size:26px;font-weight:400;color:var(--gold);margin-top:10px}.formula-example i{font-style:normal;color:#8a946e}.charge-examples{display:flex;justify-content:space-around;margin:25px 0}.charge-examples>span{display:flex;align-items:center;flex-direction:column;gap:9px}.charge-examples .icon{color:var(--gold);width:18px;height:18px}.charge-examples b{font-size:25px;font-weight:400}.charge-examples small{font-size:8px;color:var(--muted)}.guide-races>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:9px 0;font-size:10px;gap:12px}.guide-races b{color:#d6c192;white-space:nowrap;font-weight:500}.guide-races span{color:#a5b398;text-align:right}.guide-tip{display:flex;align-items:flex-start;gap:13px;background:#202e2066;border:1px solid #50604466;border-radius:4px;padding:17px;color:#adbf9e;font-size:11px;line-height:1.7;margin-top:20px}.guide-tip>.icon{color:var(--teal);width:18px;height:18px;margin-top:2px}.history-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:26px;margin-bottom:27px}.history-stats>div{text-align:center;border-right:1px solid var(--line)}.history-stats>div:last-child{border:0}.history-stats b{display:block;font-size:30px;font-weight:400;color:var(--gold)}.history-stats span{font-size:8px;letter-spacing:1.5px;display:block;margin-top:8px;color:var(--muted)}.history-list{display:flex;flex-direction:column;gap:12px}.history-row{display:flex;align-items:center;gap:30px;background:var(--panel);padding:22px;border:1px solid var(--line);border-radius:4px;width:100%;text-align:left}.history-row:hover{border-color:#697754}.history-row>span:nth-child(2){flex:1}.history-row strong{font-size:13px;font-weight:500}.history-row small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.history-result{display:flex;gap:9px;align-items:center;width:100px;color:#c4b195;font-size:13px}.history-result.player{color:#acbf8a}.history-result.opponent{color:#d0957b}.history-score{font-size:23px;color:var(--gold);white-space:nowrap}.history-score small{display:inline;font-size:12px;padding:0 5px}.history-date{font-size:10px;color:var(--muted)}.history-row>.icon{color:#8c997d;width:16px;height:16px}
/* Arena */
.arena-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.practice-label{font-size:9px;letter-spacing:1.3px;color:#adbe95;display:flex;align-items:center;gap:8px}.arena-shell{background:radial-gradient(ellipse at top,#29342244,transparent 50%),#141b12;border:1px solid #394732;border-radius:7px;padding:27px}.arena-top{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px}.health-display{display:flex;align-items:center;gap:10px;flex:1;max-width:350px}.health-avatar{width:43px;height:43px;border:1px solid #736546;background:#293221;display:grid;place-items:center;font-family:Georgia,serif;color:var(--gold);font-size:22px;flex-shrink:0}.enemy .health-avatar{background:#30261f;color:#d5a386;border-color:#766049}.health-info{flex:1}.health-info>span{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:9px}.health-info small{font-size:6px;letter-spacing:1px;color:#879c77;margin-left:8px}.health-track{height:5px;background:#2e3b25;border-radius:5px;overflow:hidden}.health-track>i{display:block;height:100%;background:#a9bb81;transition:width .7s}.enemy .health-track>i{background:#c28c6f}.health-display>strong{font-size:23px;display:flex;align-items:center;font-weight:500;margin-left:5px;gap:5px}.health-display>strong>.icon{width:14px;height:14px;color:#c69a72}.health-display>strong small{font-size:10px;color:#718361}.round-counter{text-align:center;flex-shrink:0}.round-counter>span{font-size:9px;letter-spacing:1px;color:#9aa786;display:block}.round-counter b{font-size:23px;font-weight:400;letter-spacing:0;margin-left:7px;color:#e2c58f}.round-counter b small{font-size:13px;color:#768c66}.round-counter>span:last-child{font-size:6px;letter-spacing:1.4px;margin-top:5px}.arena-field-strip{display:flex;align-items:center;gap:20px;padding:17px 20px;border:1px solid #54583b;background:linear-gradient(90deg,#283321ee,#263221d9),url('/public/art/citadel.png') center 50%/cover;border-radius:4px}.arena-field-strip>div{display:flex;align-items:center;gap:12px}.arena-field-strip>div>.icon{color:var(--gold);width:28px;height:28px}.arena-field-strip small{display:block;font-size:6px;letter-spacing:1.4px;color:#bca779;margin-bottom:6px}.arena-field-strip strong{font-weight:500;font-size:13px;color:#e7d8b4}.arena-field-strip>p{font-size:11px;color:#b4c1a2}.field-charge{margin-left:auto;color:#c4cbac;font-size:9px;white-space:nowrap}.phase-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:29px 0 10px}.phase-heading h1{font-size:27px;font-family:Georgia,serif;font-weight:400;margin-top:5px}.phase-description{font-size:12px;color:#adbea0;margin-bottom:22px}.phase-description>b{font-weight:550;color:#e5d6b0}.timer-pill{font-size:10px;color:#b0bf9c;border:1px solid #3f5136;background:#1c2818;display:flex;align-items:center;gap:7px;white-space:nowrap;border-radius:20px;padding:9px 12px}.timer-pill>.icon{width:14px;height:14px}.timer-pill.urgent{color:#f3bf8e;border-color:#9d6545}.opponent-deck{padding:0 0 20px;font-size:11px;color:#aec09d}.opponent-deck>summary{cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:32px}.opponent-deck .icon{width:14px;height:14px}.opponent-deck>div{display:flex;flex-wrap:wrap;gap:7px 20px;padding-top:12px}.opponent-deck .text-button{color:#c5cda7}.formation-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.formation-grid .card-art{height:170px}.formation-grid .card-body{padding:9px}.formation-grid .card-body h3{font-size:14px;min-height:35px}.formation-grid .card-stats{gap:8px;flex-wrap:wrap}.formation-grid .card-stats small{display:none}.formation-grid .card-stats b{font-size:17px}.formation-grid .card-body p{font-size:8px;min-height:24px}.commit-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #3b4b30;margin-top:27px;padding-top:23px}.commit-bar strong{display:block;font-size:12px;font-weight:500;color:#dce0c9}.commit-bar strong>span{color:#7b8c66;padding:0 9px}.commit-bar small{display:block;font-size:10px;color:#91a77e;margin-top:7px;line-height:1.6}.commit-bar>.button{flex-shrink:0}.arena-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;border-top:1px solid #2d3b27;padding-top:15px}.arena-bottom>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#758c64}.arena-bottom>span>.icon{width:13px;height:13px}.opponent-formation{padding:13px 0 23px}.opponent-formation>span{font-size:7px;letter-spacing:1.7px;color:#97a881;display:block;margin-bottom:12px}.opponent-formation>div{display:flex;gap:10px}.opponent-chip{display:flex;align-items:center;position:relative;text-align:left;background:#20291a;border:1px solid #414f34;border-radius:4px;overflow:hidden;padding:0;flex:1;max-width:300px;min-height:57px}.opponent-chip .portrait{position:relative;flex-shrink:0;width:38px;min-height:57px;align-self:stretch}.opponent-chip>span{padding:9px;font-size:10px}.opponent-chip small{display:block;font-size:6px;color:#99ac82;margin-top:6px;letter-spacing:.5px}.opponent-chip.spent{opacity:.4;filter:grayscale(.8)}.mulligan-hand{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:17px 0 28px}.mulligan-hand .tool-card{flex-direction:column;padding:25px 17px;text-align:center;min-height:235px}.mulligan-hand .tool-symbol{height:71px;width:66px;margin-bottom:9px}.mulligan-hand .tool-card>div{flex:initial}.mulligan-hand .tool-pick{position:absolute;right:12px;top:12px}.mulligan-hand .tool-card h3{font-size:15px;margin:10px 0}.field-decision{text-align:center;padding:0 25px 18px}.field-orb{height:62px;width:62px;display:grid;place-items:center;border:1px solid #a99562;background:radial-gradient(circle,#5d62405c,#2c3b2044);border-radius:50%;margin:0 auto 20px;box-shadow:0 0 45px #a9b95b10}.field-orb .icon{width:33px;height:33px;color:var(--gold)}.field-decision h2{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:12px 0}.field-decision>p{font-size:12px;color:#acbd9a;line-height:1.7}.field-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:670px;margin:26px auto 0}.choice-button{display:flex;flex-direction:column;align-items:center;padding:23px 20px;gap:12px;border:1px solid #4c5d3c;border-radius:5px;background:#1d2918}.choice-button>.icon{color:var(--gold);width:25px;height:25px}.choice-button.selected{border-color:var(--gold);background:#343722;box-shadow:inset 0 0 0 1px #c9b57544}.choice-button strong{font-size:13px;font-weight:500}.choice-button small{font-size:10px;color:#a6ba91;line-height:1.5}.field-reveal{display:flex;align-items:center;gap:20px;padding:13px 16px;border:1px solid #475a39;border-radius:4px;background:#24341d;color:#b6c79c;font-size:10px;margin-bottom:25px;flex-wrap:wrap}.field-reveal>span{color:#d5c58f;font-size:8px;letter-spacing:.8px}.field-reveal .icon{width:14px;height:14px;margin-right:5px}.field-reveal>b{font-weight:400}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:27px;align-items:start}.battle-layout .section-title h2{font-size:14px;display:flex;align-items:center;gap:7px}.step-badge{width:21px;height:21px;border:1px solid #697b4d;display:inline-grid;place-items:center;font-size:10px;color:#c5d1a6;border-radius:50%;margin-right:3px}.battle-monsters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 25px}.battle-monsters .card-art{height:175px}.battle-monsters .card-body h3{font-size:15px}.battle-monsters .card-stats small{font-size:5px}.monster-card.exhausted{opacity:.35;filter:grayscale(.9)}.exhausted-label{position:absolute;top:50%;left:0;right:0;text-align:center;background:#182012dc;color:#dce2cd;font-size:9px;letter-spacing:1.8px;padding:9px;z-index:2}.mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.mode-button{display:flex;flex-direction:column;text-align:left;gap:10px;min-height:85px;border:1px solid #455834;background:#202c18;padding:14px;border-radius:4px}.mode-button.selected{border-color:var(--gold);background:#343921}.mode-button>span{font-size:11px;color:#dfe2c9}.mode-button .icon{height:15px;width:15px;color:var(--gold);margin-right:4px}.mode-button>small{font-size:9px;color:#abc08f;line-height:1.5}.arsenal-panel>.section-title>span{font-size:10px;color:#c5d4a9}.arsenal-panel>.muted{font-size:10px;line-height:1.7;margin:10px 0 15px}.battle-tools{display:flex;flex-direction:column;gap:9px}.battle-tools .tool-card{padding:12px;gap:9px;min-height:83px}.battle-tools .tool-card h3{font-size:11px}.battle-tools .tool-symbol{width:32px;height:38px}.battle-tools .tool-symbol>.icon{width:19px;height:19px}.battle-tools .tool-card p{font-size:9px}.battle-tools .tool-card .eyebrow{font-size:6px}.battle-tools .tool-card .eyebrow b{margin-left:5px}.battle-tools .tool-pick{width:17px;height:17px}.arsenal-stock{display:flex;justify-content:space-between;margin-top:15px;font-size:9px;color:#8ea276}.arsenal-stock b{color:#d2d8b9;margin-left:8px;font-weight:400}.attack-preview{text-align:center;background:linear-gradient(130deg,#2a351d,#1a2714);border:1px solid #637245;border-radius:4px;padding:18px 20px;margin-top:20px}.attack-preview>span{font-size:8px;color:#b9c798;letter-spacing:1.4px}.attack-preview>strong{display:block;font-family:Georgia,serif;font-size:52px;font-weight:400;color:#e2c890;margin-top:6px;line-height:1.1}.attack-preview>p{font-size:11px;color:#c4d0a9;margin-top:7px}.attack-preview>small{font-size:8px;display:block;color:#8c9e76;margin-top:10px;line-height:1.6}.empty-hand{padding:20px;font-size:11px;color:var(--muted);border:1px dashed var(--line)}.reveal-title{text-align:center;margin:20px 0 28px}.reveal-title h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin-top:10px}.reveal-versus{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);align-items:center;gap:13px}.reveal-combatant{border:1px solid #50603c;border-radius:5px;overflow:hidden;background:#1d2918}.reveal-combatant.round-winner{border-color:var(--gold);box-shadow:0 0 34px #ab985510}.reveal-art{height:215px;position:relative}.reveal-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1b2817,transparent 50%,#0007)}.reveal-art .portrait{background-size:500% 190%;background-position:var(--portrait-position) 28%}.reveal-owner{position:absolute;z-index:1;top:15px;left:15px;font-size:9px;letter-spacing:1.5px;background:#15220eb8;padding:6px 8px;border:1px solid #c6d2a64a}.reveal-outcome{position:absolute;z-index:1;bottom:8px;left:20px;font-size:10px;letter-spacing:2px;color:#bdc9a3}.round-winner .reveal-outcome{color:var(--gold-light)}.reveal-data{padding:15px 22px 22px}.reveal-data h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin-bottom:8px}.reveal-data>.eyebrow{font-size:8px;letter-spacing:1px}.reveal-numbers{display:flex;justify-content:space-between;border-top:1px solid #52603b;border-bottom:1px solid #52603b;padding:16px 0;margin:17px 0}.reveal-numbers>div{display:flex;flex-direction:column;gap:6px}.reveal-numbers span{font-size:8px;letter-spacing:1px;color:#9db180}.reveal-numbers b{font-size:34px;font-weight:400;color:#d8e0c0}.reveal-numbers>div:first-child b{color:var(--gold)}.equation{font-family:ui-monospace,monospace;font-size:10px;color:#c5d4ac;line-height:1.8;overflow-wrap:anywhere}.used-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;font-size:9px;color:#8b9e75;min-height:27px}.used-tools>span{background:#2b391f;border:1px solid #4a5b34;padding:5px 6px;border-radius:3px;color:#b6c39c}.versus-symbol{text-align:center;font-family:Georgia,serif;font-style:italic;font-size:25px;color:#b9a674}.log-details{border:1px solid #3d5130;border-radius:4px;margin-top:22px;background:#172511}.log-details>summary{padding:16px;cursor:pointer;font-size:12px;min-height:48px;color:#d3dfbb}.log-details>summary>.icon{width:16px;height:16px;color:#bbcb9a;margin-right:5px}.log-details>summary>span{float:right;font-size:9px;color:#8ea475;margin-top:4px}.combat-log{padding:10px 18px 17px;border-top:1px solid #3b4e2d;max-height:320px;overflow-y:auto}.combat-log>div{display:flex;align-items:flex-start;gap:6px;font-size:10px;color:#b5c5a0;line-height:1.7;padding:5px 0}.combat-log .icon{width:11px;height:11px;color:#8f9f65;margin-top:3px}.finish-screen{text-align:center;padding:15px 20px 25px}.finish-emblem{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 23px;border:1px solid #a5955f;transform:rotate(45deg);background:linear-gradient(145deg,#56613a55,#23341a55)}.finish-emblem .icon{height:37px;width:37px;transform:rotate(-45deg);color:var(--gold)}.finish-screen h2{font-family:Georgia,serif;font-size:42px;font-weight:400;margin:14px 0}.finish-screen>p{font-size:12px;color:#abc094}.final-score{display:flex;align-items:center;justify-content:center;gap:65px;margin:33px 0}.final-score>div>span{font-size:10px;color:#b7c69a;letter-spacing:2px}.final-score b{display:block;font-family:Georgia,serif;font-weight:400;font-size:64px;color:#e0c68a;margin-top:7px}.final-score>small{font-size:9px;line-height:1.7;color:#788f62;letter-spacing:2px}.finish-rounds{display:flex;justify-content:center;gap:50px;border-top:1px solid #4a5b34;border-bottom:1px solid #4a5b34;padding:24px 0;max-width:600px;margin:0 auto}.finish-rounds>span{font-size:9px;color:#879c6d}.finish-rounds b{display:block;font-size:14px;color:#d1dcbc;font-weight:400;margin-top:7px}.finish-rounds small{display:block;font-size:8px;margin-top:7px}.finish-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0 23px}
/* Dialog and feedback */
.modal-open{overflow:hidden}.dialog-backdrop{position:fixed;inset:0;z-index:50;background:#030903cf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.dialog{width:570px;max-width:100%;max-height:90vh;overflow:auto;background:#192216;border:1px solid #586544;border-radius:7px;box-shadow:0 20px 100px #0009}.dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-bottom:1px solid #414f33;position:sticky;top:0;background:#192216;z-index:1}.dialog header h2{font-size:18px;font-weight:500;line-height:1.4}.dialog-body{padding:24px}.dialog-body>p{font-size:13px;color:#b5c5a3;margin-bottom:17px;line-height:1.8}.dialog-body>h3{font-size:12px;color:var(--gold);margin:20px 0 8px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.inspect-art{height:230px;position:relative;overflow:hidden;border:1px solid #485637;border-radius:4px}.inspect-art .portrait{background-size:500% 200%;background-position:var(--portrait-position) 28%}.inspect-stats{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#b4c69e;border-bottom:1px solid #455636;padding:18px 0}.inspect-stats b{font-weight:500;color:#e4d1a0;margin-left:4px}.inspect-tool{width:90px;height:90px;display:grid;place-items:center;border:1px solid #94885a;background:radial-gradient(circle,#46563288,#1c2b16);margin:0 auto 25px;color:var(--gold);border-radius:8px}.inspect-tool>.icon{width:43px;height:43px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0 20px;border-bottom:1px solid #405333;margin-bottom:12px}.setting-row strong{display:block;font-size:13px;font-weight:500;color:#d8e0c2}.setting-row small{display:block;font-size:11px;line-height:1.7;color:#9bb183;margin-top:7px}.setting-row input{accent-color:var(--gold);width:21px;height:21px;flex-shrink:0;cursor:pointer}#toast{position:fixed;bottom:25px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,20px);background:#e0c897;color:#1a2413;border:1px solid #f2deb5;border-radius:5px;padding:15px 22px;font-size:12px;z-index:70;box-shadow:0 10px 40px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;line-height:1.5}#toast.visible{opacity:1;transform:translate(-50%,0)}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1600px){.hero-banner{min-height:440px}.hero-content{padding:45px}.hero-content h2{font-size:49px}.lineage-card{height:265px}.lobby-grid{grid-template-columns:minmax(0,1fr) 310px}.active-deck{padding:26px}.deck-preview{height:115px;margin:23px 0}.mini-card{width:65px;height:98px}.deck-emblem{margin-top:25px}.formation-grid .card-art{height:200px}}
@media(max-width:1250px){:root{--sidebar:190px}.sidebar{padding:28px 14px 0}.nav-item.active:before{left:-14px}.brand{gap:5px}.brand>div{font-size:23px;letter-spacing:3px}.brand span{font-size:5px}.brand img{width:36px}.topbar{padding:0 28px}main{padding:30px 28px}.app-footer{padding:0 28px}.lobby-grid{grid-template-columns:minmax(0,1fr) 245px;gap:16px}.hero-content{padding:32px 25px}.hero-content h2{font-size:35px}.hero-caption{display:none}.active-deck{padding:18px}.quick-options{gap:16px}.quick-option{gap:12px;padding:14px}.option-end{font-size:0;gap:0}.lineage-card{height:190px}.lineage-label{left:12px}.lineage-label h3{font-size:17px}.lineage-label small{font-size:5px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.deck-card-grid{gap:10px}.deck-card-grid .card-art{height:145px}.deck-card-grid .card-stats small{display:none}.editor-cards .tools-grid{grid-template-columns:1fr}.arena-shell{padding:20px}.formation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.formation-grid .card-art{height:185px}.battle-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.battle-monsters{gap:9px}.battle-monsters .card-art{height:140px}.battle-monsters .card-stats{gap:8px}.battle-monsters .card-stats small{display:none}.battle-monsters .card-body{padding:9px}.battle-monsters .card-body h3{font-size:14px}.health-info small{display:none}.arena-field-strip{gap:12px}.arena-field-strip>p{font-size:9px}.field-charge{font-size:8px}.reveal-data h2{font-size:21px}}
@media(max-width:1000px){:root{--sidebar:78px}.sidebar{padding:24px 10px 0;align-items:center}.brand{margin-bottom:40px}.brand img{width:40px}.brand>div,.nav-label,.nav-item>span,.nav-item>small,.sidebar-world,.profile>div:not(.avatar),.profile>.online-dot{display:none}.sidebar nav,.sidebar-bottom{width:100%}.nav-item{justify-content:center;padding:0;gap:0}.nav-item.active:before{left:-10px}.sidebar-bottom{padding-top:0}.profile{justify-content:center}.profile>.avatar{display:grid}.nav-item>.icon{height:21px;width:21px}.topbar{height:65px}.page-heading h1{font-size:26px}.chapter{display:none}.lobby-grid{grid-template-columns:minmax(0,1fr) 230px}.hero-content h2{font-size:34px}.hero-content p{font-size:11px}.hero-meta{gap:13px;font-size:7px}.lineage-card{height:177px}.lineage-grid{gap:10px}.lineage-label h3{font-size:15px}.lineage-label small{letter-spacing:.5px}.guide-feature{padding:25px}.guide-feature h2{font-size:26px}.battle-layout{grid-template-columns:minmax(0,1fr) 245px}.field-charge{display:none}.reveal-data{padding:13px 16px 18px}.finish-screen h2{font-size:37px}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{position:fixed;top:auto;left:0;bottom:0;right:0;width:100%;height:69px;padding:5px 8px 8px;border-right:0;border-top:1px solid #435037;display:block;background:#121c11f5;backdrop-filter:blur(16px)}.brand,.sidebar-bottom,.sidebar-world{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.nav-item{display:flex;flex-direction:column;gap:5px;min-height:54px;padding:7px 0;font-size:8px;border-radius:4px}.nav-item>span{display:block}.nav-item>.icon{width:18px;height:18px}.nav-item.active:before{display:none}.app-content{margin-left:0;padding-bottom:69px}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:10px;gap:7px}.breadcrumb>strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{gap:10px}.local-status{font-size:0;gap:0}.build-tag{font-size:8px}.topbar .icon-button{width:28px}.topbar .icon-button .icon{width:17px}main{padding:25px 20px 32px;min-height:calc(100vh - 189px)}.page-heading{align-items:flex-start;margin-bottom:23px}.page-heading h1{font-size:26px;line-height:1.25;max-width:330px}.page-heading p{font-size:11px;margin-top:10px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.page-heading>.button{font-size:0;width:40px;min-width:40px;padding:0}.page-heading>.button>.icon{width:18px;height:18px}.lobby-grid{grid-template-columns:1fr;gap:17px}.hero-banner{min-height:367px;background-position:66% center}.hero-content{padding:29px 25px}.hero-content h2{font-size:36px;margin-top:23px}.hero-content p{font-size:12px}.hero-content .button{margin-top:25px}.hero-meta{font-size:7px;gap:19px}.hero-banner:before{background:linear-gradient(90deg,rgba(11,18,14,.9),rgba(12,20,15,.35)),linear-gradient(0deg,rgba(8,17,12,.8),transparent 60%)}.active-deck{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:19px 20px;text-align:left;column-gap:20px;align-items:center}.active-deck>.section-title{grid-column:1/-1;margin-bottom:12px}.active-deck .deck-emblem{display:none}.active-deck h3{font-size:21px;margin:6px 0 0;grid-column:1}.active-deck>p{grid-column:1;margin:0;font-size:9px}.active-deck .deck-preview{grid-row:2/5;grid-column:2;margin:0;height:85px;justify-content:center;align-self:start}.mini-card{width:49px;height:74px}.deck-metrics{grid-column:1/-1;margin-top:19px;padding:15px 0;justify-content:space-between;gap:10px}.deck-metrics>div{align-items:center;flex:1}.deck-metrics small{font-size:7px}.active-deck>.button{grid-column:1/-1;min-height:43px;justify-content:center;font-size:11px}.active-deck>.button>.icon:last-child{margin-left:8px}.quick-options{grid-template-columns:1fr;margin-top:17px;gap:12px}.quick-option{padding:16px;min-height:80px}.quick-option small{font-size:10px}.option-end{font-size:7px;gap:8px}.lineages{margin-top:29px}.lineages .section-title h2{font-size:23px;max-width:215px;line-height:1.25}.lineages .section-title .text-button{white-space:nowrap;font-size:9px;align-self:flex-end}.lineage-grid{grid-template-columns:repeat(5,155px);gap:12px;overflow:auto;padding:3px 0 15px;scroll-snap-type:x mandatory}.lineage-card{height:211px;scroll-snap-align:start}.lineage-label{left:14px}.lineage-label h3{font-size:20px}.lineage-label small{font-size:6px}.app-footer{height:60px;padding:0 20px;gap:15px;font-size:7px}.app-footer .footer-right{display:none}.app-footer>span:first-child{white-space:nowrap}.collection-count{display:none}.collection-toolbar{flex-wrap:wrap;gap:12px;border-bottom:0}.tabs{gap:17px;border-bottom:1px solid var(--line);width:100%}.tab{font-size:11px;flex:1;height:43px}.tab>span{font-size:8px;margin-left:5px}.search-box{width:100%;height:41px}.search-box input{width:100%;font-size:12px}.filter-row{gap:7px;margin:17px 0}.filter{padding:9px 10px;min-height:36px;font-size:9px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-art{height:180px}.card-body{padding:11px}.card-body h3{font-size:16px;min-height:41px}.card-stats{gap:10px}.card-stats small{font-size:5px}.card-body p{font-size:9px}.tools-grid{grid-template-columns:1fr;gap:12px}.tool-card{padding:16px;min-height:103px}.fields-grid{grid-template-columns:1fr;gap:18px}.field-art{height:165px}.field-card>div:last-child{padding:19px}.field-card h3{font-size:23px}.deck-presets{gap:7px;padding:14px;margin-bottom:22px}.deck-presets>.eyebrow{width:100%;margin:0 0 5px}.preset-button{font-size:9px;padding:10px;flex:1;white-space:nowrap}.editor-layout{display:flex;flex-direction:column}.editor-cards{width:100%;order:2}.deck-summary{position:static;width:100%;padding:19px;order:1}.deck-summary>.summary-list{display:none}.deck-summary .budget-row{margin-top:14px}.deck-summary .budget-meter{margin-top:8px}.deck-summary .fine-print{font-size:9px}.editor-cards>.section-title .muted{font-size:9px;text-align:right;max-width:110px}.deck-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.deck-card-grid .card-art{height:130px}.deck-card-grid .card-body{padding:9px 7px}.deck-card-grid .card-body h3{font-size:12px;min-height:43px}.deck-card-grid .card-race{font-size:6px;left:5px;top:5px;padding:4px}.deck-card-grid .card-stars{font-size:9px;letter-spacing:0;right:6px}.deck-card-grid .card-stats{gap:7px;margin:6px 0;padding:7px 0}.deck-card-grid .card-stats b{font-size:14px}.deck-card-grid .card-body p{font-size:7px}.deck-card-grid .selected-check{height:18px;width:18px;right:4px;top:29px}.deck-card-grid .selected-check>.icon{width:12px;height:12px}.guide-grid{grid-template-columns:1fr;gap:18px}.guide-feature{padding:27px 24px}.guide-feature h2{font-size:28px}.guide-feature>p{font-size:12px}.history-stats{padding:19px 10px}.history-stats b{font-size:27px}.history-stats span{font-size:6px;letter-spacing:1px}.history-row{gap:10px;padding:17px 12px}.history-result{font-size:10px;width:67px;gap:5px}.history-result>.icon{height:14px;width:14px}.history-row strong{font-size:11px}.history-row small{font-size:8px;line-height:1.4}.history-date{display:none}.history-score{font-size:17px}.history-score small{font-size:9px}.history-row>.icon{width:12px}.empty-state.big{padding:45px 20px}.empty-state h2{font-size:23px}.empty-state p{font-size:11px}.arena-heading{flex-wrap:wrap;gap:6px;margin-bottom:13px}.arena-heading>.text-button{font-size:9px;min-height:35px}.arena-heading>.text-button:first-child{order:1}.arena-heading>.text-button:last-child{order:2;margin-left:auto}.practice-label{font-size:7px;letter-spacing:1px;width:100%;order:0;margin-bottom:3px}.arena-shell{padding:15px 12px;border-radius:5px;margin:0 -7px}.arena-top{gap:12px;flex-wrap:wrap;margin-bottom:17px}.health-display{gap:7px;max-width:none;min-width:calc(100% - 85px);order:2}.health-display.enemy{order:0;min-width:0;flex:1}.health-avatar{height:34px;width:34px;font-size:19px}.health-display>strong{font-size:21px;margin-left:2px;gap:3px}.health-display>strong small{font-size:9px}.health-display>strong>.icon{width:13px;height:13px}.health-info>span{font-size:11px;margin-bottom:7px}.health-info small{display:block;font-size:6px}.round-counter{order:1;width:75px;align-self:center}.round-counter b{font-size:20px;margin-left:2px}.round-counter b small{font-size:10px}.round-counter>span{font-size:7px;letter-spacing:0}.round-counter>span:last-child{font-size:5px}.arena-field-strip{padding:13px 12px;flex-wrap:wrap;gap:7px}.arena-field-strip>div{gap:8px;width:100%}.arena-field-strip>div>.icon{height:21px;width:21px}.arena-field-strip small{font-size:6px;margin-bottom:4px}.arena-field-strip strong{font-size:12px}.arena-field-strip>p{font-size:10px;padding-left:29px}.field-charge{display:block;font-size:8px;margin:0 0 0 29px}.phase-heading{margin:23px 0 13px;gap:10px;align-items:flex-start}.phase-heading h1{font-size:24px;line-height:1.25}.phase-heading .eyebrow{font-size:8px}.timer-pill{font-size:8px;gap:5px;padding:8px;margin-top:6px}.timer-pill>.icon{width:12px;height:12px}.phase-description{font-size:11px;line-height:1.7;margin-bottom:10px}.opponent-deck{padding-bottom:16px;font-size:10px}.formation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.formation-grid .card-art{height:139px}.formation-grid .card-race{font-size:6px;padding:3px;top:6px;left:4px}.formation-grid .card-stars{font-size:9px;letter-spacing:0;right:5px}.formation-grid .card-body{padding:8px 7px}.formation-grid .card-body h3{font-size:12px;min-height:42px}.formation-grid .card-stats{gap:9px;padding:7px 0;margin:6px 0}.formation-grid .card-stats b{font-size:15px}.formation-grid .card-stats .icon{width:12px;height:12px}.formation-grid .card-body p{font-size:7px;min-height:24px}.formation-grid .selected-check{height:19px;width:19px;right:5px;top:28px}.formation-grid .selected-check>.icon{height:12px;width:12px}.commit-bar{flex-direction:column;align-items:stretch;gap:15px;margin-top:22px;padding-top:19px}.commit-bar strong{font-size:11px}.commit-bar small{font-size:10px}.commit-bar>.button{width:100%;min-height:48px;font-size:12px}.arena-bottom{gap:10px;align-items:flex-start;margin-top:20px;padding-top:13px}.arena-bottom>span{font-size:7px;line-height:1.6;max-width:175px}.arena-bottom .text-button{font-size:8px;min-height:25px;white-space:nowrap}.opponent-formation{padding:8px 0 20px}.opponent-formation>span{font-size:6px;margin-bottom:10px}.opponent-formation>div{gap:6px}.opponent-chip{min-height:51px;align-items:stretch}.opponent-chip .portrait{width:25px;min-height:53px}.opponent-chip>span{font-size:8px;padding:7px 5px;line-height:1.3}.opponent-chip small{font-size:5px;margin-top:5px;line-height:1.5}.mulligan-hand{grid-template-columns:1fr;gap:11px;margin:0 0 20px}.mulligan-hand .tool-card{flex-direction:row;text-align:left;min-height:98px;padding:17px}.mulligan-hand .tool-symbol{width:45px;height:55px;margin:0}.mulligan-hand .tool-card h3{font-size:12px;margin:7px 0}.mulligan-hand .tool-pick{position:static;margin-left:auto}.guide-tip{font-size:10px;padding:14px;gap:10px}.field-decision{padding:5px 0 0}.field-orb{width:53px;height:53px;margin-bottom:16px}.field-orb>.icon{width:28px;height:28px}.field-decision h2{font-size:25px}.field-decision>p{font-size:11px}.field-choices{gap:10px;margin-top:23px}.choice-button{padding:18px 12px;gap:10px}.choice-button strong{font-size:11px;line-height:1.5}.choice-button small{font-size:9px}.choice-button>.icon{height:22px;width:22px}.field-reveal{gap:10px 16px;font-size:9px;padding:12px;margin-bottom:22px}.field-reveal>span{font-size:7px;width:100%}.battle-layout{grid-template-columns:1fr;gap:23px}.battle-layout .section-title h2{font-size:13px}.battle-monsters{gap:8px;margin-top:13px;margin-bottom:22px}.battle-monsters .card-art{height:139px}.battle-monsters .card-race{font-size:6px;left:4px;top:5px;padding:4px}.battle-monsters .card-stars{font-size:9px;right:5px;letter-spacing:0}.battle-monsters .card-body{padding:8px 7px}.battle-monsters .card-body h3{font-size:12px;min-height:42px}.battle-monsters .card-body p{font-size:7px;min-height:24px}.battle-monsters .card-stats{gap:9px;margin:6px 0;padding:7px 0}.battle-monsters .card-stats b{font-size:15px}.battle-monsters .selected-check{height:18px;width:18px;top:29px;right:5px}.battle-monsters .selected-check>.icon{width:12px;height:12px}.mode-choices{gap:9px}.mode-button{padding:12px;min-height:85px}.mode-button>span{font-size:10px}.mode-button small{font-size:8px;line-height:1.6}.battle-tools .tool-card{min-height:85px;padding:14px}.battle-tools .tool-card h3{font-size:12px}.battle-tools .tool-symbol{width:36px;height:43px}.battle-tools .tool-card .eyebrow{font-size:7px}.battle-tools .tool-card p{font-size:10px}.attack-preview{display:grid;grid-template-columns:1fr 60px;text-align:left;padding:16px;column-gap:10px}.attack-preview>span{grid-row:1;font-size:8px;align-self:end}.attack-preview>strong{grid-column:2;grid-row:1/3;text-align:right;font-size:40px;margin:0}.attack-preview>p{grid-column:1;grid-row:2;font-size:10px}.attack-preview>small{grid-column:1/-1;margin-top:12px;font-size:8px}.reveal-title{margin:15px 0 24px}.reveal-title .eyebrow{font-size:8px}.reveal-title h2{font-size:27px;line-height:1.25}.reveal-versus{grid-template-columns:1fr 1fr;gap:10px}.versus-symbol{display:none}.reveal-art{height:175px}.reveal-art .portrait{background-size:500% 110%;background-position:var(--portrait-position) 40%}.reveal-owner{font-size:6px;padding:5px;top:8px;left:8px;letter-spacing:.9px}.reveal-outcome{font-size:7px;left:11px;letter-spacing:1.2px}.reveal-data{padding:11px 10px 14px}.reveal-data h2{font-size:16px;min-height:39px;line-height:1.2}.reveal-data>.eyebrow{font-size:6px;letter-spacing:.3px}.reveal-numbers{margin:12px 0;padding:12px 0;gap:7px}.reveal-numbers b{font-size:25px}.reveal-numbers span{font-size:6px;letter-spacing:.5px}.equation{font-size:8px;line-height:1.6}.used-tools{font-size:7px;margin-top:12px;gap:5px}.used-tools>span{font-size:7px;padding:4px}.log-details>summary{font-size:10px;padding:13px}.log-details>summary>span{display:none}.combat-log{padding:10px 12px}.combat-log>div{font-size:9px}.finish-screen{padding:20px 4px}.finish-emblem{width:62px;height:62px}.finish-emblem>.icon{height:30px;width:30px}.finish-screen h2{font-size:34px;line-height:1.2}.finish-screen>p{font-size:11px}.final-score{gap:43px;margin:28px 0}.final-score b{font-size:56px}.final-score>small{font-size:7px}.finish-rounds{gap:17px;padding:21px 0}.finish-rounds>span{font-size:8px}.finish-rounds b{font-size:12px}.finish-rounds small{font-size:7px;line-height:1.5}.finish-actions{flex-direction:column;gap:12px;margin-bottom:20px}.finish-actions>.button{width:100%}.finish-screen .fine-print{font-size:9px}.dialog-backdrop{padding:17px}.dialog{max-height:88vh}.dialog>header{padding:14px 17px;gap:10px}.dialog header h2{font-size:17px}.dialog-body{padding:19px}.dialog-body>p{font-size:12px}.dialog-actions{flex-direction:column}.dialog-actions>.button{width:100%}.inspect-art{height:210px}.inspect-stats{font-size:10px;gap:7px}.setting-row strong{font-size:12px}.setting-row small{font-size:10px}.setting-row input{width:23px;height:23px}.dialog .guide-tip{font-size:10px}#toast{bottom:84px;left:50%;max-width:calc(100vw - 30px);width:max-content;font-size:11px;padding:13px 17px}}
@media(max-width:365px){main{padding-left:14px;padding-right:14px}.hero-content{padding:28px 21px}.hero-content h2{font-size:33px}.active-deck{padding:17px}.page-heading h1{font-size:24px}.card-stats small{display:none}.formation-grid .card-art,.battle-monsters .card-art{height:120px}.formation-grid .card-body h3,.battle-monsters .card-body h3{font-size:11px}.deck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-card-grid .card-art{height:165px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.opponent-resources{font-size:10px;color:#9aad8b;margin:-4px 0 13px;line-height:1.7}.opponent-resources b{font-weight:500;color:#c1cfb0}
@media(max-width:760px){.opponent-resources{font-size:9px;margin-top:-2px;margin-bottom:11px}.opponent-formation .opponent-chip{min-height:60px}.card-body p,.battle-monsters .card-body p,.formation-grid .card-body p{font-size:9px;line-height:1.5}.battle-monsters .card-body h3,.formation-grid .card-body h3{font-size:13px;min-height:49px}.battle-monsters .card-art,.formation-grid .card-art{height:130px}.battle-monsters .card-race,.formation-grid .card-race{font-size:7px}.opponent-chip>span{font-size:9px}.opponent-chip small{font-size:6px}.timer-pill{white-space:normal;max-width:112px}.filter,.preset-button,.tab,.text-button{min-height:44px}.arena-bottom .text-button{min-height:44px}.mode-button small{font-size:10px}.attack-preview>small{font-size:10px}.card-body p{font-size:10px}}
@media(min-width:761px) and (max-height:850px){.sidebar{padding-top:22px;overflow-y:auto}.brand{margin-bottom:36px}.sidebar-world{min-height:120px;height:120px;margin-top:28px}.world-rune{font-size:30px;margin-bottom:5px}.sidebar-world>span:nth-child(2){font-size:11px}.little-line{margin-top:9px}}
@media(min-width:761px) and (max-height:699px){.sidebar-world{display:none}}