:root .game-shell[data-slug=daily-nonogram]{--shell-chrome:400px}@media (width>=1024px){:root .game-shell[data-slug=daily-nonogram]{--shell-chrome:380px}}@media (orientation:portrait){:root .game-shell[data-slug=daily-nonogram] .shell-stage{min-width:min(100%,300px)}}.dn{position:absolute;inset:0}.dn-picker{align-content:start;gap:14px;padding:12px 14px 18px;display:grid;position:absolute;inset:0;overflow-y:auto}.dn-picker[hidden],.dn-board[hidden],.dn-done[hidden]{display:none}.dn-h{margin:0 0 6px;font-size:1rem}.dn-note{color:var(--text-muted);margin:0;font-size:.85rem}.dn-today{background:var(--game-soft);border-radius:14px;padding:10px 12px}.dn-today-row{align-items:center;gap:10px;display:flex}.dn-today-info{flex:1;gap:2px;display:grid}.dn-primary{background:var(--game)}.dn-cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:4px;font-size:.8rem;display:grid}.dn-cal-w{color:var(--text-muted);font-weight:700}.dn-cal-d{background:var(--surface-2);border-radius:8px;padding:3px 0}.dn-cal-d.is-done{background:var(--game);color:#fff;font-weight:800}.dn-cal-d.is-today{box-shadow:inset 0 0 0 2px var(--game)}.dn-pgrid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.dn-pbtn{border:2px solid var(--border);background:var(--surface);min-height:56px;font:inherit;color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:3px;display:flex}.dn-pbtn.is-done{border-color:var(--game);background:var(--game-soft)}.dn-pnum{font-size:1.05rem;font-weight:800}.dn-pname{color:var(--text-muted);min-height:1em;font-size:.68rem;line-height:1.1}.dn-thumb{image-rendering:pixelated;display:block}.dn-board{--cell:30px;--num:14px;position:absolute;inset:6px}.dn-corner,.dn-top,.dn-left,.dn-view{position:absolute;overflow:hidden}.dn-top-inner{will-change:transform;height:100%;display:flex}.dn-cclue{flex:0 0 var(--cell);font-size:var(--num);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:3px;font-weight:800;line-height:1.05;display:flex}.dn-left-inner{will-change:transform;flex-direction:column;display:flex}.dn-rclue{flex:0 0 var(--cell);font-size:var(--num);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:.35em;padding-right:5px;font-weight:800;display:flex}.dn-cclue:nth-child(odd),.dn-rclue:nth-child(odd){background:color-mix(in srgb, var(--game-soft) 70%, transparent)}.dn-cclue.is-ok,.dn-rclue.is-ok{color:var(--text-muted);opacity:.45}.dn-view{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border:2px solid var(--text);box-sizing:content-box;margin:-2px 0 0 -2px}.dn-view.is-pan{cursor:grab}.dn-grid{grid-template-columns:repeat(var(--n), var(--cell));grid-auto-rows:var(--cell);will-change:transform;outline:none;display:grid}.dn-grid:focus-visible{outline:3px solid var(--focus,#1f2430);outline-offset:-3px}.dn-cell{background:#fff;border-bottom:1px solid #cfc8bb;border-right:1px solid #cfc8bb;position:relative}.dn-cell.is-v5{border-right:2px solid #6b6458}.dn-cell.is-h5{border-bottom:2px solid #6b6458}.dn-cell.is-fill{background:var(--game)}.dn-cell.is-cross:before,.dn-cell.is-cross:after{content:"";background:#8a8173;height:2px;position:absolute;top:50%;left:22%;right:22%;transform:rotate(45deg)}.dn-cell.is-cross:after{transform:rotate(-45deg)}.dn-cell.is-cursor{box-shadow:inset 0 0 0 3px #f2b523}.dn-cell.is-revealed{outline-offset:-4px;outline:2px dashed #d29a00}.dn-done{z-index:3;text-align:center;background:#fbf7f0f5;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex;position:absolute;inset:0}.dn-actions-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}.dn-tray{gap:6px;width:100%;display:grid}.dn-tray-board,.dn-tray-picker{gap:6px;display:grid}.dn-tray-board[hidden],.dn-tray-picker[hidden]{display:none}.dn-status{text-align:center;min-height:1.4em;color:var(--text-muted);margin:0;font-size:.88rem}.dn-modes{gap:6px;display:flex}.dn-mode{white-space:nowrap;border:2px solid var(--border);background:var(--surface);min-width:0;min-height:44px;font-size:.92rem;font:inherit;color:var(--text);cursor:pointer;border-radius:12px;flex:1;padding:0 4px;font-weight:800}.dn-mode[hidden]{display:none}.dn-mode[aria-pressed=true]{border-color:var(--game);background:var(--game);color:#fff}.dn-mode:disabled{opacity:.55;cursor:default}.dn-actions{grid-template-columns:repeat(5,1fr);gap:5px;display:grid}.dn-actions .btn{white-space:nowrap;padding:0 2px;font-size:.85rem}.dn-actions .btn[hidden]{display:none}@media (orientation:landscape) and (height<=540px){.dn-actions{grid-template-columns:repeat(3,1fr)}}
