:root{--bg: #0a0a0b;--ink: #f3f1ea;--a: #d4ff00;--b: #ff2d6b;--seam: #f3f1ea;--font-display: "Unbounded", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;height:100dvh;width:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@keyframes pa-fade{0%{opacity:0}to{opacity:1}}@keyframes pa-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.battle{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;animation:pa-fade .45s ease both}.zone{position:relative;height:100%;overflow:hidden;touch-action:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;container-type:inline-size;will-change:width}.zone--a{background:radial-gradient(120% 140% at 0% 50%,color-mix(in srgb,var(--a) 16%,transparent),transparent 60%),var(--bg);align-items:flex-start;text-align:left}.zone--b{background:radial-gradient(120% 140% at 100% 50%,color-mix(in srgb,var(--b) 16%,transparent),transparent 60%),var(--bg);align-items:flex-end;text-align:right}.seam{position:absolute;top:0;bottom:0;width:4px;margin-left:-2px;background:var(--seam);box-shadow:0 0 24px 2px color-mix(in srgb,var(--seam) 60%,transparent);z-index:5;will-change:left;pointer-events:none}.topbar{position:absolute;top:var(--sat);left:0;right:0;height:14px;background:var(--b);z-index:8;overflow:hidden}.topbar__fill{height:100%;background:var(--a);box-shadow:0 0 16px 1px color-mix(in srgb,var(--a) 50%,transparent)}.word{position:absolute;top:calc(16px + var(--sat));left:var(--sal);right:var(--sar);box-sizing:border-box;font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:.9;letter-spacing:-.01em;font-size:clamp(1.4rem,5cqi,4rem);padding:clamp(16px,3vw,40px);word-break:break-word}.zone--a .word{color:var(--a)}.zone--b .word{color:var(--b)}.num{font-family:var(--font-mono);font-weight:700;font-variant-numeric:tabular-nums;line-height:1;font-size:clamp(1.8rem,30cqi,12rem);padding:0 clamp(12px,3vw,40px);max-width:100%;letter-spacing:-.04em}.zone--a .num{color:var(--a)}.zone--b .num{color:var(--b)}.ego{position:fixed;bottom:calc(12px + var(--sab));left:50%;transform:translate(-50%);z-index:9;font-family:var(--font-mono);font-weight:500;font-size:.8rem;letter-spacing:.04em;color:color-mix(in srgb,var(--ink) 70%,transparent);background:var(--bg);padding:5px 14px;white-space:nowrap;pointer-events:none}.ego:empty{display:none}.hint{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;padding-top:22vh;z-index:20;pointer-events:none;font-family:var(--font-mono);font-size:clamp(.9rem,3vw,1.4rem);letter-spacing:.18em;text-transform:lowercase;color:color-mix(in srgb,var(--ink) 55%,transparent)}.lang{position:fixed;top:calc(10px + var(--sat));left:calc(12px + var(--sal));z-index:35;background:transparent;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.12em;color:color-mix(in srgb,var(--ink) 38%,transparent);display:flex;gap:6px;padding:6px 4px}.lang--on{color:var(--a)}.lang__sep{opacity:.4}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.landing{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:calc(clamp(24px,6vh,72px) + var(--sat)) calc(20px + var(--sar)) calc(56px + var(--sab)) calc(20px + var(--sal));gap:clamp(28px,5vh,56px);animation:pa-fade .4s ease both}.hero{font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:.82;letter-spacing:-.02em;text-align:center;font-size:clamp(4rem,18vw,13rem);display:flex;flex-direction:column}.hero__a{color:var(--a)}.hero__b{color:var(--b);margin-left:.12em}.create{display:flex;flex-direction:column;gap:18px;width:100%;max-width:600px}.create__row{display:flex;align-items:center;justify-content:center;gap:16px}.create__in{flex:1 1 0;min-width:0;background:transparent;border:none;border-bottom:3px solid;color:var(--ink);font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(1.15rem,5vw,2.1rem);padding:6px 2px;outline:none;text-align:center}.create__in::placeholder{color:color-mix(in srgb,var(--ink) 26%,transparent)}.create__in--a{border-color:var(--a);caret-color:var(--a)}.create__in--b{border-color:var(--b);caret-color:var(--b)}.create__vs{flex:0 0 auto;font-family:var(--font-mono);font-size:.95rem;letter-spacing:.05em;opacity:.45}.create__go{width:100%;background:var(--ink);color:var(--bg);border:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,5vw,2rem);letter-spacing:.08em;padding:16px;cursor:pointer;transition:transform .08s ease,background .15s ease,color .15s ease}.create__go:hover{background:var(--a)}.create__go:active{transform:translateY(2px)}.create__go:disabled{opacity:.4;cursor:default}.flagship{width:100%;max-width:720px;background:transparent;border:2px solid color-mix(in srgb,var(--ink) 16%,transparent);padding:18px 20px 16px;cursor:pointer;text-align:left;position:relative;transition:border-color .15s ease;animation:pa-rise .4s ease both}.flagship:hover{border-color:color-mix(in srgb,var(--ink) 40%,transparent)}.flagship__tag{position:absolute;top:-10px;left:16px;background:var(--bg);padding:0 8px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 55%,transparent)}.showcase__title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;opacity:.45;margin-top:-12px}.showcase{width:100%;max-width:920px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.card{background:transparent;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding:14px 16px 12px;cursor:pointer;text-align:left;transition:transform .1s ease,border-color .15s ease;animation:pa-rise .4s ease both}.card:hover{border-color:color-mix(in srgb,var(--ink) 32%,transparent);transform:translateY(-2px)}.mini{display:flex;flex-direction:column;gap:8px}.mini__row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.mini__name{font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:clamp(.95rem,2.4vw,1.3rem);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini__name--a{color:var(--a)}.mini__name--b{color:var(--b);text-align:right}.mini__bar{position:relative;height:12px;background:var(--b);overflow:hidden}.mini__fill{position:absolute;inset:0 auto 0 0;height:100%;background:var(--a)}.mini__row--nums{font-family:var(--font-mono);font-weight:700;font-size:clamp(1rem,2.6vw,1.4rem);font-variant-numeric:tabular-nums}.mini__num--a{color:var(--a)}.mini__num--b{color:var(--b)}.screen-msg{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.screen-msg__big{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(2.5rem,10vw,6rem);color:var(--ink)}.btn-ghost{background:var(--a);color:var(--bg);border:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.3rem;padding:10px 24px;cursor:pointer}.fab{position:fixed;z-index:30;width:48px;height:48px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink);border:1.5px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .08s ease,background .15s ease,border-color .15s ease}.fab:hover{background:color-mix(in srgb,var(--ink) 16%,transparent);border-color:color-mix(in srgb,var(--ink) 45%,transparent)}.fab:active{transform:scale(.92)}.fab--share{right:calc(16px + var(--sar));bottom:calc(16px + var(--sab))}.fab--edit{left:calc(16px + var(--sal));bottom:calc(16px + var(--sab));width:42px;height:42px;opacity:.6}.fab--edit:hover{opacity:1}.toast{position:fixed;left:50%;bottom:calc(80px + var(--sab));transform:translate(-50%);z-index:40;background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.04em;padding:10px 16px;white-space:nowrap}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal__box{width:100%;max-width:380px;background:var(--bg);border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);padding:24px;display:flex;flex-direction:column;gap:10px}.modal__label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.5;margin-top:8px}.modal__in{background:transparent;border:none;border-bottom:2px solid color-mix(in srgb,var(--ink) 25%,transparent);color:var(--ink);font-family:var(--font-display);font-weight:600;text-transform:uppercase;font-size:1.2rem;padding:6px 2px;outline:none}.modal__in:disabled{opacity:.4}.modal__in--a{border-color:var(--a);caret-color:var(--a)}.modal__in--b{border-color:var(--b);caret-color:var(--b)}.modal__in[type=number]{font-family:var(--font-mono);text-transform:none}.modal__note,.modal__err{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.02em}.modal__note{opacity:.55}.modal__err{color:var(--b)}.modal__save{margin-top:14px;background:var(--ink);color:var(--bg);border:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.1rem;padding:12px;cursor:pointer}.modal__save:hover{background:var(--a)}.modal__save:disabled{opacity:.4}.timer{position:fixed;top:calc(12px + var(--sat));left:50%;transform:translate(-50%);z-index:7;font-family:var(--font-mono);font-weight:700;font-size:.95rem;letter-spacing:.1em;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--ink) 70%,transparent);pointer-events:none}.finish{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(20px + var(--sat)) calc(20px + var(--sar)) calc(20px + var(--sab)) calc(20px + var(--sal));text-align:center}.finish__tag{font-family:var(--font-mono);font-size:clamp(.9rem,3vw,1.3rem);letter-spacing:.3em;text-transform:uppercase;opacity:.6}.finish__name{font-family:var(--font-display);font-weight:800;text-transform:uppercase;line-height:.9;font-size:clamp(3rem,14vw,9rem);word-break:break-word}.finish__name--a{color:var(--a)}.finish__name--b{color:var(--b)}.finish__rematch{margin-top:28px;background:var(--ink);color:var(--bg);border:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1rem,3.5vw,1.4rem);letter-spacing:.04em;padding:12px 32px;cursor:pointer}.finish__rematch:hover{background:var(--a)}.fab--report{right:16px;bottom:72px;width:38px;height:38px;opacity:.4}.fab--report:hover{opacity:.9}.flagship--week{border-color:color-mix(in srgb,var(--a) 30%,transparent)}.showcase__title--shame{color:var(--b);opacity:.7}.tabs{display:flex;gap:8px;margin-top:-12px}.tab{background:transparent;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 35%,transparent);padding:4px 2px}.tab--on{color:var(--ink);border-bottom:2px solid var(--a)}.result{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.04em;color:color-mix(in srgb,var(--b) 80%,var(--ink))}.card--shame{display:flex;flex-direction:column;gap:8px;border-color:color-mix(in srgb,var(--b) 25%,transparent)}.shame__tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 45%,transparent)}.shame__name{font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,4vw,2.2rem);color:var(--b);line-height:1}.halftone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;pointer-events:none;opacity:.05;background-image:radial-gradient(var(--ink) 1px,transparent 1.4px);background-size:6px 6px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{flex:1 1 auto;background:transparent;border:2px solid color-mix(in srgb,var(--ink) 20%,transparent);color:var(--ink);font-family:var(--font-mono);font-weight:500;font-size:1rem;padding:10px 0;cursor:pointer}.chip--on{background:var(--a);color:var(--bg);border-color:var(--a)}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.intro__box{width:100%;max-width:420px;background:var(--bg);border:2px solid color-mix(in srgb,var(--ink) 30%,transparent);padding:28px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}.intro__tag{font-family:var(--font-display);font-weight:700;text-transform:uppercase;line-height:1;font-size:clamp(1.4rem,5.5vw,2.4rem)}.intro__url{font-family:var(--font-mono);font-size:1rem;color:var(--a);word-break:break-all}.intro__share{width:100%;background:var(--a);color:var(--bg);border:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1.3rem;padding:14px;cursor:pointer}.intro__go{background:transparent;border:none;color:color-mix(in srgb,var(--ink) 55%,transparent);font-family:var(--font-mono);font-size:.9rem;cursor:pointer}.intro__targets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.intro__target{flex:1 1 40%;background:var(--a);color:var(--bg);border:none;font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:.95rem;padding:12px 10px;cursor:pointer}.intro__target:hover{filter:brightness(1.08)}.sharemenu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:38}.sharemenu{position:fixed;right:calc(16px + var(--sar));bottom:calc(76px + var(--sab));z-index:40;display:flex;flex-direction:column;gap:6px;background:var(--bg);border:2px solid color-mix(in srgb,var(--ink) 28%,transparent);padding:8px;min-width:160px}.sharemenu__item{background:transparent;border:none;color:var(--ink);font-family:var(--font-display);font-weight:700;text-transform:uppercase;font-size:1rem;text-align:left;padding:10px 12px;cursor:pointer}.sharemenu__item:hover{background:var(--a);color:var(--bg)}.sharemenu__item--copy{border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);font-family:var(--font-mono);font-weight:500;text-transform:none;font-size:.85rem}