@font-face{font-family:Archivo;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(./archivo-DY7AcnAa.woff2)format("woff2-variations")}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-Dfnurram.woff2)format("woff2")}@font-face{font-family:Bungee Inline;font-style:normal;font-display:swap;font-weight:400;src:url(./bungee-inline-o2cXPa_i.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-1:#1d0d46;--bg-2:#090419;--dots:#9878ff21;--panel:#1c0e44c7;--panel-solid:#1c0e44;--edge:#4b33a8;--ink:#f5f1ff;--muted:#a99fd6;--you:#35e0ff;--rival:#ff4fa3;--gold:#ffd23f;--gold-ink:#2a1a00;--good:#5cff9d;--bad:#ff4b6e;--btn:var(--gold);--btn-ink:var(--gold-ink);--btn-lip:#b8860b;--btn2:#35e0ff;--btn2-ink:#04212a;--btn2-lip:#138aa3;--btn3:#ff4fa3;--btn3-ink:#2a0418;--btn3-lip:#a3215f;--glow:1;--display:"Bungee", "Archivo", ui-sans-serif, system-ui, sans-serif;--display-inline:"Bungee Inline", "Bungee", "Archivo", ui-sans-serif, system-ui, sans-serif;--font:"Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--step--2:.72rem;--step--1:.84rem;--step-0:1rem;--step-1:1.25rem;--step-2:1.563rem;--step-3:1.953rem;--step-4:2.441rem;--chamfer:12px;--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px))}:root[data-arena=synth]{--bg-1:#3a0d45;--bg-2:#12031c;--dots:#ff7a591f;--panel:#340c3cc7;--panel-solid:#300b3a;--edge:#8a2d6e;--ink:#fff2ec;--muted:#d6a3b8;--you:#ffb347;--rival:#ff4fa3;--gold:#ff7a59;--gold-ink:#2b0a00;--btn:#ff7a59;--btn-ink:#2b0a00;--btn-lip:#b04628;--btn2:#ffb347;--btn2-ink:#2b1500;--btn2-lip:#b0711e}:root[data-arena=toxic]{--bg-1:#0b2414;--bg-2:#030a05;--dots:#7dff6b1c;--panel:#0a2212cc;--panel-solid:#0b2414;--edge:#2f7a3a;--ink:#effff0;--muted:#9fd0a3;--you:#7dff6b;--rival:#ff3d81;--gold:#e8ff3d;--gold-ink:#1a2000;--btn:#e8ff3d;--btn-ink:#1a2000;--btn-lip:#8fa00f;--btn2:#7dff6b;--btn2-ink:#062b00;--btn2-lip:#3a9a2c}:root[data-arena=blueprint]{--bg-1:#12224d;--bg-2:#081130;--dots:#96b4ff1f;--panel:#10204ad1;--panel-solid:#10204a;--edge:#2e4a8c;--ink:#eef2fb;--muted:#93a1c6;--you:#eef2fb;--rival:#ff6b75;--gold:#f2da3a;--gold-ink:#2a2300;--btn:#f2da3a;--btn-ink:#2a2300;--btn-lip:#a58f12;--btn2:#8fb3ff;--btn2-ink:#08163a;--btn2-lip:#4e6fb8;--glow:.5}:root[data-arena=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-1:#f7f9fd;--bg-2:#e9eef7;--dots:#13224f1a;--panel:#ffffffeb;--panel-solid:#fff;--edge:#c3cde0;--ink:#13224f;--muted:#5d6987;--you:#13224f;--rival:#d3313d;--gold:#f2c400;--gold-ink:#2a2300;--good:#16804f;--bad:#d3313d;--btn:#13224f;--btn-ink:#fff;--btn-lip:#050b20;--btn2:#f2da3a;--btn2-ink:#2a2300;--btn2-lip:#b39a10;--btn3:#d3313d;--btn3-ink:#fff;--btn3-lip:#8d1a23;--glow:0}:root[data-arena=gold]{--bg-1:#2a1d06;--bg-2:#0b0702;--dots:#ffd23f1f;--panel:#2a1d06d1;--panel-solid:#2a1d06;--edge:#8a6a18;--ink:#fff8e6;--muted:#d6bf86;--you:#ffd23f;--rival:#ff6b3d;--gold:#fff1a8;--gold-ink:#2a1a00;--btn:#ffd23f;--btn-ink:#2a1a00;--btn-lip:#a37b06;--btn2:#fff1a8;--btn2-ink:#2a1a00;--btn2-lip:#b8a65a}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg-2);font-size:17px}body{min-height:100dvh;font-family:var(--font);color:var(--ink);background-color:var(--bg-2);background-image:radial-gradient(var(--dots) 1.2px, transparent 1.6px), radial-gradient(120% 70% at 50% 0%, var(--bg-1) 0%, var(--bg-2) 70%);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-size:14px 14px,100% 100%;background-attachment:fixed;margin:0;font-weight:450;line-height:1.45;overflow-x:hidden}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:400;line-height:1.05}p{margin:0}.screen{max-width:540px;padding-left:var(--gutter-l);padding-right:var(--gutter-r);margin:0 auto}.panel{background:var(--panel);border:2px solid var(--edge);clip-path:polygon(var(--chamfer) 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)), 0 var(--chamfer));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative}.btn{--face:var(--btn);--face-ink:var(--btn-ink);--lip:var(--btn-lip);appearance:none;cursor:pointer;min-height:3.3rem;font-family:var(--display);font-size:var(--step-0);letter-spacing:.02em;color:var(--face-ink);background:var(--face);box-shadow:0 6px 0 var(--lip), 0 10px 22px -8px color-mix(in srgb, var(--face) calc(var(--glow) * 70%), transparent);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;justify-content:center;align-items:center;gap:.55rem;padding:0 1.3rem;transition:transform 60ms,box-shadow 60ms,filter .15s;display:inline-flex;transform:translateY(0)}.btn:hover:not([disabled]){filter:brightness(1.06)}.btn:active:not([disabled]){box-shadow:0 1px 0 var(--lip), 0 4px 10px -6px color-mix(in srgb, var(--face) calc(var(--glow) * 70%), transparent);transform:translateY(5px)}.btn[disabled]{filter:grayscale(.7)brightness(.7);cursor:default}.btn.alt{--face:var(--btn2);--face-ink:var(--btn2-ink);--lip:var(--btn2-lip)}.btn.hot{--face:var(--btn3);--face-ink:var(--btn3-ink);--lip:var(--btn3-lip)}.btn.ghost{--face:transparent;--face-ink:var(--ink);--lip:transparent;border:2px solid var(--edge);box-shadow:none}.btn.ghost:active:not([disabled]){box-shadow:none;transform:translateY(2px)}.btn.big{min-height:4.2rem;font-size:var(--step-1);border-radius:18px}.btn.small{min-height:2.6rem;font-size:var(--step--1);box-shadow:0 4px 0 var(--lip);border-radius:11px;padding:0 .9rem}.btn.small:active:not([disabled]){box-shadow:0 1px 0 var(--lip);transform:translateY(3px)}.neon{text-shadow:0 0 calc(var(--glow) * 10px) color-mix(in srgb, currentColor 75%, transparent), 0 0 calc(var(--glow) * 28px) color-mix(in srgb, currentColor 45%, transparent)}.label{font-family:var(--display);font-size:var(--step--2);letter-spacing:.08em;color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}