:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:"Inter", "Noto Sans JP", system-ui, sans-serif;--display:"Archivo Black", "Inter", sans-serif;--bg:#eef1ef;--surface:#fff;--surface-2:#f5f7f6;--line:#dde2df;--ink:#101513;--ink-2:#48514c;--ink-3:#848d88;--felt:#1d4b2c;--felt-deep:color-mix(in srgb, var(--felt) 62%, #000);--felt-text:color-mix(in srgb, var(--felt) 88%, #000);--felt-ink:#e9f3ee;--felt-muted:#a9c7b9;--felt-shade:.28;--primary:var(--felt);--primary-hover:color-mix(in srgb, var(--felt) 86%, #000);--primary-ink:#fff;--blue:#1c7bc0;--magenta:#f11c86;--orbit:#a4a8d4;--danger:#b8322a;--ok:#2f9e62;--away:#d99a1e;--seg-on:var(--surface);--seg-on-ink:var(--ink);--cat-good:#2a8a4c;--cat-best:var(--cat-good);--cat-inaccuracy:#d4a81c;--cat-mistake:#e07a1f;--cat-blunder:#c8322a;--radius:10px;--radius-lg:14px;--shadow:0 1px 2px #1015130f, 0 4px 16px #1015130f;--felt-texture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 -.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--felt-bg:radial-gradient(ellipse at 50% 35%, #ffffff12, rgba(0, 0, 0, var(--felt-shade)) 85%) fixed, var(--felt-texture) fixed, var(--felt);--chrome-bg:var(--felt-bg);--chrome-line:transparent;--chrome-edge:3px 0 14px #00000052;--chrome-edge-top:0 -3px 14px #00000052;--chrome-brand:#fff;--chrome-text:#ffffffd6;--chrome-muted:#ffffff8f;--chrome-hover:#ffffff14;--chrome-active:#ffffff2b;--chrome-active-text:#fff;--chrome-active-icon:#fff;--wood-base:#eac36f;--wood:linear-gradient(160deg, color-mix(in srgb, var(--wood-base) 86%, #fff) 0%, var(--wood-base) 45%, color-mix(in srgb, var(--wood-base) 93%, #000) 100%);--wood-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.11 .004' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .25 0 0 0 0 .08 0 0 0 .55 -.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 100% 100%;--board-line:#2a1c0c;--board-label:#422c10c7;--board-shadow:0 4px 0 color-mix(in srgb, var(--wood-base) 78%, #000), 0 5px 0 color-mix(in srgb, var(--wood-base) 64%, #000), 0 18px 36px #0000006b;--movebar:44px;--movebar-gap:12px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e1211;--surface:#151b19;--surface-2:#1b2320;--line:#26302c;--ink:#e8eeeb;--ink-2:#aab5af;--ink-3:#75817b;--felt-text:color-mix(in srgb, var(--felt) 45%, #fff);--primary-hover:color-mix(in srgb, var(--felt) 88%, #fff);--blue:#4ea3e3;--seg-on:#4d5f57;--seg-on-ink:#fff;--shadow:0 1px 2px #0000004d}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font:14px/1.45 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}#app{height:100%}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn.primary:hover{background:var(--primary-hover)}.btn.danger{color:var(--danger)}.btn.ghost{background:0 0;border-color:#0000}.field{border:1px solid var(--line);background:var(--surface);border-radius:9px;width:100%;padding:10px 12px}.chip{background:var(--surface-2);color:var(--ink-2);border-radius:99px;align-items:center;gap:6px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:3px;padding:3px;display:flex}.seg button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:6px 8px;font-size:12.5px;font-weight:600}.seg button.on{background:var(--seg-on);color:var(--seg-on-ink);box-shadow:var(--shadow)}.rank{color:var(--ink-3);font-weight:600}.felt{background:var(--felt-bg);color:var(--felt-ink)}.muted{color:var(--ink-3)}