.nonogram-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.controls-group{display:flex;align-items:center;gap:var(--space-sm)}.controls-label{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;min-width:45px}.pill-group{display:flex;gap:.5rem;align-items:center}.pill-btn{padding:.3rem .75rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:99px;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pill-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.pill-btn--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg-surface)}.pill-btn--active:hover{color:var(--color-bg-surface)}.controls-sep{width:1px;height:1.5rem;background-color:var(--color-border);margin:0 var(--space-sm)}.nonogram-controls>.controls-group:first-child label{font-size:.875rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.nonogram-controls select{padding:.4rem .7rem;background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-sans);font-size:.9rem;cursor:pointer;transition:border-color var(--transition)}.nonogram-controls select:hover,.nonogram-controls select:focus{border-color:var(--color-accent);outline:none}#puzzle-area{display:flex;justify-content:center;margin-bottom:var(--space-lg);min-height:160px}.nonogram-wrapper{overflow-x:auto;max-width:100%;width:100%;touch-action:none}.nonogram-table{margin:0 auto}.nng-mode-toggle{display:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}@media(pointer:coarse){.nng-mode-toggle{display:flex}}.nng-mode-btn{padding:var(--space-xs) var(--space-md);font-size:.85rem;font-weight:600;background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition)}.nng-mode-btn--active{background:var(--color-accent);color:#000}.puzzle-controls-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-lg);margin-bottom:var(--space-xl)}.game-timer{font-size:1.1rem;font-weight:600;color:var(--color-text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.controls-group--timer{margin-left:auto}.nonogram-wrapper[data-size="5"]{--cell-size: 48px}.nonogram-wrapper[data-size="10"]{--cell-size: 40px}.nonogram-wrapper[data-size="15"]{--cell-size: 28px}.nonogram-wrapper[data-size="20"]{--cell-size: 24px}@media(max-width:600px){.nonogram-wrapper[data-size="5"]{--cell-size: 36px}.nonogram-wrapper[data-size="10"]{--cell-size: 28px}.nonogram-wrapper[data-size="15"]{--cell-size: 20px}.nonogram-wrapper[data-size="20"]{--cell-size: 18px}}.nonogram-table{border-collapse:collapse;user-select:none;-webkit-user-select:none;table-layout:fixed}.cell-corner{width:var(--cell-size);min-width:var(--cell-size)}.cell-clue{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);font-weight:700;color:var(--color-text)}.col-clue{width:var(--cell-size);min-width:var(--cell-size);text-align:center;vertical-align:bottom}.col-clue .clue-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:max(1px,calc(var(--cell-size) * .15 - 1px)) 2px;gap:1px;min-height:calc(var(--cell-size) * .9)}.row-clue{height:var(--cell-size);text-align:right;white-space:nowrap}.row-clue .clue-inner{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:max(1px,calc(var(--cell-size) * .15 - 1px)) 8px;gap:clamp(1px,calc(var(--cell-size) * .15),4px)}.cell-clue span{display:inline-block;min-width:1em;text-align:center;font-size:clamp(9px,calc(var(--cell-size) * .5),13px);line-height:1.2}.row-clue.completed,.col-clue.completed{opacity:.4}.cell-game{width:var(--cell-size);min-width:var(--cell-size);height:var(--cell-size);border:1px solid #b0b8c4;background-color:#eef0f3;cursor:pointer;text-align:center;vertical-align:middle;font-size:.85rem;font-weight:700;color:#7a8a9a;padding:0!important;margin:0!important;line-height:var(--cell-size);transition:background-color 60ms ease;touch-action:none}.cell-game:hover{background-color:#d4dae2}.cell-game.filled{background-color:#1a1a2e;color:#1a1a2e;border-color:#112}.cell-game.marked{background-color:#eef0f3;color:#8a9bb0}.cell-game.mistake{background-color:#dc323247!important}@keyframes flash-red{0%{background-color:#dc3232a6}to{background-color:#dc323200}}.cell-game.flash-error{animation:flash-red 1s ease forwards}.cell-game.thick-right{border-right:2px solid var(--color-text-muted)}.cell-game.thick-bottom{border-bottom:2px solid var(--color-text-muted)}.puzzle-status{min-height:0;padding:0;margin-bottom:var(--space-xl);border-radius:var(--radius-md);font-weight:600;font-size:1rem;text-align:center;overflow:hidden;max-height:0;transition:max-height .2s ease,padding .2s ease}.puzzle-status.success,.puzzle-status.error{padding:var(--space-md) var(--space-lg);max-height:100px}.puzzle-status.success{background-color:#00c9b11f;border:1px solid var(--color-accent);color:var(--color-accent)}.puzzle-status.error{background-color:#dc323214;border:1px solid rgba(220,50,50,.45);color:#e06060}.puzzle-loading,.puzzle-error{padding:var(--space-2xl);color:var(--color-text-muted);font-size:.95rem;text-align:center}.puzzle-error{color:#e06060}.nonogram-htp-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-surface)}.nonogram-htp-section .accordion{max-width:100%;border:none;border-radius:0;background-color:transparent}.nonogram-htp{max-width:none}.nonogram-htp .accordion-body{padding:var(--space-lg) var(--space-xl)}.nonogram-htp .accordion-body ul{padding-left:var(--space-lg);margin-top:var(--space-sm)}.nonogram-htp .accordion-body li{list-style:disc;margin-bottom:var(--space-sm)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.nonogram-controls{flex-direction:column;align-items:flex-start}.controls-group{width:100%}.puzzle-controls-bottom .controls-group{justify-content:center}.controls-sep{display:none}.controls-group--timer{margin-left:0;width:100%;justify-content:flex-start}}@media(max-width:480px){.controls-label{min-width:auto}.pill-group{flex-wrap:wrap}}