:root{--color-accent:#e94560;--color-gold:#f0a500;--radius:4px;--grid-cell-size:48px;--numpad-btn-size:52px}@media (orientation:portrait){:root{--grid-cell-size:clamp(28px,calc((100vw - 52px) / 9),48px);--numpad-btn-size:clamp(40px,12vw,52px)}}[data-theme=dark]{--color-bg:#000000;--color-surface:#111111;--color-surface-2:#1a1a1a;--color-accent-2:#0f3460;--color-text:#ffffff;--color-text-muted:#888888;--color-border:#333333;--cell-bg-fixed:#1a1a1a;--cell-bg-editable:#555555;--cell-text:#ffffff;--cell-border:rgba(255,255,255,0.3);--cell-box-border:#ffffff;--color-cell-box-border:#ffffff;--mode-pen-bg:#1a2e50;--mode-pencil-bg:#2e1a50;--mode-active-border:#ffffff;--cell-bg-invalid:#5a1a1a;--cell-bg-match:#2d4060}[data-theme=light]{--color-bg:#ffffff;--color-surface:#f5f5f5;--color-surface-2:#eeeeee;--color-accent-2:#0f3460;--color-text:#222222;--color-text-muted:#666666;--color-border:#dddddd;--cell-bg-fixed:#e0e0e0;--cell-bg-editable:#ffffff;--cell-text:#333333;--cell-border:#aaaaaa;--cell-box-border:#333333;--color-cell-box-border:#333333;--mode-pen-bg:#c5daf5;--mode-pencil-bg:#dac5f5;--mode-active-border:#000000;--cell-bg-invalid:#ffd5d5;--cell-bg-match:#dce8fc}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;height:100dvh}body{background-color:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;height:100%;display:flex;flex-direction:column;overflow:hidden}body>aside,body>footer,body>header{flex-shrink:0}body>main{flex:1 1;overflow-y:auto;overscroll-behavior-y:contain}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font:inherit;border:none;border-radius:var(--radius);padding:.6em 1.4em;background-color:var(--color-accent);color:#fff;font-weight:600;min-height:44px;min-width:44px;transition:opacity .15s}button:hover{opacity:.85}button:disabled{opacity:.45;cursor:not-allowed}input[type=number],input[type=text],select{font:inherit;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.5em .75em;min-height:44px}input[type=number]:focus,input[type=text]:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4{line-height:1.2}.game-panels{display:flex;flex-direction:column;gap:1.5rem;align-items:center;width:100%}@media (orientation:landscape) and (min-width:640px){.game-panels{flex-direction:row;align-items:flex-start;justify-content:center;gap:2rem}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}