@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500;600;700&family=Cinzel:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&display=swap";.upgrade-dialog{width:min(940px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:3px solid #543c2b;border-radius:18px;padding:26px 24px 18px;color:#35291b;background:radial-gradient(ellipse at 50% 25%,#fff7df,#e0cfaa);box-shadow:0 24px 100px #130e0ad9,inset 0 0 0 4px #9c7f5c}.upgrade-dialog::backdrop{background:#18120cb8}.upgrade-heading{text-align:center}.upgrade-heading>small{font-size:11px;letter-spacing:2px;color:#755537}.upgrade-heading h2{margin:8px 0;font-size:clamp(24px,3vw,34px)}.upgrade-heading p{margin:8px 0;font-size:13px}.upgrade-hand{display:flex;justify-content:center;gap:12px;perspective:1400px;padding:42px 8px 30px}.upgrade-card.dp-card{width:246px;flex:0 1 246px;min-width:0;height:475px;margin:0}.upgrade-card .dp-card-edge{display:flex;flex-direction:column}.upgrade-card .dp-art{flex:0 0 155px;height:155px}.upgrade-card .dp-art-image{object-position:center 28%}.upgrade-card .dp-card-edge>h2{font-size:20px;flex-shrink:0;margin:8px 4px 3px}.upgrade-art{position:relative}.upgrade-art-1 img{filter:hue-rotate(15deg)}.upgrade-art-2 img{filter:sepia(.25)}.upgrade-sigil{position:absolute;bottom:6px;right:12px;font-size:38px;color:#fff3ce;text-shadow:0 2px 5px #201208}.upgrade-counter{font-size:11px;font-weight:700;color:#6c452d;padding:3px 5px}.upgrade-description{font-size:13px;line-height:1.45;padding:6px 12px;margin:0;flex:1}.upgrade-numbers{display:flex;justify-content:space-around;border-top:1px solid #79563755;padding:8px 0;margin:0 10px}.upgrade-numbers span{display:grid;gap:2px}.upgrade-numbers b{font-size:18px}.upgrade-numbers small{font-size:10px}.upgrade-numbers .upgrade-stat b{color:#f2c76b}.upgrade-card .dp-card-foot{position:static;margin:0 8px 8px}.upgrade-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.chosen-upgrade{display:block;font-size:11px;margin:6px 0;color:#65462e}:root[data-theme] .match-active .action.upgrade-prompt,.action.upgrade-prompt{border:1px solid #f2c76b;background:linear-gradient(#4a3a1f,#2e2416);color:#fbe6a8;box-shadow:0 0 12px #f2c76b99,0 0 26px #e3a93c66,inset 0 0 12px #f2c76b44;animation:upgrade-pending 1.2s ease-in-out infinite alternate}:root[data-theme] .match-active .action.upgrade-prompt>span{color:#ffe9a8;text-shadow:0 0 10px #f2c76bcc}@keyframes upgrade-pending{to{border-color:#ffe39a;box-shadow:0 0 20px #f2c76bdd,0 0 44px #e3a93caa,inset 0 0 18px #f2c76b77}}@media(prefers-reduced-motion:reduce){.action.upgrade-prompt{animation:none}}@media(max-width:700px){.upgrade-dialog{padding:18px 10px}.upgrade-hand{flex-wrap:wrap;gap:25px}.upgrade-card.dp-card{flex:0 0 246px}}@media(prefers-reduced-motion:reduce){.upgrade-card.dp-card{transition:none;transform:none}}.upgrade-dialog.upgrade-review{width:min(500px,calc(100vw - 32px))}.upgrade-card.upgrade-card-readonly:disabled{opacity:1;cursor:default;filter:none}button.chosen-upgrade{width:100%;text-align:left}.dp{min-height:100vh;color:#35291b;background:linear-gradient(#f1f3f470,#e5e7e870),#e1e3e4 url(/art/backgrounds/castle-marble.jpg) 0 0 / 640px 640px;padding:24px 0 35px;font-family:Georgia,serif;overflow:hidden}.dp button,.dp a{-webkit-tap-highlight-color:transparent}.dp button{font:inherit;cursor:pointer}.dp button:disabled{cursor:default}.dp button:focus-visible,.dp a:focus-visible{outline:3px solid #30728c;outline-offset:5px}.dp-header{max-width:1220px;margin:auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;font:12px system-ui;letter-spacing:1px}.dp-header a{color:#55452e;text-decoration:none}.dp-header button{background:transparent;border:1px solid #a38b65;color:#55452e;padding:9px 16px;border-radius:4px}.dp-heading{text-align:center;margin:38px 16px 0}.dp-overline{font:11px system-ui;letter-spacing:3px;color:#80613b}.dp-heading h1{font:clamp(30px,4vw,46px) Georgia,serif;margin:10px 0}.dp-heading p{font:14px system-ui;color:#75664d}.dp-picks{display:flex;gap:10px;justify-content:center;margin-top:22px}.dp-picks span{font:12px system-ui;border:1px dashed #ae9570;border-radius:4px;padding:9px 18px;color:#796749;min-width:90px}.dp-picks .filled{background:#6b7047;color:#fff7df;border-style:solid;border-color:#555c36;animation:dp-arrive .3s ease-out}.dp-hand{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#b69b6c transparent;touch-action:pan-x pan-y;max-width:1440px;margin:auto;perspective:1400px;-webkit-user-select:none;user-select:none}.dp-fan{display:flex;justify-content:center;align-items:flex-start;width:max-content;min-width:100%;padding:80px 95px 70px;box-sizing:border-box;perspective:1400px}.dp-card{position:relative;width:246px;flex:0 0 246px;height:466px;margin-left:-90px;padding:5px;border:1px solid #70502f;border-radius:19px 19px 13px 13px;background:linear-gradient(135deg,#f3d798,#8b6036 24%,#dfbc74 47%,#634323 72%,#d9b275);box-shadow:0 4px #64492d,0 7px #382b20,0 16px 20px #34241445;transform:translateY(var(--drop)) rotate(var(--angle));transform-origin:50% 110%;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .25s,opacity .3s;z-index:1;text-align:center;color:#35291b;isolation:isolate}.dp-card:first-child{margin-left:0}.dp-card.selected{z-index:9;transform:translateY(-24px) rotate(0);box-shadow:0 4px #64492d,0 7px #382b20,0 0 0 2px #edd696,0 22px 35px #34241450}.dp-card:hover:not(:disabled),.dp-card:focus-visible{z-index:12;transform:translateY(-40px) rotate(0) rotateY(-3deg) scale(1.055);box-shadow:0 5px #64492d,0 8px #382b20,0 30px 35px #34241460}.dp-card:active:not(:disabled){transform:translateY(-25px) scale(1.02)}.dp-card.drafted{opacity:.28;transform:translateY(calc(var(--drop) + 20px)) rotate(var(--angle)) scale(.93);filter:grayscale(1)}.dp-card-edge{height:100%;border:1px solid #735331;border-radius:14px 14px 8px 8px;overflow:hidden;background:linear-gradient(105deg,#e0cba3,#fff0cb 50%,#e0cba3);position:relative}.dp-card-top{position:absolute;top:9px;left:9px;right:9px;display:flex;align-items:center;justify-content:space-between;z-index:2}.dp-tier,.dp-cost{background:radial-gradient(circle at 35% 25%,#fce9ab,#bb8b43);box-shadow:0 2px 4px #0005,inset 0 0 0 2px #e8c584;border:2px solid #654628;border-radius:50%;width:35px;height:35px;display:grid;place-content:center;font-size:19px;font-weight:700}.dp-cost{width:49px;height:49px;font-size:18px}.dp-cost small{font:8px system-ui;letter-spacing:1px}.dp-role{font:9px system-ui;text-transform:uppercase;color:#fff6de;text-shadow:0 1px 3px #000;background:#302e29b0;padding:5px 9px;border-radius:10px}.dp-art{height:153px;background:radial-gradient(ellipse at 50% 80%,#b9b59a,var(--accent));position:relative;display:flex;align-items:center;justify-content:center;border-bottom:3px solid #977043;overflow:hidden}.dp-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.dp-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 35px #17211d66}.dp-art-ring{position:absolute;width:116px;height:116px;border:1px solid #fff5;transform:rotate(45deg);border-radius:20px}.dp-art svg{width:86px;height:86px;opacity:.65;filter:drop-shadow(0 4px 4px #0005)}.dp-art>span{position:absolute;bottom:9px;font:8px system-ui;letter-spacing:3px;color:#fffbd6;z-index:1}.dp-card h2{font:700 21px Georgia,serif;margin:10px 4px 5px}.dp-types{font:9px system-ui;text-transform:capitalize;letter-spacing:.2px;color:#725a3a}.dp-types span{padding:0 5px;color:#ae864a}.dp-stats{display:flex;justify-content:space-around;margin:11px 14px 0;padding:8px 0;border-top:1px solid #b79b6d;border-bottom:1px solid #b79b6d}.dp-stats span{display:grid;gap:2px}.dp-stats b{font:700 21px Georgia,serif}.dp-stats small{font:9px system-ui;text-transform:uppercase;letter-spacing:.8px}.dp-minor{display:flex;justify-content:center;gap:25px;font:12px system-ui;margin-top:7px}.dp-minor small{color:#80694a}.dp-ability{font:11px/1.4 system-ui;margin:9px 15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dp-card-foot{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:8px 12px;background:#b2956426;border-top:1px solid #b99b6c;font:8px system-ui;letter-spacing:1px;color:#755732}.dp-navigation{display:flex;justify-content:center;align-items:center;gap:22px;margin:5px 0 26px;font:12px system-ui;color:#796849}.dp-navigation button{background:#f3e5c5;border:1px solid #b39768;border-radius:50%;width:38px;height:38px;color:#574228}.dp-navigation button:disabled{opacity:.3}.dp-confirm{padding:15px 22px;border:1px solid #604725;border-radius:5px;background:linear-gradient(#8b7041,#614b2a);color:#fff2cc;box-shadow:inset 0 0 0 1px #d1b274,0 3px #42311e;min-width:190px}.dp-confirm span{margin-left:18px}.dp-confirm:disabled{opacity:.5}.dp-disclaimer{text-align:center;font:11px system-ui;color:#7b6a51;margin:18px 10px 0}@keyframes dp-arrive{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:700px){.dp-header{font-size:10px;padding:0 16px}.dp-heading{margin-top:28px}.dp-fan{padding:65px 55px 50px}.dp-card{margin-left:-45px;--angle: 0deg !important;--drop: 0px !important}.dp-confirm{width:100%}.dp-hand{scroll-snap-type:x proximity}.dp-card{scroll-snap-align:center}.dp-card:hover:not(:disabled){transform:translateY(-24px)}.dp-picks span{min-width:70px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.dp *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.dp-hand{overflow:visible;touch-action:auto}.dp-fan{width:100%;min-width:0;padding-inline:55px}@media(min-width:1101px){.dp-card{margin-left:clamp(-130px,calc((100vw - 1892px) / 6),-90px)}}@media(max-width:1100px){.dp-fan{flex-wrap:wrap;gap:24px;padding:45px 20px}.dp-card{margin-left:0;--angle: 0deg !important;--drop: 0px !important}.dp-card:hover:not(:disabled),.dp-card:focus-visible{transform:translateY(-12px) scale(1.025)}}.dp-unit-details{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:4px;margin:10px 12px 0;padding-top:9px;border-top:1px solid #b79b6d;font-family:system-ui,sans-serif}.dp-unit-details span{display:grid;gap:4px}.dp-unit-details small{font-size:9px;color:#725a3a}.dp-unit-details b{font-size:11px;line-height:1.4}.live-draft.dp{max-width:none;padding:68px 20px 35px}.live-draft .page-heading,.live-draft .draft-layout{max-width:1600px;margin:0 auto}.live-draft .draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:40px;align-items:start}@media(min-width:1201px){.live-draft .dp-fan{padding-inline:110px}.live-draft .dp-card{margin-left:clamp(-150px,calc((min(100vw,1600px) - 2212px) / 6),-90px)}}.live-draft .dp-card:first-child{margin-left:0}:root .live-draft .draft-rosters{padding:60px 0 0;border:0;border-image:none;background:none;box-shadow:none;color:#2f3336}.live-draft .draft-rosters h3{padding-bottom:6px;color:#3f4448}.live-draft .draft-rosters h3 small{color:#6b7075}.live-draft .draft-rosters>h3:not(:first-child){margin-top:26px}.live-draft .draft-pick{display:flex;align-items:center;gap:10px;margin:8px 0;font-size:13px}.live-draft .draft-rosters>p{color:#5d6266}.live-draft .draft-timer{background:linear-gradient(#454a4f,#33373b);border-color:#25282b;box-shadow:0 6px 18px #1e212433}.live-draft .draft-timer small{color:#c3c8cc}.live-draft .draft-timer strong{color:#f3f4f5}@media(max-width:1200px){.live-draft .draft-layout{grid-template-columns:1fr}.live-draft .draft-rosters{padding-top:10px}}:root .dp-card:disabled:not(.drafted),:root[data-theme] .dp-card:disabled:not(.drafted){opacity:1}.dp-card:disabled:not(.drafted):hover{z-index:12;transform:translateY(-25px) rotate(0)}.live-draft .dp-ability{-webkit-line-clamp:unset;display:block}.live-draft .dp-card{height:510px}@media(max-width:700px){.live-draft .page-heading{gap:12px}.live-draft .page-heading h1{font-size:30px}}.home-nav{position:fixed;inset:0 auto 0 0;z-index:3;width:250px;display:flex;flex-direction:column;gap:26px;padding:0 22px 26px;background:linear-gradient(90deg,#120e10ee,#1a1416cc 80%,transparent);border-right:1px solid #5b513a55}:root .home-screen main.lobby,:root[data-theme] .home-screen main.lobby{padding-left:250px}.player-banner{position:relative;display:grid;justify-items:center;gap:8px;width:100%;padding:34px 14px 58px;background:linear-gradient(#ffffff0a,transparent 40%),linear-gradient(var(--banner-top, #5a1f1c),var(--banner-bottom, #3b1514));border:1px solid #b89a5c;border-top:0;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 30px),0 100%);box-shadow:inset 0 0 0 4px #1a0d0c55;text-align:center}.player-banner:before{content:"";position:absolute;inset:0 -1px auto;height:6px;background:linear-gradient(#e6cf8f,#8f7443)}.banner-emblem{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2c2224,#140f10);border:2px solid #c9ab66;box-shadow:0 4px 14px #0008}.banner-emblem svg{width:40px;height:46px}.banner-emblem path:first-child{fill:var(--banner-shield, #6b2622);stroke:#e6cf8f;stroke-width:2}.banner-emblem path:last-child{fill:#e6cf8f}.banner-name{font:400 22px/1.15 var(--title, Georgia, serif);letter-spacing:.06em;color:#f3e2ad;text-shadow:0 2px 8px #000a;overflow-wrap:anywhere}.banner-title{font:400 11px/1.3 var(--body, Georgia, serif);letter-spacing:.12em;text-transform:uppercase;color:#d9bfa0;opacity:.8}.home-nav nav{flex:1;display:flex;flex-direction:column}.home-nav ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.home-nav nav a,:root[data-theme] .app .home-nav button.nav-page:not(.dp-card){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-left:2px solid transparent;color:var(--ink, #e3dfd1);font:400 15px/1.2 var(--title, Georgia, serif);letter-spacing:.06em;text-decoration:none;cursor:default}:root[data-theme] .app .home-nav button.nav-page:not(.dp-card){width:100%;min-height:0;margin:0;padding:11px 12px;border:0;border-left:2px solid transparent;background:none;box-shadow:none;text-shadow:none;color:var(--ink, #e3dfd1);font:400 15px/1.2 var(--title, Georgia, serif);letter-spacing:.06em;text-align:left;text-transform:none;cursor:pointer}:root[data-theme] .app .home-nav button.nav-page:not(.dp-card):hover:not(:disabled),:root[data-theme] .app .home-nav button.nav-page:not(.dp-card):focus-visible{border-left-color:var(--gold, #decc93);background:#decc9310;box-shadow:none;color:var(--gold-bright, #f0dba1);transform:none}.home-nav nav a[aria-disabled=true]{opacity:.4}.home-nav nav a:not([aria-disabled=true]):hover,.home-nav nav a:not([aria-disabled=true]):focus-visible{border-left-color:var(--gold, #decc93);background:#decc9310;color:var(--gold-bright, #f0dba1)}.home-nav .nav-logout{margin-top:auto;border-top:1px solid #5b513a55;color:var(--muted, #b2a69d)}@media(max-width:900px){.home-nav{position:static;width:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:0 12px 4px;background:#120e10cc;border-right:0;border-bottom:1px solid #5b513a55}:root .home-screen main.lobby,:root[data-theme] .home-screen main.lobby{padding-left:24px}.player-banner{width:128px;flex:none;padding:16px 8px 30px;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 16px),0 100%)}.banner-emblem{width:44px;height:44px}.banner-emblem svg{width:24px;height:28px}.banner-name{font-size:14px}.banner-title{display:none}.home-nav nav{flex:1 0 100%;flex-direction:row;min-width:0;overflow-x:auto}.home-nav ul{display:flex}.home-nav nav a,:root[data-theme] .app .home-nav button.nav-page:not(.dp-card){padding:10px;border-left:0;border-bottom:2px solid transparent;font-size:13px;white-space:nowrap}:root[data-theme] .app .home-nav button.nav-page:not(.dp-card){width:auto}.home-nav nav a:not([aria-disabled=true]):hover,.home-nav nav a:not([aria-disabled=true]):focus-visible,:root[data-theme] .app .home-nav button.nav-page:not(.dp-card):hover,:root[data-theme] .app .home-nav button.nav-page:not(.dp-card):focus-visible{border-bottom-color:var(--gold, #decc93)}.home-nav .nav-logout{margin:0;border-top:0}}:root[data-theme] .app .home-nav button.nav-page.nav-glow:not(.dp-card){color:var(--gold-bright, #f0dba1);border-left-color:var(--gold, #decc93);animation:nav-glow 2.2s ease-in-out infinite}@keyframes nav-glow{0%,to{background:#decc930d;text-shadow:0 0 0 transparent}50%{background:#decc9326;text-shadow:0 0 12px #f0dba1aa}}@media(prefers-reduced-motion:reduce){:root[data-theme] .app .home-nav button.nav-page.nav-glow:not(.dp-card){animation:none;background:#decc931f}}:root[data-theme] .app .player-banner button.banner-action:not(.dp-card){margin:2px 0 0;padding:4px 10px;font:400 11px/1.3 var(--body, Georgia, serif);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-bright, #f0dba1)}.banner-name.long{font-size:15px;letter-spacing:.03em}.nav-legal{display:flex;gap:14px;padding:10px 12px 0}.home-nav .nav-legal a{padding:0;border:0;font:12px/1.3 var(--body, Georgia, serif);letter-spacing:.04em;color:var(--muted, #b2a69d);cursor:pointer}.home-nav .nav-legal a:hover{background:none;color:var(--gold-bright, #f0dba1);text-decoration:underline}:root[data-theme] .app .home-nav button.nav-page.nav-logout:not(.dp-card){margin-top:auto;border-top:1px solid #5b513a55;color:var(--muted, #b2a69d)}.training .training-title{font:400 18px/1 var(--title, Georgia, serif);letter-spacing:.14em;color:var(--gold, #decc93)}.training .match-strip .match-utilities{display:flex;align-items:center;gap:8px}.training .training-orders{min-width:0;margin:0;padding:0;border:0}.training .side-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.training .side-switch button{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:52px;padding:8px 12px;text-align:left;font:400 16px/1.1 var(--body, Georgia, serif)}.training .side-switch small{flex-basis:100%;font:11px/1.2 var(--mono, sans-serif);color:var(--muted, #b2a69d)}:root[data-theme] .training .side-switch .side-blue[aria-pressed=true]{border-color:var(--blue, #88b9cb);box-shadow:inset 0 -3px var(--blue, #88b9cb);background:#2a3a40}:root[data-theme] .training .side-switch .side-red[aria-pressed=true]{border-color:var(--red, #d69080);box-shadow:inset 0 -3px var(--red, #d69080);background:#45292a}.training .spawn-buttons,.training .field-buttons{display:grid}:root[data-theme] .training .spawn-blue{border-left:3px solid var(--blue, #88b9cb)}:root[data-theme] .training .spawn-red{border-left:3px solid var(--red, #d69080)}:root[data-theme] .training .spawn-both{border-left:3px solid var(--gold, #decc93)}:root[data-theme] .training .action[aria-pressed=true],:root[data-theme] .training .level-switch button[aria-pressed=true],:root[data-theme] .training .champion-picks button[aria-pressed=true]{color:#f1dda0;border-color:#bcaa71;background:#68422b}.training .champion-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.training .champion-picks button{display:grid;place-items:center;min-height:0;aspect-ratio:1;padding:3px;border:1px solid #635d44;border-radius:4px;background:#36282a}.training .champion-picks .no-champion{font:10px/1 var(--mono, sans-serif);letter-spacing:.06em;color:var(--muted, #b2a69d)}.training .training-note{margin:8px 0;font:13px/1.35 var(--body, Georgia, serif);color:var(--muted, #b2a69d)}.training .doctrine-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid #56534655}.training .doctrine-row strong{display:block;font:400 14px/1.15 var(--body, Georgia, serif);color:#e2d4aa}.training .doctrine-row small{display:block;font:11px/1.3 var(--mono, sans-serif);color:var(--muted, #b2a69d)}.training .level-switch{display:flex;flex:none;gap:3px}.training .level-switch button{width:30px;min-height:0;height:28px;padding:0;border:1px solid #635d44;border-radius:3px;background:#36282a;font:12px/1 var(--mono, sans-serif);color:#ccc4a7}.match-active .right-command.training-units{display:block;overflow-y:auto}.training .tier-label{margin:12px 0 6px;font:600 10px/1 var(--mono, sans-serif);letter-spacing:.14em;color:var(--muted, #b2a69d)}.training .build-formation .section-label{align-items:center}.training[data-side="0"] .build-formation .section-label{color:var(--blue, #88b9cb)}.training[data-side="1"] .build-formation .section-label{color:var(--red, #d69080)}.training .clear-formation{margin-left:auto;padding:3px 10px;font-size:10px}.tutorial-layer{position:fixed;inset:0;z-index:900;pointer-events:none}.tutorial-dim{position:absolute;inset:0;width:100%;height:100%}.tutorial-dim>rect{fill:#0b0809b8}.tutorial-ring{position:absolute;border:2px solid var(--gold-bright, #f0dba1);border-radius:6px;box-shadow:0 0 0 1px #0008,0 0 18px #f0dba166;animation:tutorial-pulse 1.6s ease-in-out infinite}@keyframes tutorial-pulse{50%{box-shadow:0 0 0 1px #0008,0 0 30px #f0dba1aa}}.tutorial-card{position:absolute;max-width:calc(100vw - 24px);padding:18px 20px 14px;border:1px solid var(--trim-light, #b2a173);background:var(--surface, #2b2525);box-shadow:0 12px 40px #000c;color:var(--ink, #e3dfd1);pointer-events:auto;animation:tutorial-in .18s ease-out}@keyframes tutorial-in{0%{opacity:0;transform:translateY(6px)}}.tutorial-counter{font:600 10px/1 var(--mono, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--muted, #b2a69d)}.tutorial-card h2{margin:8px 0;font:400 21px/1.15 var(--title, Georgia, serif);color:var(--gold-bright, #f0dba1)}.tutorial-card p{margin:0;font:16px/1.45 var(--body, Georgia, serif)}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.tutorial-actions>*{flex:none;white-space:nowrap}:root[data-theme] .app .tutorial-card button.tutorial-leave{margin:0;padding:6px 0;font-size:12px;color:var(--muted, #b2a69d)}:root[data-theme] .app .tutorial-card .tutorial-next{width:auto;min-width:96px;padding:9px 18px}.tutorial-waiting{font:italic 14px/1.2 var(--body, Georgia, serif);color:var(--gold, #decc93)}.tutorial-complete{margin:18px 0;font:17px/1.45 var(--body, Georgia, serif);color:var(--gold-bright, #f0dba1)}.account-modal{width:min(440px,calc(100vw - 32px));text-align:left}.account-modal h2{margin:6px 0 10px;font:400 28px/1.1 var(--title, Georgia, serif);color:var(--gold-bright, #f0dba1)}.account-modal h3{margin:20px 0 6px;font:400 16px/1.2 var(--title, Georgia, serif);color:var(--gold, #decc93)}.account-modal p{margin:0 0 14px;font:16px/1.45 var(--body, Georgia, serif)}.account-email{color:var(--muted, #b2a69d)}:root[data-theme] .app .account-modal .account-provider{width:100%;margin-bottom:8px;padding:12px 14px}.account-or{margin:8px 0 4px;text-align:center;font:12px/1 var(--mono, sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--muted, #b2a69d)}.account-form{display:grid;gap:8px}.account-form label{font:14px/1.3 var(--body, Georgia, serif);color:var(--ink, #e3dfd1)}.account-form input:not([type=checkbox]){width:100%;padding:11px 12px;font-size:16px}.account-form input[inputmode=numeric]{letter-spacing:.4em;font-variant-numeric:tabular-nums}.account-check{min-height:1.3em;font:12px/1.3 var(--mono, sans-serif);color:var(--muted, #b2a69d)}.account-check.ok{color:#9fcf8f}.account-check.bad,.account-error{color:var(--red, #d69080)}.account-error{margin:8px 0 0}.account-form .account-age{display:flex;align-items:flex-start;gap:10px;margin:4px 0}.account-age input{margin-top:3px}.account-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}:root[data-theme] .app .account-modal button.account-secondary{margin:0;padding:8px 0;font-size:12px;color:var(--muted, #b2a69d)}.account-modal .account-fineprint{margin:16px 0 0;font-size:13px;color:var(--muted, #b2a69d)}.account-modal a{color:var(--gold-bright, #f0dba1)}.profile-page{width:min(680px,100%);display:grid;gap:18px}:root[data-theme] .app .profile-page button.profile-back{justify-self:start;margin:0;padding:6px 0;font-size:13px;color:var(--gold, #decc93)}.profile-head{display:flex;align-items:flex-end;gap:28px}.profile-head .player-banner{width:190px;flex:none}.profile-head h1{margin:6px 0 4px;font:400 clamp(30px,4vw,44px) / 1.05 var(--title, Georgia, serif);color:var(--gold-bright, #f0dba1);overflow-wrap:anywhere}.profile-head p{margin:0 0 22px;font:16px/1.4 var(--body, Georgia, serif);color:var(--muted, #b2a69d)}:root[data-theme] .profile-section{padding:24px 30px 26px;border:1px solid #9a885b;border-image:url(/art/dark-fantasy/window.jpg) 110 fill / 30px / 0 stretch;background:#292123;color:var(--ink);box-shadow:0 24px 80px #0007}.profile-section h2{margin:0 0 6px;font:400 22px/1.2 var(--title, Georgia, serif);color:var(--gold, #decc93)}.profile-section p{margin:0 0 14px;font:16px/1.45 var(--body, Georgia, serif)}.banner-colors,.banner-emblems{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}:root[data-theme] .app .profile-page button.banner-color:not(.dp-card):not(.grid-unit){width:40px;height:40px;min-height:0;padding:0;border:2px solid #5f5745;border-radius:50%}:root[data-theme] .app .profile-page button.banner-emblem-choice:not(.dp-card):not(.grid-unit){display:grid;place-items:center;width:64px;height:64px;min-height:0;padding:0;border:2px solid transparent;border-radius:50%;background:none;box-shadow:none}.banner-emblem-choice .banner-emblem{width:56px;height:56px}.banner-emblem-choice .banner-emblem svg{width:30px;height:35px}:root[data-theme] .app .profile-page button[aria-pressed=true]:not(.dp-card):not(.grid-unit){border-color:var(--gold-bright, #f0dba1);box-shadow:0 0 0 2px #0008,0 0 14px #f0dba166}.profile-actions{display:flex;align-items:center;gap:14px}:root[data-theme] .app .profile-page .profile-actions .primary{width:auto;padding:10px 22px}:root[data-theme] .app .profile-page button.profile-sign-out{margin:0;padding:6px 0;color:var(--muted, #b2a69d)}@media(max-width:560px){.profile-head{flex-direction:column;align-items:flex-start;gap:12px}:root[data-theme] .profile-section{padding:20px}}:root[data-theme] .app .profile-page button.banner-emblem-choice:not(.dp-card):not(.grid-unit):hover{background:none;border-color:#b2a17388}.legal-screen{min-height:100dvh;padding:48px 20px 64px}.legal-page{width:min(760px,100%);margin:0 auto;font:17px/1.55 var(--body, Georgia, serif);color:var(--ink, #e3dfd1)}.legal-page h1{margin:18px 0 14px;font:400 clamp(32px,5vw,46px) / 1.1 var(--title, Georgia, serif);color:var(--gold-bright, #f0dba1)}.legal-page h2{margin:30px 0 8px;font:400 22px/1.25 var(--title, Georgia, serif);color:var(--gold, #decc93)}.legal-page p,.legal-page ul{margin:0 0 12px}.legal-page li{margin-bottom:6px}.legal-page a{color:var(--gold-bright, #f0dba1)}.legal-page .legal-back{font-size:15px;text-decoration:none}.legal-updated{margin-top:36px!important;color:var(--muted, #b2a69d)}.legal-links{display:flex;gap:20px;font-size:15px}:root{font-family:Inter,Arial,sans-serif;color:#e2e7df;background:#101615;font-synthesis:none;--bg: #101615;--panel: #171e1b;--line: #303b32;--muted: #8f9c91;--lime: #d4e98a;--blue: #77bbef;--red: #e48470;--mono: "IBM Plex Mono", monospace;--display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);background:#1b231f;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#2a3529;border-color:#82996a}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}button,input{border-radius:2px}button{min-height:36px}input{background:#101713;border:1px solid var(--line);color:#eef1e7;padding:12px;min-width:0}button.primary{background:var(--lime);border-color:var(--lime);color:#1b2718;font:600 13px var(--mono);letter-spacing:.06em;display:flex;justify-content:space-between;align-items:center;padding:17px 20px;width:100%}button.primary:hover{background:#e6f5b0}small,.eyebrow,.tag,.section-label,.topbar nav,.prototype{font-family:var(--mono)}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:#111816}.brand{border:0;background:none;display:flex;align-items:center;gap:13px;font:700 27px var(--display);letter-spacing:.07em;padding:0}.brand-mark{color:var(--lime);font:700 35px var(--mono);letter-spacing:-11px;margin-right:12px}.prototype{font-size:9px;color:var(--muted);letter-spacing:.05em;margin-left:12px;border-left:1px solid var(--line);padding-left:22px}.topbar nav{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.03em;color:var(--muted)}.quiet{background:transparent;border:0;font-size:11px;padding:10px 14px;margin-left:20px}.quiet span{color:var(--lime);margin-left:12px}.live-dot,.blue-dot,.red-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.live-dot{background:var(--lime);box-shadow:0 0 10px #d4e98a33}.blue-dot{background:var(--blue)}.red-dot{background:var(--red)}.lobby{max-width:1360px;margin:auto;padding:66px 64px 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:56px 70px}.eyebrow{font-size:10px;letter-spacing:.12em;color:var(--lime);display:flex;align-items:center;gap:9px}.eyebrow>span{width:16px;height:1px;background:var(--lime)}h1,h2,h3,p{margin:0}h1{font:700 clamp(64px,6.4vw,94px)/.94 var(--display);letter-spacing:-.015em}.hero h1{margin:30px 0 27px}.hero h1 em{font-style:normal;color:var(--lime)}.hero>p{max-width:440px;font-size:14px;line-height:1.85;color:#a8b2a6}.hero-meta{display:flex;gap:25px;margin:29px 0 57px;color:#c0c9b9;font:10px var(--mono);letter-spacing:.05em}.hero-meta span+span{border-left:1px solid var(--line);padding-left:25px}.briefing{border-top:1px solid var(--line);padding-top:25px;max-width:410px}.section-number{font:9px var(--mono);color:var(--muted);letter-spacing:.08em}.briefing h3{font:600 28px var(--display);margin:15px 0 10px}.briefing p{font-size:12px;line-height:1.8;color:var(--muted)}.text-button{border:0;background:none;color:var(--lime);font:10px var(--mono);padding:14px 0}.text-button span{margin-left:24px}.deploy-panel{border:1px solid #3e4c38;background:var(--panel)}.panel-heading{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font:9px var(--mono);letter-spacing:.07em}.tag{font-size:8px;color:var(--lime);letter-spacing:.04em}.tactical-art{height:220px;position:relative;overflow:hidden;background-color:#15201b;background-image:linear-gradient(#66854a12 1px,transparent 1px),linear-gradient(90deg,#66854a12 1px,transparent 1px);background-size:24px 24px;border-bottom:1px solid var(--line)}.art-lane{position:absolute;left:33%;top:-50px;width:170px;height:360px;border:1px solid #809b6533;background:#8ba35d08;transform:rotate(26deg)}.art-midline{position:absolute;width:500px;left:-180px;top:180px;border-top:1px dashed #a1b78566}.art-fort{position:absolute;left:65px;width:40px;height:40px;text-align:center;padding:8px;font:20px var(--mono);border:1px solid;outline:1px solid #9ab48b22;outline-offset:6px}.enemy-fort{top:20px;color:var(--red)}.own-fort{bottom:15px;color:var(--blue)}.art-army{position:absolute;font:19px/1.6 var(--mono);text-align:center;width:170px}.red-army{top:105px;color:var(--red)}.blue-army{bottom:88px;color:var(--blue)}.art-coordinate{position:absolute;bottom:14px;left:18px;font:8px var(--mono);color:#819078;letter-spacing:.08em}.art-compass{position:absolute;right:20px;top:20px;color:#8d9c7b;font:10px/1.6 var(--mono);text-align:center}.deploy-options{padding:22px}.mode-heading{display:flex;justify-content:space-between;align-items:center}.mode-heading h2{font:600 27px var(--display)}.deploy-options>p{font-size:11px;color:var(--muted);margin:8px 0 20px}.difficulty{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.difficulty button{padding:12px 14px;text-align:left;font-size:12px;position:relative}.difficulty button.active{background:#d4e98a0d;border-color:#9bae68}.online-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 8px}.online-options button{padding:11px 13px;font-size:11px;display:flex;justify-content:space-between;background:transparent}.online-options span{color:#a7b49c}.join-row{display:flex;gap:8px}.join-row input{flex:1;font:9px var(--mono);letter-spacing:.07em}.join-row button{font:11px var(--mono);padding:0 16px}.lobby-footer{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:19px;color:#7d8b7d;font:8px var(--mono);letter-spacing:.1em}.connection-status{padding:15px 0 0;color:var(--lime);font-size:12px;line-height:1.7}.connection-status button{display:block}.room-code{display:block;font:36px var(--mono);letter-spacing:.25em}.draft-screen{max-width:1440px;margin:auto;padding:45px 40px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.page-heading h1{font-size:56px;line-height:1.2;margin:13px 0}.page-heading p{color:var(--muted);font-size:13px}.draft-timer{text-align:center;padding:15px 28px;border:1px solid var(--line)}.draft-timer small{color:var(--muted);font-size:9px}.draft-timer strong{display:block;font:44px var(--display);color:var(--lime);margin-top:5px}.draft-layout{display:grid;grid-template-columns:1fr 235px;gap:30px}.draft-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.draft-card{min-width:0;text-align:left;background:var(--panel);padding:0;display:flex;flex-direction:column;border-color:#3b483a}.draft-card.taken{opacity:.28}.card-top{display:flex;justify-content:space-between;font:8px var(--mono);text-transform:uppercase;color:var(--muted);padding:13px 12px;gap:5px}.card-top b{color:#dbc688}.card-emblem{height:128px;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(#7188530c 1px,transparent 1px),linear-gradient(90deg,#7188530c 1px,transparent 1px);background-size:18px 18px;position:relative}.air-tag{position:absolute;bottom:6px;font:7px var(--mono);color:var(--muted);letter-spacing:.1em}.unit-icon{display:inline-flex;justify-content:center;align-items:center;width:29px;height:29px;border:1px solid #849678;background:#263224;color:#cee2b4;font:600 12px var(--mono);flex-shrink:0;border-radius:50%}.unit-icon.large{width:67px;height:67px;font-size:25px;border-width:2px;box-shadow:0 0 0 10px #9bac6710,0 0 0 11px #9bac6715}.unit-icon.air{border-radius:4px;transform:rotate(-8deg)}.unit-icon.magic{color:#c2a6ec;border-color:#7d639b;background:#322a3f}.unit-icon.pierce{color:#e1c889;border-color:#948158;background:#332f20}.unit-icon.siege{color:#e9af80;border-color:#9b785a;background:#342c23}.draft-card h3{font:600 24px var(--display);padding:15px 12px 9px}.type-tags{display:flex;gap:4px;flex-wrap:wrap;padding:0 12px}.type-tags span{font:7px var(--mono);text-transform:uppercase;color:#b4c1a9;border:1px solid var(--line);padding:4px}.stat-row{display:flex;justify-content:space-between;margin:18px 12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:15px var(--mono)}.stat-row small{display:block;color:var(--muted);font-size:7px;margin-bottom:7px}.draft-card p{padding:0 12px 20px;font-size:10px;line-height:1.7;color:#a9b3a0;min-height:92px;flex:1}.card-pick{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px;font:8px var(--mono);color:var(--lime);background:#a7c36a08}.draft-rosters{background:#151c18;border:1px solid var(--line);padding:19px}.draft-rosters h3{font:10px var(--mono);display:flex;gap:9px;align-items:center;padding-bottom:15px}.draft-rosters h3 small{margin-left:auto;color:var(--muted)}.draft-rosters>p{font-size:10px;color:var(--muted);padding-top:10px;line-height:1.6}.draft-rosters>h3:not(:first-child){margin-top:22px}.match{max-width:1800px;margin:auto}.match-strip{height:65px;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:1px solid var(--line);font:10px var(--mono)}.match-strip>div{display:flex;align-items:center;gap:12px}.match-strip small{font-size:8px;color:var(--muted);border:1px solid var(--line);padding:5px}.match-clock span{color:var(--lime);font-size:9px}.match-clock strong{font:26px var(--display)}.match-clock em{font:8px var(--mono);color:var(--red)}.match-layout{display:grid;grid-template-columns:245px 1fr 245px;height:calc(100vh - 392px);min-height:420px;max-height:800px}.left-command,.right-command{padding:19px 20px;overflow:auto;background:#141b17;scrollbar-width:thin;scrollbar-color:#3a4931 transparent}.left-command{border-right:1px solid var(--line)}.right-command{border-left:1px solid var(--line)}.economy-card>small,.wave-card>small{font-size:8px;color:var(--muted);letter-spacing:.1em}.economy-card>strong{display:block;font:40px var(--display);margin:7px 0 12px}.economy-card>strong span{color:#e0c57f;font-size:19px;vertical-align:middle;margin-right:6px}.economy-card>div{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--lime);padding-bottom:18px;border-bottom:1px solid var(--line)}.economy-card>div span{color:var(--muted)}.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#9fac98;font-size:8px;letter-spacing:.06em;margin:21px 0 12px}.section-label span{font-size:7px;color:#73866e}.action{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:11px 12px;margin-bottom:6px;overflow:hidden;background:#1a231c}.action>span{font-size:11px;font-weight:500;z-index:1}.action>small{font-size:8px;color:var(--muted);margin-top:6px;z-index:1}.action>i{height:3px;background:var(--lime);position:absolute;bottom:0;left:0}.champion-card{display:flex;align-items:center;gap:10px;margin-bottom:12px}.champion-card strong{font-size:12px;display:block}.champion-card small{font-size:7px;color:var(--muted);display:block;margin-top:6px}.battlefield{position:relative;overflow:hidden;background:#121c1a}.battle-canvas{position:absolute;inset:0;touch-action:none;cursor:grab}.battle-canvas:active{cursor:grabbing}.battle-overlay{position:absolute;z-index:2;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;font:8px var(--mono);color:#96a597;letter-spacing:.08em}.battle-overlay span{display:flex;align-items:center;gap:8px}.battle-overlay strong{font-size:9px;font-weight:400}.battle-overlay.top{top:16px}.battle-overlay.bottom{bottom:16px}.wave-card strong{font:52px var(--display);display:block;margin:9px 0 13px;color:var(--lime)}.wave-progress{height:3px;background:#394430}.wave-progress i{display:block;height:100%;background:var(--lime)}.wave-card p{font-size:8px;color:var(--muted);margin-top:10px}.intel{border:1px solid var(--line);padding:10px;margin-top:12px}.intel-status{font:7px var(--mono);text-align:center;color:var(--lime);margin-bottom:12px}.intel.stale .intel-status{color:var(--muted)}.intel.stale .formation{filter:grayscale(1);opacity:.45}.intel p{font:8px/1.7 var(--mono);color:var(--muted);margin:10px 0 0}.unknown-grid{text-align:center;background:repeating-linear-gradient(0deg,transparent,transparent 17px,#8793650d 18px),repeating-linear-gradient(90deg,transparent,transparent 17px,#8793650d 18px);padding:16px 4px}.unknown-grid>span{font-size:27px;color:#6b7d60}.enemy-roster-mini{display:flex;flex-wrap:wrap;gap:6px}.enemy-roster-mini .unit-icon{width:25px;height:25px;font-size:9px}.enemy-lineup{display:flex;align-items:flex-start;gap:12px}.enemy-lineup .enemy-roster-mini{flex:1;min-width:0}.enemy-champion{flex:none;padding:6px 0 0 12px;border-left:1px solid var(--line)}.enemy-champion .unit-icon{width:25px;height:25px;font-size:9px;transition:filter .3s ease,opacity .3s ease}.enemy-champion.inactive .unit-icon{filter:grayscale(1);opacity:.5}.mystery-champion .unit-initials{font-size:13px}.field-note{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.field-note small{font-size:7px;color:#748269}.field-note p{font-size:9px;line-height:1.9;color:var(--muted);margin-top:8px}.field-note b{font-weight:500;color:#c4cfb6}.offline-controls{display:flex;gap:4px;margin-top:20px}.offline-controls button{font:9px var(--mono);padding:6px;min-height:28px}.offline-controls button:first-child{flex:1}.offline-controls .active{color:var(--lime);border-color:#819256}.build-bay{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;padding:0 27px 15px;border-top:1px solid var(--line);background:#151d18;min-height:232px}.build-roster .section-label,.build-formation .section-label{margin-top:16px}.roster-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.roster-cards>button{text-align:left;padding:8px;min-width:0;background:#1a241d;border-color:#3b4834}.roster-cards>button.selected{border-color:var(--lime);background:#28331e}.roster-cards>button.locked{opacity:.5}.roster-cards>button>div{display:flex;justify-content:space-between;font:8px var(--mono);color:#d4c897;margin-bottom:14px;gap:3px}.roster-cards kbd{font:8px var(--mono);color:var(--muted)}.roster-cards .unit-icon{display:flex;margin:0 auto 13px}.roster-cards strong{display:block;font:500 14px var(--display);text-align:center;white-space:nowrap}.roster-cards small{display:block;font-size:6px;color:#89977d;letter-spacing:.02em;text-align:center;margin-top:7px;white-space:nowrap}.front-label{font:6px var(--mono);text-align:center;color:#859472;margin:-5px 0 6px;letter-spacing:.14em}.grid-cells{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(5,27px);gap:3px;position:relative}.grid-cells>button:not(.grid-unit){min-height:0;border:1px solid #394530;background:#1c281d;padding:0}.grid-cells>button:not(.grid-unit):nth-child(n+21){background:#19231c;border-color:#2d3b2e}.grid-unit{z-index:1;margin:0;padding:0;min-height:0;background:#34432b;border-color:#7d9459;display:flex;justify-content:center;align-items:center;grid-area:auto}.grid-unit.selected{border-color:var(--lime);box-shadow:0 0 0 1px var(--lime)}.grid-unit .unit-icon{width:22px;height:22px;font-size:9px;border:0;background:transparent}.grid-cells>button:not(.grid-unit){grid-row:auto}.grid-cells>button:nth-child(10n+1):not(.grid-unit){grid-column:1}.grid-cells>button:nth-child(10n+2):not(.grid-unit){grid-column:2}.grid-cells>button:nth-child(10n+3):not(.grid-unit){grid-column:3}.grid-cells>button:nth-child(10n+4):not(.grid-unit){grid-column:4}.grid-cells>button:nth-child(10n+5):not(.grid-unit){grid-column:5}.grid-cells>button:nth-child(10n+6):not(.grid-unit){grid-column:6}.grid-cells>button:nth-child(10n+7):not(.grid-unit){grid-column:7}.grid-cells>button:nth-child(10n+8):not(.grid-unit){grid-column:8}.grid-cells>button:nth-child(10n+9):not(.grid-unit){grid-column:9}.grid-cells>button:nth-child(10n):not(.grid-unit){grid-column:10}.grid-cells>button:nth-child(-n+10):not(.grid-unit){grid-row:1}.grid-cells>button:nth-child(n+11):nth-child(-n+20):not(.grid-unit){grid-row:2}.grid-cells>button:nth-child(n+21):nth-child(-n+30):not(.grid-unit){grid-row:3}.grid-cells>button:nth-child(n+31):nth-child(-n+40):not(.grid-unit){grid-row:4}.formation-hint{display:flex;justify-content:space-between;align-items:center;min-height:30px;gap:8px;font:7px var(--mono);color:#8d9c7f;margin-top:5px}.formation-hint button{min-height:25px;font:8px var(--mono);padding:4px 8px;color:var(--lime)}.readonly .grid-cells{grid-template-rows:repeat(5,13px);gap:2px}.readonly .grid-unit{opacity:1}.readonly .unit-icon{font-size:6px;width:10px;height:10px}.modal-backdrop{position:fixed;inset:0;background:#080e0bdc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;display:flex;justify-content:center;align-items:center;padding:24px}.modal{width:min(560px,100%);background:#1a241c;border:1px solid #556644;padding:36px;position:relative;max-height:90vh;overflow:auto}.modal h2{font:600 42px var(--display);margin:15px 0}.modal h1{font-size:62px;margin:20px 0}.modal p,.modal li{font-size:12px;line-height:1.8;color:#abb8a0}.modal ol{padding-left:20px}.modal li{margin:16px 0}.modal b{color:#dee7d4}.modal-close{position:absolute;right:12px;top:12px;border:0;background:none;font-size:24px}.modal.surrender-confirm{width:min(420px,100%);text-align:center}.modal.surrender-confirm .eyebrow{display:block;text-align:center}.surrender-actions{display:flex;gap:10px;margin-top:24px}.surrender-actions button{flex:1;min-height:42px}.shortcut-list{font:10px/1.8 var(--mono);color:#cbd7b6;border-top:1px solid var(--line);padding:20px 0;margin-top:20px}.result-stats{display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0}@media(max-width:600px){.result-stats{grid-template-columns:repeat(3,1fr);row-gap:14px}}.result-stats small{font-size:8px;color:var(--muted)}.result-stats strong{display:block;font:36px var(--display);margin-top:10px;color:var(--lime)}.result-breakdown{max-height:240px;overflow:auto;margin-bottom:25px}.result-breakdown>span{display:flex;justify-content:space-between;text-transform:capitalize;padding:8px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.result-breakdown b{font:9px var(--mono)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:30;background:#283322;border:1px solid #8ea262;box-shadow:0 10px 35px #0008;max-width:90vw;padding:10px 12px 10px 20px;display:flex;align-items:center;gap:25px;font-size:12px;color:#e1ebd0}.toast button{border:0;background:none;font-size:20px}.app{min-height:100vh}@media(min-width:1500px){.lobby{padding-top:90px}.tactical-art{height:260px}.hero h1{font-size:100px}.match-layout{grid-template-columns:270px 1fr 270px}.grid-cells{grid-template-rows:repeat(5,30px)}}@media(max-width:1100px){.lobby{padding:44px 32px;gap:35px}.hero h1{font-size:70px}.hero-meta{gap:12px}.hero-meta span+span{padding-left:12px}.match-layout{grid-template-columns:210px 1fr 210px}.left-command,.right-command{padding:14px}.build-bay{gap:18px;padding:0 18px 12px;grid-template-columns:1.1fr 1fr}.roster-cards>button{padding:5px}.roster-cards strong{font-size:12px}.draft-layout{grid-template-columns:1fr 190px;gap:18px}.draft-cards{grid-template-columns:repeat(3,1fr)}.topbar{padding:0 26px}.prototype{display:none}}@media(max-width:760px){.topbar{height:64px;padding:0 18px}.brand{font-size:24px}.topbar nav{font-size:0;gap:3px}.quiet{font-size:10px;margin-left:0;padding:6px}.lobby{display:block;padding:34px 22px}.hero h1{font-size:70px}.hero>p{font-size:13px}.hero-meta{margin-bottom:30px;font-size:9px}.briefing{display:none}.deploy-panel{margin:28px 0}.tactical-art{height:170px}.lobby-footer{font-size:7px;line-height:1.8;gap:20px}.draft-screen{padding:27px 18px}.page-heading h1{font-size:40px}.page-heading p{font-size:11px;max-width:240px}.draft-timer{padding:12px}.draft-timer strong{font-size:32px}.draft-timer small{font-size:7px}.draft-layout{display:block}.draft-cards{grid-template-columns:repeat(2,1fr)}.draft-rosters{margin-top:20px}.match-strip{height:54px;padding:0 13px;font-size:8px}.match-strip>div{gap:6px}.match-clock strong{font-size:22px}.match-layout{grid-template-columns:1fr 150px;height:540px;min-height:0}.left-command{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:6px;overflow:visible;border-top:1px solid var(--line);padding:12px}.left-command .section-label,.left-command .champion-card{display:none}.left-command>.action,.left-command>div:not(.economy-card){flex:1;min-width:100px}.left-command .economy-card{width:100%;display:flex;gap:15px;align-items:center}.economy-card>strong{font-size:27px;margin:0}.economy-card>small{font-size:7px}.economy-card>div{border:0;padding:0;gap:10px;margin-left:auto;font-size:8px}.action{padding:9px;margin:0}.action>span{font-size:10px}.action>small{font-size:7px}.battlefield{grid-column:1;grid-row:1;min-height:340px}.right-command{grid-column:2;grid-row:1;padding:12px}.battle-overlay{left:10px;right:10px;font-size:6px}.battle-overlay strong{font-size:6px}.wave-card strong{font-size:40px}.field-note{display:none}.section-label{font-size:7px}.build-bay{display:flex;flex-direction:column;padding:0 14px 20px;gap:3px}.build-roster .section-label{margin-top:14px}.roster-cards{gap:4px}.roster-cards strong{font-size:10px;white-space:normal}.roster-cards small{font-size:5px;white-space:normal}.roster-cards .unit-icon{width:24px;height:24px;margin-bottom:10px}.roster-cards>button>div{font-size:6px;margin-bottom:10px}.grid-cells{grid-template-rows:repeat(5,30px)}.modal{padding:26px}.modal h1{font-size:46px}.modal h2{font-size:36px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.connection-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#54422c;border:1px solid #bd9764;padding:10px 18px;font-size:11px;z-index:10}.wave-card{position:sticky;top:0;background:#141b17;z-index:3;padding-top:8px;padding-bottom:10px}.connection-banner button{font-size:10px;margin-left:15px}@media(max-width:760px){.match-layout{height:auto;grid-template-rows:380px auto}}:root{color-scheme:light;font-family:Alegreya,Georgia,serif;color:#2d2519;background:#e8dcc1;--bg: #e8dcc1;--panel: #f8edcf;--line: #a98546;--muted: #6d5b3c;--lime: #b37a20;--blue: #28739b;--red: #a13c31;--display: "Cinzel", Georgia, serif;--mono: "Source Sans 3", Arial, sans-serif}body{background-color:#e8dcc1;background-image:radial-gradient(ellipse at 50% 28%,#fff8e866,transparent 62%),linear-gradient(#f4e9d21f,#8e6a2c1f),url(/art/backgrounds/parchment-map.jpg);background-position:center,center,center;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}button{background:linear-gradient(#f8edcf,#d8c18e);border-color:#6f4c1c;border-radius:3px;box-shadow:inset 0 0 0 1px #f5d88b,inset 0 1px #fff8dc,0 2px 4px #39250f25;font-weight:600}button:hover:not(:disabled){background:linear-gradient(#fff5d9,#e3c987);border-color:#b47b20}button:disabled{opacity:.48}input{background:#fffdf7;border-color:#c9b993;color:#403423}input::placeholder{color:#827257}.topbar{background:linear-gradient(#253439f7,#111d22f7);border-bottom:2px solid #b67a23;box-shadow:inset 0 -1px #e0b85c66,0 4px 18px #30200f30}.brand{font-size:25px;color:#e4bd65;text-shadow:0 1px #000;background:none;box-shadow:none}.brand-mark{width:37px;height:43px;margin:0;display:block;color:#e1b85b}.brand-mark svg{width:100%;height:100%}.prototype{font-size:9px;letter-spacing:.16em}.topbar nav{color:#cbb787}.topbar .quiet{color:#ead29a}.quiet,.text-button,.toast button,.modal-close{box-shadow:none;background:transparent}.lobby{width:100%;max-width:none;min-height:calc(100vh - 78px);min-height:calc(100dvh - 78px);display:flex;justify-content:center;align-items:center;padding:42px 20px}.eyebrow{font-size:11px;letter-spacing:.13em}.deploy-panel,.draft-rosters,.modal{border:1px solid #59401e;border-radius:4px;background:linear-gradient(135deg,#fff5d9,#e7d2a4);box-shadow:0 12px 32px #39271429,inset 0 0 0 2px #d5a94f,inset 0 0 0 4px #fff0bd}.deploy-panel{width:min(570px,100%);overflow:hidden}.panel-heading{height:48px;font:600 10px var(--display);color:#edcf89;background:linear-gradient(#2b3b40,#17252a);border-bottom:2px solid #a86e1d;box-shadow:inset 0 -1px #e1b75c55}.tag{font-size:9px}.deploy-options{padding:32px 30px 28px}.mode-heading h2{font-size:21px;color:#564525}.deploy-options>p{font-size:13px}.difficulty button{font-size:14px}.difficulty button.active{background:#f2e2ba;border-color:#a9823d}button.primary{background:linear-gradient(#38515a,#1b3037);color:#f5d990;border:1px solid #573a13;font:600 12px var(--display);text-shadow:0 1px #533610;box-shadow:inset 0 0 0 1px #d79b35,inset 0 1px #78919a,0 3px 7px #38230e45}button.primary:hover{background:linear-gradient(#46636d,#263e46);border-color:#d3942e}.online-options button:not(.primary){background:#f6f3e9;font-size:13px;border-color:#c6bc9f}.online-options span{color:#856b3d}.online-options button{padding:17px 15px;align-items:center}.online-options .primary span{color:inherit}.room-label{display:block;margin:20px 0 8px;font-size:12px;color:var(--muted)}.offline-skirmish{margin-top:24px;border-top:1px solid var(--line);padding-top:22px}.offline-skirmish .mode-heading{margin-bottom:14px}.offline-skirmish .deploy{width:100%;padding:14px 15px;display:flex;justify-content:space-between}.special-research{margin:12px 0;border-block:1px solid var(--line);padding:10px 0}.special-research summary{cursor:pointer;color:#564525;font-size:12px;padding:4px 0}.special-research summary:focus-visible{outline:2px solid var(--lime)}.special-research .action{margin-top:8px}@media(max-width:700px){.special-research{flex:0 0 100%}.special-research>div{display:inline-block;vertical-align:top;width:calc((100% - 12px) / 3);margin-right:6px}.special-research>div:last-child{margin-right:0}}button,input,summary,.unit-icon,.card-pick span,.wave-progress i,.action>i{transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease}button:active:not(:disabled){transform:translateY(1px) scale(.985);transition-duration:70ms}button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#9a6d29;box-shadow:0 0 0 4px #a9792730}input:focus-visible{border-color:#9a6d29;background:#fffef9}.primary span:last-child,.deploy span:last-child,.text-button span:last-child,.card-pick span{display:inline-block;transition:transform .14s cubic-bezier(.2,.8,.2,1)}.draft-card:active:not(:disabled){transform:translateY(1px) scale(.99)}.grid-cells>button:active:not(:disabled){transform:scale(.94)}.wave-progress i,.action>i{transition-property:width,opacity;transition-duration:.22s}.modal-backdrop{animation:veil-in .16s ease-out}.modal-backdrop .modal{animation:parchment-in .2s cubic-bezier(.2,.8,.2,1)}.connection-banner,.toast{animation:notice-in .18s cubic-bezier(.2,.8,.2,1)}@media(hover:hover)and (pointer:fine){button:hover:not(:disabled){transform:translateY(-1px)}button.primary:hover:not(:disabled),.deploy:hover:not(:disabled){transform:translateY(-2px);box-shadow:inset 0 1px #ecd092,0 6px 13px #76562635}button.primary:hover span:last-child,.deploy:hover span:last-child,.text-button:hover span:last-child,.draft-card:hover .card-pick span{transform:translate(3px)}.draft-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #6d53252b}.draft-card:hover:not(:disabled) .unit-icon{transform:translateY(-2px) scale(1.04)}.roster-cards>button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 12px #604b2526}.roster-cards>button:hover:not(:disabled) .unit-icon{transform:scale(1.07)}.action:hover:not(:disabled){transform:translate(2px);box-shadow:0 3px 9px #67512620}.grid-cells>button:hover:not(:disabled){transform:none;border-color:#8f783f;box-shadow:inset 0 0 0 2px #9c7b3230}.grid-unit:hover:not(:disabled){transform:scale(1.03)}summary:hover{color:#8a6022;transform:translate(2px)}}@keyframes veil-in{0%{opacity:0}}@keyframes parchment-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-6px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.join-row input{font-size:11px}.page-heading h1{font-size:40px;color:#60491f}.page-heading p{font-size:15px}.draft-timer{border:2px solid #c7ad7a;border-radius:5px;background:#fff9e9;box-shadow:inset 0 0 0 3px #fff9}.draft-timer strong{font-size:37px}.draft-card{border:1px solid #c6b38d;border-radius:6px;background:#fffaf0;box-shadow:0 4px 10px #76603812;overflow:hidden}.draft-card:hover:not(:disabled){background:#fffdf7;border-color:#9d793e;box-shadow:0 4px 16px #89683425}.card-top{font-size:10px}.card-top b{color:#805823}.card-emblem{background:radial-gradient(ellipse,#e9d9b770,transparent 68%);border-block:1px solid #c6b38d55}.draft-card h3{font-size:20px;line-height:1.35;color:#4f4025}.draft-card p{color:#746347;font-size:12px}.type-tags span{color:#665b45;font-size:9px;background:#f5eddb}.stat-row{font-size:17px}.stat-row small{font-size:9px}.card-pick{background:#ede3cc70;font-size:10px}.draft-rosters h3{font-size:11px}.unit-icon{--crest: #50695b;--crest-paper: #e4eddf;position:relative;display:inline-flex;width:34px;height:36px;flex-shrink:0;border:2px solid var(--crest);border-radius:5px 5px 10px 10px;background:var(--crest-paper);color:var(--crest);box-shadow:inset 0 0 0 2px #fff8,0 2px 3px #4c422520;overflow:visible}.unit-icon .unit-portrait{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:inherit;object-fit:cover;object-position:center}.unit-icon.tier-2{--crest: #326482;--crest-paper: #e2edf5;border-radius:3px}.unit-icon.tier-3{--crest: #754688;--crest-paper: #efe3f4;border-radius:10px 3px}.unit-icon.champion-icon{--crest: #956021;--crest-paper: #fae7b2;border-radius:50% 50% 7px 7px}.unit-icon.air{transform:none}.unit-tooltip{position:fixed;z-index:100;width:min(286px,calc(100vw - 20px));display:block;pointer-events:none;transform:translateY(-100%);padding:13px;color:#493b25;text-align:left;white-space:normal;border:1px solid #9d7b42;border-radius:5px;background:linear-gradient(145deg,#fffdf5,#eee0c1);box-shadow:0 9px 24px #392a1740,inset 0 0 0 2px #fff9;font-family:"Source Sans 3",Arial,sans-serif;animation:unit-tooltip-in .1s ease-out}.unit-tooltip.below{transform:none}.unit-tooltip-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid #bca579}.unit-tooltip-heading strong{color:#4d3920;font:700 18px var(--display)}.unit-tooltip-heading small{color:#7b6237;font:700 8px var(--mono);text-transform:uppercase}.unit-tooltip-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.unit-tooltip-stats>span{display:flex;flex-direction:column}.unit-tooltip-stats b{color:#513b20;font:700 14px var(--mono)}.unit-tooltip-stats small{color:#7b6b50;font:600 7px var(--mono);text-transform:uppercase}.unit-tooltip-tags{display:flex;flex-wrap:wrap;gap:4px}.unit-tooltip-tags i{padding:3px 5px;color:#5f573f;background:#e4d4b5;border-radius:2px;font:700 7px var(--mono);font-style:normal}.unit-tooltip-modifiers{display:block;margin-top:8px;color:#785621;font:700 9px var(--mono)}.unit-tooltip-copy{display:block;margin-top:8px;color:#64563f;font-size:11px;line-height:1.45}@keyframes unit-tooltip-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.unit-tooltip{animation:none}}.unit-icon .unit-initials{display:block;position:relative;font:800 13px Georgia,serif;letter-spacing:-.05em;margin-top:-3px;color:var(--crest)}.unit-tier{position:absolute;right:-5px;top:-6px;width:15px;height:15px;border-radius:50%;background:var(--crest);color:#fff;font:700 10px/15px Arial,sans-serif;text-align:center;box-shadow:0 0 0 1px #fff8}.tier-marks{position:absolute;bottom:4px;display:flex;justify-content:center;gap:2px;left:2px;right:2px}.tier-marks i{width:4px;height:3px;background:var(--crest);border-radius:1px}.unit-icon.large{width:85px;height:88px;border-width:2px;box-shadow:inset 0 0 0 3px #fff8,0 3px 8px #7f674c22}.unit-icon.large .unit-initials{font-size:30px;margin-top:-10px;z-index:1}.unit-icon.large svg{position:absolute;width:50px;height:50px;opacity:.12;right:-3px;bottom:7px}.unit-icon.large .unit-tier{width:25px;height:25px;font-size:14px;line-height:25px;top:-9px;right:-8px}.unit-icon.large .tier-marks{bottom:11px;gap:4px}.unit-icon.large .tier-marks i{width:10px;height:4px}.grid-unit .unit-icon{border:0;border-radius:0;background:transparent;box-shadow:none;width:100%;height:100%}.grid-unit .unit-icon .unit-initials{font-size:12px}.grid-unit .unit-icon .unit-portrait{object-fit:contain}.grid-unit .unit-tier{right:1px;top:1px;width:10px;height:10px;font-size:7px;line-height:10px}.grid-unit .tier-marks{bottom:2px}.readonly .unit-icon .unit-initials{font-size:6px;margin-top:-1px}.readonly .unit-tier,.readonly .tier-marks{display:none}.enemy-roster-mini .unit-tier{width:12px;height:12px;font-size:8px;line-height:12px;top:-4px;right:-4px}.enemy-roster-mini .unit-initials{font-size:10px}.enemy-roster-mini{gap:10px;padding-top:6px}.match-strip{background:linear-gradient(#fcf8ed,#eee2c7);border-bottom:1px solid #bda16b}.left-command,.right-command{background:linear-gradient(100deg,#f9f3e4,#eee5d1);border-color:#c6b18b;scrollbar-color:#beab82 #f4ecda}.wave-card{background:#f3ecdc}.economy-card>strong{color:#81591f;font-size:35px}.economy-card>strong span{color:#ac7d2a}.section-label{color:#7a6135;font-size:10px}.section-label span{color:#786b53;font-size:8px}.action{background:linear-gradient(#fffaf0,#ede0c4);border-color:#c4ab77}.action>span{font-size:12px}.action>small{font-size:10px}.champion-card strong{color:#745222;font-family:var(--display);font-size:12px}.champion-card small{font-size:9px}.wave-card strong{font-size:42px}.wave-card p{font-size:10px}.wave-progress{background:#d8cbaa}.battlefield{border:2px solid #c4b48a;background:#e3e8d4}.battle-overlay{color:#3f583b;text-shadow:0 1px #fff8;font-size:9px}.build-bay{background:linear-gradient(#f9f2e2,#eee2c8);border-top:2px solid #bda16b}.roster-cards>button{background:#fffaf0;border:1px solid #c4b089;padding-top:10px}.roster-cards>button.selected{background:#e9edd9;border-color:#6a7d45;box-shadow:inset 0 0 0 1px #6a7d45}.roster-cards>button>div{color:#896326}.roster-cards strong{font-family:"Source Sans 3",Arial,sans-serif;font-size:14px}.roster-cards small{color:#73664d;font-size:8px}.grid-cells>button:not(.grid-unit),.grid-cells>button:not(.grid-unit):nth-child(n+21){background:#e7e5cf;border-color:#beb698;box-shadow:inset 0 1px 3px #71623c15}.grid-unit{background:#f7f8e9;border-color:#a19161}.grid-unit.selected{border-color:#697f3e;box-shadow:0 0 0 1px #697f3e}.front-label,.formation-hint{color:#736446;font-size:9px}.formation-hint button{font-size:10px}.intel{background:#fffcf180}.unknown-grid{background:repeating-linear-gradient(0deg,transparent 0 17px,#8a865410 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,#8a865410 17px 18px)}.unknown-grid>span{color:#82774b}.field-note small{color:#82714e}.field-note p,.intel p{font-size:10px}.field-note b{color:#514d2f}.modal-backdrop{background:#574f3670}.modal h2{font-size:30px;color:#735222}.modal h1{font-size:43px}.modal p,.modal li{font-size:14px;color:#736248}.modal b{color:#4b3c21}.shortcut-list{color:#73603c}.toast,.connection-banner{background:#fff5d9;border-color:#b89551;color:#60451f;box-shadow:0 8px 25px #5d452025}@media(max-width:1100px){.brand{font-size:22px}}@media(max-width:760px){.brand{font-size:19px;gap:8px}.brand-mark{width:28px;height:34px}.lobby{padding:22px 12px}.eyebrow{font-size:9px}.tactical-art{height:190px}.deploy-options{padding:17px}.mode-heading h2{font-size:18px}.tag{font-size:8px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.draft-timer{padding:9px}.draft-timer strong{font-size:29px}.draft-card h3{font-size:17px}.draft-card p{font-size:11px}.match-strip,.section-label{font-size:9px}.action>span{font-size:11px}.action>small{font-size:8px}.economy-card>strong{font-size:25px}.battle-overlay{font-size:7px}.wave-card strong{font-size:34px}.roster-cards strong{font-size:10px}.roster-cards small{font-size:6px}.roster-cards .unit-icon{width:27px;height:29px}.roster-cards .unit-initials{font-size:11px}.modal h1{font-size:32px}}.sound-toggle{min-width:34px}.sound-toggle[aria-pressed=false]{opacity:.6}.unit-tooltip-lines{display:grid;gap:4px;margin-top:8px;color:#4d4230;font-size:11px;line-height:1.4}.unit-tooltip-lines b,.dp-ability b{color:#785621}.unit-tooltip-copy{font-style:italic}.dp-ability>span{display:block}.dp-flavor{font-style:italic;opacity:.8}.dp-ability.dense{font-size:10px;line-height:1.3}.app.match-active{display:grid;grid-template-columns:minmax(520px,1fr) minmax(0,1fr);grid-template-rows:62px minmax(0,1fr) 290px;height:100dvh;overflow:hidden}.match-active>.topbar{grid-area:1 / 1;height:auto;min-width:0;padding:0 20px;gap:16px}.match-active .brand{font-size:25px;gap:9px}.match-active .topbar nav{gap:14px}.match-active .match,.match-active .match-layout{display:contents}.match-active .match-strip{grid-area:1 / 1;height:auto;padding:0 18px}.match-active .match-clock{flex-wrap:wrap;justify-content:center;gap:6px 10px}.match-active .match-clock strong{font-size:30px;font-variant-numeric:tabular-nums}.match-active .command-columns{grid-area:2 / 1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;min-width:0}.match-active .left-command,.match-active .right-command{display:block;grid-area:auto;padding:10px 12px;min-width:0;overflow-y:auto;overscroll-behavior:contain}.match-active .right-command{border-left:0;display:flex;flex-direction:column;overflow:hidden}.match-active .right-command>*{flex-shrink:0}.match-active .scouting-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden auto}.match-active .scouting-panel>*{flex-shrink:0}.match-active .scouting-panel>.intel{flex:0 1 auto;min-height:0;overflow-y:auto}.match-active .enemy-lineup{padding-right:5px}.match-active .enemy-lineup .enemy-roster-mini{flex:0 1 auto}@media(max-width:1400px){.match-active .enemy-lineup{gap:8px}.match-active .enemy-lineup .enemy-roster-mini{gap:4px}.match-active .enemy-lineup .unit-icon{width:22px;height:22px}.match-active .enemy-champion{padding-left:8px}}.match-active .right-command .section-label{flex-wrap:wrap}.match-active .section-label{margin:12px 0 7px}.match-active .action{min-height:44px;padding:8px 10px;margin-bottom:6px}.match-active .action>span{font-size:12px}.match-active .action>small{font-size:9px}.match-active .economy-card{display:block;padding:12px 14px;border:1px solid #d6b768;border-radius:6px;background:linear-gradient(125deg,#fff8d8,#f0deb0);box-shadow:inset 0 1px #fffdf1,0 3px 9px #78531812}.match-active .economy-card>small{font-size:9px;color:#73531f}.match-active .economy-card>strong{display:flex;align-items:center;gap:10px;margin:5px 0 8px;color:#68410b;font-size:clamp(34px,3.2vw,48px);line-height:1.15;font-variant-numeric:tabular-nums}.gold-coin{width:48px;height:48px;object-fit:contain;flex:0 0 auto}.match-active .economy-card>div{padding:0;border:0;font-size:10px;gap:8px}.match-active .offline-controls{margin:0 0 16px}.match-active .offline-controls button{min-height:34px}.match-active .intel{margin-top:10px}.match-active .field-note{margin-top:16px;padding-top:12px}.match-active .battlefield{grid-area:1 / 2 / -1 / 3;height:100dvh;min-height:0;border-width:0 0 0 2px}.match-active .battle-overlay{font-size:8px;left:12px;right:12px}.match-active .battle-overlay strong{font-size:9px}.match-active .build-bay{grid-area:3 / 1;display:grid;grid-template-columns:minmax(0,1fr);min-height:0;min-width:0;padding:0 10px 10px;gap:10px;overflow:hidden}.match-active .build-roster,.match-active .build-formation{min-width:0}.match-active .build-bay .section-label{margin:12px 0 8px;font-size:9px}.match-active .build-bay .section-label>span{font-size:7px}.match-active .roster-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.match-active .roster-cards>button{padding:5px;min-height:80px}.match-active .roster-cards>button>div{font-size:9px;margin-bottom:3px}.match-active .roster-cards .unit-icon{width:27px;height:28px;margin:0 auto 4px}.match-active .roster-cards strong{font-size:10px;line-height:1.1;white-space:normal}.match-active .roster-cards small{font-size:6px;margin-top:3px;white-space:normal}.match-active .formation-hint{font-size:9px;flex-wrap:wrap;gap:5px}.match-active .front-label{margin:0 0 5px}.match-active .build-formation .grid-cells{grid-template-rows:repeat(5,minmax(0,1fr));height:177px}.match-active .right-command .build-roster{margin-top:16px}.match-active .right-command .roster-cards>button>div{justify-content:center}.unit-price{display:inline-flex;align-items:center;gap:3px}.unit-price img{width:12px;height:12px;object-fit:contain}.match-active .champion-card{display:flex}@media(max-width:1150px)and (min-width:901px){.app.match-active{grid-template-rows:58px minmax(0,1fr) 290px}.match-active>.topbar{padding:0 12px;gap:8px}.match-active .brand{font-size:20px}.match-active .topbar nav{gap:7px}.match-active .topbar .match-mode{display:none}.match-active .left-command,.match-active .right-command{padding:12px}.match-active .build-bay{gap:10px;padding-inline:10px}.match-active .build-bay .section-label>span{display:none}}@media(max-width:900px){.app.match-active{display:block;height:auto;overflow:visible}.match-active>.topbar{min-height:64px;padding:0 12px}.match-active .match{display:grid;grid-template-columns:minmax(0,1fr);max-width:none}.match-active .match-strip{grid-area:1 / 1;min-height:60px}.match-active .battlefield{grid-area:2 / 1;height:min(70dvh,620px);border:0}.match-active .command-columns{grid-area:3 / 1}.match-active .left-command,.match-active .right-command{padding:12px;overflow:visible}.match-active .scouting-panel{overflow:visible}.match-active .scouting-panel>.intel{overflow:visible}.match-active .right-command .roster-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.match-active .left-command .section-label{display:flex}.match-active .left-command>div:not(.economy-card){min-width:0}.match-active .left-command .economy-card{width:auto}.match-active .economy-card>div{flex-direction:column;gap:3px;margin:0}.match-active .gold-coin{width:36px;height:36px}.match-active .economy-card{padding:10px}.match-active .economy-card>strong{font-size:34px;gap:5px}.match-active .build-bay{grid-area:4 / 1;min-height:240px;padding-bottom:16px}}@media(max-width:560px){.match-active>.topbar{gap:6px}.match-active .brand{font-size:19px;gap:6px;letter-spacing:.03em}.match-active .brand-mark{margin-right:0;width:24px}.match-active .topbar nav{gap:3px}.match-active .build-bay{grid-template-columns:minmax(0,1fr);gap:8px}.match-active .roster-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.match-active .action{padding:8px}.match-active .action>span{font-size:11px}.match-active .offline-controls{flex-wrap:wrap}}.grid-unit{position:relative}.placement-smoke{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.placement-smoke i{position:absolute;bottom:8%;left:25%;width:50%;height:55%;border-radius:50%;background:radial-gradient(ellipse,#e4dbc9b0,#b7a68a60 45%,transparent 72%);animation:placement-puff .65s ease-out both}.placement-smoke i:nth-child(2){left:0;animation-delay:60ms}.placement-smoke i:nth-child(3){left:50%;animation-delay:.1s}@keyframes placement-puff{0%{opacity:.9;transform:translateY(20%) scale(.4)}to{opacity:0;transform:translateY(-35%) scale(1.8)}}@media(prefers-reduced-motion:reduce){.placement-smoke{display:none}}.match-active .match-clock{gap:36px;flex-wrap:wrap;justify-content:center}.match-active .match-clock>.elapsed-clock,.match-active .match-clock>.wave-clock{display:grid;gap:1px;text-align:center}.match-active .elapsed-clock strong{font-variant-numeric:tabular-nums}.match-active .match-clock>.offline-controls{margin:0;align-self:center}.match-active .match-clock>.offline-controls button{min-height:30px;min-width:34px}@media(max-width:700px){.match-active .match-clock{gap:16px}.match-active .match-clock strong{font-size:19px}.match-active .match-clock span{font-size:7px}}.placement-ghost{z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;border:2px dashed #b3862f;border-radius:4px;background:#f0c46847;animation:ghost-pulse .9s ease-in-out infinite alternate}.placement-ghost .unit-icon{width:22px;height:22px;opacity:.6}.placement-ghost.invalid{border-color:#b8453b;background:#c8463a38}.placement-ghost.invalid .unit-icon{filter:grayscale(1);opacity:.35}.grid-unit.drag-source,.roster-cards>button.drag-source{opacity:.35}.grid-unit{cursor:grab;touch-action:none}.grid-unit img,.roster-cards>button img{-webkit-user-drag:none}.drag-ghost{position:fixed;z-index:1000;pointer-events:none;translate:-50% -60%;rotate:-4deg;opacity:.85;filter:drop-shadow(0 8px 10px rgb(48 32 21 / .4))}.drag-ghost .unit-icon{width:46px;height:46px}.drag-ghost.invalid{opacity:.55}body.formation-dragging .unit-tooltip{display:none}body.formation-dragging,body.formation-dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}@keyframes ghost-pulse{to{background-color:#f0c4686b}}@media(prefers-reduced-motion:reduce){.placement-ghost{animation:none}}.match-active .match-clock>.offline-controls button{border:0;border-image:none;box-shadow:none;background:transparent;color:#6b4a35;font-size:11px}.match-active .match-clock>.offline-controls button.pause-toggle{flex:none;font-size:13px}.match-active .match-clock>.offline-controls button.active{background:#6b4a3524;color:#3c2b20;font-weight:700}.result-units{width:100%;border-collapse:collapse;margin-top:6px;font-size:12px}.result-units th{font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:right;opacity:.7;padding:4px 0}.result-units th:first-child,.result-units td:first-child{text-align:left}.result-units td{text-align:right;padding:5px 0;border-top:1px solid #74684644;font-variant-numeric:tabular-nums}.result-units td.healing{color:#6fae62}.result-units td.taken{color:#d0735c}.match-active .wave-clock[data-countdown]{border-radius:10px;background:radial-gradient(closest-side,rgb(214 38 28 / calc(.1 + var(--urgency) * .22)),transparent)}.match-active .wave-clock[data-countdown] span{color:color-mix(in oklab,#b3261e calc(15% + var(--urgency) * 85%),#5d4a3a)}.match-active .wave-clock[data-countdown] strong{color:color-mix(in oklab,#c4231a calc(20% + var(--urgency) * 80%),#3b2a1f);text-shadow:0 0 calc(4px + var(--urgency) * 14px) rgb(255 64 48 / calc(.3 + var(--urgency) * .5));animation:countdown-beat .85s cubic-bezier(.2,.8,.2,1)}@keyframes countdown-beat{0%{transform:scale(calc(1.18 + var(--urgency) * .32));filter:brightness(1.5)}}.match-active .economy-card>strong.gold-gained{transform-origin:left center;animation:gold-flare .8s ease-out}@keyframes gold-flare{30%{color:#c98a0e;text-shadow:0 0 10px #ffd35cee,0 0 22px #ffbf3a99;transform:scale(1.06)}}.action.in-progress:disabled{opacity:1;cursor:progress}.action.in-progress{box-shadow:inset 0 0 0 1px #c98f2a80,0 0 12px #e8a93a33}.action>.job-fill{position:absolute;inset:0 auto 0 0;z-index:0;height:auto;width:calc(var(--progress, 0) * 100%);overflow:hidden;pointer-events:none;background:repeating-linear-gradient(-55deg,#fff6d445 0 8px,transparent 8px 16px),linear-gradient(90deg,#efc25e80,#e3a03cc4 70%,#f3c04fe6);background-size:32px 100%,100% 100%;animation:job-flow .9s linear infinite;transition:width .26s linear}.action>.job-fill:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#fff8e0a0 50%,transparent 70%);background-size:250% 100%;animation:job-sheen 2.2s ease-in-out infinite}.action>.job-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:#fff3c4;box-shadow:0 0 6px 2px #ffd064,0 0 16px 4px #f0a43099;animation:job-edge 1.1s ease-in-out infinite alternate}@keyframes job-flow{to{background-position:32px 0,0 0}}@keyframes job-sheen{0%{background-position:130% 0}to{background-position:-30% 0}}@keyframes job-edge{to{opacity:.55;box-shadow:0 0 4px 1px #ffd064,0 0 10px 2px #f0a43066}}.action>.job-done{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,#fff6d0,#f6c95a 40%,#e9a93a00 75%);animation:job-done .9s ease-out forwards}@keyframes job-done{0%{opacity:1;transform:scale(.4)}40%{opacity:.9}to{opacity:0;transform:scale(1.6)}}@font-face{font-family:Grenze;src:url(/fonts/grenze/grenze-extrabold.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}:root{--title: "Grenze", Georgia, serif}.brand,.panel-heading,.mode-heading h2,.page-heading h1,.modal h1,.modal h2,.dp-heading h1,.dp-card h2,.champion-card strong{font-family:var(--title);font-weight:800;letter-spacing:.015em}.panel-heading{font-size:15px}.mode-heading h2{font-size:25px}.dp-card h2{line-height:1.1}:root{--line: #6b4a35;--lime: #69452d;--trim: #573823;--trim-light: #99785a}button{border-color:var(--trim);background:linear-gradient(#f5ebd9,#ddcbb0);box-shadow:inset 0 1px #fff8e7,0 2px 4px #30201530}button:hover:not(:disabled){border-color:#382419;background:linear-gradient(#fff8e9,#e5d4b8)}.topbar{background:linear-gradient(#44372e,#29221d);border-bottom-color:#573823;box-shadow:inset 0 -1px #8c70554d,0 4px 18px #30200f30}.brand,.brand-mark,.topbar nav,.topbar .quiet{color:#eadcc5}.deploy-panel,.draft-rosters,.modal{border:1px solid var(--trim);border-image:url(/art/ui/walnut-panel.png) 12% / 24px / 4px stretch;border-radius:0;background:linear-gradient(135deg,#fbf2df,#e8d9bf);box-shadow:0 12px 32px #30201533}.panel-heading{background:linear-gradient(#493a2d,#30261e);color:#f2e5cd;border-bottom-color:#63432e;box-shadow:inset 0 -1px #a0846340}button.primary{background:linear-gradient(#654a35,#3c2b20);color:#fff2da;border-color:#39271c;text-shadow:0 1px #241a14;box-shadow:inset 0 1px #947354,0 3px 7px #30201540}button.primary:hover{background:linear-gradient(#795b41,#4e3726);border-color:#372318}.online-options button,.connection-actions button,.difficulty button,.deploy,.action,.roster-cards>button,.camera-control,.offline-controls button{border-image:url(/art/ui/leather-button.png) 12% / 10px / 0 stretch}.online-options button:not(.primary),.action{background:linear-gradient(#fbf6eb,#e8dac3);border-color:var(--trim)}.difficulty button.active{background:#dfccb1;border-color:var(--trim);box-shadow:inset 0 0 0 2px #725035}.draft-timer,.unit-tooltip,.match-strip,.build-bay,.match-active .battlefield,.match-active .economy-card,.intel,.field-note,.unit-tooltip-heading,.roster-cards>button{border-color:#76563e}.match-active .economy-card{background:linear-gradient(125deg,#fff7e4,#e6d6b9)}.match-active .build-bay{border-top-color:#573823}.build-formation .grid-cells>button:not(.grid-unit){border-color:#9b836b}.roster-cards>button.selected,.grid-unit.selected{box-shadow:inset 0 0 0 2px #67472f;border-color:#67472f}.dp-card,.dp-card:hover:not(:disabled){border-color:#35251b;background:linear-gradient(135deg,#9b7959,#493120 24%,#785337 47%,#35251b 72%,#866246)}.dp-card.selected{box-shadow:0 4px #593d29,0 7px #302219,0 0 0 2px #9b7959,0 22px 35px #34241450}.dp-card-edge{border-color:#503522}.dp-tier{color:#fff0d6;background:radial-gradient(circle at 35% 25%,#88664b,#39281d);border-color:#39281d;box-shadow:0 2px 4px #0005,inset 0 0 0 2px #a18464}.dp-art{border-bottom-color:#63452f}.dp-overline,.eyebrow,.section-label{color:#694b34}body{background-color:#e1e3e4;background-image:linear-gradient(#f1f3f470,#e5e7e870),url(/art/backgrounds/castle-marble.jpg);background-size:auto,640px 640px;background-repeat:repeat;background-attachment:scroll}.match-utilities{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-bottom:12px}.match-utilities button{font-size:11px;min-height:32px}.preview-utilities{justify-content:center}.home-screen{min-height:100dvh;background:linear-gradient(#f5eddd35,#eee5d335),url(/art/backgrounds/cloud-battle.jpg) center / cover no-repeat fixed}.home-screen .lobby{min-height:100dvh;padding:62px 20px 32px;flex-direction:column;gap:18px}.home-sound{position:absolute;top:14px;right:18px;z-index:2;display:flex;align-items:center;gap:8px}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px}.sound-toggle svg{width:24px;height:24px}.help-toggle{width:40px;height:40px;padding:0;font:800 21px/1 var(--title)}.home-sound .help-toggle,.home-sound .sound-toggle{color:#38291f;background:#fff5dfcc;border:1px solid #72513a;border-radius:50%}#play-heading{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font:800 58px/1 var(--title);letter-spacing:.01em;color:#fff4df;-webkit-text-stroke:1px #3b2a1f;text-shadow:0 3px 0 #3b2a1f,0 6px 18px #000000a0}#play-heading img{display:block;width:min(560px,100%);height:auto;filter:drop-shadow(0 5px 10px #000000a0)}.home-screen .deploy-options{padding:22px 30px}.home-screen .deploy-panel{background:linear-gradient(#f4f5f6eb,#e6e8eaeb),url(/art/backgrounds/castle-marble.jpg) center / 640px 640px}.home-screen .deploy-options button{font:800 20px/1.2 var(--title);letter-spacing:.01em;text-transform:none}.home-screen .deploy-options button small{font:400 11px/1.4 var(--mono);letter-spacing:normal}.home-screen .deploy-options button:not(.primary):not(.text-button){background:linear-gradient(#f6f7f8,#dce0e3)}.home-screen .deploy-options button:not(.primary):not(.text-button):hover:not(:disabled){background:linear-gradient(#fff,#e8ebed)}.home-screen .deploy-options .difficulty button.active{background:linear-gradient(#d8dde0,#c4ccd1)}.home-screen .join-row{margin-top:20px}.home-screen .join-row input{min-width:0;background:#fafbfc;border-color:#a8afb4}.random-match{margin-top:10px}.random-match small{display:block;margin-top:4px;font:11px var(--mono)}.online-options button,.difficulty button,.deploy,.action,.roster-cards>button{text-align:center}.online-options button,.difficulty button,.action{justify-content:center;align-items:center}.deploy{flex-direction:column;justify-content:center;align-items:center;gap:2px}@media(max-width:560px){.home-screen .deploy-options{padding:20px}#play-heading{font-size:44px;gap:10px}#play-heading img{width:min(400px,100%)}}.match-strip,.left-command,.right-command,.build-bay{background:linear-gradient(#f4f5f6e0,#e6e8eae0),#e1e3e4 url(/art/backgrounds/castle-marble.jpg) 0 0 / 640px 640px}.home-screen .connection-status{display:grid;gap:10px;padding-top:16px;color:#4a4f53}.home-screen .connection-status p{margin:0}.home-screen .room-code{font:800 36px/1 var(--title);letter-spacing:.3em;color:#2f2a26}.home-screen .connection-status input{width:100%;background:#fafbfc;border-color:#a8afb4;font-size:12px}.connection-actions{display:flex;gap:8px}.home-screen .room-modal{width:min(440px,calc(100vw - 32px));padding-top:24px}.home-screen .deploy-options .connection-actions button,.home-screen .room-modal .connection-actions button{flex:1;min-height:42px;font-size:16px}@media(hover:hover)and (pointer:fine){:where(button:not(.dp-card,.draft-card,.grid-cells>button,.quiet,.text-button,.modal-close,.toast button)){position:relative;isolation:isolate}:where(button:not(.dp-card,.draft-card,.grid-cells>button,.quiet,.text-button,.modal-close,.toast button)):before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .2s ease;background:radial-gradient(ellipse at 50% 100%,rgb(222 146 58 / .42),transparent 70%) 50% 100% / 100% 90% no-repeat}:where(button:not(.dp-card,.draft-card,.grid-cells>button,.quiet,.text-button,.modal-close,.toast button)):hover:not(:disabled):before{opacity:1;animation:button-ember 1.6s ease-in-out infinite alternate}}@media(prefers-reduced-motion:reduce){button:hover:before{animation:none!important}}@keyframes button-ember{0%{background-size:100% 90%}to{background-size:140% 170%}}@media(hover:hover)and (pointer:fine){body{cursor:url(/art/ui/gauntlet-cursor.svg) 7 5,default}button:not(:disabled):not(.grid-unit),a[href],summary,.special-research summary,select,[role=button]:not([aria-disabled=true]):not(.grid-unit){cursor:url(/art/ui/gauntlet-pointer.svg) 12 2,pointer}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,[contenteditable=true]{cursor:text}}:root{--enter-ease: cubic-bezier(.16, 1, .3, 1);--enter-time: .72s}@keyframes enter-rise{0%{opacity:0;transform:translateY(28px) scale(.97);filter:blur(8px)}}@keyframes enter-drop{0%{opacity:0;transform:translateY(-22px) scale(.96);filter:blur(6px)}}@keyframes enter-left{0%{opacity:0;transform:translate(-36px);filter:blur(6px)}}@keyframes enter-right{0%{opacity:0;transform:translate(36px);filter:blur(6px)}}@keyframes enter-soft{0%{opacity:0;transform:translateY(10px)}}@keyframes veil-lift{0%{opacity:1}to{opacity:0}}.home-screen{isolation:isolate}.home-screen:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 45%,#1e140c99,#0d0805f2 70%);animation:veil-lift 1.1s ease-out backwards}#play-heading{animation:enter-drop .8s var(--enter-ease) .15s backwards}#play-heading img{animation:logo-land .9s var(--enter-ease) .15s backwards}@keyframes logo-land{0%{opacity:0;transform:scale(.88)}}.home-screen .deploy-panel{animation:enter-rise var(--enter-time) var(--enter-ease) .3s backwards}.home-screen .deploy-options>*,.home-screen .offline-skirmish>*{animation:enter-soft .52s var(--enter-ease) backwards;animation-delay:calc(.42s + var(--stagger, 0) * 55ms)}.home-sound{animation:enter-soft .6s var(--enter-ease) .7s backwards}.draft-screen .page-heading{animation:enter-left var(--enter-time) var(--enter-ease) backwards}.draft-screen .draft-timer{animation:enter-drop var(--enter-time) var(--enter-ease) .2s backwards}.draft-screen .draft-rosters{animation:enter-right var(--enter-time) var(--enter-ease) .15s backwards}.draft-screen .dp-card{animation:card-deal .65s var(--enter-ease) backwards;animation-delay:calc(.18s + var(--i, 0) * 70ms)}@keyframes card-deal{0%{opacity:0;transform:translateY(calc(var(--drop, 0px) + 160px)) rotate(calc(var(--angle, 0deg) * 3)) scale(.82);filter:blur(4px)}}.match .match-strip{animation:enter-drop var(--enter-time) var(--enter-ease) backwards}.match .left-command{animation:enter-left var(--enter-time) var(--enter-ease) .22s backwards}.match .right-command{animation:enter-right var(--enter-time) var(--enter-ease) .22s backwards}.match .left-command>*,.match .right-command>*{animation:enter-soft .48s var(--enter-ease) backwards;animation-delay:calc(.38s + var(--stagger, 0) * 60ms)}.match .build-bay{animation:enter-rise var(--enter-time) var(--enter-ease) .32s backwards}.match .battle-canvas:not([data-art-ready]){clip-path:inset(0 50% 0 50%)}.match .battle-canvas[data-art-ready]{animation:field-open .95s var(--enter-ease) backwards}.match .battle-overlay{animation:enter-soft .6s var(--enter-ease) .5s backwards}@keyframes field-open{0%{clip-path:inset(0 50% 0 50%);filter:brightness(1.8) saturate(.3)}60%{filter:brightness(1.15) saturate(.9)}to{clip-path:inset(0);filter:none}}.match .battlefield:has(>[data-art-ready]):after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 35%,#fff6dc66 48%,#fffbe999 50%,#fff6dc66 52%,transparent 65%);background-size:250% 100%;animation:field-glint 1.1s ease-out .45s backwards}@keyframes field-glint{0%{opacity:1;background-position:100% 0}to{opacity:1;background-position:-50% 0}}.modal-backdrop{animation:backdrop-in .32s ease-out backwards}@keyframes backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.modal-backdrop .modal{animation:window-in .46s var(--enter-ease) 40ms backwards}@keyframes window-in{0%{opacity:0;transform:translateY(26px) scale(.93);filter:blur(6px)}}.modal-backdrop .modal>*{animation:enter-soft .42s var(--enter-ease) backwards;animation-delay:calc(.16s + var(--stagger, 0) * 45ms)}.upgrade-dialog[open]{animation:window-in .52s var(--enter-ease) backwards}.upgrade-dialog[open]::backdrop{animation:veil-in .32s ease-out}.upgrade-dialog[open] .upgrade-card{animation:card-deal .62s var(--enter-ease) backwards;animation-delay:calc(.2s + var(--i, 0) * 80ms)}.modal-backdrop .result{animation-duration:.7s}.modal-backdrop .result h1{animation:title-settle .9s var(--enter-ease) .2s backwards}@keyframes title-settle{0%{opacity:0;letter-spacing:.35em;filter:blur(8px)}}.toast,.connection-banner{animation:notice-in .36s var(--enter-ease)}:is(.deploy-options,.offline-skirmish,.left-command,.right-command,.modal)>:nth-child(2){--stagger: 1}:is(.deploy-options,.offline-skirmish,.left-command,.right-command,.modal)>:nth-child(3){--stagger: 2}:is(.deploy-options,.offline-skirmish,.left-command,.right-command,.modal)>:nth-child(4){--stagger: 3}:is(.deploy-options,.offline-skirmish,.left-command,.right-command,.modal)>:nth-child(5){--stagger: 4}:is(.deploy-options,.offline-skirmish,.left-command,.right-command,.modal)>:nth-child(6){--stagger: 5}:is(.deploy-options,.offline-skirmish,.left-command,.right-command,.modal)>:nth-child(n+7){--stagger: 6}:root{--stone: linear-gradient(#eef0f1, #d5d9dc);--stone-hover: linear-gradient(#f8f9fa, #e0e3e6);--stone-flat: #dde0e3;--stone-edge: #9aa1a7}button,.action,.online-options button:not(.primary),.roster-cards>button{background:var(--stone)}button:hover:not(:disabled),.action:hover:not(:disabled),.roster-cards>button:hover:not(:disabled){background:var(--stone-hover)}.roster-cards>button.selected{background:linear-gradient(#e2e6e9,#c6ccd1)}.roster-cards>button{border-color:var(--stone-edge)}.roster-cards>button>div,.roster-cards small{color:#5c6166}:root .match-active .economy-card{padding:4px 2px 0;border:0;border-image:none;background:none;box-shadow:none}:root .match-active .economy-card>small{color:#4e5458}:root .match-active .economy-card>strong{color:#33383c}:root .grid-cells>button:not(.grid-unit),:root .grid-cells>button:not(.grid-unit):nth-child(n+21){background:#d3d7da;border-color:var(--stone-edge);box-shadow:inset 0 1px 3px #2a2e3215}.grid-unit{background:#eef0f1}.build-bay,.match-strip{background:linear-gradient(#f3f4f5,#dee1e4)}.left-command,.right-command{background:linear-gradient(100deg,#f1f3f4,#e0e3e6);scrollbar-color:#a3a9ae #eceef0}.wave-card,.wave-progress{background:var(--stone-flat)}.battlefield{background:#d8dcdf;border-color:#a9b0b5}.modal{background:linear-gradient(135deg,#f3f4f5,#d9dde0)}.upgrade-dialog{background:radial-gradient(ellipse at 50% 25%,#f5f6f7,#cfd4d8);box-shadow:0 24px 100px #0e1012d9,inset 0 0 0 4px #8a9197}.unit-tooltip{color:#34393d;border-color:#8a9197;background:linear-gradient(145deg,#fbfbfc,#e1e4e7)}.unit-tooltip-tags i{color:#464b50;background:#d9dde0}.intel{background:#f4f5f680}.unknown-grid{background:repeating-linear-gradient(0deg,transparent 0 17px,#5f666c14 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,#5f666c14 17px 18px)}.unknown-grid>span{color:#666c72}.home-sound .help-toggle,.home-sound .sound-toggle{color:#33383c;background:#f1f3f4d9;border-color:#6f767c}.match-utilities{gap:10px}.match-utilities .help-toggle,.match-utilities .sound-toggle{color:#33383c;background:#f1f3f4d9;border:1px solid #6f767c;border-radius:50%}.match-utilities .help-toggle{font-size:21px}.match-utilities .concede-button,.home-sound .concede-button{margin-left:6px;letter-spacing:.12em;text-transform:uppercase}.sound-control{position:relative;display:inline-flex}.volume-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:30;padding:10px 14px;border:1px solid #6f767c;border-radius:20px;background:#f1f3f4;box-shadow:0 6px 16px #1e212433;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s .15s}.volume-pop:before{content:"";position:absolute;inset:-10px 0 100%}.sound-control:hover .volume-pop,.sound-control:focus-within .volume-pop{opacity:1;visibility:visible;transform:none;transition:opacity .15s ease,transform .15s ease}.volume-pop input{display:block;width:130px;margin:0;accent-color:#4b3423;cursor:pointer}@font-face{font-family:Crown Cinzel;src:url(/fonts/dark-fantasy/cinzel.ttf) format("truetype");font-weight:400 900;font-display:swap}@font-face{font-family:Crown Garamond;src:url(/fonts/dark-fantasy/eb-garamond.ttf) format("truetype");font-weight:400 800;font-display:swap}@font-face{font-family:Crown Sans;src:url(/fonts/dark-fantasy/source-sans.ttf) format("truetype");font-weight:200 900;font-display:swap}:root[data-theme=dark-fantasy]{color-scheme:dark;--title: "Crown Cinzel", Georgia, serif;--display: var(--title);--body: "Crown Garamond", Georgia, serif;--mono: "Crown Sans", Arial, sans-serif;--gold: #decc93;--gold-bright: #f0dba1;--muted: #b2a69d;--ink: #e3dfd1;--bg: #191719;--panel: #2b2525;--line: #565346;--trim: #7e7352;--trim-light: #b2a173;--lime: #daca91;--blue: #88b9cb;--red: #d69080;--surface: linear-gradient(#302726ee, #251f21ee), url(/art/dark-fantasy/slate.jpg);--button: linear-gradient(#57332699, #301e2299), url(/art/dark-fantasy/button-bronze.jpg) center / cover;--stone: var(--button);--stone-flat: #322727;--stone-hover: linear-gradient(#98562e99, #55302499), url(/art/dark-fantasy/button-bronze.jpg) center / cover;--stone-edge: #67604b;font-family:var(--body);color:var(--ink);background:var(--bg)}:root[data-theme] body,:root[data-theme] .home-screen,:root[data-theme] .dp{color:var(--ink);background:radial-gradient(ellipse at 50% 10%,#ad65331c,transparent 58%),linear-gradient(#21191bc4,#171318d9),url(/art/dark-fantasy/slate.jpg) center / 740px;background-attachment:scroll;font-family:var(--body)}:root[data-theme] ::selection{background:#b19b5155;color:#fff2c8}:root[data-theme] :focus-visible{outline:2px solid var(--gold-bright);outline-offset:4px}:root[data-theme] button:disabled{opacity:.42}:root[data-theme] .app button:not(.dp-card):not(.grid-unit),:root[data-theme] .dp button:not(.dp-card){border-image:none;border:1px solid #69624d;border-radius:0;color:var(--ink);background:var(--button);box-shadow:inset 0 1px #d7c88f12,0 2px 6px #0003;font-family:var(--title);font-weight:400;letter-spacing:.025em;text-shadow:0 1px 2px #0008;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s}:root[data-theme] .app button:not(.dp-card):not(.grid-unit):hover:not(:disabled),:root[data-theme] .dp button:not(.dp-card):hover:not(:disabled){background:var(--stone-hover);border-color:#baaa73;color:#fff0bb;box-shadow:inset 0 0 20px #d9c4860d,0 3px 10px #0005}:root[data-theme] .app button.primary:not(.dp-card):not(.grid-unit),:root[data-theme] .app button.deploy:not(.random-match),:root[data-theme] .dp button.dp-confirm{color:#fff0bd;border-color:#9c8951;background:linear-gradient(#9f833c50,#65522330),url(/art/dark-fantasy/button-bronze.jpg) center / cover;box-shadow:inset 0 1px #e7d29833,0 3px 10px #0005}:root[data-theme] .app button:before{animation:none}:root[data-theme] .app button:not(.dp-card):before{background:none}:root[data-theme] .app button.quiet:not(.dp-card),:root[data-theme] .app button.text-button:not(.dp-card),:root[data-theme] .app button.modal-close:not(.dp-card){background:transparent;border-color:transparent;color:var(--gold);box-shadow:none}:root[data-theme] input:not([type=range]),:root[data-theme] .home-screen .join-row input,:root[data-theme] .home-screen .connection-status input,:root[data-theme] select{color:var(--ink);background:#20191b;border:1px solid #595646;border-radius:0;box-shadow:inset 0 2px 8px #0003;font-family:var(--mono)}:root[data-theme] input::placeholder{color:#a7a694}:root[data-theme] input[type=range]{accent-color:var(--gold)}:root[data-theme] :is(h1,h2,h3,.brand,.panel-heading,.champion-card strong){font-family:var(--title);font-weight:400;letter-spacing:.02em;color:var(--gold)}:root[data-theme] :is(.eyebrow,.section-label,.front-label,.dp-overline){color:#b8ab7d;font-family:var(--mono);font-weight:500;letter-spacing:.16em}:root[data-theme] :is(.section-label span,.formation-hint,.intel p,.field-note,.dp-heading p,.page-heading p,.dp-disclaimer,.draft-note){color:var(--muted)}:root[data-theme] :is(.deploy-panel,.modal,.upgrade-dialog,.unit-tooltip){border:1px solid #9a885b;border-image:url(/art/dark-fantasy/window.jpg) 110 fill / 30px / 0 stretch;border-radius:0;background:#292123;color:var(--ink);box-shadow:0 24px 80px #0007}:root[data-theme] .home-screen .lobby{padding:76px 24px 52px;gap:28px}:root[data-theme] #play-heading{flex-direction:column;gap:14px;color:var(--gold-bright);font:400 clamp(42px,5vw,64px)/1.05 var(--title);letter-spacing:.12em;-webkit-text-stroke:0;text-shadow:0 3px 24px #0008}:root[data-theme] #play-heading img{width:min(560px,100%);height:auto;filter:drop-shadow(0 4px 14px #000a)}:root[data-theme] .home-screen .deploy-panel{width:min(580px,100%);overflow:visible}:root[data-theme] .home-screen .deploy-options{padding:30px 36px 32px}:root[data-theme] .home-screen .mode-heading h2{font-size:23px;letter-spacing:.025em}:root[data-theme] .home-screen .deploy-options>p{font:17px/1.4 var(--body);color:#b6b3a5;margin:6px 0 20px}:root[data-theme] .home-screen .deploy-options button{font:400 15px/1.35 var(--title);letter-spacing:.02em;min-height:48px;text-transform:none}:root[data-theme] .home-screen .deploy-options button small{color:#c0beaf;font:13px/1.4 var(--mono);letter-spacing:0;margin-top:6px;text-shadow:none}:root[data-theme] .home-screen .online-options{gap:12px;margin:18px 0 0}:root[data-theme] .home-screen .online-options button{padding:15px 12px}:root[data-theme] .home-screen .join-row{margin-top:14px;gap:10px}:root[data-theme] .home-screen .join-row input{font-size:12px;padding:12px 14px;letter-spacing:.1em}:root[data-theme] .home-screen .offline-skirmish{border-color:#83734455;margin-top:28px;padding-top:24px}:root[data-theme] .home-screen .difficulty{gap:12px;margin-bottom:16px}:root[data-theme] .home-screen .difficulty button{min-height:68px}:root[data-theme] .home-screen .deploy-options .difficulty button.active{background:linear-gradient(#b677432d,#bd823122),#3a2823;border-color:#cbb877;box-shadow:inset 0 -2px #cfba7d}:root[data-theme] .difficulty button.active:after{color:#eadba9;font-size:7px;right:10px;top:10px}:root[data-theme] .home-screen .offline-skirmish .deploy{padding:14px 18px;min-height:52px}:root[data-theme] .home-screen .random-match{margin-top:12px}:root[data-theme] .home-screen .connection-status{color:var(--muted);font-size:16px}:root[data-theme] .home-screen .room-code{color:var(--gold);font-family:var(--title);font-weight:400}:root[data-theme] .home-screen .connection-actions button{font-size:13px}:root[data-theme] .home-sound{top:22px;right:24px;gap:12px}:root[data-theme] .app button:is(.sound-toggle,.help-toggle):not(.dp-card),:root[data-theme] .match-utilities :is(.sound-toggle,.help-toggle){border:1px solid #84764e;color:var(--gold);background:#261e21dd;border-radius:50%;box-shadow:none;font-size:21px}:root[data-theme] .volume-pop{background:#2a2123;border-color:#786e50;border-radius:2px;box-shadow:0 8px 28px #0008}:root[data-theme] .live-draft .page-heading{padding:8px 12px 20px;border-bottom:1px solid #7c6e434d}:root[data-theme] .page-heading h1{font-size:clamp(28px,3vw,40px);line-height:1.2}:root[data-theme] .page-heading p{font:17px/1.4 var(--body)}:root[data-theme] .live-draft .draft-timer{background:#302425;border:1px solid #7a704f;box-shadow:none;min-width:110px;border-radius:0}:root[data-theme] .draft-timer strong{font:400 36px/1.2 var(--title);color:var(--gold)}:root[data-theme] .draft-timer small{color:var(--muted)}:root[data-theme] .live-draft .draft-rosters{color:var(--ink);font-family:var(--body)}:root[data-theme] .live-draft .draft-rosters h3{color:var(--gold);font-size:16px;border-color:#655d43}:root[data-theme] .live-draft .draft-rosters :is(p,h3 small){color:var(--muted)}:root[data-theme] .draft-pick{font-family:var(--body);font-size:16px}:root[data-theme] .dp-card{border:1px solid #88794f;background:linear-gradient(135deg,#aa9660,#514034 35%,#7e7150 80%);border-image:none;border-radius:4px;padding:3px;color:var(--ink);box-shadow:0 3px #191216,0 12px 26px #0006}:root[data-theme] .dp-card:hover:not(:disabled),:root[data-theme] .dp-card.selected{border-color:#e7d299;box-shadow:0 0 0 1px #d4be7d,0 16px 38px #0009}:root[data-theme] .dp-card-edge{background:var(--surface);border:1px solid #736748;border-radius:1px}:root[data-theme] .dp-card h2{font:400 19px/1.2 var(--title);color:#ebdba9;margin:14px 6px 9px}:root[data-theme] .dp-art{border-color:#887b51}:root[data-theme] :is(.dp-tier,.dp-cost){background:#302322;color:var(--gold);border:1px solid #a2915f;box-shadow:0 3px 8px #0008,inset 0 0 0 3px #463027;border-radius:50%;font:500 18px/1 var(--body)}:root[data-theme] .dp-role{background:#21171bd9;color:#dfd5b6;font-family:var(--mono)}:root[data-theme] :is(.dp-types,.dp-minor small,.dp-unit-details small,.dp-stats small){color:#b5b19b}:root[data-theme] .dp-stats{border-color:#8e7b484d}:root[data-theme] .dp-stats b{font:500 23px/1 var(--body);color:#e5d297}:root[data-theme] :is(.dp-unit-details,.dp-card-foot,.upgrade-numbers){border-color:#75684766}:root[data-theme] :is(.dp-ability,.upgrade-description){color:#d2cfbf;font:14px/1.35 var(--body)}:root[data-theme] .dp-card-foot{color:#b4a679;background:#21171b80;font-family:var(--mono)}:root[data-theme] .dp-unit-details b{color:#dfdbc9;font-family:var(--mono)}:root[data-theme] :is(.dp-overline,.dp-navigation,.dp-header a,.dp-picks span){color:var(--gold)}:root[data-theme] .dp-picks span{border-color:#72694e}:root[data-theme] .dp-picks .filled{background:#634329;color:#efe3ba}:root[data-theme] :is(.match-strip,.left-command,.right-command,.build-bay){background:var(--surface);border-color:#665f45;color:var(--ink)}:root[data-theme] .match-active .match-strip{background:#21191c;border-bottom:1px solid #786b45}:root[data-theme] .match-clock :is(strong,.elapsed-clock strong){font:400 26px/1 var(--title);color:var(--gold)}:root[data-theme] .match-clock span{color:var(--muted)}:root[data-theme] .match-active .economy-card{background:none;border:0;box-shadow:none}:root[data-theme] .match-active .economy-card>strong{font:400 clamp(32px,3vw,46px)/1.15 var(--body);color:var(--gold-bright);text-shadow:0 2px 15px #a18b3822}:root[data-theme] .match-active .economy-card>small{color:var(--muted)}:root[data-theme] .match-active .economy-card>div{color:#bfb79e}:root[data-theme] .match-active .section-label{font-size:10px;letter-spacing:.14em;color:#c5b985;border-color:#655e43}:root[data-theme] .match-active .action{border-image:none;padding:10px 12px;text-align:left;align-items:flex-start;min-height:48px}:root[data-theme] .match-active .action>span{font:400 15px/1.15 var(--body);color:#e2d4aa}:root[data-theme] .match-active .action>small{font:11px/1.3 var(--mono);color:#c1bcaa}:root[data-theme] .action.in-progress:disabled{opacity:1}:root[data-theme] .action .job-fill{background:#b9a45619;border-color:#e3d09844}:root[data-theme] .match-active .action:disabled>small{color:#cbc5b0}:root[data-theme] .special-research{border-color:#6e624344}:root[data-theme] .special-research summary{color:#c6b885;font:15px var(--body)}:root[data-theme] .app .offline-controls button{color:#ccc4a7;background:#36282a;border-color:#635d44;font-family:var(--mono)}:root[data-theme] .app .offline-controls button.active{color:#f1dda0;border-color:#bcaa71;background:#68422b}:root[data-theme] .app.match-active .roster-cards>button{border:1px solid #6c5040;background:#38292a;padding:6px;box-shadow:inset 0 1px #d1c7960d}:root[data-theme] .app.match-active .roster-cards>button.selected{border-color:#dac17b;background:#69432c;box-shadow:inset 0 0 0 1px #bdaa6444}:root[data-theme] .match-active .roster-cards strong{font:400 12px/1.15 var(--body);color:#e7dbb9}:root[data-theme] .match-active .roster-cards :is(small,button>div){color:#b9b39d;font-family:var(--mono)}:root[data-theme] .champion-card{border-color:#8d7b46;background:#a78b3010;color:var(--gold)}:root[data-theme] .champion-card strong{font-size:15px}:root[data-theme] .champion-card small{color:var(--muted)}:root[data-theme] .app .grid-cells>button:not(.grid-unit),:root[data-theme] .app .grid-cells>button:not(.grid-unit):nth-child(n+21){background:#302326;border:1px solid #62473e;box-shadow:inset 0 1px 4px #0004}:root[data-theme] .app .grid-cells>button:not(.grid-unit):hover{background:#654332;border-color:#b7aa72}:root[data-theme] .grid-cells>button.grid-unit{background:#4d3029;border-color:#bfa566;box-shadow:inset 0 0 0 1px #d6c28944}:root[data-theme] .app .grid-cells>button.placement-ghost:not(.grid-unit){background:#c8894266;border-color:#edc982}:root[data-theme] .front-label{color:#b9ae83}:root[data-theme] .formation-hint{color:#c0bba9}:root[data-theme] .intel{background:#23191dcc;border:1px solid #60463c}:root[data-theme] .intel-status{color:#bcb497}:root[data-theme] .unknown-grid{background:repeating-linear-gradient(0deg,transparent 0 17px,#c3926629 17px 18px),repeating-linear-gradient(90deg,transparent 0 17px,#c3926629 17px 18px)}:root[data-theme] .unknown-grid>span{color:#b9b395}:root[data-theme] .enemy-lineup{border-color:#696344;color:#d4c397}:root[data-theme] .match-active .battlefield{border-left:1px solid #8c7e54;background:#1c171b}:root[data-theme] .match-utilities .concede-button,:root[data-theme] .home-sound .concede-button{font-size:10px;color:#c5b49a}:root[data-theme] .modal-backdrop{background:#100b10c4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root[data-theme] .modal{padding:32px 36px;max-height:calc(100dvh - 40px);overflow:auto}:root[data-theme] .modal :is(h1,h2){color:var(--gold-bright);font-weight:400}:root[data-theme] .modal :is(p,li){color:#ccc9b9;font:17px/1.5 var(--body)}:root[data-theme] .modal b{color:#e3d5a8}:root[data-theme] .modal .eyebrow{color:#c1ae74}:root[data-theme] .modal-close{font-family:var(--mono)!important;font-size:24px}:root[data-theme] .unit-tooltip{padding:18px;color:#dad7c7;font-family:var(--body)}:root[data-theme] .unit-tooltip :is(h3,strong,b){color:var(--gold)}:root[data-theme] .unit-tooltip :is(p,small,span){color:#c1c0ad}:root[data-theme] .unit-tooltip-heading{border-color:#8a7d5144}:root[data-theme] .unit-tooltip-tags i{background:#50382e;color:#d8cfae;border-radius:0}:root[data-theme] .upgrade-dialog{padding:28px;color:var(--ink)}:root[data-theme] .upgrade-dialog::backdrop{background:#130d12c4;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root[data-theme] .upgrade-heading>small{color:#bcb18c}:root[data-theme] .upgrade-heading p{font:17px var(--body);color:#beb9a7}:root[data-theme] .upgrade-counter{color:#d4bf87;font-family:var(--mono)}:root[data-theme] .upgrade-numbers b{color:var(--gold)}:root[data-theme] .upgrade-numbers small{color:var(--muted)}:root[data-theme] .upgrade-footer{color:var(--muted)}:root[data-theme] .app .chosen-upgrade{color:var(--gold)}:root[data-theme] .result-stats{border-color:#776c4544}:root[data-theme] .result-stats small{color:var(--muted)}:root[data-theme] .result-stats strong{color:var(--gold);font-family:var(--body)}:root[data-theme] .result-breakdown{color:#c4c0ae}:root[data-theme] .result-breakdown>span{border-color:#74684644}:root[data-theme] .toast{background:#35252a;color:#e8dba9;border:1px solid #a18e5b;box-shadow:0 8px 30px #0008}:root[data-theme] .connection-banner{background:#39352a;color:#e6d39b;border-color:#8b7543}@media(max-width:600px){:root[data-theme] .home-screen .lobby{padding:90px 16px 28px;gap:22px}:root[data-theme] #play-heading{font-size:39px;letter-spacing:.075em}:root[data-theme] #play-heading img{width:min(400px,100%)}:root[data-theme] .home-screen .deploy-options{padding:27px 24px}:root[data-theme] .home-screen .deploy-options button{font-size:13px}:root[data-theme] .home-screen .online-options{gap:8px}:root[data-theme] .home-screen .mode-heading h2{font-size:21px}:root[data-theme] .modal{padding:28px 24px}:root[data-theme] .page-heading h1{font-size:27px}}@media(prefers-reduced-motion:reduce){:root[data-theme] *{scroll-behavior:auto!important}}:root[data-theme] .dp-ability b,:root[data-theme] .unit-tooltip-lines b{color:#e0cb8e;font-weight:600}:root[data-theme] .unit-tooltip-heading strong{font:400 17px/1.25 var(--title)}:root[data-theme] .unit-tooltip-stats b{font:500 18px/1 var(--body)}:root[data-theme] .unit-tooltip-stats small,:root[data-theme] .unit-tooltip-heading small{font:500 9px/1.3 var(--mono)}:root[data-theme] .unit-tooltip-lines,:root[data-theme] .unit-tooltip-copy{font:400 14px/1.4 var(--body)}:root[data-theme] .unit-tooltip-tags i{font:500 9px/1.25 var(--mono)}:root[data-theme],:root[data-theme] *{scrollbar-width:thin;scrollbar-color:#8f7a4a #1d1719}:root[data-theme] ::-webkit-scrollbar{width:10px;height:10px}:root[data-theme] ::-webkit-scrollbar-track{background:#1d1719}:root[data-theme] ::-webkit-scrollbar-thumb{background:linear-gradient(#a58c55,#6f5d37);border:2px solid #1d1719;border-radius:6px}:root[data-theme] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--gold-bright),#8f7a4a)}:root[data-theme] ::-webkit-scrollbar-corner{background:transparent}.live-draft .page-heading{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.live-draft .page-heading>.draft-timer{grid-column:2;min-width:140px}:root .live-draft .page-heading>.draft-timer{border:0;background:transparent;box-shadow:none}@media(max-width:700px){.live-draft .page-heading{grid-template-columns:1fr}.live-draft .page-heading>.draft-timer{grid-column:1;justify-self:center}}:root .live-draft .draft-timer[data-countdown]{background:radial-gradient(closest-side,rgb(214 38 28 / calc(.18 + var(--urgency) * .25)),transparent)}:root .live-draft .draft-timer[data-countdown] small{color:#e2766b}:root .live-draft .draft-timer[data-countdown] strong{color:color-mix(in oklab,#ff4a3a calc(45% + var(--urgency) * 55%),#decc93);text-shadow:0 0 calc(6px + var(--urgency) * 16px) rgb(255 64 48 / calc(.35 + var(--urgency) * .5));animation:countdown-beat .85s cubic-bezier(.2,.8,.2,1)}.dp-card.drafted{z-index:0}.pick-banner{position:fixed;inset:38% 0 auto;z-index:40;display:grid;place-items:center;padding:22px 0;pointer-events:none;background:linear-gradient(90deg,transparent,#1b1316f0 18%,#1b1316f0 82%,transparent);border-block:1px solid #decc9366;box-shadow:0 0 60px #000a;animation:pick-banner 2.2s cubic-bezier(.2,.8,.2,1) forwards}.pick-banner span{font:400 clamp(34px,5vw,64px) / 1.1 var(--title, Georgia, serif);letter-spacing:.08em;text-transform:uppercase;color:#f0dba1;text-shadow:0 0 18px #e3b04d99,0 2px 0 #000;animation:pick-banner-text 2.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes pick-banner{0%{opacity:0;clip-path:inset(0 50%)}15%{opacity:1;clip-path:inset(0 0)}78%{opacity:1;clip-path:inset(0 0)}to{opacity:0;clip-path:inset(0 0)}}@keyframes pick-banner-text{0%{transform:scale(1.3);letter-spacing:.3em;opacity:0}20%{transform:scale(1);letter-spacing:.08em;opacity:1}to{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.pick-banner,.pick-banner span{animation-name:pick-banner-fade}}@keyframes pick-banner-fade{0%,to{opacity:0}10%,80%{opacity:1}}:root[data-theme] .live-draft .page-heading p.draft-turn,:root .live-draft .page-heading p.draft-turn{justify-self:start;width:fit-content;margin-top:10px;padding:8px 20px;font:400 clamp(22px,2.4vw,30px) / 1.2 var(--title, Georgia, serif);letter-spacing:.04em;border:1px solid transparent;border-radius:6px}:root .live-draft .page-heading p.draft-turn:not([data-mine]){padding-inline:0}:root .live-draft .page-heading p.draft-turn[data-mine]{color:#f0dba1;border-color:#e3b04d;background:#e3b04d14;box-shadow:0 0 14px #e3b04d80,inset 0 0 10px #e3b04d33;text-shadow:0 0 12px #e3b04d80;animation:turn-glow 1.8s ease-in-out infinite alternate}@keyframes turn-glow{to{box-shadow:0 0 24px #e3b04dcc,inset 0 0 14px #e3b04d55}}@media(prefers-reduced-motion:reduce){:root .live-draft .page-heading p.draft-turn[data-mine]{animation:none}}