@font-face{font-family:__Grenze_Gotisch_db8a90;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a2808206dc24340f-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Grenze_Gotisch_db8a90;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ed88317191133c3d-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Grenze_Gotisch_db8a90;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a1c2d362bd8980e0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Grenze_Gotisch_Fallback_db8a90;src:local("Arial");ascent-override:138.53%;descent-override:47.85%;line-gap-override:0.00%;size-adjust:79.41%}.__className_db8a90{font-family:__Grenze_Gotisch_db8a90,__Grenze_Gotisch_Fallback_db8a90;font-style:normal}.__variable_db8a90{--font-grenze:"__Grenze_Gotisch_db8a90","__Grenze_Gotisch_Fallback_db8a90"}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/36ad1e6186a3fc3f-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9f346d7212c91a73-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5458877b5dd60069-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/948b18dbc4a2f96f-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/2190f99d96378c9c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/80587bd473e03ccd-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5bc4d706739ef340-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/448dfe468f6fd5df-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/bbe9909bff927805-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/61dad0361039d81b-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/a70a5421ecd62156-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d76eac82e98dfcf3-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/42007cd36fb38256-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3bb5a3fe41b4aa5b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a101142b2044de66-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e491a2ec2e63a9c2-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/10cd544ae588ad63-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e0e2127fa86b65eb-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/faeaa76b2a35aa3f-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b9167a7beb0c1edc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/929eab9140ca0f66-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/e16b6bf75f47b696-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/ed65ee2c25ec64f8-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/1ce290c649be8adc-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/4ff66258745d1a91-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8f5a84957f01c0bd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/ce13f66cc6f7db43-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Alegreya_Sans_05d9cd;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/73c2ab1e35e7b125-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Alegreya_Sans_Fallback_05d9cd;src:local("Arial");ascent-override:103.67%;descent-override:34.56%;line-gap-override:0.00%;size-adjust:86.81%}.__className_05d9cd{font-family:__Alegreya_Sans_05d9cd,__Alegreya_Sans_Fallback_05d9cd;font-style:normal}.__variable_05d9cd{--font-alegreya:"__Alegreya_Sans_05d9cd","__Alegreya_Sans_Fallback_05d9cd"}:root{--night-0:#141009;--night-1:#1d1610;--night-2:#2a2015;--ink:#1c130b;--parchment:#ecdfc4;--parchment-dim:#c8b896;--brass:#a87b2e;--brass-bright:#d9a850;--seal-red:#a8332b;--seal-red-deep:#7e211c;--banner-blue:#2e4a66;--banner-blue-bright:#5d8fc4;--health:#6fbf6a;--mana:#5d8fc4;--cooldown:#7fa6c9;--danger:#d44a3a;--good:#7fc66f;--panel:rgba(29,22,16,.96);--panel-solid:#1d1610;--border:rgba(168,123,46,.28);--border-strong:rgba(217,168,80,.55);--text:var(--parchment);--text-dim:var(--parchment-dim);--shadow:0 4px 0 rgba(0,0,0,.35);--radius:4px;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");--font-display:var(--font-grenze,"Grenze Gotisch"),Georgia,serif;--font-body:var(--font-alegreya,"Alegreya Sans"),"Segoe UI",system-ui,-apple-system,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:26px;--focus-ring:0 0 0 3px rgba(217,168,80,.7)}*{box-sizing:border-box}:root{--app-height:100vh}body,html{margin:0;padding:0;background:var(--night-0);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.02em;margin:0}.bg-stage{z-index:-2;background:radial-gradient(1100px 600px at 50% 115%,rgba(168,51,43,.16),transparent 62%),radial-gradient(800px 500px at 82% -8%,rgba(217,168,80,.08),transparent 60%),linear-gradient(168deg,var(--night-0),var(--night-1) 55%,var(--night-2))}.bg-stage,.bg-stars{position:fixed;inset:0}.bg-stars{z-index:-1;background-image:radial-gradient(1.5px 1.5px at 20% 30%,hsla(41,51%,85%,.55),transparent),radial-gradient(1.5px 1.5px at 70% 60%,rgba(217,168,80,.45),transparent),radial-gradient(1px 1px at 40% 80%,rgba(212,74,58,.5),transparent),radial-gradient(1px 1px at 85% 20%,hsla(41,51%,85%,.4),transparent),radial-gradient(2px 2px at 55% 15%,rgba(217,168,80,.45),transparent);background-size:100% 100%;opacity:.5;animation:twinkle 6s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;background-image:var(--grain);opacity:.05}@keyframes twinkle{0%{opacity:.35}to{opacity:.6}}.container{max-width:1140px;margin:0 auto;padding:0 24px}.center{display:flex;align-items:center;justify-content:center}.col{flex-direction:column}.col,.row{display:flex}.row{align-items:center;gap:12px}.wrap{flex-wrap:wrap}.spacer{flex:1 1}.btn{font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--text);background:linear-gradient(180deg,var(--night-2),var(--night-1));border:1px solid var(--border-strong);border-radius:6px;padding:11px 18px;cursor:pointer;transition:transform .08s ease,background .2s ease,box-shadow .2s ease,border-color .2s;display:inline-flex;align-items:center;gap:8px;box-shadow:inset 0 1px 0 rgba(255,230,190,.07),inset 0 -1px 0 rgba(0,0,0,.5),0 3px 0 rgba(0,0,0,.35)}.btn:hover{background:linear-gradient(180deg,#352a1c,var(--night-2));border-color:var(--brass-bright)}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px 2px rgba(0,0,0,.45),0 1px 0 rgba(0,0,0,.35)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--seal-red),var(--seal-red-deep));color:var(--parchment);border:2px solid var(--ink);text-shadow:0 1px 0 rgba(0,0,0,.4);box-shadow:inset 0 1px 0 rgba(255,220,180,.25),inset 0 -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4)}.btn-primary:hover{background:linear-gradient(180deg,#b93f33,var(--seal-red));border-color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,220,180,.25),inset 0 -2px 0 rgba(0,0,0,.35),0 3px 0 rgba(0,0,0,.4),0 0 22px rgba(212,74,58,.4),0 0 8px rgba(255,162,76,.28)}.btn-ghost{background:transparent;border:1px solid var(--border);box-shadow:none}.btn-danger{background:linear-gradient(180deg,rgba(212,74,58,.25),rgba(126,33,28,.3));border-color:rgba(212,74,58,.55)}.btn-danger:hover{background:linear-gradient(180deg,rgba(212,74,58,.4),rgba(126,33,28,.45))}.btn-lg{font-size:18px;padding:15px 30px;border-radius:8px}.btn-sm{font-size:13px;padding:7px 12px}.input,.select{font-family:var(--font-body);font-size:16px;color:var(--text);background:rgba(20,16,9,.7);border:1px solid var(--border);border-radius:10px;padding:11px 14px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus,.select:focus{border-color:var(--brass-bright);box-shadow:0 0 0 3px rgba(217,168,80,.18)}.input.code{font-family:var(--font-display);letter-spacing:.4em;text-align:center;font-size:26px}.input.code,label.field{text-transform:uppercase}label.field{display:block;font-size:12px;letter-spacing:.12em;color:var(--text-dim);margin-bottom:6px}.panel{position:relative;background:var(--panel);-webkit-clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);box-shadow:inset 0 1px 0 rgba(255,230,190,.06),inset 0 -1px 0 rgba(0,0,0,.5)}.panel:before{-webkit-clip-path:inherit;clip-path:inherit;border:1px solid var(--border);z-index:1}.panel:after,.panel:before{content:"";position:absolute;inset:0;pointer-events:none}.panel:after{background-image:var(--grain);opacity:.07;mix-blend-mode:overlay}.card{position:relative;background:rgba(32,25,17,.85);border:1px solid var(--border);-webkit-clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border-radius:0;padding:16px;transition:transform .15s,border-color .2s,background .2s;box-shadow:inset 0 1px 0 rgba(255,230,190,.05),inset 0 -1px 0 rgba(0,0,0,.4)}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);background:rgba(42,32,21,.92)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;border-radius:3px;background:rgba(46,74,102,.3);border:1px solid rgba(93,143,196,.4);color:var(--banner-blue-bright);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.badge.gold{background:rgba(168,123,46,.2);border-color:rgba(217,168,80,.45);color:var(--brass-bright)}.pill{font-size:12px;padding:4px 10px;border-radius:3px;background:hsla(41,51%,85%,.05);border:1px solid var(--border);color:var(--text-dim)}.banner-head{position:relative;display:inline-block;font-family:var(--font-display);font-weight:700;letter-spacing:.06em;color:var(--parchment);background:linear-gradient(180deg,var(--seal-red),var(--seal-red-deep));padding:8px 28px 16px;text-shadow:0 1px 0 rgba(0,0,0,.45);-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),52% calc(100% - 10px),50% 100%,48% calc(100% - 10px),0 calc(100% - 10px));clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),52% calc(100% - 10px),50% 100%,48% calc(100% - 10px),0 calc(100% - 10px));box-shadow:inset 0 1px 0 rgba(255,220,180,.2),inset 0 -2px 0 rgba(0,0,0,.3)}.banner-head.blue{background:linear-gradient(180deg,var(--banner-blue),#1f3347)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:16px;padding:14px 24px;background:linear-gradient(180deg,rgba(20,16,9,.94),rgba(20,16,9,0))}.brand,.nav{display:flex;align-items:center}.brand{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--parchment);text-shadow:0 2px 0 rgba(0,0,0,.5);gap:8px}.hero{text-align:center;padding:90px 20px 50px;position:relative;overflow:hidden}.hero-scene{position:absolute;top:0;left:0;right:0;height:600px;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 35%,rgba(0,0,0,.35) 75%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.9) 35%,rgba(0,0,0,.35) 75%,transparent);opacity:.92}.hero>:not(.hero-scene){position:relative;z-index:1}.hero-scene svg{display:block}.divider{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--brass-bright);margin:8px 0 20px}.divider:after,.divider:before{content:"";height:1px;width:min(180px,22vw);background:linear-gradient(90deg,transparent,var(--border-strong),transparent)}.section-title{text-align:center;font-size:clamp(26px,4vw,38px);color:var(--parchment);text-shadow:0 2px 0 rgba(0,0,0,.5)}.hero h1{font-size:clamp(48px,9vw,104px);line-height:1;color:var(--parchment);text-shadow:0 3px 0 var(--ink),0 6px 18px rgba(0,0,0,.6);text-shadow:0 0 60px rgba(255,180,63,.25);filter:drop-shadow(0 6px 18px rgba(0,0,0,.5))}.hero .sub{font-size:clamp(16px,2.4vw,22px);color:var(--text-dim);max-width:620px;margin:18px auto 0;line-height:1.5}.hero .crossed{font-size:clamp(15px,2.2vw,21px);letter-spacing:.14em;color:var(--brass-bright);margin-bottom:4px;text-transform:uppercase}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.faction-card{border-radius:14px;padding:20px;position:relative;overflow:hidden;border:1px solid var(--border);background:rgba(29,22,16,.75);transition:transform .15s,border-color .2s,box-shadow .2s}.faction-card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:0 12px 28px -12px rgba(0,0,0,.6)}.faction-card .glow{position:absolute;inset:-40% 40% 60% -40%;filter:blur(40px);opacity:.5;border-radius:50%}.faction-card .emblem{font-size:40px}.faction-card h3{font-size:22px;margin-top:6px}.faction-card .tagline{font-style:italic;color:var(--text-dim);font-size:13px;margin:6px 0 10px}.stat-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.lobby-grid{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:18px;gap:18px}@media (max-width:880px){.lobby-grid{grid-template-columns:1fr}.hud-bottom{flex-wrap:wrap}}.player-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(20,16,9,.5);border:1px solid var(--border);margin-bottom:8px}.team-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.class-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));grid-gap:8px;gap:8px}.class-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:10px;border:2px solid transparent;background:rgba(20,16,9,.6);cursor:pointer;transition:all .15s;font-size:12px;text-align:center}.class-chip:hover{background:rgba(217,168,80,.1)}.class-chip.active{border-color:var(--brass-bright);background:rgba(255,206,107,.1)}.class-chip .e{font-size:24px}.squad-slot{width:54px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(20,16,9,.6);border:1px dashed var(--border-strong)}.champ-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));grid-gap:8px;gap:8px}.champ-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;border-radius:12px;border:2px solid transparent;background:rgba(20,16,9,.55);cursor:pointer;transition:transform .12s,background .2s,border-color .2s}.champ-card:hover{transform:translateY(-3px);background:rgba(217,168,80,.1)}.champ-card.active{background:radial-gradient(58px 50px at 50% 34%,rgba(217,168,80,.35),transparent 72%),rgba(255,206,107,.08);box-shadow:0 0 14px -2px rgba(217,168,80,.35)}.champ-card.locked{cursor:not-allowed;filter:grayscale(.85) brightness(.6)}.champ-card .champ-name{font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.champ-card .lock-badge{position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:10px;background:rgba(0,0,0,.7);border-radius:6px;padding:1px 5px}.champ-card .squad-tick{position:absolute;top:4px;right:6px;font-size:12px;color:var(--brass-bright);font-weight:800}.game-root{position:fixed;top:0;left:0;right:0;height:var(--app-height,100vh);background:#000;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body)}.hud>*{pointer-events:auto}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:14px 18px;gap:12px}.turn-banner{position:relative;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--panel);-webkit-clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 rgba(217,168,80,.22),inset 0 -2px 0 rgba(0,0,0,.45)}.turn-banner:after,.wind-meter:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay}.turn-banner:has(.turn-timer.low){animation:lowTimePulse .6s ease-in-out infinite alternate;box-shadow:inset 0 0 0 1px rgba(212,74,58,.55),inset 0 2px 0 rgba(212,74,58,.4),inset 0 -2px 0 rgba(0,0,0,.45)}@keyframes lowTimePulse{0%{box-shadow:inset 0 0 0 1px rgba(212,74,58,.4),inset 0 2px 0 rgba(212,74,58,.3),inset 0 -2px 0 rgba(0,0,0,.45)}to{box-shadow:inset 0 0 0 1px rgba(212,74,58,.8),inset 0 2px 0 rgba(212,74,58,.55),inset 0 -2px 0 rgba(0,0,0,.45),inset 0 0 26px rgba(212,74,58,.2)}}.turn-timer{font-family:var(--font-display);font-size:30px;font-weight:700;min-width:48px;text-align:center}.turn-timer.ring{position:relative;width:50px;height:50px;display:grid;place-items:center}.turn-timer.ring .tt-ring{position:absolute;inset:0;transform:rotate(-90deg)}.turn-timer.ring .tt-num{position:relative;font-size:22px;line-height:1}.turn-timer.low{color:var(--danger);text-shadow:0 0 14px rgba(212,74,58,.6);animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.wind-meter{position:relative;display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--panel);-webkit-clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 rgba(217,168,80,.22),inset 0 -2px 0 rgba(0,0,0,.45)}.wind-bar{position:relative;width:120px;height:8px;background:rgba(0,0,0,.4);border-radius:4px;overflow:hidden}.wind-fill{top:0;left:50%;background:linear-gradient(90deg,var(--banner-blue-bright),var(--banner-blue-bright));transition:width .3s,left .3s}.hud-bottom,.wind-fill{position:absolute;bottom:0}.hud-bottom{left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:16px 18px;gap:12px}.weapon-active{position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);-webkit-clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);box-shadow:inset 0 0 0 1px var(--border-strong),inset 0 2px 0 rgba(217,168,80,.18),inset 0 -2px 0 rgba(0,0,0,.45)}.weapon-active .icon{font-size:34px}.weapon-tray{display:flex;gap:6px;flex-wrap:wrap;max-width:540px;padding:8px;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.weapon-slot{position:relative;width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;background:rgba(20,16,9,.7);border:2px solid transparent;cursor:pointer;transition:all .12s}.weapon-slot:hover{background:rgba(217,168,80,.14)}.weapon-slot.active{border-color:var(--brass-bright);background:rgba(255,206,107,.12)}.weapon-slot .ammo{position:absolute;bottom:-3px;right:-3px;font-size:10px;font-weight:700;background:var(--banner-blue);color:#fff;border-radius:6px;padding:1px 4px}.weapon-slot.empty{opacity:.35;cursor:not-allowed}.skill-tray{display:flex;gap:8px;align-items:stretch;padding:8px;border-radius:12px;background:rgba(255,206,107,.08);border:1px solid rgba(255,206,107,.4)}.skill-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:10px;background:rgba(20,16,9,.6);border:2px solid rgba(255,206,107,.45);color:var(--text);cursor:pointer;text-align:left;transition:transform .1s,background .2s,border-color .2s,opacity .2s}.skill-chip:hover:not(:disabled){transform:translateY(-2px);background:rgba(255,206,107,.16)}.skill-chip.active{border-color:var(--brass-bright);background:rgba(255,206,107,.2);box-shadow:0 0 0 2px rgba(255,206,107,.25)}.skill-chip.cooling{opacity:.5;cursor:not-allowed;border-color:var(--border)}.skill-chip .ic{font-size:22px}.skill-chip .nm{font-size:13px;font-weight:600;white-space:nowrap}.skill-chip .nm kbd{font-size:9px;font-weight:700;background:var(--brass-bright);color:#2a1c00;border-radius:4px;padding:0 4px;margin-left:2px;font-family:var(--font-body)}.skill-chip .st{font-size:11px;color:var(--text-dim)}.mc-move{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:12px}.mc-move-track{flex:1 1;height:6px;background:rgba(0,0,0,.45);border-radius:3px;overflow:hidden}.mc-move-fill{height:100%;border-radius:3px;transition:width .1s linear}.sudden-death-veil{position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 220px 40px rgba(180,20,30,.55);animation:suddenDeathPulse 2.4s ease-in-out infinite}@keyframes suddenDeathPulse{0%,to{box-shadow:inset 0 0 180px 30px rgba(180,20,30,.38)}50%{box-shadow:inset 0 0 260px 60px rgba(200,30,40,.62)}}.ability-rail{position:relative;display:flex;gap:8px;align-items:stretch;padding:10px;background:rgba(22,17,10,.82);-webkit-clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px);box-shadow:inset 0 0 0 1px var(--border-strong),inset 0 2px 0 rgba(217,168,80,.16),inset 0 -2px 0 rgba(0,0,0,.5)}.ability-rail.spent{filter:grayscale(.5) brightness(.7);opacity:.78}.ability-chip.free{box-shadow:inset 3px 0 0 rgba(46,125,50,.85)}.ability-rail:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--grain);opacity:.06;mix-blend-mode:overlay}.ability-chip{position:relative;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:8px;background:linear-gradient(180deg,rgba(34,26,17,.88),rgba(20,16,9,.85));border:2px solid var(--border);color:var(--text);cursor:pointer;text-align:left;transition:transform .12s,background .2s,border-color .2s,opacity .2s,box-shadow .2s,filter .2s}.ability-chip:not(.cooling):not(.active):not(:disabled):not(.ultimate){box-shadow:0 0 10px rgba(255,206,107,.12)}.ability-chip:hover:not(:disabled):not(.cooling):not(.active){transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 3px 0 rgba(0,0,0,.4),0 0 12px rgba(255,206,107,.18)}.ability-chip:active:not(:disabled){transform:translateY(0) scale(.96);box-shadow:0 1px 0 rgba(0,0,0,.35)}.ability-chip.basic{border-color:rgba(255,138,76,.75);background:linear-gradient(180deg,rgba(255,112,67,.16),rgba(20,16,9,.82))}.ability-chip.ability{border-color:rgba(255,206,107,.45)}@keyframes abilityReadyFlash{0%{box-shadow:0 0 0 0 rgba(217,168,80,0);filter:brightness(1)}30%{box-shadow:0 0 0 3px rgba(217,168,80,.5),0 0 18px rgba(255,206,107,.55);filter:brightness(1.4)}to{box-shadow:0 0 10px rgba(255,206,107,.12);filter:brightness(1)}}.ability-chip.ability:not(.cooling){animation:abilityReadyFlash .65s ease-out 1}.ability-chip.ultimate{overflow:hidden;padding:8px 16px 8px 12px;border-color:var(--brass-bright);background:linear-gradient(180deg,rgba(217,168,80,.24),rgba(168,51,43,.22));box-shadow:inset 0 0 0 2px rgba(20,16,9,.85),inset 0 0 0 3px rgba(217,168,80,.55),0 0 12px rgba(255,206,107,.35)}.ability-chip.ultimate .ic{width:32px;height:32px}.ability-chip.ultimate .ic svg{width:27px;height:27px}.ability-chip.ultimate .nm{color:#ffe7a8;font-size:14px}@keyframes emberSheen{0%{transform:translateX(-150%) skewX(-18deg)}55%,to{transform:translateX(340%) skewX(-18deg)}}.ability-chip.ultimate:not(.cooling){animation:abilityReadyFlash .65s ease-out 1}.ability-chip.ultimate:not(.cooling):after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,231,168,.06) 30%,rgba(255,231,168,.28) 50%,rgba(255,162,76,.1) 66%,transparent);animation:emberSheen 3.6s ease-in-out infinite}.ability-chip.ultimate:hover:not(:disabled):not(.cooling):not(.active){transform:translateY(-2px);box-shadow:inset 0 0 0 2px rgba(20,16,9,.85),inset 0 0 0 3px rgba(217,168,80,.7),0 3px 0 rgba(0,0,0,.4),0 0 18px rgba(255,206,107,.45)}.ability-chip.bonus{border:2px dashed #8a6a38;background:linear-gradient(180deg,#ead9b4,#d6c193);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(110,84,44,.35),inset 0 -2px 0 rgba(110,84,44,.3)}.ability-chip.bonus:after{content:"";position:absolute;top:0;right:0;width:16px;height:16px;pointer-events:none;opacity:.7;background:linear-gradient(45deg,transparent 45%,rgba(110,84,44,.8) 0,rgba(110,84,44,.8) 55%,transparent 0),linear-gradient(-45deg,transparent 45%,rgba(110,84,44,.8) 0,rgba(110,84,44,.8) 55%,transparent 0)}.ability-chip.bonus .nm{color:var(--ink)}.ability-chip.bonus .st,.ability-chip.bonus .st .dim{color:#5f4a26}.ability-chip.bonus .nm kbd{background:var(--ink);color:var(--parchment)}.ability-chip.active{border-color:var(--brass-bright);background:rgba(255,206,107,.2);transform:translateY(-2px);box-shadow:0 0 0 2px rgba(255,206,107,.4),0 3px 0 rgba(0,0,0,.4),0 0 14px rgba(255,206,107,.3)}.ability-chip.active:not(.cooling){animation:chipSelect .22s ease-out}.ability-chip.ultimate.active{box-shadow:inset 0 0 0 2px rgba(20,16,9,.85),inset 0 0 0 3px rgba(217,168,80,.7),0 0 0 2px rgba(255,206,107,.45),0 3px 0 rgba(0,0,0,.4),0 0 16px rgba(255,206,107,.35)}@keyframes chipSelect{0%{transform:translateY(-2px) scale(.9)}60%{transform:translateY(-2px) scale(1.06)}to{transform:translateY(-2px) scale(1)}}.ability-chip.cooling{cursor:not-allowed;border-color:rgba(168,123,46,.18);background:linear-gradient(180deg,rgba(10,8,4,.85),rgba(18,14,8,.9));filter:grayscale(.55)}.ability-chip.cooling .ic,.ability-chip.cooling .nm{opacity:.6}.ability-chip.ultimate.cooling{border-color:rgba(168,123,46,.3);background:linear-gradient(180deg,rgba(10,8,4,.85),rgba(18,14,8,.9));box-shadow:inset 0 0 0 2px rgba(20,16,9,.85),inset 0 0 0 3px rgba(168,123,46,.25)}.ability-chip.bonus.cooling{background:linear-gradient(180deg,#a59676,#8d8061);filter:grayscale(.4)}.ability-chip .cd-badge{display:inline-flex;align-items:center;gap:3px;padding:0 7px;border-radius:999px;border:1px solid var(--brass);background:rgba(12,9,5,.85);color:var(--parchment-dim);font-weight:700;box-shadow:inset 0 1px 0 rgba(217,168,80,.18),0 1px 0 rgba(0,0,0,.4)}.ability-chip .ic{font-size:22px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px}.ability-chip.cooling .ic:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--cooldown) calc(var(--cd-frac, 0) * 1turn),hsla(0,0%,100%,.12) 0);-webkit-mask:radial-gradient(circle,transparent 9px,#000 10px);mask:radial-gradient(circle,transparent 9px,#000 10px)}.ability-chip .nm{font-size:13px;font-weight:600;white-space:nowrap}.ability-chip .nm kbd{font-size:9px;font-weight:700;background:var(--brass-bright);color:#2a1c00;border-radius:4px;padding:0 4px;margin-left:2px;font-family:var(--font-body)}.ability-chip .st{font-size:11px;color:var(--text-dim)}.mc-skill.basic{border-color:rgba(255,138,76,.75)}.mc-skill.active{border-color:var(--brass-bright);box-shadow:0 0 0 2px var(--brass-bright),0 6px 16px -4px rgba(255,206,107,.55);transform:translateY(-3px)}.mc-skill.active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--brass-bright)}.mc-skill.ultimate{border-color:var(--brass-bright);background:linear-gradient(180deg,rgba(217,168,80,.24),rgba(168,51,43,.22));box-shadow:inset 0 0 0 2px rgba(20,16,9,.7),inset 0 0 0 3px rgba(217,168,80,.45)}.mc-skill.bonus{border:2px dashed #8a6a38;background:linear-gradient(180deg,#ead9b4,#d6c193)}.mc-skill.bonus,.mc-skill.bonus .lab{color:var(--ink)}.mc-skill.mc-skip{flex:0 0 auto;width:48px;min-width:48px;border-color:var(--border);background:rgba(20,16,9,.55);opacity:.8}.mc-skill.mc-skip .lab{display:none}.mc-skill.mc-skip .ic{background:none;box-shadow:none;font-size:22px}.slot-tip{position:absolute;bottom:100%;right:0;margin-bottom:8px;width:min(320px,70vw);padding:12px 14px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);pointer-events:none;animation:announce .12s ease-out}.controls-hint{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);font-size:12px;color:var(--text-dim);background:rgba(20,16,9,.7);padding:6px 14px;border-radius:999px;border:1px solid var(--border)}.team-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;pointer-events:auto;margin-top:2px}.team-chip{display:flex;align-items:center;gap:9px;padding:5px 11px;border-radius:4px;background:var(--panel);border:1px solid var(--border);box-shadow:inset 0 1px 0 rgba(217,168,80,.18),var(--shadow);transition:box-shadow .2s ease,opacity .3s ease,filter .3s ease}.team-chip.current{box-shadow:inset 0 1px 0 rgba(217,168,80,.18),0 0 0 1.5px var(--tc),0 0 16px color-mix(in srgb,var(--tc) 55%,transparent)}.team-chip.next{border-color:hsla(0,0%,100%,.28)}.team-chip.out{opacity:.4;filter:grayscale(.8)}.team-chip .tc-next{color:var(--text-dim);font-size:11px;margin-right:-3px;animation:nextNudge 1.1s ease-in-out infinite}@keyframes nextNudge{0%,to{transform:translateX(0);opacity:.5}50%{transform:translateX(2px);opacity:1}}.team-chip .tc-dot{width:11px;height:11px;border-radius:50%;background:var(--tc);box-shadow:0 0 7px var(--tc);flex:none}.team-chip .tc-name{font-size:12px;font-weight:700;white-space:nowrap;line-height:1.1}.team-chip .tc-pips{display:flex;gap:2px}.team-chip .tc-pip{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.18)}.team-chip .tc-pip.on{background:var(--tc)}.team-chip .tc-bars{display:flex;flex-direction:column;gap:3px}.team-chip .tc-hp{width:84px;height:5px;background:rgba(0,0,0,.42);border-radius:3px;overflow:hidden}.team-chip .tc-hp>div{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--health),#9ccc65);transition:width .25s ease}.team-chip .tc-core{display:flex;align-items:center;gap:4px;font-size:9px}.team-chip .tc-corebar{width:64px;height:4px;background:rgba(0,0,0,.42);border-radius:2px;overflow:hidden}.team-chip .tc-corebar>div{height:100%;border-radius:2px;background:linear-gradient(90deg,#ffca28,#ffe082);transition:width .25s ease}.team-chip .tc-corebar.low>div{background:linear-gradient(90deg,#ef5350,#ff8a80);animation:corePulse .7s ease-in-out infinite alternate}@keyframes corePulse{0%{opacity:.55}to{opacity:1}}.hud.mobile .team-bar{gap:4px}.hud.mobile .team-chip{padding:4px 7px;gap:5px}.hud.mobile .team-chip .tc-name,.hud.mobile .team-chip .tc-pips{display:none}.hud.mobile .team-chip .tc-hp{width:52px}.hud.mobile .team-chip .tc-corebar{width:44px}.turn-cue{position:absolute;top:16%;left:50%;transform:translateX(-50%);pointer-events:none;font-family:var(--font-display);font-size:clamp(22px,3.4vw,38px);font-weight:700;color:var(--brass-bright);text-shadow:0 3px 18px rgba(0,0,0,.7),0 0 22px rgba(255,202,40,.35);letter-spacing:1px;animation:turnCue 1.3s ease-out forwards}@keyframes turnCue{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.9);letter-spacing:6px}18%{opacity:1;transform:translateX(-50%) translateY(0) scale(1);letter-spacing:1px}72%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(-8px) scale(1.02)}}.combat-feed{position:absolute;top:132px;left:12px;display:flex;flex-direction:column;gap:5px;pointer-events:none;max-width:280px;z-index:3}.feed-item{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text);background:rgba(20,16,9,.72);border-left:1px solid var(--border);border:1px solid var(--border);border-left:3px solid hsla(0,0%,100%,.25);padding:4px 10px 4px 8px;border-radius:6px;width:-moz-fit-content;width:fit-content;box-shadow:0 3px 10px rgba(0,0,0,.35);animation:feedIn .32s cubic-bezier(.2,.9,.3,1) backwards,feedOut .5s ease 4.7s forwards}.feed-item .feed-ic{font-size:14px}@keyframes feedIn{0%{transform:translateX(-26px) scale(.96);opacity:0}to{transform:translateX(0) scale(1);opacity:1}}@keyframes feedOut{to{transform:translateX(-12px);opacity:0}}.hud.mobile .combat-feed{top:92px;max-width:200px}.hud.mobile .feed-item{font-size:11px;padding:3px 8px}.center-announce{position:absolute;top:22%;left:50%;transform:translateX(-50%);font-family:var(--font-display);font-size:clamp(28px,5vw,56px);font-weight:700;text-align:center;text-shadow:0 4px 24px rgba(0,0,0,.7);pointer-events:none;animation:announce .4s ease-out;padding:8px 40px 12px;max-width:min(88vw,780px);background:linear-gradient(180deg,rgba(29,22,16,.9),rgba(20,16,9,.86));-webkit-clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);box-shadow:inset 0 0 0 1px var(--border),inset 0 2px 0 rgba(217,168,80,.18),inset 0 -2px 0 rgba(0,0,0,.5)}.center-announce.tone-good{box-shadow:inset 6px 0 0 var(--good),inset -6px 0 0 var(--good),inset 0 0 0 1px rgba(127,198,111,.45),inset 0 -2px 0 rgba(0,0,0,.5)}.center-announce.tone-bad{box-shadow:inset 6px 0 0 var(--seal-red),inset -6px 0 0 var(--seal-red),inset 0 0 0 1px rgba(212,74,58,.5),inset 0 -2px 0 rgba(0,0,0,.5)}.center-announce.tone-epic{padding:12px 56px 16px;background:linear-gradient(180deg,rgba(46,34,16,.94),rgba(24,17,8,.92));box-shadow:inset 0 3px 0 var(--brass-bright),inset 0 -3px 0 var(--brass),inset 0 0 0 1px rgba(217,168,80,.5),inset 0 0 42px rgba(217,168,80,.12)}.center-announce.tone-epic:after{content:"";position:absolute;top:0;bottom:0;left:0;width:34%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,231,168,.18) 50%,transparent);animation:emberSheen 1.9s ease-out infinite}@keyframes announce{0%{transform:translateX(-50%) scale(1.4);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.tone-good{color:var(--good)}.tone-bad{color:var(--danger)}.tone-epic{color:var(--brass-bright);text-shadow:0 2px 0 var(--ink),0 0 22px rgba(217,168,80,.35)}.tone-info{color:var(--text)}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(12,9,5,.78)}.modal,.overlay{overflow-y:auto;-webkit-overflow-scrolling:touch}.modal{width:min(560px,92vw);padding:28px;text-align:center;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}.modal.celebrate{animation:modalPop .42s cubic-bezier(.18,1.3,.4,1)}@keyframes modalPop{0%{transform:scale(.86) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.controls-ref{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px 14px;gap:6px 14px;margin-top:16px;padding:12px 14px;background:rgba(0,0,0,.22);border:1px solid var(--border);border-radius:10px;text-align:left}.controls-ref .cr-row{display:flex;align-items:center;gap:8px}.controls-ref kbd{flex:none;min-width:64px;text-align:center}.confetti{position:fixed;inset:0;pointer-events:none;z-index:101;overflow:hidden}.confetti-bit{position:absolute;top:-16px;width:9px;height:14px;border-radius:2px;opacity:0;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confettiFall{0%{transform:translateY(-10vh) rotate(0deg);opacity:0}8%{opacity:1}to{transform:translateY(108vh) rotate(var(--rot));opacity:1}}.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:200;background:var(--panel-solid);border:1px solid var(--border-strong);padding:12px 20px;border-radius:10px;box-shadow:var(--shadow);animation:announce .3s ease-out}.mono{font-family:SF Mono,Consolas,monospace}.dim{color:var(--text-dim)}.gold{color:var(--brass-bright)}.small{font-size:13px}.tiny{font-size:11px}.mt{margin-top:12px}.mt-lg{margin-top:24px}.mb{margin-bottom:12px}.tac{text-align:center}.hidden{display:none}.scroll-fade::-webkit-scrollbar{width:8px}.scroll-fade::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.hud.mobile .hud-top{padding:calc(env(safe-area-inset-top, 0px) + 6px) 8px 0 calc(env(safe-area-inset-left, 0px) + 8px);gap:6px;align-items:flex-start}.hud.mobile .turn-banner{padding:5px 9px;gap:8px;border-radius:10px}.hud.mobile .turn-timer{font-size:22px;min-width:30px}.hud.mobile .turn-banner strong{font-size:13px}.hud.mobile .wind-meter{padding:5px 8px}.hud.mobile .wind-bar{width:64px}.hud.mobile .controls-hint{display:none}.hud.mobile .center-announce{font-size:clamp(22px,7vw,40px);top:16%}.mobile-deck{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:8px calc(env(safe-area-inset-right, 0px) + 10px) calc(env(safe-area-inset-bottom, 0px) + 10px) calc(env(safe-area-inset-left, 0px) + 10px);background:linear-gradient(0deg,rgba(8,6,16,.92),rgba(8,6,16,.5) 62%,transparent);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.mobile-deck>*{pointer-events:auto}.mc-loadout{display:flex;gap:6px;align-items:stretch;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mc-loadout::-webkit-scrollbar{display:none}.mc-info{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 7px;border-radius:11px;background:var(--panel);border:1px solid var(--border-strong);border-left:4px solid var(--eff,var(--brass-bright));box-shadow:0 0 18px -6px var(--eff,transparent)}.mc-info-ic{font-size:25px;flex-shrink:0}.mc-info-body{flex:1 1;min-width:0}.mc-info-head{display:flex;align-items:baseline;gap:8px}.mc-info-name{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-info-shape{flex-shrink:0;font-size:10px;font-weight:800;color:var(--eff,var(--brass-bright));text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,var(--eff,var(--brass-bright)) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eff,var(--brass-bright)) 45%,transparent);border-radius:999px;padding:1px 8px}.mc-info-tags{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:3px}.mc-tag{font-size:10px;color:var(--text-dim);background:hsla(0,0%,100%,.06);border-radius:6px;padding:1px 6px;white-space:nowrap}.mc-info-hint{flex-shrink:0;font-size:11px;font-weight:800;color:var(--brass-bright);text-align:center;max-width:60px;line-height:1.1}.mc-skill{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;min-width:56px;min-height:60px;border-radius:13px;background:linear-gradient(180deg,rgba(28,24,48,.75),rgba(20,16,9,.7));border:2px solid var(--eff,var(--border-strong));color:var(--text);gap:3px;padding:7px 4px;overflow:hidden;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.mc-skill:not(.cooling):not(.mc-skip){box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05),0 0 12px -4px var(--eff,transparent)}.mc-skill:active:not(:disabled){transform:scale(.95)}.mc-skill .ic{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--eff,var(--brass-bright)) 26%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--eff,var(--brass-bright)) 55%,transparent)}.mc-skill .lab{font-size:10px;font-weight:700;line-height:1.05;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mc-badge{right:3px;font-weight:800;color:#1a1230;background:var(--eff,var(--brass-bright));border-radius:6px;padding:0 4px;min-width:14px;text-align:center}.mc-badge,.mc-relic{position:absolute;top:2px;font-size:10px}.mc-relic{left:3px;line-height:1;color:#ff8a5b;text-shadow:0 1px 2px rgba(0,0,0,.8)}.mc-cd{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;font-weight:800;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.mc-cd:before{content:"";position:absolute;z-index:-1;width:32px;height:32px;border-radius:50%;background:rgba(12,9,5,.82);border:2px solid var(--brass);box-shadow:inset 0 1px 0 rgba(217,168,80,.25),0 1px 3px rgba(0,0,0,.5)}.mc-skill.cooling{opacity:.92;border-color:var(--border);filter:grayscale(.4)}.mc-skill.cooling:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--cd-frac, 1) * 100%);background:linear-gradient(0deg,rgba(10,8,20,.82),rgba(90,120,170,.5));z-index:1;transition:height .25s ease}.mc-skill.cooling .mc-badge{background:var(--border);color:var(--text-dim)}.mc-controls{justify-content:space-between}.mc-controls,.mc-left,.mc-right{display:flex;align-items:flex-end}.mc-left,.mc-right{gap:10px;padding:7px 9px;border-radius:18px;background:rgba(20,16,9,.32);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.04)}.mc-btn{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;font-size:26px;color:var(--text);background:rgba(34,26,18,.85);border:1px solid var(--border-strong);box-shadow:0 4px 14px rgba(0,0,0,.4);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mc-btn:active{background:rgba(217,168,80,.3);transform:scale(.95)}.mc-btn:disabled{opacity:.4}.mc-jump{display:flex;flex-direction:column;gap:6px}.mc-jump .jump{width:50px;height:50px;font-size:22px}.mc-jump .jump.small{width:42px;height:42px;font-size:18px;align-self:center}.mc-aim{display:flex;flex-direction:column;gap:6px}.mc-aim .aim{width:54px;height:54px;font-size:21px}.mc-fire{position:relative;width:86px;height:86px;font-size:18px;font-weight:800;letter-spacing:.04em;overflow:hidden;background:radial-gradient(circle at 38% 30%,#c1463a,var(--seal-red) 45%,var(--seal-red-deep));border:2.5px solid var(--ink);color:var(--parchment);text-shadow:0 1px 0 rgba(0,0,0,.45);box-shadow:inset 0 2px 0 rgba(255,220,180,.25),inset 0 -3px 0 rgba(0,0,0,.35),0 4px 0 rgba(0,0,0,.4)}.mc-fire.targeted{display:flex;flex-direction:column;gap:0;background:radial-gradient(circle at 38% 30%,#e8c068,var(--brass-bright) 45%,var(--brass));color:var(--ink);text-shadow:none}.mc-fire.targeted small{font-size:9px;font-weight:800}.mc-fire-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(255,244,220,.85),rgba(255,210,120,.45));border-top:2px solid hsla(0,0%,100%,.9);box-shadow:0 -1px 8px rgba(255,240,200,.8);z-index:0}.weapon-sheet-backdrop{position:fixed;inset:0;z-index:120;background:rgba(5,4,12,.6);display:flex;align-items:flex-end}.weapon-sheet{width:100%;max-height:70vh;overflow-y:auto;padding:14px 14px calc(env(safe-area-inset-bottom, 0px) + 14px);background:var(--panel-solid);border-top:1px solid var(--border-strong);border-radius:18px 18px 0 0;animation:sheetUp .18s ease-out}@keyframes sheetUp{0%{transform:translateY(30px);opacity:.6}to{transform:translateY(0);opacity:1}}.sheet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:8px;gap:8px}.sheet-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:12px;background:rgba(20,16,9,.6);border:2px solid transparent;color:var(--text)}.sheet-item.active{border-color:var(--brass-bright);background:rgba(255,206,107,.12)}.sheet-item:disabled{opacity:.4}.sheet-item .ic{font-size:26px}.sheet-item .nm{font-size:11px;text-align:center;line-height:1.1}.sheet-item .am{position:absolute;top:3px;right:5px;font-size:10px;color:var(--brass-bright);font-weight:700}.mc-controls.lefty{flex-direction:row-reverse}@media (max-width:560px){.nav{padding:10px 12px;gap:8px}.brand{font-size:18px}.nav .btn{padding:8px 11px;font-size:13px}.container{padding:0 14px}.hero{padding:48px 14px 28px}.hero-scene{height:380px}.hero .crossed{letter-spacing:.18em}.hero .sub{font-size:15px;margin-top:12px}.hero .btn-lg{font-size:16px;padding:13px 20px}.card,.faction-card{padding:14px}.panel{border-radius:12px}.modal{width:94vw;padding:22px}.section-title,h2{font-size:26px}.container .panel{padding:18px!important}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}}.gold-pill{color:var(--brass-bright);border-color:rgba(255,206,107,.4)}.stage-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:rgba(29,22,16,.7);border:1px solid var(--border);transition:transform .12s,border-color .2s,box-shadow .2s}.stage-card.open{border-color:var(--border-strong)}.stage-card.open:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.4)}.stage-card.cleared{border-color:rgba(123,220,138,.4);background:rgba(40,60,44,.4);box-shadow:inset 0 0 28px -16px rgba(127,198,111,.65),inset 0 1px 0 rgba(127,198,111,.22)}.stage-card.locked{opacity:.55;filter:grayscale(.6)}.stage-num{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:20px;background:linear-gradient(180deg,var(--brass-bright),var(--brass));border:1px solid var(--ink);color:var(--ink);border-radius:6px}.stage-num.cleared{background:linear-gradient(135deg,var(--good),#4caf50);color:#06210d}.stage-card.locked .stage-num{background:hsla(0,0%,100%,.08);color:var(--text-dim)}@media (max-width:560px){.stage-card{flex-wrap:wrap;gap:10px;padding:12px}.stage-card>div:last-child{width:100%}.stage-card>div:last-child .btn{width:100%;justify-content:center}}.hud-bottom.inactive{opacity:.5;filter:saturate(.7)}.hud-bottom.inactive .skill-chip,.hud-bottom.inactive .weapon-slot{cursor:default}.turn-wait{position:absolute;bottom:100%;left:18px;margin-bottom:6px;font-size:12px;color:var(--text-dim);background:rgba(20,16,9,.8);border:1px solid var(--border);border-radius:999px;padding:4px 12px}.weapon-tray{align-items:center}.mobile-deck.waiting .mc-controls,.mobile-deck.waiting .mc-loadout{opacity:.5}.mc-wait{align-self:center;font-size:12px;font-weight:700;color:var(--brass-bright);background:rgba(20,16,9,.85);border:1px solid var(--border);border-radius:999px;padding:3px 14px;margin-bottom:2px}.hud.mobile .hud-top{flex-wrap:wrap}.hud.mobile .hud-left{flex:1 1 auto;min-width:0}.hud.mobile .hud-right{flex:0 0 auto;min-width:0;justify-content:flex-end;align-items:flex-start}.hud.mobile .hud-tools{flex-shrink:0}.talent-pick{border-left:5px solid var(--border-strong);transition:transform .15s,border-color .2s,background .2s,box-shadow .2s}.talent-pick:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 4px 0 rgba(0,0,0,.45),0 12px 24px -10px rgba(0,0,0,.6)}.talent-pick.path-A{border-left-color:var(--seal-red)}.talent-pick.path-B{border-left-color:var(--banner-blue-bright)}.talent-pick.path-C{border-left-color:var(--good)}.talent-pick kbd{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-family:var(--font-display);font-size:13px;font-weight:800;color:var(--parchment);background:radial-gradient(circle at 35% 30%,#c1463a,var(--seal-red) 55%,var(--seal-red-deep));border:1px solid var(--ink);box-shadow:inset 0 1px 0 rgba(255,220,180,.3),inset 0 -2px 0 rgba(0,0,0,.35),0 2px 0 rgba(0,0,0,.4);text-shadow:0 1px 0 rgba(0,0,0,.4)}@keyframes goldSweep{0%{background-position:200% 0}to{background-position:-60% 0}}.modal.victory h1{background:linear-gradient(100deg,var(--brass-bright) 25%,#fff3d6 40%,var(--brass-bright) 55%,#b07f33 80%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.45));animation:goldSweep 3.2s linear infinite}.modal.victory:before{border-color:rgba(217,168,80,.65)}.modal.victory .crossed{color:var(--brass-bright)}.modal.defeat{filter:saturate(.85)}.modal.defeat h1{color:#a59c8c;text-shadow:0 2px 0 rgba(0,0,0,.55)}.modal.defeat .crossed{color:#8d8576}.modal.defeat:before{border-color:hsla(39,12%,53%,.35)}@keyframes badgePop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.modal.celebrate .badge,.modal.celebrate .pill{animation:badgePop .45s cubic-bezier(.2,1.4,.4,1) .12s backwards}.modal.celebrate .row.wrap>:nth-child(2){animation-delay:.2s}.modal.celebrate .row.wrap>:nth-child(3){animation-delay:.28s}.modal.celebrate .row.wrap>:nth-child(4){animation-delay:.36s}.modal.celebrate .row.wrap>:nth-child(5){animation-delay:.44s}@keyframes hsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes hsDrift{0%{transform:translateX(0)}to{transform:translateX(-16px)}}.hero-scene .hs-drift-a,.hero-scene .hs-drift-b,.hero-scene .hs-float-keep,.hero-scene .hs-float-l,.hero-scene .hs-float-r{will-change:transform}.hero-scene .hs-float-keep{animation:hsFloat 9s ease-in-out infinite}.hero-scene .hs-float-l{animation:hsFloat 12s ease-in-out .8s infinite}.hero-scene .hs-float-r{animation:hsFloat 14s ease-in-out 1.6s infinite}.hero-scene .hs-drift-a{animation:hsDrift 26s ease-in-out infinite alternate}.hero-scene .hs-drift-b{animation:hsDrift 34s ease-in-out infinite alternate-reverse}.ability-chip:focus-visible,.btn:focus-visible,.champ-card:focus-visible,.class-chip:focus-visible,.mc-btn:focus-visible,.mc-skill:focus-visible,.sheet-item:focus-visible,.skill-chip:focus-visible,.stage-card:focus-visible,.weapon-slot:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brass-bright);outline-offset:2px;border-color:var(--brass-bright)}.input:focus-visible,.select:focus-visible{outline:3px solid var(--brass-bright);outline-offset:2px}button.champ-card,button.class-chip,button.stage-action{font:inherit;color:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}@media (pointer:coarse){.ability-chip,.btn,.btn-sm,.class-chip,.input,.nav .btn,.pill,.skill-chip,.weapon-slot,select{min-height:44px}.weapon-slot{min-width:44px}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--banner-blue),var(--banner-blue-bright));outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--brass-bright),var(--brass));border:2px solid #2a1c00;box-shadow:0 2px 6px rgba(0,0,0,.45)}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--brass-bright),var(--brass));border:2px solid #2a1c00}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:6px;border:1px solid var(--border-strong);background:rgba(20,16,9,.7);cursor:pointer;position:relative;flex-shrink:0;transition:background .15s,border-color .15s}input[type=checkbox]:checked{background:linear-gradient(135deg,var(--brass-bright),var(--brass));border-color:var(--brass-bright)}input[type=checkbox]:checked:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#2a1c00;font-size:15px;font-weight:900}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.bg-stars,.hero-scene .hs-drift-a,.hero-scene .hs-drift-b,.hero-scene .hs-float-keep,.hero-scene .hs-float-l,.hero-scene .hs-float-r,.sudden-death-veil,.turn-banner:has(.turn-timer.low),.turn-timer.low{animation:none!important}.ability-chip.ultimate:not(.cooling):after,.center-announce.tone-epic:after{display:none!important}.modal.celebrate .badge,.modal.celebrate .pill,.modal.celebrate .row.wrap>*{animation-delay:0s!important}.feed-item{animation-delay:0s,4.7s!important}}@font-face{font-family:VT323;src:url(/fonts/VT323.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}html[data-gfx=voxel]{--vx-stone:#7f7f7f;--vx-stone-light:#9a9a9a;--vx-stone-dark:#4a4a4a;--vx-stone-mid:#666;--vx-dirt:#8b6340;--vx-grass:#5a9c3f;--vx-grass-dark:#3e7029;--vx-grass-light:#6dbf4f;--vx-wood:#9a7744;--vx-pixel:"VT323","Courier New",monospace;--vx-bevel:inset 2px 2px 0 hsla(0,0%,100%,.28),inset -2px -2px 0 rgba(0,0,0,.45);--vx-bevel-pressed:inset 2px 2px 0 rgba(0,0,0,.4),inset -2px -2px 0 hsla(0,0%,100%,.1);background:#1a1a1a;image-rendering:pixelated}html[data-gfx=voxel] body{background:repeating-linear-gradient(90deg,rgba(0,0,0,.07),rgba(0,0,0,.07) 4px,transparent 0,transparent 8px),repeating-linear-gradient(0deg,rgba(0,0,0,.07),rgba(0,0,0,.07) 4px,transparent 0,transparent 8px),#1c1c1c;color:#fff;font-family:var(--vx-pixel);-webkit-font-smoothing:none;font-smooth:never}html[data-gfx=voxel] h1,html[data-gfx=voxel] h2,html[data-gfx=voxel] h3{font-family:var(--vx-pixel);letter-spacing:.04em;text-shadow:2px 2px 0 rgba(0,0,0,.85);font-size-adjust:none}html[data-gfx=voxel] h1{font-size:calc(1.3 * clamp(48px, 9vw, 104px))}html[data-gfx=voxel] h2{font-size:calc(1.3 * 26px)}html[data-gfx=voxel] h3{font-size:calc(1.3 * 20px)}html[data-gfx=voxel] .bg-stage{background:#1a1a1a}html[data-gfx=voxel] .bg-stars{display:none}html[data-gfx=voxel] .card,html[data-gfx=voxel] .modal,html[data-gfx=voxel] .panel{background:var(--vx-stone-dark);border-radius:0;-webkit-clip-path:none;clip-path:none;border:3px solid var(--vx-stone-mid);box-shadow:var(--vx-bevel);color:#fff}html[data-gfx=voxel] .card:after,html[data-gfx=voxel] .panel:after,html[data-gfx=voxel] .panel:before{display:none}html[data-gfx=voxel] .modal>*,html[data-gfx=voxel] .panel>*{position:relative;z-index:1}html[data-gfx=voxel] .btn{font-family:var(--vx-pixel);font-size:calc(1.3 * 15px);line-height:1.2;background:var(--vx-stone-light);color:#fff;border:2px solid #111;border-radius:0;box-shadow:var(--vx-bevel);text-shadow:2px 2px 0 rgba(0,0,0,.75);transition:filter .08s ease}html[data-gfx=voxel] .btn:hover{background:color-mix(in srgb,var(--vx-grass-light) 30%,var(--vx-stone-light));filter:brightness(1.12);border-color:#111}html[data-gfx=voxel] .btn:active{transform:none;box-shadow:var(--vx-bevel-pressed);filter:brightness(.88)}html[data-gfx=voxel] .btn-primary{background:var(--vx-grass);border-color:#111;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.85);box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .btn-primary:hover{background:var(--vx-grass-light);border-color:#111;box-shadow:var(--vx-bevel);filter:brightness(1.1)}html[data-gfx=voxel] .btn-primary:active{box-shadow:var(--vx-bevel-pressed);filter:brightness(.88)}html[data-gfx=voxel] .btn-ghost{background:hsla(0,0%,39%,.25);border:2px solid hsla(0,0%,71%,.35);box-shadow:none;color:#ccc}html[data-gfx=voxel] .btn-ghost:hover{background:hsla(0,0%,39%,.45);border-color:hsla(0,0%,78%,.5);filter:none}html[data-gfx=voxel] .btn-lg{font-size:calc(1.3 * 18px);border-radius:0}html[data-gfx=voxel] .btn-sm{font-size:calc(1.3 * 13px)}html[data-gfx=voxel] .input,html[data-gfx=voxel] .select{font-family:var(--vx-pixel);font-size:calc(1.3 * 16px);background:var(--vx-stone-dark);border:2px solid #111;border-radius:0;color:#fff;box-shadow:var(--vx-bevel-pressed)}html[data-gfx=voxel] .input:focus,html[data-gfx=voxel] .select:focus{border-color:var(--vx-grass);box-shadow:var(--vx-bevel-pressed),0 0 0 2px var(--vx-grass-light)}html[data-gfx=voxel] label.field{font-family:var(--vx-pixel);font-size:calc(1.3 * 12px);color:#ccc}html[data-gfx=voxel] input[type=checkbox]{border-radius:0;border:2px solid #111;background:var(--vx-stone-mid);box-shadow:var(--vx-bevel);width:22px;height:22px}html[data-gfx=voxel] input[type=checkbox]:checked{background:var(--vx-grass);border-color:#111;box-shadow:var(--vx-bevel)}html[data-gfx=voxel] input[type=checkbox]:checked:after{color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.8);font-family:var(--vx-pixel);font-size:17px}html[data-gfx=voxel] input[type=range]{border-radius:0;height:8px;background:var(--vx-stone-dark);border:2px solid #111;box-shadow:var(--vx-bevel-pressed)}html[data-gfx=voxel] input[type=range]::-webkit-slider-thumb{border-radius:0;background:var(--vx-stone-light);border:2px solid #111;box-shadow:var(--vx-bevel);width:18px;height:18px}html[data-gfx=voxel] input[type=range]::-moz-range-thumb{border-radius:0;background:var(--vx-stone-light);border:2px solid #111;box-shadow:var(--vx-bevel);width:18px;height:18px}html[data-gfx=voxel] .nav{background:rgba(26,26,26,.96);border-bottom:3px solid #111;box-shadow:0 2px 0 hsla(0,0%,100%,.08)}html[data-gfx=voxel] .brand{font-family:var(--vx-pixel);font-size:28px;color:var(--vx-grass-light);text-shadow:2px 2px 0 rgba(0,0,0,.9),0 0 14px rgba(90,156,63,.35)}html[data-gfx=voxel] .small{font-family:var(--vx-pixel);font-size:calc(1.3 * 13px)}html[data-gfx=voxel] .tiny{font-family:var(--vx-pixel);font-size:calc(1.3 * 11px)}html[data-gfx=voxel] .dim{color:#aaa}html[data-gfx=voxel] .gold{color:#f4d44a;text-shadow:1px 1px 0 rgba(0,0,0,.7)}html[data-gfx=voxel] .badge{font-family:var(--vx-pixel);border-radius:0;background:var(--vx-stone-mid);border:2px solid #111;box-shadow:var(--vx-bevel);color:#fff}html[data-gfx=voxel] .badge.gold{background:#b8860b;color:#fff6cc}html[data-gfx=voxel] .pill{font-family:var(--vx-pixel);border-radius:0;border:2px solid #111;box-shadow:var(--vx-bevel);background:var(--vx-stone-mid);color:#ddd}html[data-gfx=voxel] .turn-banner,html[data-gfx=voxel] .weapon-active,html[data-gfx=voxel] .wind-meter{background:var(--vx-stone-dark);-webkit-clip-path:none;clip-path:none;border-radius:0;border:3px solid #111;box-shadow:var(--vx-bevel);font-family:var(--vx-pixel)}html[data-gfx=voxel] .turn-banner:after,html[data-gfx=voxel] .wind-meter:after{display:none}html[data-gfx=voxel] .turn-timer .tt-num{font-family:var(--vx-pixel);font-size:26px;text-shadow:1px 1px 0 rgba(0,0,0,.8)}html[data-gfx=voxel] .turn-banner strong{font-family:var(--vx-pixel);font-size:18px;text-shadow:1px 1px 0 rgba(0,0,0,.8)}html[data-gfx=voxel] .team-chip{background:var(--vx-stone-dark);border-radius:0;border:2px solid #111;box-shadow:var(--vx-bevel);font-family:var(--vx-pixel)}html[data-gfx=voxel] .team-chip .tc-name{font-family:var(--vx-pixel);font-size:14px;text-shadow:1px 1px 0 rgba(0,0,0,.8)}html[data-gfx=voxel] .ability-rail{background:var(--vx-stone-dark);-webkit-clip-path:none;clip-path:none;border-radius:0;border:3px solid #111;box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .ability-rail:after{display:none}html[data-gfx=voxel] .ability-chip{font-family:var(--vx-pixel);background:var(--vx-stone-mid);border-radius:0;border:2px solid #111;box-shadow:var(--vx-bevel);color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.75)}html[data-gfx=voxel] .ability-chip.active{background:color-mix(in srgb,var(--vx-grass) 45%,var(--vx-stone-mid));border-color:var(--vx-grass-light);box-shadow:var(--vx-bevel),0 0 0 1px var(--vx-grass-light);transform:none}html[data-gfx=voxel] .ability-chip.cooling{background:var(--vx-stone-dark);border-color:#222;filter:grayscale(.5)}html[data-gfx=voxel] .ability-chip.ultimate{background:color-mix(in srgb,var(--vx-grass-dark) 60%,var(--vx-stone-dark));border-color:var(--vx-grass-light);box-shadow:var(--vx-bevel),0 0 8px rgba(90,156,63,.35)}html[data-gfx=voxel] .ability-chip .nm,html[data-gfx=voxel] .ability-chip .st{font-family:var(--vx-pixel)}html[data-gfx=voxel] .ability-chip .nm{font-size:calc(1.3 * 13px)}html[data-gfx=voxel] .ability-chip .nm kbd{font-family:var(--vx-pixel);border-radius:0;background:var(--vx-stone-light);color:#111;box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .ability-chip.ultimate:not(.cooling):after{display:none}html[data-gfx=voxel] .center-announce{font-family:var(--vx-pixel);background:var(--vx-stone-dark);-webkit-clip-path:none;clip-path:none;border-radius:0;border:3px solid #111;box-shadow:var(--vx-bevel);text-shadow:2px 2px 0 rgba(0,0,0,.85)}html[data-gfx=voxel] .center-announce.tone-epic:after{display:none}html[data-gfx=voxel] .turn-cue{font-family:var(--vx-pixel);color:var(--vx-grass-light);text-shadow:2px 2px 0 rgba(0,0,0,.9)}html[data-gfx=voxel] .feed-item{font-family:var(--vx-pixel);background:rgba(26,26,26,.88);border-radius:0;border:2px solid #111;border-left:4px solid hsla(0,0%,100%,.3);box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .controls-hint{font-family:var(--vx-pixel);font-size:calc(1.3 * 12px);background:rgba(26,26,26,.85);border-radius:0;border:2px solid #111}html[data-gfx=voxel] .toast{font-family:var(--vx-pixel);background:var(--vx-stone-dark);border-radius:0;border:3px solid #111;box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .overlay{background:rgba(0,0,0,.82)}html[data-gfx=voxel] .class-chip,html[data-gfx=voxel] .player-row{font-family:var(--vx-pixel);background:var(--vx-stone-dark);border-radius:0;border:2px solid #111;box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .class-chip{color:#fff}html[data-gfx=voxel] .class-chip.active{background:color-mix(in srgb,var(--vx-grass) 30%,var(--vx-stone-dark));border-color:var(--vx-grass-light)}html[data-gfx=voxel] .stage-card{font-family:var(--vx-pixel);background:var(--vx-stone-dark);border-radius:0;border:2px solid #111;box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .stage-num{background:var(--vx-grass)}html[data-gfx=voxel] .slot-tip,html[data-gfx=voxel] .stage-num{font-family:var(--vx-pixel);border-radius:0;border:2px solid #111;color:#fff;box-shadow:var(--vx-bevel)}html[data-gfx=voxel] .slot-tip{background:var(--vx-stone-dark)}html[data-gfx=voxel] .scroll-fade::-webkit-scrollbar-thumb{background:var(--vx-stone-mid);border-radius:0}@media (prefers-reduced-motion:reduce){html[data-gfx=voxel] *{image-rendering:pixelated}}