:root { --ink-0: #000000; --ink-1: #0B0B0B; --ink-2: #131313; --ink-3: #1B1B1B; --ink-4: #2A2A2A; --ink-5: #3D3D3D; --ink-6: #7A7A7A; --ink-7: #A8A8A8; --ink-8: #E6E6E6; --ink-9: #FFFFFF; --game-bg: #0A0A0A; --field-line: #1B1B1B; --field-line-10: #363636; --field-edge: #7A7A7A; --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px; --r-0: 0; --r-1: 2px; --r-2: 3px; --r-3: 6px; --bw-1: 1px; --bw-2: 2px; --bw-3: 3px; --focus-ring: 2px solid var(--ink-9); --maxw-content: 720px; --maxw-page: 1440px; --dur-1: 80ms; --dur-2: 140ms; --dur-3: 220ms; --dur-4: 400ms; --ease-out: cubic-bezier(.2,.7,.3,1); --ease-in-out: cubic-bezier(.6,0,.3,1); --ff-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif; --ff-num: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace; --fs-100: 10px; --fs-200: 12px; --fs-300: 14px; --fs-400: 16px; --fs-500: 20px; --fs-600: 28px; --fs-700: 40px; --fs-800: clamp(36px, 9vw, 88px); --fs-900: clamp(72px, 21vw, 168px); --lh-tight: 0.90; --lh-snug: 1.15; --lh-base: 1.5; --bp-xs: 360px; --bp-md: 720px; --bp-lg: 1024px; --bp-xl: 1280px; } @media (prefers-reduced-motion: reduce) { :root { --dur-1: 1ms; --dur-2: 1ms; --dur-3: 1ms; --dur-4: 1ms; } }