.mj-board-wrap{--mj-tile-w: 4.5rem;--mj-tile-h: 6rem;display:flex;justify-content:center;align-items:flex-start;overflow:auto;max-width:100%;margin:var(--space-sm) auto var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:var(--space-lg);isolation:isolate;transform:translateZ(0)}.mj-board{position:relative;user-select:none;-webkit-user-select:none;flex-shrink:0}.mj-tile{position:absolute;width:var(--mj-tile-w);height:var(--mj-tile-h);border-radius:var(--radius-sm);box-shadow:5px 5px 6px #0000008c,2px 2px 2px #00000059;transition:filter var(--transition),outline var(--transition),box-shadow var(--transition);pointer-events:none;cursor:default}[data-theme=light] .mj-tile{box-shadow:5px 5px 6px #00000040,2px 2px 2px #00000026}.mj-tile img{position:absolute;display:block;pointer-events:none}.mj-tile-base{width:100%;height:100%;top:0;left:0;border-radius:var(--radius-sm)}.mj-tile-icon{width:65%;height:65%;top:17.5%;left:17.5%}.mj-tile:not(.mj-open){filter:brightness(.55) saturate(.5)}.mj-tile.mj-open{pointer-events:auto;cursor:pointer;touch-action:manipulation}.mj-tile.mj-open:hover{filter:brightness(1.15);outline:3px solid var(--color-accent);outline-offset:-2px;z-index:calc(var(--tile-z, 0) + 50)!important}.mj-tile.mj-selected{outline:3px solid var(--color-accent);outline-offset:-2px;filter:brightness(1.2);z-index:calc(var(--tile-z, 0) + 60)!important}.mj-tile.mj-hint{outline:3px solid #e8b84b;outline-offset:-2px;animation:mj-pulse .6s ease-in-out 3}@keyframes mj-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.4)}}.mj-tile.mj-matched{animation:mj-fadeout .3s ease forwards;pointer-events:none}@keyframes mj-fadeout{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.82)}}.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)}.pill-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.controls-sep{width:1px;height:1.5rem;background-color:var(--color-border);margin:0 var(--space-sm)}.controls-group--timer{margin-left:auto}.game-timer{font-family:Courier New,monospace;font-feature-settings:"tnum";font-weight:600;color:var(--color-text);font-size:1.1rem}.leaderboard .lb-time{text-align:left}#mj-status{margin-top:var(--space-md);min-height:1.5rem}.mj-pairs-display{display:flex;align-items:baseline;gap:.35em;margin:var(--space-sm) 0 var(--space-md);font-size:.8rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.01em}.mj-pairs-display strong{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums;line-height:1}@media(max-width:768px){.nonogram-controls{flex-direction:column;align-items:flex-start}.controls-group{width:100%}.controls-sep{display:none}.controls-group--timer{margin-left:0;width:100%;justify-content:flex-start}}@media(max-width:600px){.mj-board-wrap{padding:var(--space-sm);margin:var(--space-lg) 0 var(--space-md)}.mj-tile{box-shadow:4px 4px 5px #0000008c,2px 2px 2px #00000059}[data-theme=light] .mj-tile{box-shadow:4px 4px 5px #00000040,2px 2px 2px #00000026}.mj-pairs-display strong{font-size:1.1rem}}@media(max-width:480px){.controls-label{min-width:auto}.pill-group{flex-wrap:wrap}}