:root{--bg:#0b0f14;--bg-mid:#0e141c;--bg-deep:#0a0e13;--bg-elevated:#0d131b;--bg-check:#10161f;--panel:#121821eb;--ink:#e8eef6;--muted:#8b9bb0;--line:#e8eef61f;--line-strong:#ffffff47;--canvas-grid:#ffffff09;--accent:#f0c75e;--accent-2:#e8a838;--accent-ink:#1a1205;--ok:#3dd68c;--danger:#ff6b6b;--duel-a:#1fa97a;--duel-b:#c44536;--shadow:0 20px 60px #00000073;--radius:14px;--radius-ctl:10px;--radius-pill:999px;--font-brand:"Syne", "Noto Sans", sans-serif;--font-ui:"Noto Sans", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Arabic", "Noto Sans Devanagari", "Noto Sans Bengali", "Noto Sans Thai", sans-serif;--font-mono:"IBM Plex Mono", "Noto Sans", ui-monospace, monospace;--tracking-display:-.03em;--tracking-tight:-.02em;--tracking-wide:.08em;--leading-display:1.15;--leading-body:1.5;--focus-ring:2px solid color-mix(in srgb, var(--accent) 45%, transparent)}:lang(ar),:lang(bn),:lang(hi),:lang(ja),:lang(ko),:lang(th),:lang(zh),:root{--font-display:var(--font-ui)}:lang(ar),:lang(bn),:lang(hi),:lang(ja),:lang(ko),:lang(th),:lang(zh){--tracking-display:0;--tracking-tight:0;--tracking-wide:.02em;--leading-display:1.35;--leading-body:1.65}:lang(zh){--font-ui:"Noto Sans SC", "Noto Sans", sans-serif}:lang(ja){--font-ui:"Noto Sans JP", "Noto Sans", sans-serif}:lang(ko){--font-ui:"Noto Sans KR", "Noto Sans", sans-serif}:lang(ar){--font-ui:"Noto Sans Arabic", "Noto Sans", sans-serif;--leading-display:1.45}:lang(hi){--font-ui:"Noto Sans Devanagari", "Noto Sans", sans-serif}:lang(bn){--font-ui:"Noto Sans Bengali", "Noto Sans", sans-serif}:lang(th){--font-ui:"Noto Sans Thai", "Noto Sans", sans-serif;--leading-display:1.5}*{box-sizing:border-box}body,html{background:radial-gradient(1200px 600px at 10% -10%,color-mix(in srgb,var(--duel-a) 16%,transparent),transparent 55%),radial-gradient(900px 500px at 100% 0,color-mix(in srgb,var(--duel-b) 14%,transparent),transparent 50%),linear-gradient(180deg,var(--bg) 0,var(--bg-mid) 100%);min-height:100%;color:var(--ink);font-family:var(--font-ui);font-weight:400;line-height:var(--leading-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}html[dir=rtl] body{letter-spacing:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lang-switch{z-index:45;bottom:max(.85rem,env(safe-area-inset-bottom));position:fixed;inset-inline-end:max(.85rem,env(safe-area-inset-right))}.lang-switch__label{display:block}.lang-switch__select{appearance:none;border:1px solid var(--line);border-radius:var(--radius-ctl);background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - .85rem) calc(50% - .15rem)/.35rem .35rem no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - .55rem) calc(50% - .15rem)/.35rem .35rem no-repeat,var(--panel);min-width:8.5rem;max-width:calc(min(14rem,100vw - 1.75rem));color:var(--ink);font-family:var(--font-ui);box-shadow:var(--shadow);cursor:pointer;padding:.55rem 2rem .55rem .75rem;font-size:.78rem;line-height:1.3}.lang-switch__select:focus-visible{outline:var(--focus-ring);outline-offset:1px}html[dir=rtl] .lang-switch__select{background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) .55rem calc(50% - .15rem)/.35rem .35rem no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) .85rem calc(50% - .15rem)/.35rem .35rem no-repeat,var(--panel);padding:.55rem .75rem .55rem 2rem}.home{place-items:center;min-height:100dvh;padding:2rem;display:grid;position:relative;overflow:hidden}.home__grid{background-image:linear-gradient(#ffffff09 1px,#0000 0),linear-gradient(90deg,#ffffff09 1px,#0000 0);background-size:28px 28px;animation:28s linear infinite gridDrift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 75%);mask-image:radial-gradient(circle,#000 20%,#0000 75%)}.home__glow{filter:blur(60px);opacity:.35;border-radius:50%;width:42vw;height:42vw;animation:8s ease-in-out infinite pulse;position:absolute}.home__glow--a{background:var(--duel-a);top:10%;left:-8%}.home__glow--b{background:var(--duel-b);animation-delay:-3s;bottom:5%;right:-10%}.home__stage{z-index:1;text-align:center;max-width:min(42rem,100%);padding-inline:.25rem;position:relative}.home__mark{font-family:var(--font-brand);letter-spacing:-.04em;margin:0 0 1rem;font-size:calc(clamp(2.8rem,9vw,5.5rem));font-weight:800;line-height:.95;animation:.8s both rise}.home__line{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-size:calc(clamp(1.15rem,3.2vw,1.75rem));font-weight:700;line-height:var(--leading-display);text-wrap:balance;max-width:28ch;margin:0 auto;animation:.9s .1s both rise}.home__sub{color:var(--muted);font-size:calc(clamp(.88rem,2.4vw,.98rem));line-height:var(--leading-body);text-wrap:balance;max-width:36ch;margin:1rem auto 0;animation:1s .2s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.42;transform:scale(1.08)}}@keyframes gridDrift{0%{transform:translateY(0)}to{transform:translateY(28px)}}.battle{max-width:1280px;min-height:100dvh;margin:0 auto;padding:1rem 1rem 2rem}.battle__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.battle__logo{font-family:var(--font-brand);letter-spacing:-.03em;opacity:.85;font-size:1.05rem;font-weight:800}.battle__titles{min-width:0;max-width:36rem}.battle__titles h1{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:calc(clamp(1.35rem,3.6vw,2.1rem));line-height:var(--leading-display);text-wrap:balance;overflow-wrap:anywhere;margin:.2rem 0 0}.battle__titles p{color:var(--muted);font-size:.85rem;line-height:var(--leading-body);text-wrap:balance;margin:.35rem 0 0}.battle__score{flex-wrap:wrap;gap:.75rem;display:flex}.score{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-pill);flex:9rem;align-items:center;gap:.65rem;max-width:100%;padding:.45rem .85rem .45rem .55rem;display:flex}.score,.score>div{min-width:0}.score strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.05rem;line-height:1.1;display:block}.score span:last-child{color:var(--muted);overflow-wrap:anywhere;font-size:.72rem;line-height:1.35;display:block}.score__swatch{background:var(--c);border-radius:3px;width:.85rem;height:.85rem;box-shadow:0 0 0 1px #ffffff26}.race{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);gap:.55rem;margin:0 0 1rem;padding:.85rem 1rem;display:grid}.race__row{gap:.35rem;display:grid}.race__meta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.race__name{font-family:var(--font-display);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;font-size:.85rem;font-weight:700;line-height:1.3}.race__nums{color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;line-height:1.35}.race__track{border-radius:var(--radius-pill);background:var(--bg-elevated);border:1px solid var(--line);height:.55rem;overflow:hidden}.race__fill{border-radius:inherit;width:0;height:100%;transition:width .35s}.battle__layout{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:1rem;display:grid}.victory{z-index:4;text-align:center;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--win,var(--accent)) 28%,transparent),transparent 55%),#080c12d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);place-content:center;gap:.35rem;padding:calc(clamp(1rem,4vw,1.75rem));animation:.55s victory-in;display:grid;position:absolute;inset:0}@keyframes victory-in{0%{transform:translateY(10px)}to{transform:translateY(0)}}.victory__eyebrow{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:color-mix(in srgb,var(--win,var(--accent)) 70%,#fff);margin:0;font-size:.75rem}.victory__title{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-size:calc(clamp(1.7rem,6vw,3.1rem));font-weight:800;line-height:var(--leading-display);text-wrap:balance;overflow-wrap:anywhere;max-width:16ch;color:var(--ink);text-shadow:0 0 40px color-mix(in srgb,var(--win,var(--accent)) 45%,transparent);margin:0 auto}.victory__sub{max-width:26rem;color:var(--muted);font-size:.85rem;line-height:var(--leading-body);text-wrap:balance;margin:.55rem auto 0}.victory__clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--accent);margin:1rem 0 0;font-size:calc(clamp(1.6rem,5vw,2.4rem));font-weight:700;animation:8s ease-in-out infinite pulse}.victory__next{color:var(--muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:.72rem;line-height:var(--leading-body);text-wrap:balance;margin:.25rem 0 0}.battle--locked .canvas-wrap{cursor:default}.battle--locked .field input:disabled,.battle--locked .ghost-btn:disabled,.battle--locked .seg__btn:disabled{opacity:.45;cursor:not-allowed}.battle__field{min-width:0}.canvas-wrap{aspect-ratio:1;background:linear-gradient(45deg,var(--bg-check) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-check) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-check) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;background-color:var(--bg-deep);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-height:calc(min(78vh,900px));box-shadow:var(--shadow);touch-action:pan-y;-webkit-user-select:none;user-select:none;margin:0 auto;position:relative;overflow:hidden}.canvas-wrap.is-paint{touch-action:none}#board{width:100%;height:100%;image-rendering:pixelated;cursor:crosshair;display:block}.toasts{z-index:100;top:max(.85rem,env(safe-area-inset-top));pointer-events:none;gap:.45rem;width:calc(min(22rem,100vw - 1.5rem));display:grid;position:fixed;left:50%;transform:translate(-50%)}.toast{appearance:none;border-radius:var(--radius-ctl);border:1px solid var(--line);background:var(--panel);width:100%;box-shadow:var(--shadow);color:var(--ink);font-family:var(--font-ui);font-size:.85rem;line-height:var(--leading-body);text-align:center;text-wrap:balance;pointer-events:auto;cursor:pointer;margin:0;padding:.75rem .95rem;animation:.28s toast-in;display:block}@keyframes toast-in{0%{transform:translateY(-8px)}to{transform:translateY(0)}}.toast--ok{background:color-mix(in srgb,var(--ok) 14%,var(--panel));border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:color-mix(in srgb,var(--ok) 55%,#fff)}.toast--warn{background:color-mix(in srgb,var(--accent) 14%,var(--panel));border-color:color-mix(in srgb,var(--accent) 42%,transparent);color:color-mix(in srgb,var(--accent) 55%,#fff)}.toast--danger{background:color-mix(in srgb,var(--danger) 14%,var(--panel));border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:color-mix(in srgb,var(--danger) 55%,#fff)}.battle__panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:.85rem;padding:1rem;display:grid;position:sticky;top:.75rem}.panel-block h2{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-size:.95rem;line-height:var(--leading-display);margin:0 0 .55rem}.seg{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.seg__btn{appearance:none;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);border-radius:var(--radius-ctl);font-family:var(--font-ui);cursor:pointer;text-wrap:balance;overflow-wrap:anywhere;min-height:2.85rem;padding:.7rem .5rem;font-size:.78rem;font-weight:600;line-height:1.3;transition:border-color .15s,background .15s}.seg__btn:hover{border-color:var(--line-strong)}.field input:focus-visible,.ghost-btn:focus-visible,.pay-btn:focus-visible,.seg__btn:focus-visible{outline:var(--focus-ring);outline-offset:1px}.seg__btn.is-active{border-color:color-mix(in srgb,var(--team,var(--accent)) 70%,#fff);background:color-mix(in srgb,var(--team,var(--accent)) 22%,var(--bg-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--team,var(--accent)) 35%,transparent)}.field{color:var(--muted);gap:.35rem;font-size:.78rem;display:grid}.field input{border:1px solid var(--line);border-radius:var(--radius-ctl);background:var(--bg-elevated);width:100%;color:var(--ink);padding:.7rem .75rem;font-size:.9rem}.field input:focus{outline:var(--focus-ring);outline-offset:1px}.total{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.75rem;margin:.75rem 0;padding:.65rem 0;font-size:.9rem;display:flex}.ghost-btn,.pay-btn{border-radius:var(--radius-ctl);width:100%;font-family:var(--font-ui);cursor:pointer;text-wrap:balance;padding:.85rem 1rem;font-weight:600;line-height:1.3}.pay-btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border:0}.pay-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{border:1px solid var(--line);color:var(--muted);background:0 0;margin-top:.45rem}.ghost-btn:hover{border-color:var(--line-strong);color:var(--ink)}@media (width<=900px){.battle__layout{grid-template-columns:1fr}.battle__panel{display:contents}.battle__pay,.battle__team{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.battle__team{order:1}.battle__field{order:2}.battle__pay{order:3}.canvas-wrap{max-height:none}}@media (width<=560px){.battle{padding:.75rem .75rem 1.5rem}.score{flex:1;min-width:0}.battle__titles h1{font-size:1.45rem}}