@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2) format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2) format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2) format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff) format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2) format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2) format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff) format("woff");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:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:-apple-system,BlinkMacSystemFont,DM Sans,Segoe UI,sans-serif;color:#f0eee6;background:#191b1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark;--bg: #191b1a;--surface: #222623;--surface2: #2b302c;--line: #3b433d;--muted: #b1b7af;--yellow: #e9c65b;--text: #f0eee6;--green: #b0ceb7;--red: #e0a191;--mono: "IBM Plex Mono", monospace;--display: "Barlow Condensed", Impact, sans-serif;--font-caption: 12px;--font-body: 15px;--font-subhead: 17px;--font-section: 22px;--font-title: 30px;--radius: 20px;--radius-control: 11px}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;font-size:var(--font-body)}button,input{font:inherit;color:inherit}button,input,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;line-height:1.2;letter-spacing:-.025em}h1{font-size:var(--font-title)}h2{font-size:var(--font-section)}h3{font-size:var(--font-subhead)}#root :is(h1,h2,h3,h4,h5,h6,.desktop-nav,.mobile-nav,.footer-top nav,.docs-nav){text-transform:uppercase}#root :is(button,.button,.subtle-link,[role=button],.social-tasks>a,input[type=button],input[type=submit],input[type=reset]){text-transform:uppercase}p{color:var(--muted);line-height:1.7}small{font-size:var(--font-caption)}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}main{min-height:65vh}.site-header{height:80px;background:var(--bg);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{max-width:1320px;margin:auto;height:100%;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.5px;font-weight:650;white-space:nowrap}.brand-light{font-weight:450}.brand-period{color:var(--yellow)}.brand-mark{display:block;flex:0 0 auto;width:39px;height:39px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:24px;height:100%;font-size:13px;color:var(--muted)}.desktop-nav>*{display:flex;align-items:center;gap:4px;min-height:44px;height:100%;position:relative}.desktop-nav a.active{color:var(--text)}.desktop-nav a.active:after{content:"";position:absolute;height:2px;width:20px;background:var(--yellow);bottom:19px;left:0}.desktop-nav a:hover,.footer-top nav a:hover{color:var(--yellow)}.header-actions{display:flex;align-items:center;gap:8px}.wallet-button{height:44px;border:1px solid var(--yellow);border-radius:var(--radius-control);padding:0 15px;background:var(--yellow);color:#272417;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:550;white-space:nowrap}.wallet-button:hover{border-color:var(--yellow)}.wallet-button>span{display:block;max-width:152px;overflow:hidden;text-overflow:ellipsis}.icon-button{height:44px;width:44px;border-radius:var(--radius-control);background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-button:hover{background:#ffffff0a;color:var(--text)}.mobile-menu-button,.mobile-nav{display:none}.button{min-height:46px;padding:12px 22px;border-radius:var(--radius-control);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;line-height:1.3;font-weight:600;letter-spacing:.15px;white-space:nowrap;transition:background .15s,border-color .15s}.button.primary{background:var(--yellow);color:#272417;border:1px solid var(--yellow)}.button.primary:hover,.wallet-button:hover{background:#f2d275}.button.primary:active{background:#d8b749}.button.outline{background:var(--surface);border:1px solid var(--line)}.button.outline:hover{border-color:var(--yellow);background:#ffffff05}.button.text{background:transparent;padding-left:10px;padding-right:10px}.button.text:hover{color:var(--yellow)}.full{width:100%}.subtle-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:var(--font-caption);color:var(--text);text-decoration:underline;text-underline-offset:7px;text-decoration-color:#67705e;white-space:nowrap}.subtle-link:hover{color:var(--yellow)}.unavailable{color:var(--muted);cursor:default;opacity:.7}.home-page,.battle-page,.docs-page,.whitelist-page{max-width:1320px;padding:0 36px;margin:auto}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center;padding:66px 0 48px}.hero-copy h1{font:700 clamp(82px,9.2vw,112px)/.94 var(--display);letter-spacing:-1.6px;text-transform:uppercase}.hero-copy h1>span{color:var(--yellow)}.hero-copy p{max-width:360px;font-size:var(--font-body);line-height:1.8;margin-top:24px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;align-items:center}.hero-art{border:1px solid var(--line);border-radius:var(--radius);position:relative;isolation:isolate;min-width:0;width:100%;height:440px;background:var(--surface)}.hero-contenders{position:absolute;inset:24px 24px auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-contender{display:flex;align-items:center;gap:10px}.mini-contender.reverse{flex-direction:row-reverse;text-align:right}.mini-contender .avatar{width:46px;height:50px;border-radius:10px}.mini-contender b{font-size:var(--font-caption);font-weight:500}.mini-health{width:76px;height:4px;border-radius:2px;background:#414b3d;margin-top:5px;overflow:hidden}.mini-health i{display:block;width:75%;height:100%;background:var(--green)}.reverse .mini-health i{width:62%;float:right;background:var(--red)}.versus{font:700 25px var(--display);color:#b1b7a3}.keyboard-clash{position:absolute;left:16px;right:16px;top:50%;aspect-ratio:642 / 350;transform:translateY(-39%);perspective:1000px;container-type:inline-size}.clash-board{position:absolute;width:86%}.rival-board{right:-1%;top:7.43%;transform:rotateX(20deg) rotate(11deg);z-index:1}.player-board{left:-1%;top:46.28%;transform:rotateX(20deg) rotate(-12deg);z-index:3}.clash-flash{position:absolute;left:44%;top:34.85%;width:clamp(48px,11.53cqw,74px);height:auto;aspect-ratio:1;color:var(--yellow);z-index:4;filter:drop-shadow(0 3px 5px #111);transform:rotate(8deg)}.avatar{width:72px;height:80px;flex-shrink:0;overflow:hidden;background:#b9bfa2;border:1px solid #e2e8d633;border-radius:12px;--avatar-face: #e7c986;--avatar-body: #5e7860;--avatar-eyes: #d7e9ad}.avatar.opponent{background:#bd9d90;--avatar-face: #ddaa91;--avatar-body: #806c60;--avatar-eyes: #ead4b3}.avatar svg,.avatar img{display:block;width:100%;height:100%;object-fit:cover}.keyboard{--key-case: #d4dad1;--key-color: #f8f8f3;--key-text: #5c6058;--key-border: #b8c0b2;--key-shadow: #b9c1b4;--key-accent: #e6c45c;--key-pressed: #8c9d83;position:relative;padding:8px;background:var(--key-case);border:1px solid var(--key-border);border-radius:11px;box-shadow:0 5px 0 var(--key-shadow),0 6px #a2aa9c;-webkit-user-select:none;user-select:none}.key-row{display:flex;gap:2px;margin-top:2px;height:23px;width:100%}.key-row.function-row{height:15px;margin-top:0;margin-bottom:3px}.key{display:flex;align-items:center;justify-content:center;height:100%;flex:1 1 0;min-width:0;padding:0;border-radius:3px;color:var(--key-text);background:var(--key-color);border:1px solid var(--key-border);box-shadow:0 2px 0 var(--key-shadow);font:8px/1 var(--mono);transition:transform .09s,background .09s,box-shadow .09s}.key-arrow-stack{display:flex;flex:1 1 0;min-width:0;flex-direction:column;gap:2px}.key-arrow-stack .key{flex:1 1 0;height:auto;min-height:0;font-size:.85em}.key.accent{background:var(--key-accent);color:#5e501d}.keyboard.opponent{--key-case: #ded6d0;--key-color: #faf5f0;--key-border: #c7b9af;--key-shadow: #c4b7ae;--key-accent: #d8ac96;--key-pressed: #ae8270}.key.pressed{background:var(--key-pressed);color:#fff;transform:translateY(2px);box-shadow:none}.hero-keyboard{padding:1.7cqw;box-shadow:0 5px 0 var(--key-shadow),0 6px #a2aa9c,0 24px 24px -10px #101210a0}.hero-keyboard.opponent{box-shadow:0 5px 0 var(--key-shadow),0 6px #a99a90,0 22px 24px -10px #10121080}.hero-keyboard .key-row{height:3.5cqw;gap:.47cqw;margin-top:.47cqw}.hero-keyboard .function-row{height:2.3cqw;margin-top:0;margin-bottom:.62cqw}.hero-keyboard .key{font-size:1.2cqw}.live-section{border-top:1px solid var(--line);margin-top:36px;padding:23px 0 28px}.live-section.is-empty{display:flex;justify-content:space-between;align-items:start;gap:24px}.live-section.is-empty .section-heading{margin:0}.home-page .live-section h2{font-size:18px}.home-page .empty-arena{min-height:0;padding:0;border:0;background:transparent;align-items:end;gap:8px;text-align:right}.home-page .empty-arena p{font-size:14px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.room-card{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;min-width:0;transition:border-color .15s}.room-card:hover{border-color:#7d8a6b}.room-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:var(--font-caption);color:var(--muted)}.room-top>span:first-child{font-size:var(--font-body);color:var(--text);font-weight:600}.room-time{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.room-players{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px;padding:28px 0;align-items:center;text-align:center}.room-players>div{display:flex;flex-direction:column;align-items:center;min-width:0;gap:10px}.room-players .avatar{width:64px;height:68px}.room-players b{font-size:var(--font-caption);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.room-players>div>span:last-child{font:12px var(--mono);color:var(--muted)}.room-players .room-vs{font:italic 600 24px var(--display);color:var(--muted)}.room-health{width:100%;height:4px;background:#40483d;border-radius:2px;overflow:hidden}.room-health i{display:block;height:100%;background:var(--green)}.room-health.rival i{background:var(--red);float:right}.room-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:var(--font-caption)}.room-bottom>span{display:inline-flex;align-items:center;gap:8px}.empty-arena{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:36px 24px;min-height:152px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.empty-duel{font:700 25px var(--display);color:#858d7d}.empty-arena p{font-size:var(--font-body)}.how-section{display:grid;grid-template-columns:1fr 2.7fr;gap:48px;padding:32px 0 64px}.how-intro h2{margin-bottom:12px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.how-grid h3{margin-bottom:12px}.how-grid p{font-size:var(--font-body)}.campaign-banner{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;margin:0 0 56px}.campaign-art{position:relative;overflow:hidden;background:var(--yellow);color:#313826;padding:32px;border-right:1px solid #a58e49;display:flex;flex-direction:column;justify-content:center}.campaign-art>span{font:700 56px/.95 var(--display);letter-spacing:-1px}.campaign-art>span:nth-child(2){color:#f6efd9;text-shadow:0 1px #6a663a}.campaign-art>svg{position:absolute;right:20px;bottom:24px;opacity:.5;transform:rotate(-12deg)}.campaign-content{padding:32px 40px}.campaign-content h2{margin-bottom:16px}.campaign-content p{max-width:620px;font-size:var(--font-body)}.campaign-content .button{margin-top:24px}.site-footer{max-width:1320px;padding:0 36px;margin:0 auto;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 0;min-height:85px;gap:24px}.footer-top .brand{font-size:13px}.footer-top .brand-mark{width:31px;height:31px}.footer-top nav{display:flex;flex-wrap:wrap;gap:0 24px;align-items:center;color:var(--muted);font-size:11px}.footer-top nav>*{display:inline-flex;align-items:center;min-height:44px;gap:4px}.footer-bottom{padding:16px 0 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.battle-page{padding-top:34px;padding-bottom:42px}.battle-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.lobby-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px}.queue-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center}.queue-card h2{margin-bottom:16px}.queue-card>p{max-width:370px;margin-bottom:28px;font-size:var(--font-body)}.queue-cta{min-width:275px;white-space:normal}.queue-divider{width:100%;border-top:1px solid var(--line);margin:28px 0 16px}.queue-pulse{display:flex;gap:8px;margin-bottom:24px}.queue-pulse span{width:7px;height:7px;border-radius:50%;background:var(--yellow);animation:queue 1.1s infinite}.queue-pulse span:nth-child(2){animation-delay:.18s}.queue-pulse span:nth-child(3){animation-delay:.36s}.lobby-aside{padding:32px;border:1px solid var(--line);border-radius:var(--radius)}.aside-heading{display:flex;align-items:center;gap:12px}.aside-heading svg{color:var(--yellow)}.lobby-aside>p{margin:16px 0;font-size:var(--font-caption)}.rule-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:var(--font-caption)}.rule-row strong{font:500 13px var(--mono);color:var(--text);white-space:nowrap}.lobby-aside>.subtle-link{margin-top:16px}.lobby-live{padding-top:48px}.arena-toolbar{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:var(--font-caption)}.arena-toolbar>div{display:flex}.duel{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.duel-players{display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:center;gap:22px}.player-panel{display:flex;align-items:start;gap:12px;min-width:0}.player-panel .avatar{width:46px;height:50px;border-radius:10px}.player-detail{flex:1;min-width:0}.player-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.player-name strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-name>span{font-size:12px;color:var(--muted);white-space:nowrap}.meter-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);margin-bottom:4px;font-size:12px}.meter-label>span{display:flex;gap:5px;align-items:center}.meter-label b{color:var(--text);font:500 13px var(--mono)}.meter-label small{font-size:12px;color:var(--muted)}.meter{height:6px;background:#424a3e;border-radius:3px;overflow:hidden}.meter>span{display:block;height:100%;background:var(--green);transition:width .18s linear}.meter.energy{height:4px;background:#424a3e}.meter.energy>span{background:var(--yellow)}.energy-label{margin-top:9px}.opponent.player-panel,.opponent .player-name{flex-direction:row-reverse}.opponent .health>span{background:var(--red);float:right}.opponent .energy>span{float:right}.round-clock{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted)}.round-clock strong{font-size:25px;font-weight:550;color:var(--text);letter-spacing:-1px;font-variant-numeric:tabular-nums}.round-clock>span{font-size:12px;letter-spacing:.6px}.typing-area{margin-top:26px;padding:27px;border:1px solid #41493e;border-radius:14px;background:#191d19;position:relative;cursor:text;outline-offset:2px}.prompt-meta{color:var(--muted);font-size:var(--font-caption);margin-bottom:16px}.typing-prompt{position:relative;height:120px;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-user-select:none;user-select:none;scrollbar-width:none;font:21px/1.95 var(--mono);letter-spacing:-.25px;color:#a6aea1}.typing-prompt .typed{color:var(--text)}.typing-prompt .current{position:relative}.typing-prompt .current:before{content:"";position:absolute;left:-2px;top:1px;bottom:0;width:2px;background:var(--yellow)}.typing-area.has-error .current{color:#fac1b1;background:#71392e}.typing-area:not(.focused) .typing-prompt{filter:blur(3px);opacity:.3}.typing-area[aria-readonly=true] .typing-prompt{filter:none;opacity:1}.typing-error{color:var(--red);font-size:var(--font-caption);margin-top:16px}.focus-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border-radius:inherit;color:var(--text);font-size:var(--font-body)}.focus-overlay>svg{color:var(--yellow)}.focus-overlay .countdown-number{font:600 52px var(--mono);color:var(--yellow)}.duel-keyboards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:26px;padding-bottom:7px}.duel-keyboards>div{min-width:0}.keyboard-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:var(--font-caption)}.keyboard-label>span:first-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.keyboard-stats{display:flex;gap:16px;color:var(--muted);font-size:12px;white-space:nowrap}.keyboard-stats b{font-weight:500;color:var(--text)}.duel-keyboards .key{font-size:7px}.result-panel{margin-top:32px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;border:1px solid #5e6547;border-radius:12px;background:#2b3225;text-align:center}.result-panel>svg{color:var(--yellow)}.result-panel p{font-size:var(--font-caption)}.result-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.docs-page,.whitelist-page{padding-top:34px;padding-bottom:42px}.docs-heading{padding-bottom:28px;border-bottom:1px solid var(--line)}.docs-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:48px;padding-top:40px}.docs-nav{display:flex;flex-direction:column;align-items:start;gap:8px;position:sticky;top:24px;height:max-content;font-size:var(--font-caption);color:var(--muted);border-left:1px solid var(--line);padding-left:20px}.docs-nav a{display:flex;align-items:center;min-height:44px}.docs-nav a:hover,.docs-content p a{color:var(--yellow)}.docs-content p a{text-decoration:underline;text-underline-offset:3px}.docs-content{max-width:760px}.docs-content section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--line);scroll-margin-top:32px}.docs-content h2{font-size:24px;margin-bottom:20px}.docs-content p{font-size:var(--font-body);margin:16px 0}.docs-content strong{color:var(--text);font-weight:600}.docs-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:24px 0;margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.docs-rules>div{display:flex;flex-direction:column;gap:8px}.docs-rules strong{color:var(--yellow);font:500 17px var(--mono)}.docs-rules span{font-size:var(--font-caption);color:var(--muted)}.docs-callout{display:flex;align-items:start;gap:16px;margin-top:24px;padding:24px;border:1px solid #4e5b41;border-radius:12px;background:#283022}.docs-callout>svg{color:var(--yellow)}.docs-callout p{font-size:var(--font-caption);margin-bottom:0;margin-top:8px}.whitelist-heading{margin-bottom:24px}.whitelist-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:48px;align-items:start}.whitelist-eligibility{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.eligibility-symbol{color:var(--muted);margin-bottom:16px}.eligibility-symbol.confirmed{color:var(--green)}.whitelist-eligibility h2,.whitelist-tasks h2{font-size:22px}.whitelist-eligibility>p{font-size:var(--font-body);margin-top:12px}.whitelist-eligibility>.button,.whitelist-rules{margin-top:24px}.whitelist-wallet{display:grid;gap:8px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.whitelist-wallet span{color:var(--muted);font-size:var(--font-caption)}.whitelist-wallet code{font:12px/1.8 var(--mono);overflow-wrap:anywhere}.whitelist-tasks{min-width:0;padding-top:8px}.social-tasks{margin:24px 0;border-bottom:1px solid var(--line)}.social-tasks>*{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--line);min-height:56px;font-size:var(--font-body)}.social-tasks a{color:var(--yellow)}.social-tasks [aria-disabled=true]{color:var(--muted)}.whitelist-note,.whitelist-disclosure{color:var(--muted);font-size:var(--font-caption);margin-top:16px}.whitelist-disclosure{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.whitelist-tasks form{margin-top:32px}.whitelist-tasks fieldset{border:0;padding:0;min-width:0}label{display:block;font-size:var(--font-caption);margin-bottom:8px}input{width:100%;min-height:48px;padding:12px 14px;border:1px solid #748169;border-radius:var(--radius-control);background:#1c211b;outline:none;font-size:var(--font-body)}input::placeholder{color:#929d89;opacity:1}input:disabled,fieldset:disabled input{cursor:not-allowed;opacity:.55}.whitelist-tasks input{margin-bottom:24px}.submission-receipt{display:flex;align-items:start;gap:16px;padding:24px 0}.submission-receipt>svg{color:var(--yellow)}.submission-receipt p{font-size:var(--font-caption);margin-top:8px}.nft-label{width:100%;max-width:330px;text-align:left;margin-bottom:20px}.nft-label input{margin-top:8px}.challenge{width:300px;max-width:100%;min-height:65px;margin-bottom:16px}.verification-recovery{max-width:330px;margin-bottom:20px}.verification-recovery p{font-size:var(--font-caption);margin-bottom:12px}.verification-recovery a{display:block;min-height:44px;padding-top:12px;font-size:var(--font-caption);text-decoration:underline;text-underline-offset:4px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0b0f0bd9;padding:24px;overflow-y:auto}.modal{position:relative;width:440px;max-width:100%;padding:32px;border:1px solid #5c674f;border-radius:20px;background:var(--surface);box-shadow:0 24px 80px #0008}.modal-close{position:absolute;right:12px;top:12px}.modal-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--yellow);margin-bottom:24px}.modal h2{font-size:28px;padding-right:16px}.modal>p{margin:16px 0 24px;font-size:var(--font-body)}.modal .full{margin-top:20px}.toast{position:fixed;z-index:110;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:24px;width:max-content;max-width:calc(100% - 32px);padding:16px 18px;background:#343e2a;border:1px solid #68734f;border-radius:12px;color:var(--text);box-shadow:0 8px 32px #0006;font-size:var(--font-caption)}.toast button{background:transparent;color:inherit;padding:8px;display:flex}.not-found{text-align:center;padding:96px 24px}.not-found h1{margin-bottom:32px}.spin{animation:rotate 1s linear infinite}.mobile-break{display:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes queue{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@media(max-width:1000px){.hero{gap:32px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.docs-rules{grid-template-columns:repeat(2,1fr)}.whitelist-layout{gap:32px}.how-section{grid-template-columns:1fr;gap:24px}.how-intro{display:flex;align-items:start;justify-content:space-between;gap:24px}}@media(max-width:860px){.site-header{height:auto}.header-inner{min-height:80px;height:auto;flex-wrap:wrap;gap:16px;padding-top:14px;padding-bottom:8px}.header-inner,.home-page,.battle-page,.docs-page,.whitelist-page,.site-footer{padding-left:24px;padding-right:24px}.brand{font-size:15px}.header-actions{margin-left:auto}.desktop-nav{display:flex;order:3;width:100%;height:44px;justify-content:center;gap:28px}.desktop-nav>*{height:44px}.desktop-nav a.active:after{bottom:1px}.mobile-menu-button,.mobile-nav{display:none}.hero{gap:28px;padding-top:46px}.hero-copy h1{font-size:84px;letter-spacing:-1px}.hero-art{height:395px}.mini-health{width:50px}.lobby-layout{grid-template-columns:minmax(0,1fr)}.queue-card{padding:32px}.duel{padding:20px}.duel-players{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);gap:14px}.player-panel{gap:9px}.player-panel .avatar{width:44px;height:50px}.player-name{flex-wrap:wrap;row-gap:4px}.duel-keyboards{gap:22px}.keyboard-label{flex-wrap:wrap;row-gap:4px}.duel-keyboards .keyboard{padding:6px}.duel-keyboards .key-row{height:18px}.duel-keyboards .function-row{height:13px}.duel-keyboards .key{font-size:6px}.typing-prompt{font-size:19px}}@media(max-width:800px){.campaign-banner{grid-template-columns:180px minmax(0,1fr)}.campaign-art{padding:24px}.campaign-art>span{font-size:48px}.campaign-content{padding:28px}.docs-layout{display:block;padding-top:24px}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:0 24px;padding:0 0 24px;border:0;margin-bottom:16px}.whitelist-layout{grid-template-columns:1fr;gap:32px}}@media(max-width:720px)and (min-width:541px){.hero{grid-template-columns:1fr}.hero-copy{display:grid;grid-template-columns:.85fr 1.15fr;gap:0 32px;align-items:start}.hero-copy h1{grid-row:1 / 3}.hero-copy p{margin-top:4px}.hero-buttons{margin-top:24px}.hero-art{max-width:600px;margin:8px auto 0}}@media(max-width:540px){:root{--font-title: 27px;--font-section: 22px}.header-inner,.home-page,.battle-page,.docs-page,.whitelist-page,.site-footer{padding-left:18px;padding-right:18px}.header-inner{column-gap:10px}.brand{gap:5px;font-size:13px;letter-spacing:-.4px}.brand-mark{width:33px;height:33px}.wallet-button{font-size:10px;padding:0 11px;gap:7px}.wallet-button>span{max-width:100px}.wallet-button svg{width:14px}.desktop-nav{justify-content:space-between;gap:12px;font-size:11px}.desktop-nav svg{width:12px}.hero{display:block;padding-top:32px;padding-bottom:28px}.hero-copy h1{font-size:76px;line-height:.94;letter-spacing:-1px}.hero-copy p{font-size:14px;max-width:295px;margin-top:19px}.hero-buttons{margin-top:22px;gap:8px}.hero-buttons .button{font-size:11px;padding-left:17px;padding-right:17px}.hero-art{height:276px;margin-top:38px;border-radius:17px}.hero-contenders{inset:19px 16px auto}.mini-contender{gap:7px}.mini-contender .avatar{width:34px;height:38px;border-radius:8px}.mini-contender b{font-size:11px}.keyboard-clash{left:10px;right:10px;transform:translateY(-33%)}.hero-keyboard{border-radius:7px}.hero-keyboard .key{border-radius:2px}.live-section{margin-top:20px;padding-top:20px}.home-page .live-section h2{font-size:15px}.home-page .empty-arena p{font-size:12px}.section-heading{margin-bottom:20px;gap:12px}.section-heading .subtle-link{font-size:12px;gap:6px}.room-grid{grid-template-columns:1fr}.how-section{padding-bottom:48px}.how-grid{grid-template-columns:1fr;gap:24px}.how-grid h3{margin-bottom:8px}.campaign-banner{grid-template-columns:1fr;margin-bottom:48px}.campaign-art{flex-direction:row;justify-content:start;gap:16px;padding:24px;border-right:0;border-bottom:1px solid #a58e49}.campaign-art>svg{width:40px;bottom:20px}.campaign-content{padding:28px 24px}.empty-arena{padding:28px 20px}.footer-top{flex-wrap:wrap;padding-top:14px;padding-bottom:12px;gap:2px 20px}.footer-top .brand{font-size:12px}.footer-top .brand-mark{width:26px;height:26px}.footer-top nav{gap:4px 20px}.footer-top nav svg{width:12px}.battle-page{padding-top:27px}.battle-heading{margin-bottom:17px}.queue-card{padding:28px 20px}.queue-card h2{font-size:22px}.queue-cta{min-width:0;width:100%;padding-left:8px;padding-right:8px;gap:8px;font-size:12px}.lobby-aside{padding:24px}.lobby-live{padding-top:32px}.duel{padding:16px;border-radius:17px}.duel-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.round-clock{grid-row:1;grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px}.round-clock strong{font-size:24px}.player-panel{flex-wrap:wrap;gap:10px}.player-panel .avatar{width:35px;height:39px}.player-detail{flex-basis:100%}.player-name{flex-direction:column;align-items:start;margin-bottom:8px;gap:3px}.player-name strong{font-size:12px;max-width:100%}.player-name>span{font-size:11px}.opponent .player-name{flex-direction:column;align-items:end}.meter-label{gap:4px}.meter-label b{font-size:12px}.typing-area{padding:17px;margin-top:24px}.typing-prompt{font-size:17px;height:164px;line-height:1.9}.duel-keyboards{grid-template-columns:1fr;margin-top:23px;gap:23px}.keyboard-label{gap:8px}.keyboard-stats{gap:10px}.duel-keyboards .key-row{height:22px}.duel-keyboards .function-row{height:14px}.result-panel{padding:28px 16px}.result-panel h2{font-size:22px}.result-actions{width:100%;flex-direction:column}.result-actions .button{width:100%}.docs-page,.whitelist-page{padding-top:27px}.docs-nav{gap:0 18px}.docs-content h2,.whitelist-eligibility h2,.whitelist-tasks h2{font-size:22px}.docs-rules{gap:24px 16px}.docs-callout{padding:20px;gap:12px}.docs-callout>svg{width:18px}.whitelist-eligibility{padding:24px}.whitelist-tasks .button{width:100%}#root input{font-size:16px}.modal-backdrop{padding:20px}.modal{padding:28px 24px}.modal h2{font-size:24px}.toast{bottom:16px;gap:12px}}@media(max-width:365px){.wallet-button>span{max-width:80px}.hero-contenders{gap:6px}.mini-health{width:38px}}@media(prefers-contrast:more){:root{--muted: #dadfd5;--line: #8b9685}.typing-prompt{color:#c6d2bd}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
