:root{--blue:#007bff;--blue-dark:#0056b3;--blue-light:#e8f0fe;--green:#28a745;--red:#dc3545;--gray:#6c757d;--gray-light:#f5f7fa;--border:#dee2e6;--shadow:0 2px 12px rgba(0,0,0,0.08);--radius:14px;--cell:30px;--clue-size:14px}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.title-block{display:flex;gap:1rem;flex:1;min-width:0;align-items:center}
.accent{width:5px;height:40px;align-self:center;background:linear-gradient(180deg,#006aff,#05b2fd);border-radius:3px;flex-shrink:0}
.rating-block{display:flex;align-items:center;align-self:stretch;gap:2px;flex-shrink:0;margin-left:auto;padding:0 4px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 4px rgba(15,23,42,0.05);user-select:none}
.rate-btn{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 12px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:13px;font-weight:700;color:#5a6a7a;transition:background .15s,color .15s,transform .12s}
.rate-btn i{font-size:15px;transition:transform .15s}
.rate-btn.like i{color:#22c55e}
.rate-btn.dislike i{color:#ef4444}
.rate-btn:hover{background:#f8fafc}
.rate-btn:active{transform:scale(0.97)}
.rate-btn.like:hover,.rate-btn.like.active{background:#ecfdf3;color:#15803d}
.rate-btn.like.active i{color:#16a34a;transform:scale(1.1)}
.rate-btn.dislike:hover,.rate-btn.dislike.active{background:#fef2f2;color:#b91c1c}
.rate-btn.dislike.active i{color:#dc2626;transform:scale(1.1)}
.rate-divider{width:1px;align-self:stretch;margin:6px 0;background:#e2e8f0;flex-shrink:0}
.rate-count{font-variant-numeric:tabular-nums;min-width:1.2em;color:inherit}
.rate-btn.like .rate-count{color:#16a34a}
.rate-btn.dislike .rate-count{color:#dc2626}
@media (max-width:720px){
.page-header{gap:8px}
.rating-block{border-radius:7px;padding:0 2px}
.rate-btn{padding:0 9px;font-size:12px;gap:4px}
.rate-btn i{font-size:14px}
}
.title-block h1{display:flex;flex-direction:column;gap:0;margin:0;padding:0;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-0.05px;color:#1e293b;font-family:Arial,Helvetica,sans-serif;white-space:normal;overflow:visible}
.crossword-label{display:block;font-size:0.75rem;font-weight:600;letter-spacing:0.1em;line-height:1.2;color:#000;opacity:0.8;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
.crossword-title{display:block;font-size:1.4rem;font-weight:600;line-height:1.1;letter-spacing:-0.05px;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background-image:linear-gradient(135deg,#006aff,#05b2fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11.5px;font-weight:600}
.badge-green{background:#d4edda;color:#155724}
.badge-yellow{background:#fff3cd;color:#856404}
.badge-red{background:#f8d7da;color:#721c24}
.badge-blue{background:#cce5ff;color:#004085}
.badge-color{background:linear-gradient(135deg,#ff7a59,#a855f7 55%,#3b82f6);color:#fff;display:inline-flex;align-items:center;gap:4px}
.badge-color i{font-size:.9em}
.badge-bw{background:linear-gradient(135deg,#4b5563,#111827);color:#fff;display:inline-flex;align-items:center;gap:4px}
.badge-bw i{font-size:.9em}
.subtitle{font-size:13px;color:var(--gray);margin-top:2px}
.btn-outline{background:#fff;border:1px solid var(--border);padding:7px 12px;border-radius:7px;font-size:12.5px;cursor:pointer;display:flex;align-items:center;gap:6px}
.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.main-layout{display:flex;flex-direction:column;gap:16px}
@media (min-width:1001px){
.main-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px}
.sidebar{grid-template-columns:1fr}
.main-layout.layout-wide-board{grid-template-columns:minmax(0,1fr);gap:16px}
.main-layout.layout-wide-board .sidebar{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.main-layout.layout-wide-board .puzzle-card{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.main-layout.layout-wide-board .puzzle-stage{display:block}
.main-layout.layout-wide-board #puzzle-board-row{display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:12px;align-items:start;width:100%;overflow:hidden}
.main-layout.layout-wide-board #puzzle-board-row .grid-scroll{grid-column:1;grid-row:1;min-width:0}
.main-layout.layout-wide-board #wide-tools-rail{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:10px;position:relative;top:auto;align-self:start;overflow:hidden;z-index:5;max-height:100%;height:100%;min-height:0;box-sizing:border-box}
.main-layout.layout-wide-board .toolbar-wrap,.main-layout.layout-wide-board .action-cards{width:100%}
.main-layout.layout-wide-board #toolbar-primary{display:none!important}
.main-layout.layout-wide-board #toolbar-extra,.main-layout.layout-wide-board #toolbar-extra.toolbar-extra{display:none!important}
.main-layout.layout-wide-board #wide-palette-card,.main-layout.layout-wide-board #wide-tools-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 16px rgba(15,23,42,0.06);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;box-sizing:border-box}
.main-layout.layout-wide-board #wide-palette-card{flex:0 0 auto;height:auto;max-height:none;overflow:visible}
.main-layout.layout-wide-board #wide-palette-card .color-swatch{flex-shrink:0}
.main-layout.layout-wide-board #wide-tools-card{flex:1 1 auto;min-height:0;overflow:hidden!important;padding:0!important;gap:0!important;position:relative;isolation:isolate}
.main-layout.layout-wide-board #wide-tools-scroll{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:4px 6px;box-sizing:border-box}
.main-layout.layout-wide-board #wide-tools-scroll::-webkit-scrollbar{display:none}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint{position:absolute;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;height:36px;margin:0;padding:0;border:none;background:#fff;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;color:#007bff;font-size:13px;cursor:pointer;appearance:none;-webkit-appearance:none;box-sizing:border-box}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint.is-visible:hover{color:#0056b3}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint.is-visible:active{transform:scale(0.95)}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint--up{top:0;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 10px 14px 2px #fff}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint--down{bottom:0;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 -10px 14px 2px #fff}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint:not(.is-visible){pointer-events:none}
.main-layout.layout-wide-board #wide-tool-icons{padding-top:2px;padding-bottom:2px}
.main-layout.layout-wide-board #wide-tools-card.has-hint-up #wide-tools-scroll{padding-top:36px}
.main-layout.layout-wide-board #wide-tools-card.has-hint-down #wide-tools-scroll{padding-bottom:36px}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint i{filter:drop-shadow(0 1px 2px rgba(0,123,255,.3));animation:wideToolsHintPulse 1.6s ease-in-out 3}
@keyframes wideToolsHintPulse{
0%,100%{transform:translateY(0);opacity:.7}
50%{transform:translateY(2px);opacity:1}
}
.main-layout.layout-wide-board #wide-tools-card .wide-tools-hint--up i{animation-name:wideToolsHintPulseUp}
@keyframes wideToolsHintPulseUp{
0%,100%{transform:translateY(0);opacity:.7}
50%{transform:translateY(-2px);opacity:1}
}
[data-theme="dark"] .main-layout.layout-wide-board #wide-tools-card .wide-tools-hint{background:#1e293b;color:#7db8ff}
[data-theme="dark"] .main-layout.layout-wide-board #wide-tools-card .wide-tools-hint--up{background:#1e293b;box-shadow:0 8px 12px 0 #1e293b;color:#7db8ff}
[data-theme="dark"] .main-layout.layout-wide-board #wide-tools-card .wide-tools-hint--down{background:#1e293b;box-shadow:0 -8px 12px 0 #1e293b;color:#7db8ff}
.main-layout.layout-wide-board #wide-tools-rail .color-picker,.main-layout.layout-wide-board #wide-tools-rail #color-picker{margin:0;width:100%;position:static}
.main-layout.layout-wide-board #color-picker .color-picker-inner{padding:0;border:none!important;box-shadow:none!important;background:transparent!important;border-radius:0;align-items:center;gap:10px}
.main-layout.layout-wide-board #color-picker .color-picker-header{flex-direction:column;align-items:center;gap:0}
.main-layout.layout-wide-board #color-picker .color-picker-label{justify-content:center}
.main-layout.layout-wide-board #color-picker .color-picker-label span.label-text{display:none}
.main-layout.layout-wide-board #color-picker .color-picker-label i{font-size:15px;color:#007bff}
.main-layout.layout-wide-board #color-picker .color-current{display:none}
.main-layout.layout-wide-board #color-picker .color-swatches{display:flex;flex-direction:column;gap:8px;align-items:center;width:auto}
.main-layout.layout-wide-board #color-picker .color-swatch{width:32px;height:32px;border-radius:50%;flex-shrink:0}
.main-layout.layout-wide-board #color-picker .color-swatches{overflow:visible;max-width:100%}
.main-layout.layout-wide-board #color-picker{overflow:hidden;max-width:100%;width:100%;box-sizing:border-box}
.main-layout.layout-wide-board #color-picker .color-picker-inner{overflow:hidden;max-width:100%;width:100%;box-sizing:border-box}
.main-layout.layout-wide-board .action-cards{margin-top:0}
.main-layout.layout-wide-board #wide-settings-btn{display:none!important}
.main-layout.layout-wide-board #wide-tool-icons{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn,.main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger,.main-layout.layout-wide-board #wide-tool-icons .tool-btn.check-btn,.main-layout.layout-wide-board #wide-tool-icons .tool-btn.active{display:flex!important;align-items:center;justify-content:center;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin:0!important;border-radius:50%!important;border:2px solid #e2e8f0!important;background:#fff!important;color:#007bff!important;box-shadow:none!important;flex-direction:row!important;gap:0!important}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn span{display:none!important}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-icon-wrap,.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-count{display:inline-flex!important}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-count{display:flex!important;align-items:center;justify-content:center}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn i{margin:0;font-size:14px;color:#007bff!important;background:transparent!important}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn:hover{background:#e8f4fd!important;border-color:#007bff!important}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn.active{background:#e8f0fe!important;border-color:#007bff!important;box-shadow:0 0 0 2px rgba(0,123,255,0.2)!important}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger{border-color:#f5c2c7!important}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger i{color:#dc3545!important}
.main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger:hover{background:#fff5f5!important}
.main-layout.layout-wide-board #wide-tool-icons .wide-tool-sep{width:22px;height:1px;background:#e2e8f0;margin:2px 0;flex-shrink:0}
}
#wide-tools-rail{display:none}
#mid-tools-rail{display:none}
@media (min-width:1001px){
.main-layout.layout-wide-board #wide-tools-rail{display:flex}
}
@media (max-width:1000px){
#wide-tools-rail,#wide-palette-card,#wide-tools-card{display:none!important}
.main-layout.layout-wide-board{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
.main-layout.layout-wide-board .puzzle-card{display:block!important;grid-template-columns:none!important}
.main-layout.layout-wide-board .puzzle-stage{display:block!important}
.main-layout.layout-wide-board .toolbar-wrap,.main-layout.layout-wide-board .action-cards,.main-layout.layout-wide-board #toolbar-primary{display:revert!important;grid-column:auto!important;grid-row:auto!important}
}
.puzzle-card{background:transparent;border-radius:0;box-shadow:none;padding:0;overflow:visible}
.meta-row{display:none}
@media (max-width:720px){
body.nonogram-fullscreen{overflow:hidden;height:100%}
.puzzle-card.is-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;top:0;right:0;bottom:0;left:0;inset:0;z-index:250;margin:0;border-radius:0;background:var(--gray-light);padding:12px 12px calc(12px + env(safe-area-inset-bottom));padding-top:calc(12px + env(safe-area-inset-top));overflow-y:auto;-webkit-overflow-scrolling:touch}
}
#sticky-clues-bar{display:none;position:fixed;z-index:90;pointer-events:none;box-sizing:border-box;margin:0;padding:0;background:#f0f2f5;border:none;border-radius:0;box-shadow:none;overflow:hidden}
#sticky-clues-bar .scb-grid{display:grid;gap:0;margin:0;padding:0;background:#f0f2f5;border-radius:0;overflow:hidden;width:100%;height:100%}
#sticky-clues-bar .scb-cell{box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;margin:0;padding:0;border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0;-webkit-font-smoothing:antialiased;background:#f0f2f5}
#sticky-clues-bar .scb-cell.scb-last-col{border-right:1px solid #c5c9ce}
#sticky-clues-bar .scb-cell.scb-last-row{border-bottom:2px solid #c5c9ce}
#sticky-clues-bar .scb-cell.empty{background:#f0f2f5;color:transparent}
#btn-hint{position:relative;overflow:visible!important}
#btn-hint .hint-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;width:1.35em;height:1.35em}
#btn-hint .hint-count{position:absolute;top:-5px;right:-8px;width:15px;height:15px;min-width:15px;padding:0;border-radius:50%;background:#f59e0b;color:#fff;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;line-height:15px;text-align:center;box-shadow:0 0 0 2.5px #fff;border:none;pointer-events:none;z-index:3;box-sizing:border-box}
@media (min-width:721px){
#btn-hint .hint-count{font-weight:400}
}
#btn-hint.hint-empty{opacity:0.55;cursor:not-allowed}
#btn-hint.hint-empty .hint-count{background:#94a3b8}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint,.settings-float-items #btn-hint{overflow:visible!important}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-icon-wrap,.settings-float-items #btn-hint .hint-icon-wrap{position:static;width:auto;height:auto}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-count,.settings-float-items #btn-hint .hint-count{top:-3px;right:-3px;width:15px;height:15px;min-width:15px;line-height:15px;font-size:9px;box-shadow:0 0 0 2.5px #fff}
#toolbar-primary.tools-stacked #btn-hint .hint-count{top:-4px;right:-6px}
.grid-scroll{overflow-x:hidden;overflow-y:hidden;margin-bottom:12px;border:1px solid #c5c9ce;background:#fff;width:100%;max-width:100%;border-radius:16px;position:relative;-webkit-user-select:none;user-select:none;scrollbar-width:none}
.grid-scroll>.nonogram{margin:0;width:100%;max-width:100%}
@media (min-width:721px){
.grid-scroll{overflow:hidden;width:100%;max-width:100%}
.grid-scroll.is-zoomed{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#5aadff #e8f0fe}
.grid-scroll.is-zoomed::-webkit-scrollbar{display:block;height:8px}
.grid-scroll.is-zoomed::-webkit-scrollbar-track{background:#e8f0fe;border-radius:999px;margin:0 4px}
.grid-scroll.is-zoomed::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#4da3ff,#007bff);border-radius:999px;border:2px solid #e8f0fe;min-width:40px}
.grid-scroll.is-zoomed::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#006aff,#0056b3)}
}
.grid-scroll.has-left{border-top-left-radius:0;border-bottom-left-radius:0}
.grid-scroll.has-right{border-top-right-radius:0;border-bottom-right-radius:0}
.grid-scroll::-webkit-scrollbar{display:none;height:0}
@media (max-width:720px){
.grid-scroll::-webkit-scrollbar,.grid-scroll.is-zoomed::-webkit-scrollbar{display:none;height:0;width:0}
}
.grid-scroll.is-zoomed{overflow-x:auto;overflow-y:hidden}
@media (max-width:720px){
.grid-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.grid-scroll.is-zoomed{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none}
}
.nonogram{display:grid;grid-template-columns:repeat(4, var(--cell)) repeat(15, var(--cell));grid-template-rows:repeat(4, var(--cell)) repeat(15, var(--cell));width:100%;max-width:100%;margin:0;background:#e2e5e9;border:none;transform-origin:0 0;box-sizing:border-box}
@media (min-width:721px){
.nonogram{width:100%;max-width:100%}
.nonogram .cell,.nonogram .num{width:auto;min-width:0;height:var(--cell)}
.nonogram .corner{width:auto;min-width:0}
}
.corner{grid-column:1 / 5;grid-row:1 / 5;background:#f0f2f5;border-right:2px solid #c5c9ce;border-bottom:2px solid #c5c9ce}
.num{width:var(--cell);height:var(--cell);background:#f0f2f5;border-right:1px solid #ccc;border-bottom:1px solid #ccc;display:flex;align-items:center;justify-content:center;font-size:var(--clue-size);font-weight:var(--clue-weight, 700);font-variant-numeric:tabular-nums;color:#222;line-height:1;letter-spacing:var(--clue-tracking, -0.02em);-webkit-font-smoothing:antialiased;text-shadow:none}
.num.empty{background:#f0f2f5;color:transparent}
.num.c-black{background:#1a1a1a!important;color:#ffffff!important}
.num.c-red{background:#e53935!important;color:#ffffff!important}
.num.c-blue{background:#1e88e5!important;color:#ffffff!important}
.num.c-green{background:#43a047!important;color:#ffffff!important}
.num.c-orange{background:#fb8c00!important;color:#1a1a1a!important}
.num.c-brown{background:#8d6e63!important;color:#ffffff!important}
.num.c-purple{background:#8e24aa!important;color:#ffffff!important}
.num.c-yellow{background:#f9a825!important;color:#1a1a1a!important}
.num.c-pink{background:#ec407a!important;color:#ffffff!important}
.num.c-cyan{background:#00acc1!important;color:#1a1a1a!important}
.num.c-lime{background:#c0ca33!important;color:#1a1a1a!important}
.num.c-gray{background:#78909c!important;color:#1a1a1a!important}
.num.edge-r{border-right:2px solid #c5c9ce}
.num.edge-b{border-bottom:2px solid #c5c9ce}
.num.done{text-decoration:line-through;opacity:0.55;text-decoration-thickness:2px;text-decoration-color:currentColor}
.cell.filled.c-black{background:#1a1a1a}
.cell.filled.c-red{background:#e53935}
.cell.filled.c-blue{background:#1e88e5}
.cell.filled.c-green{background:#43a047}
.cell.filled.c-orange{background:#fb8c00}
.cell.filled.c-brown{background:#8d6e63}
.cell.filled.c-purple{background:#8e24aa}
.cell.filled.c-yellow{background:#f9a825}
.cell.filled.c-pink{background:#ec407a}
.cell.filled.c-cyan{background:#00acc1}
.cell.filled.c-lime{background:#c0ca33}
.cell.filled.c-gray{background:#78909c}
.cell{width:var(--cell);height:var(--cell);background:#fff;border-right:1px solid #c5c9ce;border-bottom:1px solid #c5c9ce;cursor:pointer;display:block;background-clip:padding-box;box-sizing:border-box}
.nonogram .ng-band{display:grid;grid-auto-rows:var(--cell);contain:paint;min-width:0;min-height:0;margin:0;padding:0;border:0}
.cell.edge-right,.num.edge-right,.cell.r5.edge-right{border-right:none!important}
.cell.edge-bottom,.num.edge-bottom,.cell.b5.edge-bottom{border-bottom:none!important}
.grid-scroll{overflow:hidden}
@media (max-width:720px){
.grid-scroll{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x pan-y}
.grid-scroll.is-zoomed:not(.brush-on){overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:pan-x}
.grid-scroll.is-zoomed.brush-on{overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y}
.grid-scroll.is-zoomed.brush-on #grid .ng-band{touch-action:none}
.grid-scroll::-webkit-scrollbar,.grid-scroll.is-zoomed::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}
.grid-scroll,.grid-scroll.is-zoomed{scrollbar-width:none;-ms-overflow-style:none}
}
@media (hover:hover) and (pointer:fine){
.cell:hover{background:#e8f0fe}
}
.cell.filled{background-clip:padding-box}
.cell.x::after{content:"\f00d";font-family:"Font Awesome 6 Free";font-weight:900;color:#999;font-size:calc(var(--cell) * 0.42);display:block;text-align:center;line-height:calc(var(--cell) - 1px)}
.cell.selected{outline:2px solid var(--blue);outline-offset:-2px}
.cell.r5{border-right:2px solid #888}
.cell.b5{border-bottom:2px solid #888}
.toolbar-wrap{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:12px 14px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
#toolbar-extra.toolbar-extra,.toolbar.toolbar-extra{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;justify-content:flex-start;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}
.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;justify-content:flex-start}
@media (min-width:721px){
.puzzle-card.tools-side{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;align-items:start}
.puzzle-card.tools-side>.puzzle-stage{grid-column:1;grid-row:1;display:block!important;min-width:0}
.puzzle-card.tools-side>#toolbar-extra{grid-column:2;grid-row:1;flex-direction:column;flex-wrap:nowrap;align-items:stretch;align-self:start;margin:0 0 0 6px;padding:0 0 0 4px;position:static;width:auto;background:transparent;border:none;box-shadow:none;max-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;box-sizing:border-box}
.puzzle-card.tools-side>#toolbar-extra::-webkit-scrollbar{display:none}
.puzzle-card.tools-side>#toolbar-extra .tool-btn{width:100%;min-width:72px;flex-direction:column}
.puzzle-card.tools-side>.toolbar-wrap{grid-column:1 / -1;grid-row:2}
.puzzle-card.tools-side>.action-cards{grid-column:1 / -1;grid-row:3}
.puzzle-card.tools-side>.toolbar-primary{grid-column:1}
.puzzle-card.tools-bottom>#toolbar-extra{flex-direction:row;flex-wrap:wrap;width:100%;background:transparent;border:none;box-shadow:none;padding:0;margin:0}
}
.tool-btn{background:#f0f7ff;border:1.5px solid #d6e8ff;color:#1a6fd4;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:72px;transition:all .15s}
.tool-btn i{font-size:16px}
.tool-btn:hover{background:#e0efff;border-color:#a8d0ff}
.tool-btn.active{background:#e8f4fd;border-color:#007bff;color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.15)}
.tool-btn.danger{color:#dc3545;border-color:#f5c2c7;background:#fff5f5}
.tool-btn.danger:hover{background:#ffe0e3}
.tool-btn.check-btn{color:#0d6efd}
@media (min-width:721px){
.tool-btn{flex-direction:column;min-width:64px;width:72px;height:64px;padding:8px 6px;gap:5px;border-radius:10px}
.tool-btn i{font-size:16px}
.tool-btn span{font-size:11px;line-height:1.15;text-align:center}
#btn-fullscreen{display:none!important}
#btn-color{display:none!important}
}
.progress-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}
.progress-stats{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap;flex-shrink:0}
.progress-stats svg{flex-shrink:0}
.progress-stats-sub{font-size:11px;font-weight:600;opacity:.85}
.progress-bar-block{flex:1;min-width:0}
.progress-bar-wrap{position:relative;width:100%;height:18px;background:#e2e8f0;border-radius:9px;overflow:hidden}
.progress-bar{height:100%;width:0%;border-radius:9px;background:var(--primary,#006aff);transition:width .5s ease,background .5s ease;display:block}
.progress-pct-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.progress-pct{font-size:11px;font-weight:600;color:#1e293b;line-height:1;transition:color .3s ease}
.progress-pct.pct-on-dark{color:#fff}
.progress-text{font-size:13px;font-weight:600;color:#5a6a7a;white-space:nowrap}
.timer{font-size:12px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0}
.bottom-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.bottom-actions .btn-outline{flex:1;justify-content:center;min-width:140px}
.action-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.bookmark-card,.print-card{background:#fff;padding:1.35rem 1rem;border-radius:1rem;box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);text-align:center;transition:0.3s;border:2px solid #e8ecf0;cursor:pointer;position:relative;overflow:hidden;user-select:none}
.bookmark-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f59e0b,#d97706);transform:scaleX(0);transition:transform 0.3s}
.bookmark-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(245,158,11,0.2);border-color:#f59e0b}
.bookmark-card:hover::before{transform:scaleX(1)}
.bookmark-card.active{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,0.05),rgba(217,119,6,0.05))}
.bookmark-card.active::before{transform:scaleX(1)}
.bookmark-icon{font-size:2rem;margin-bottom:0.65rem;color:#f59e0b;transition:0.3s;display:block}
.bookmark-card:hover .bookmark-icon{transform:scale(1.2)}
.print-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,106,255,0.18);border-color:#006aff}
.print-icon{font-size:2rem;margin-bottom:0.65rem;color:#006aff;transition:0.3s;display:block}
.print-card:hover .print-icon{transform:scale(1.2)}
.action-cards .stat-value{font-size:1.15rem;font-weight:600;color:#006aff;margin-bottom:0.35rem}
.bookmark-label,.print-label{font-size:0.9rem;color:#64748b;opacity:0.85;font-weight:600}
@media (max-width:720px){
.action-cards{gap:10px}
.bookmark-card,.print-card{padding:1.1rem 0.75rem}
.bookmark-icon,.print-icon{font-size:1.65rem}
.action-cards .stat-value{font-size:1rem}
}
.sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}
.card h3{font-size:16px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}
.card h3 i{font-size:16px;width:1.15em;text-align:center}
.steps{list-style:none;display:flex;flex-direction:column;gap:8px}
.steps li{display:flex;gap:8px;font-size:12.5px;line-height:1.35}
.step-num{width:20px;height:20px;background:var(--blue);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}
.tip-box{background:#e8f4fd;border:none;padding:10px 12px;border-radius:10px;font-size:12.5px;margin-top:10px;color:#004085}
.info-list{display:flex;flex-direction:column;gap:8px}
.info-item{display:flex;align-items:center;gap:8px;font-size:12.5px}
.info-item .label{color:var(--gray);min-width:80px}
.info-item .value{font-weight:500}
.similar-list{display:flex;flex-direction:column;gap:8px}
.similar-item{display:flex;align-items:center;gap:10px;padding:6px;border-radius:7px;text-decoration:none;color:inherit}
.similar-item:hover{background:var(--gray-light)}
.similar-img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#e9ecef;border:1px solid #e2e8f0}
.color-picker{display:block;padding:0;margin-top:10px}
.color-picker[hidden]{display:none}
.color-picker-inner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px 16px 16px;box-shadow:0 4px 16px rgba(15,23,42,0.06);display:flex;flex-direction:column;gap:12px}
.color-picker-header{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.color-picker-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#1e3a5f;letter-spacing:0.01em;margin:0;flex:1;min-width:0}
.color-picker-label i{color:#007bff;font-size:16px;width:1.15em;text-align:center}
.color-current{display:flex;align-items:center;gap:0;background:transparent;border:none;border-radius:0;padding:0;font-size:12px;font-weight:600;color:#3a5a80}
.color-current-name{display:none!important}
.color-current-swatch{width:22px;height:22px;border-radius:50%;background:#1a1a1a;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.12),0 1px 3px rgba(0,0,0,0.12);flex-shrink:0}
.color-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:10px;align-items:center}
.color-swatch{width:32px;height:32px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;padding:0;box-shadow:0 2px 5px rgba(0,0,0,0.12),inset 0 0 0 1px rgba(0,0,0,0.06);transition:transform .15s ease,box-shadow .15s ease,border-color .15s;position:relative;justify-self:center}
.color-swatch:hover{transform:scale(1.12);box-shadow:0 3px 10px rgba(0,0,0,0.18),inset 0 0 0 1px rgba(0,0,0,0.08)}
.color-swatch.active{border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,0.28),0 2px 6px rgba(0,0,0,0.12);transform:scale(1.08)}
.toolbar-primary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 10px}
.toolbar-primary .tool-btn{width:100%;min-width:0}
@keyframes settingsPopIn{
0%{opacity:0;transform:scale(0.2) translateY(8px)}
75%{opacity:1;transform:scale(1.03) translateY(0)}
100%{opacity:1;transform:scale(1) translateY(0)}
}
@keyframes settingsPopOut{
0%{opacity:1;transform:scale(1) translateY(0)}
100%{opacity:0;transform:scale(0.2) translateY(8px)}
}
.settings-float{display:none;position:fixed;left:14px;bottom:18px;z-index:300;flex-direction:column-reverse;align-items:center;gap:10px;pointer-events:none}
.settings-float-trigger{pointer-events:auto;position:relative;width:56px;height:56px;padding:0;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#4da3ff,#007bff);color:#fff;font-size:22px;box-shadow:0 4px 16px rgba(0,123,255,0.45);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s,background .2s;flex-shrink:0;z-index:2}
.settings-float-trigger:hover{transform:scale(1.06);box-shadow:0 6px 20px rgba(0,123,255,0.5)}
.settings-float-trigger:active{transform:scale(0.94)}
.settings-float-trigger i{color:#fff;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.settings-float.open .settings-float-trigger{background:linear-gradient(145deg,#6bb0ff,#0062cc)}
.settings-float.open .settings-float-trigger i{transform:rotate(90deg)}
.settings-float-panel{pointer-events:none;position:relative;display:none;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;background:#fff;border-radius:28px;box-shadow:0 6px 24px rgba(0,0,0,0.18);border:1px solid #e8ecf0;max-height:70vh;overflow-y:auto;scrollbar-width:none;transform-origin:bottom center;opacity:0;z-index:1}
.settings-float-panel::-webkit-scrollbar{display:none}
.settings-float.open .settings-float-panel{display:flex;pointer-events:auto;animation:settingsPopIn .36s cubic-bezier(.34,1.3,.64,1) forwards}
.settings-float.closing .settings-float-panel{display:flex;pointer-events:none;animation:settingsPopOut .22s ease-in forwards}
.settings-float-items{display:flex;flex-direction:column;align-items:center;gap:8px}
.settings-float-items .tool-btn,.settings-float-items .tool-btn.danger,.settings-float-items .tool-btn.check-btn,.settings-float-items .tool-btn.active{display:flex!important;align-items:center;justify-content:center;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;margin:0!important;border-radius:50%!important;border:2px solid #c5c9ce!important;background:#fff!important;color:#007bff!important;box-shadow:none!important;flex-direction:row!important;gap:0!important}
.settings-float-items .tool-btn span{display:none!important}
.settings-float-items #btn-hint .hint-icon-wrap,.settings-float-items #btn-hint .hint-count{display:inline-flex!important}
.settings-float-items #btn-hint .hint-count{display:flex!important;align-items:center;justify-content:center}
.settings-float-items .tool-btn i{width:auto;height:auto;margin:0;padding:0;border-radius:0;background:transparent!important;color:#007bff!important;font-size:16px;display:flex;align-items:center;justify-content:center}
.settings-float-items .tool-btn:hover,.settings-float-items .tool-btn:active{background:#e8f4fd!important;border-color:#007bff!important;color:#007bff!important}
.settings-float-items .tool-btn.active{background:#e8f0fe!important;border-color:#007bff!important;box-shadow:0 0 0 2px rgba(0,123,255,0.2)!important}
.settings-float-items .tool-btn.active i{color:#007bff!important}
.settings-float-items .tool-btn.danger{color:#dc3545!important;border-color:#f5c2c7!important}
.settings-float-items .tool-btn.danger i{color:#dc3545!important;background:transparent!important}
.settings-float-items .tool-btn.danger:hover{background:#fff5f5!important}
.settings-float-panel::-webkit-scrollbar-thumb{background:#ccc;border-radius:999px}
@media (min-width:721px) and (max-width:1000px){
.puzzle-card{display:flex!important;flex-direction:column!important;gap:12px!important;grid-template-columns:none!important}
.puzzle-card.tools-side,.puzzle-card.tools-bottom{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
.puzzle-stage{display:block!important;width:100%}
.puzzle-stage .color-picker,#color-picker{width:100%;max-width:100%;margin:0 0 10px 0!important;position:static!important;grid-column:auto!important;grid-row:auto!important}
#color-picker .color-picker-inner{padding:10px 12px!important;align-items:center!important;flex-direction:row!important;gap:10px!important}
#color-picker .color-picker-header{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex:0 0 auto!important;width:auto!important}
#color-picker .color-picker-label span.label-text{display:none!important}
#color-picker .color-current{display:none!important}
#color-picker .color-swatches{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;width:auto!important;flex:1 1 auto!important}
#color-picker .color-swatch{width:30px!important;height:30px!important}
.puzzle-stage .grid-scroll{width:100%;grid-column:auto!important;grid-row:auto!important}
#mid-tools-rail{display:none!important}
.toolbar-primary{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;width:100%;position:static!important;grid-column:auto!important;grid-row:auto!important}
.toolbar-primary .tool-btn{width:auto!important;min-width:72px;min-height:58px!important;height:auto!important;flex:0 0 auto}
.toolbar-primary.tools-stacked{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;align-items:stretch;max-height:none;width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.toolbar-primary.tools-stacked::-webkit-scrollbar{display:none;height:0}
.toolbar-primary.tools-stacked .tool-btn{flex:1 1 0!important;width:auto!important;min-width:0!important;height:auto!important;min-height:52px!important;padding:6px 2px!important;flex-direction:column!important;border-radius:12px;box-sizing:border-box}
.toolbar-primary.tools-stacked .tool-btn span{display:inline!important;font-size:10px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.toolbar-primary.tools-stacked .tool-btn i{font-size:15px}
.toolbar-primary.tools-stacked #btn-hint .hint-icon-wrap{font-size:15px;width:1.35em;height:1.35em}
.toolbar-primary.tools-stacked #btn-hint .hint-icon-wrap i{font-size:1em}
#toolbar-extra,#toolbar-extra.toolbar-extra{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;width:100%!important;margin:0 0 0 0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;position:static!important;max-height:none!important;grid-column:auto!important;grid-row:auto!important}
#toolbar-extra .tool-btn{width:72px;height:64px;min-width:64px;flex-direction:column;border-radius:10px}
.puzzle-card.tools-merged #toolbar-extra,.puzzle-card.tools-merged #toolbar-extra.toolbar-extra{display:none!important}
.toolbar-wrap{width:100%;grid-column:auto!important;grid-row:auto!important}
.action-cards{width:100%;grid-column:auto!important;grid-row:auto!important;margin-top:0}
.puzzle-card.tools-bottom>.ng-extra-blocks{margin-top:0!important}
.nonogram-page .similar-list{display:flex!important;flex-direction:column!important;gap:8px!important}
.nonogram-page .similar-item{flex-direction:row!important;align-items:center!important;text-align:left!important;gap:8px!important;padding:6px!important;min-width:0!important}
.nonogram-page .similar-item .similar-img{width:48px!important;height:48px!important;flex:0 0 auto!important;object-fit:cover;border-radius:8px!important}
.nonogram-page .similar-item .similar-info{width:auto!important;min-width:0!important;align-items:flex-start!important}
.nonogram-page .similar-item .similar-info .name{text-align:left!important}
.nonogram-page .similar-item .similar-info .meta{text-align:left!important;justify-content:flex-start!important;display:flex!important}
.nonogram-page .controls-card .ctrl-list{display:flex!important;flex-direction:column!important;gap:8px!important}
.nonogram-page .sidebar{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;align-items:stretch!important;width:100%;gap:12px}
.nonogram-page .sidebar .card{margin:0!important;display:flex!important;flex-direction:column!important;height:auto}
.nonogram-page .sidebar .card h3{font-size:14.5px!important;gap:6px!important}
.nonogram-page .sidebar .card h3 i{font-size:13px}
.nonogram-page .sidebar .controls-card .ctrl-list{display:flex!important;flex-direction:column!important;gap:8px!important}
.nonogram-page .sidebar .similar-list{display:flex!important;flex-direction:column!important;gap:8px!important}
.nonogram-page .sidebar .steps{gap:8px!important}
.nonogram-page .sidebar .tip-box{font-size:12.5px!important}
}
@media (min-width:721px){
.puzzle-card{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px 14px;align-items:start}
.puzzle-stage{display:contents}
.puzzle-stage .color-picker{grid-column:1;grid-row:1;margin-top:0}
.toolbar-primary{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:8px;margin:0;position:sticky;top:64px}
.toolbar-primary .tool-btn{width:100%;height:auto;min-height:58px;padding:8px 4px}
.puzzle-stage .grid-scroll{grid-column:2;grid-row:1 / span 2}
.toolbar-wrap{grid-column:2;grid-row:3}
.action-cards{grid-column:1 / -1;grid-row:4}
.color-picker-inner{padding:12px 10px;align-items:center}
.color-picker-header{flex-direction:column;align-items:center;gap:8px}
.color-picker-label span.label-text{display:none}
.color-current{display:none}
.color-swatches{display:flex;flex-direction:column;gap:8px;align-items:center}
.color-swatch{width:34px;height:34px}
.toolbar-extra{display:flex;flex-wrap:wrap;gap:8px}
.toolbar-extra .tool-btn{flex-direction:column;width:72px;height:64px;min-width:64px;border-radius:10px}
.settings-float{display:none!important}
}
@media (max-width:720px){
#toolbar-extra,#toolbar-extra.toolbar-extra,.toolbar-extra{display:none!important}
.settings-float{display:flex}
#btn-color{display:none!important}
#mode-x,#mode-fill,#btn-clear{display:none!important}
}
@media (min-width:1001px){
.puzzle-card{grid-template-columns:minmax(0,1fr)}
.puzzle-stage .grid-scroll{grid-column:1;grid-row:1}
.toolbar-wrap{grid-column:1;grid-row:2}
#color-picker{grid-column:auto;grid-row:auto;margin:0 0 12px}
#color-picker .color-picker-header{flex-direction:row;align-items:center;justify-content:space-between}
#color-picker .color-picker-label{justify-content:flex-start}
#color-picker .color-picker-label span.label-text{display:inline}
#color-picker .color-current{display:flex;margin-left:auto;flex-shrink:0}
#color-picker .color-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;width:100%}
#color-picker .color-swatch{width:30px;height:30px;justify-self:center}
#toolbar-primary{grid-column:auto;grid-row:auto;position:static;top:auto;display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin:0 0 14px}
#toolbar-primary .tool-btn{flex:1 1 0;width:auto;min-width:0;height:auto;min-height:52px;padding:8px 4px}
#toolbar-primary.tools-stacked{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;flex-direction:unset!important;flex-wrap:unset!important;align-items:stretch;max-height:none;width:100%}
#toolbar-primary.tools-stacked .tool-btn{flex:unset!important;width:100%!important;min-width:0!important;height:auto!important;min-height:58px!important;padding:8px 4px!important;flex-direction:column;border-radius:12px;box-sizing:border-box}
#toolbar-primary.tools-stacked .tool-btn span{display:inline!important;font-size:11px;line-height:1.15;text-align:center}
#toolbar-primary.tools-stacked .tool-btn i{font-size:16px}
#toolbar-primary.tools-stacked #btn-hint .hint-icon-wrap{font-size:16px;width:1.35em;height:1.35em}
#toolbar-primary.tools-stacked #btn-hint .hint-icon-wrap i{font-size:1em}
}
.similar-info{flex:1;min-width:0}
.similar-info .name{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.similar-info .meta{font-size:11.5px;color:var(--gray)}
.categories{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.cat-btn{background:#fff;border:1px solid var(--border);padding:7px 14px;border-radius:16px;font-size:12.5px;cursor:pointer}
.cat-btn:hover,.cat-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}
@media (min-width:901px){
.grid-scroll{margin-left:auto;margin-right:auto}
}
@media (max-width:900px){
.sidebar{grid-template-columns:1fr}
.tool-btn{min-width:64px;padding:8px 10px;font-size:12px}
.tool-btn i{font-size:15px}
}
@media (max-width:720px){
.crossword-title{font-size:1.1rem}
.crossword-label{font-size:0.7rem}
.page-header{margin-bottom:12px}
.toolbar-wrap{padding:10px;border-radius:14px}
.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tool-btn{min-width:0;width:100%;padding:10px 4px;font-size:11px}
.tool-btn i{font-size:15px}
.bottom-actions{flex-direction:column}
.bottom-actions .btn-outline{width:100%}
.progress-row{gap:8px}
}
@media (max-width:480px){
.crossword-title{font-size:1.1rem}
.toolbar{grid-template-columns:repeat(4,1fr);gap:5px}
.tool-btn{padding:9px 2px;font-size:10.5px;border-radius:10px}
.grid-scroll{border-radius:12px}
.categories{gap:6px}
.cat-btn{padding:6px 12px;font-size:12px}
}
@media (max-width:360px){
.toolbar{grid-template-columns:repeat(4,1fr)}
.tool-btn{padding:8px 2px;font-size:10px}
}
.color-fab-wrap{display:none;position:fixed;right:14px;bottom:18px;z-index:300;flex-direction:column-reverse;align-items:center;gap:10px}
.color-fab{width:56px;height:56px;border-radius:50%;border:3px solid #fff;background:linear-gradient(145deg,#4da3ff,#007bff);color:#fff;font-size:24px;box-shadow:0 4px 16px rgba(0,123,255,0.45);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .15s}
.color-fab:active{transform:scale(0.94)}
.color-fab-wrap.open .color-fab{background:linear-gradient(145deg,#6bb0ff,#0062cc);box-shadow:0 2px 10px rgba(0,123,255,0.35)}
.color-fab-list{display:none;flex-direction:column;gap:8px;padding:10px 8px;background:#fff;border-radius:28px;box-shadow:0 6px 24px rgba(0,0,0,0.18);border:1px solid #e8ecf0;max-height:70vh;overflow-y:auto;scrollbar-width:none}
.color-fab-list::-webkit-scrollbar{display:none}
.color-fab-wrap.open .color-fab-list{display:flex}
.color-fab-list .color-swatch{width:38px;height:38px;flex-shrink:0}
.color-fab-list .fab-mode-x{background:#fff!important;border:2px solid #c5c9ce;color:#333;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,0.1);position:relative}
.color-fab-list .fab-mode-x i{position:relative;z-index:1;color:#666}
.color-fab-list .fab-mode-x.active{border-color:#007bff;background:#e8f0fe!important;box-shadow:0 0 0 2px rgba(0,123,255,0.25)}
.color-fab-list .fab-mode-x.active i{color:#007bff}
@media (max-width:720px){
.color-picker{display:none!important}
.color-fab-wrap{display:flex}
}
#btn-brush.active{background:#e8f4fd;border-color:#007bff;color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,0.15)}
.grid-scroll.brush-on{touch-action:pan-y pan-x}
.grid-scroll.brush-on #grid .ng-band{touch-action:none}
.grid-scroll.is-zoomed:not(.brush-on){touch-action:pan-x}
.grid-scroll.is-zoomed.brush-on{touch-action:pan-y pan-x}
.grid-scroll.is-zoomed.brush-on #grid .ng-band{touch-action:none}
.color-fab-list .fab-clear{background:#fff!important;border:2px solid #f5c2c7;color:#dc3545;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,0.1)}
.color-fab-list .fab-clear.active{border-color:#dc3545;background:#fff5f5!important;box-shadow:0 0 0 2px rgba(220,53,69,0.25)}
.color-fab-list .fab-clear:active{background:#ffe0e3!important}
@keyframes ngFadeIn{
0%{opacity:0}
100%{opacity:1}
}
@keyframes ngModalSlide{
0%{transform:translateY(-50px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@keyframes toastIn{
0%{transform:translateY(16px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
@keyframes toastOut{
0%{transform:translateY(0);opacity:1}
100%{transform:translateY(12px);opacity:0}
}
.ng-modal-overlay,.win-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,0.6);z-index:1000;align-items:center;justify-content:center;padding:16px;opacity:0}
.ng-modal-overlay.open,.win-overlay.open{display:flex;animation:ngFadeIn 0.3s ease-out forwards}
.ng-modal,.win-modal{background:#fff;border-radius:1rem;padding:22px 20px 18px;max-width:480px;width:94%;box-shadow:0 20px 50px rgba(0,0,0,0.2);text-align:center;opacity:0}
.ng-modal-overlay.open>.ng-modal,.win-overlay.open>.win-modal{animation:ngModalSlide 0.4s ease-out forwards}
.ng-modal-icon{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;background:#fff3cd;color:#856404;display:flex;align-items:center;justify-content:center;font-size:22px}
.ng-modal h3{font-size:17px;font-weight:700;margin-bottom:8px;color:#212529}
.ng-modal p{font-size:13.5px;color:#6c757d;line-height:1.45;margin-bottom:18px}
.ng-modal-actions{display:flex;gap:10px}
.ng-modal-actions button{flex:1;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none}
.ng-modal-cancel{background:#f0f2f5;color:#495057}
.ng-modal-cancel:hover{background:#e4e6ea}
.ng-modal-confirm{background:#dc3545;color:#fff}
.ng-modal-confirm:hover{background:#c82333}
.win-overlay{z-index:1100;background:rgba(10,14,28,0.72)}
.win-modal{border-radius:20px;padding:20px 18px 16px;max-width:min(520px,96vw);width:100%;max-height:96vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,0.35);position:relative;text-align:center;background:#fff}
.win-x{position:absolute;top:10px;right:10px;width:36px;height:36px;border:none;border-radius:50%;background:#f0f2f5;color:#495057;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}
.win-x:hover{background:#e4e6ea;color:#212529}
.win-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.win-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s,box-shadow .15s,background .15s}
.win-btn:active{transform:scale(0.98)}
.win-btn-save{background:linear-gradient(135deg,#006aff,#05b2fd);color:#fff;box-shadow:0 4px 14px rgba(0,106,255,0.35)}
.win-btn-save:hover{box-shadow:0 6px 18px rgba(0,106,255,0.45);filter:brightness(1.05)}
.win-btn-save i{font-size:15px}
.win-share{margin-top:16px;padding-top:4px}
.win-share-label{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#8a96a8;font-size:12.5px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase}
.win-share-label::before,.win-share-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#d8dee8 20%,#d8dee8 80%,transparent)}
.win-share-label span{flex-shrink:0}
.win-share-buttons{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(5px,1.5vw,10px);width:100%}
.win-social-btn,.win-share-buttons .social-btn{flex:0 0 auto;width:clamp(32px,8.5vw,40px);height:clamp(32px,8.5vw,40px);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.15);transition:transform .25s,box-shadow .25s;padding:0}
.win-social-btn:hover,.win-share-buttons .social-btn:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 18px rgba(0,0,0,0.22)}
.win-social-btn svg,.win-share-buttons .social-btn svg{width:45%;height:45%;display:block;pointer-events:none}
.social-btn--n1,.win-social-btn[data-net="tg"]{background:#26a5e4}
.social-btn--n2,.win-social-btn[data-net="vb"]{background:#7360f2}
.social-btn--n3,.win-social-btn[data-net="wa"]{background:#25d366}
.social-btn--n4,.win-social-btn[data-net="xx"]{background:#000000}
.social-btn--n5,.win-social-btn[data-net="mt"]{background:#0866ff}
.social-btn--n6,.win-social-btn[data-net="bs"]{background:#0285ff}
.social-btn--n7,.win-social-btn[data-net="pn"]{background:#bd081c}
.social-btn--n8,.win-social-btn[data-net="rd"]{background:#ff4500}
.win-modal h2{font-size:22px;font-weight:800;color:#1a1a2e;margin-bottom:4px;padding-right:28px}
.win-modal .win-sub{font-size:13.5px;color:#6c757d;margin-bottom:14px}
.win-picture-wrap{display:flex;justify-content:center;align-items:center;margin:0 auto 16px;border-radius:12px;overflow:hidden;background:#f8f9fa;box-shadow:0 4px 20px rgba(0,0,0,0.08);width:100%;max-width:100%;max-height:min(60vh,520px);padding:10px;box-sizing:border-box}
.win-picture{display:grid;gap:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;width:max-content;max-width:100%;margin:0 auto}
.win-picture .wp-cell{width:var(--wp-cell, 12px);height:var(--wp-cell, 12px);border:none;margin:0;padding:0;box-sizing:border-box}
@media print{
@page{size:A4 portrait;margin:8mm}
.grid-scroll,.grid-scroll *{visibility:visible!important}
.grid-scroll{position:absolute!important;left:0!important;right:0!important;top:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;border:1px solid #888!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:#fff!important;page-break-inside:avoid!important;break-inside:avoid!important}
.nonogram{display:grid!important;transform:none!important;translate:none!important;margin:0 auto!important;width:max-content!important;max-width:100%!important;height:auto!important;background:#e2e5e9!important}
.grid-scroll>.nonogram{margin:0 auto!important;width:max-content!important;max-width:100%!important}
:root{--cell:var(--print-cell, 9px)!important;--clue-size:var(--print-clue, 7px)!important}
.nonogram .cell,.nonogram .num{width:var(--cell)!important;height:var(--cell)!important;min-width:var(--cell)!important;min-height:var(--cell)!important;max-width:var(--cell)!important;max-height:var(--cell)!important;box-sizing:border-box!important}
.nonogram .corner{background:#f0f2f5!important}
.cell.filled{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
}
@media (max-width:720px){
.nonogram-page{padding:0 0 80px}
.main-layout{gap:12px}
.puzzle-card{display:flex!important;flex-direction:column!important;gap:10px!important}
.puzzle-stage{order:1}
.toolbar-primary{order:2;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0!important;width:100%}
.toolbar-primary .tool-btn{min-width:0!important;width:100%!important;height:auto!important;min-height:52px;padding:8px 4px;font-size:11px;border-radius:12px}
.toolbar-primary .tool-btn span{font-size:10px;line-height:1.15}
.toolbar-wrap{order:3;margin:0!important}
.action-cards{order:4;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
.sidebar{order:5}
.settings-float{display:flex!important;left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}
.color-fab-wrap{display:flex!important;right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
.grid-scroll{border-radius:12px;max-width:100%}
.page-header{flex-wrap:wrap;gap:8px}
.rating-block{margin-left:0}
}
.nonogram-page .toolbar-wrap{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:12px 16px;box-shadow:0 1px 4px rgba(15,23,42,0.04);margin-bottom:0}
.nonogram-page .progress-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}
.nonogram-page .progress-stats{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#1e293b;white-space:nowrap;flex-shrink:0}
.nonogram-page .progress-stats-sub{font-size:11px;font-weight:600}
.nonogram-page .progress-bar-block{flex:1;min-width:0}
.nonogram-page .progress-bar-wrap{position:relative;width:100%;height:18px;background:#e2e8f0;border-radius:9px;overflow:hidden}
.nonogram-page .progress-bar{height:100%;border-radius:9px;background:var(--primary,#006aff);transition:width .5s ease,background .5s ease}
.nonogram-page .progress-pct-wrap{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.nonogram-page .progress-pct{font-size:11px;font-weight:600;color:#1e293b;line-height:1}
.nonogram-page .timer,#game-timer{font-size:12px;font-weight:600;color:#1e293b;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;margin-left:0}
.nonogram-page .timer i,#game-timer i{font-size:12px;opacity:.85}
.nonogram-page .action-cards{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;visibility:visible!important}
.nonogram-page .bookmark-card,.nonogram-page .print-card{background:#fff!important;padding:1.35rem 1rem!important;border-radius:1rem!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.1)!important;text-align:center!important;transition:.3s!important;border:2px solid #e8ecf0!important;cursor:pointer!important;position:relative!important;overflow:hidden!important;user-select:none!important;display:block!important;visibility:visible!important;text-decoration:none!important;color:inherit!important}
.nonogram-page .bookmark-card .bookmark-icon,.nonogram-page .print-card .print-icon{font-size:2rem!important;margin-bottom:.65rem!important;display:block!important;line-height:1!important}
.nonogram-page .bookmark-card .bookmark-icon{color:#f59e0b!important}
.nonogram-page .print-card .print-icon{color:#006aff!important}
.nonogram-page .bookmark-card .stat-value,.nonogram-page .print-card .stat-value{font-size:1.15rem!important;font-weight:600!important;color:#006aff!important;margin-bottom:.35rem!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;line-height:1.25!important}
.nonogram-page .bookmark-card .bookmark-label,.nonogram-page .print-card .print-label{font-size:.9rem!important;color:#64748b!important;opacity:.85!important;font-weight:600!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;line-height:1.3!important}
.nonogram-page .bookmark-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(245,158,11,.2)!important;border-color:#f59e0b!important}
.nonogram-page .print-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,106,255,.18)!important;border-color:#006aff!important}
.nonogram-page .ng-modal-overlay,.nonogram-page~.ng-modal-overlay,.ng-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;top:0;right:0;bottom:0;left:0;inset:0;background:rgba(0,0,0,.6);z-index:10050;align-items:center;justify-content:center;padding:16px;opacity:0}
.ng-modal-overlay.open,.win-overlay.open{display:flex!important;opacity:1;animation:ngFadeIn .3s ease-out forwards}
.ng-modal-overlay .ng-modal,.win-overlay .win-modal{background:#fff;border-radius:1rem;padding:22px 20px 18px;max-width:480px;width:94%;box-shadow:0 20px 50px rgba(0,0,0,.2);text-align:center}
@keyframes ngFadeIn{
from{opacity:0}
to{opacity:1}
}
@keyframes ngModalSlide{
from{opacity:0;transform:translateY(16px) scale(.96)}
to{opacity:1;transform:none}
}
.ng-modal-overlay.open>.ng-modal,.win-overlay.open>.win-modal{animation:ngModalSlide .35s ease-out forwards}
.ng-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.ng-modal-cancel,.ng-modal-confirm{border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}
.ng-modal-cancel{background:#f1f5f9;color:#334155}
.ng-modal-confirm{background:#dc3545;color:#fff}
.ng-modal-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;background:#fff3cd;color:#856404;font-size:22px}
@media (max-width:720px){
.nonogram-page .toolbar-wrap{border-radius:14px;padding:10px 12px}
.nonogram-page .progress-stats,.nonogram-page .timer,#game-timer{font-size:11px}
.nonogram-page .progress-bar-wrap{height:16px;border-radius:8px}
.nonogram-page .progress-pct{font-size:10px}
.nonogram-page .action-cards{gap:10px;margin-top:12px}
.nonogram-page .bookmark-card,.nonogram-page .print-card{padding:1.1rem .75rem!important;border-radius:14px!important}
.nonogram-page .bookmark-card .bookmark-icon,.nonogram-page .print-card .print-icon{font-size:1.75rem!important;margin-bottom:.5rem!important}
.nonogram-page .bookmark-card .stat-value,.nonogram-page .print-card .stat-value{font-size:1rem!important}
.nonogram-page .bookmark-card .bookmark-label,.nonogram-page .print-card .print-label{font-size:.8rem!important}
.nonogram-page .toolbar-primary{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.nonogram-page .settings-float,.settings-float{display:flex!important;z-index:300}
.nonogram-page .color-fab-wrap,.color-fab-wrap{display:flex!important;z-index:300}
.nonogram-page #toolbar-extra,.nonogram-page .toolbar-extra{display:none!important}
.nonogram-page .color-picker{display:none!important}
}
#mode-fill{display:none!important}
.nonogram-page .bookmark-card,.nonogram-page .print-card{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.nonogram-page .action-card-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}
.nonogram-page .bookmark-icon,.nonogram-page .print-icon{display:flex!important;align-items:center;justify-content:center;width:100%;margin-left:auto;margin-right:auto;text-align:center}
.nonogram-page .rating-block{display:flex!important;align-items:center;align-self:stretch;gap:0;flex-shrink:0;margin-left:auto;padding:0 4px;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 1px 4px rgba(15,23,42,.05)!important;overflow:hidden;min-height:40px}
.nonogram-page .rate-btn{display:inline-flex!important;align-items:center;gap:6px;height:100%;min-height:40px;padding:0 12px;border:none!important;border-radius:6px;background:transparent!important;cursor:pointer;font-size:13px;font-weight:700;color:#5a6a7a}
.nonogram-page .rate-btn.like i{color:#22c55e!important}
.nonogram-page .rate-btn.dislike i{color:#ef4444!important}
.nonogram-page .rate-count{font-variant-numeric:tabular-nums;min-width:1.2em}
.nonogram-page .rate-btn.like .rate-count{color:#16a34a!important}
.nonogram-page .rate-btn.dislike .rate-count{color:#dc2626!important}
.nonogram-page .rate-divider{width:1px;align-self:stretch;margin:6px 0;background:#e2e8f0}
.ng-modal-overlay{display:none;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;background:rgba(0,0,0,.5)!important;z-index:10050!important;align-items:center;justify-content:center;padding:16px;opacity:0}
.ng-modal-overlay.open{display:flex!important;opacity:1!important}
.ng-modal-overlay .ng-modal{background:#fff;border-radius:16px;padding:22px 20px 18px;max-width:420px;width:94%;box-shadow:0 20px 50px rgba(0,0,0,.25);text-align:center;margin:auto}
@media (max-width:720px){
.nonogram-page .grid-scroll{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.nonogram-page .nonogram{transform-origin:0 0}
.nonogram-page .page-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.nonogram-page .rating-block{margin-left:auto;min-height:36px}
.nonogram-page .rate-btn{padding:0 9px;min-height:36px;font-size:12px}
}
.nonogram-page .howto-card .steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.nonogram-page .howto-card .steps li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.4;color:#334155}
.nonogram-page .howto-card .step-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#006aff,#05b2fd);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.nonogram-page .tip-box{margin-top:12px;padding:10px 12px;border-radius:10px;background:#e8f0fe;color:#004085;font-size:12.5px;line-height:1.4;display:flex;gap:8px;align-items:flex-start}
.nonogram-page .tip-box i{margin-top:2px;flex-shrink:0}
.nonogram-page .sidebar .card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.05);margin-bottom:12px}
.nonogram-page .sidebar .card h3{font-size:15px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:#1e293b}
#sticky-clues-bar{max-height:none;pointer-events:none!important}
@media (max-width:720px){
.nonogram-page .grid-scroll{width:100%!important;max-width:100vw!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}
.nonogram-page .nonogram{width:max-content!important;max-width:none!important;transform-origin:0 0}
.nonogram-page .puzzle-stage{overflow:hidden;max-width:100%}
.nonogram-page .sidebar{order:5;margin-top:8px}
.nonogram-page .howto-card{margin-bottom:12px}
}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%}
body{overflow-x:hidden}
.nonogram-page{max-width:100%;overflow-x:clip}
.nonogram .cell,.nonogram-page .nonogram .cell,#grid .cell{width:var(--cell)!important;height:var(--cell)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;font-size:inherit!important;line-height:1!important;padding:0!important;margin:0!important;box-sizing:border-box!important;flex:0 0 auto!important}
.nonogram .num,.nonogram-page .nonogram .num,#grid .num{width:var(--cell)!important;height:var(--cell)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;box-sizing:border-box!important}
@media (min-width:721px){
.nonogram .cell,.nonogram-page .nonogram .cell,#grid .cell,.nonogram .num,.nonogram-page .nonogram .num,#grid .num{width:auto!important;min-width:0!important}
.nonogram .corner,#grid .corner{width:auto!important;min-width:0!important}
}
.nonogram .cell.x::after,#grid .cell.x::after{font-size:calc(var(--cell) * 0.42)!important}
.nonogram-page .rate-btn,.rate-btn{transition:background-color .15s ease,color .15s ease,transform .12s ease!important}
.nonogram-page .rate-btn.like:hover,.nonogram-page .rate-btn.like:focus-visible,.nonogram-page .rate-btn.like.active,.rate-btn.like:hover{background:#dcfce7!important;color:#15803d!important}
.nonogram-page .rate-btn.like:hover i,.nonogram-page .rate-btn.like.active i{color:#16a34a!important;transform:scale(1.1)}
.nonogram-page .rate-btn.like:hover .rate-count,.nonogram-page .rate-btn.like.active .rate-count{color:#15803d!important}
.nonogram-page .rate-btn.dislike:hover,.nonogram-page .rate-btn.dislike:focus-visible,.nonogram-page .rate-btn.dislike.active,.rate-btn.dislike:hover{background:#fee2e2!important;color:#b91c1c!important}
.nonogram-page .rate-btn.dislike:hover i,.nonogram-page .rate-btn.dislike.active i{color:#dc2626!important;transform:scale(1.1)}
.nonogram-page .rate-btn.dislike:hover .rate-count,.nonogram-page .rate-btn.dislike.active .rate-count{color:#b91c1c!important}
.nonogram-page .rate-btn:active{transform:scale(.97)}
@media (hover:none){
.nonogram-page .rate-btn.like:hover{background:transparent!important;color:#5a6a7a!important}
.nonogram-page .rate-btn.dislike:hover{background:transparent!important;color:#5a6a7a!important}
}
.ng-modal-overlay{display:none}
.ng-modal-overlay.open{display:flex!important}
.ng-modal-overlay>.ng-modal{display:block!important;position:relative!important;top:auto!important;left:auto!important;width:94%!important;height:auto!important;max-width:480px;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:auto!important}
.win-overlay>.win-modal{display:block!important;position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ng-modal-overlay>.modal,.win-overlay>.modal{display:block!important;position:relative!important;width:94%!important;height:auto!important;background:#fff!important}
.win-modal .win-share{margin-top:16px;padding-top:4px}
.win-modal .win-share-buttons{flex-wrap:wrap}
@media (max-width:420px){
.win-modal .win-share-buttons{gap:6px}
.win-social-btn,.win-share-buttons .social-btn{width:30px;height:30px}
}
.nonogram-page .similar-list{min-width:0}
.nonogram-page .similar-item{min-width:0;max-width:100%;overflow:hidden}
.nonogram-page .similar-item .similar-img{flex:0 0 auto}
.nonogram-page .similar-info{flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}
.nonogram-page .similar-info .name{display:block;max-width:100%;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important;overflow-wrap:normal!important}
.nonogram-page .similar-info .meta{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nonogram-page .sidebar,.nonogram-page .sidebar .card{min-width:0}
#sticky-clues-bar{overflow:hidden!important}
#sticky-clues-bar .scb-grid{height:auto;width:auto}
.nonogram-page .rating-block,.rating-block{padding:0!important;gap:0!important;align-items:stretch!important;overflow:hidden!important;isolation:isolate}
.nonogram-page .rate-btn,.rate-btn{border-radius:0!important;align-self:stretch!important;height:auto!important;margin:0!important;padding:0 14px!important;justify-content:center}
.nonogram-page .rate-divider,.rate-divider{margin:0!important;align-self:stretch!important;height:auto!important;flex:0 0 1px}
@media (max-width:720px){
.nonogram-page .rate-btn,.rate-btn{padding:0 11px!important}
}
.toolbar-primary,#toolbar-primary,.toolbar-extra,#toolbar-extra,.settings-float-items,#wide-tool-icons{overflow:visible!important}
#toolbar-primary #btn-hint,#toolbar-extra #btn-hint,.toolbar #btn-hint{overflow:visible!important;padding-top:15px!important;padding-bottom:9px!important}
#toolbar-primary #btn-hint .hint-icon-wrap,#toolbar-extra #btn-hint .hint-icon-wrap,.toolbar #btn-hint .hint-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.35em;height:1.35em;line-height:1;overflow:visible}
#toolbar-primary #btn-hint .hint-count,#toolbar-extra #btn-hint .hint-count,.toolbar #btn-hint .hint-count{position:absolute;top:-7px;right:-9px;width:16px;height:16px;min-width:16px;padding:0;border:none;border-radius:50%;background:#f59e0b;color:#fff;font-size:9.5px;font-weight:600;font-variant-numeric:tabular-nums;line-height:16px;text-align:center;box-shadow:0 0 0 2px #f0f7ff;box-sizing:border-box;pointer-events:none;z-index:3}
#toolbar-primary #btn-hint:hover .hint-count,#toolbar-extra #btn-hint:hover .hint-count,.toolbar #btn-hint:hover .hint-count{box-shadow:0 0 0 2px #e0efff}
#toolbar-primary #btn-hint.active .hint-count,#toolbar-extra #btn-hint.active .hint-count,.toolbar #btn-hint.active .hint-count{box-shadow:0 0 0 2px #e8f0fe}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint,.settings-float-items #btn-hint{overflow:visible!important}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-count,.settings-float-items #btn-hint .hint-count{top:-5px;right:-5px;width:16px;height:16px;min-width:16px;line-height:16px;font-size:9.5px;font-weight:600;box-shadow:0 0 0 2px #fff}
#btn-hint.hint-empty .hint-count{background:#94a3b8}
#btn-hint.hint-empty{opacity:.55;cursor:not-allowed}
@media (max-width:720px){
body.nonogram-fullscreen{overflow:hidden!important;height:100%}
body.nonogram-fullscreen header,body.nonogram-fullscreen footer,body.nonogram-fullscreen .promo-wrapper,body.nonogram-fullscreen .comments-section,body.nonogram-fullscreen .nonogram-page>.page-header,body.nonogram-fullscreen .nonogram-page .sidebar{display:none!important}
body.nonogram-fullscreen .DLEPush-container,body.nonogram-fullscreen #dle-pushes{z-index:500!important}
.puzzle-card.is-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;z-index:250!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:0!important;margin:0!important;border-radius:0!important;background:#fff!important;padding:calc(8px + env(safe-area-inset-top)) 8px calc(8px + env(safe-area-inset-bottom))!important;overflow:hidden!important}
.puzzle-card.is-fullscreen>.toolbar-primary,.puzzle-card.is-fullscreen>#toolbar-primary,.puzzle-card.is-fullscreen>.toolbar-extra,.puzzle-card.is-fullscreen>#toolbar-extra,.puzzle-card.is-fullscreen>.toolbar,.puzzle-card.is-fullscreen>.toolbar-wrap,.puzzle-card.is-fullscreen>.action-cards,.puzzle-card.is-fullscreen>.ng-extra-blocks,.puzzle-card.is-fullscreen>.meta-row,.puzzle-card.is-fullscreen .color-picker{display:none!important}
.puzzle-card.is-fullscreen>.puzzle-stage{display:flex!important;order:0;flex:1 1 auto;min-height:0;min-width:0;width:100%;align-items:center;justify-content:center;margin:0!important;padding:0!important;overflow:hidden!important}
.puzzle-card.is-fullscreen .grid-scroll,.puzzle-card.is-fullscreen .grid-scroll.is-zoomed{margin:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:100%!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch;border-radius:12px}
.puzzle-card.is-fullscreen .grid-scroll.brush-on{touch-action:pan-x pan-y!important}
.puzzle-card.is-fullscreen .grid-scroll.brush-on #grid .ng-band{touch-action:none!important}
.puzzle-card.is-fullscreen .nonogram{width:max-content!important;max-width:none!important;margin:0 auto!important}
body.nonogram-fullscreen .settings-float,body.nonogram-fullscreen .color-fab-wrap{display:flex!important;position:fixed!important;z-index:400!important}
body.nonogram-fullscreen .settings-float{left:max(12px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}
body.nonogram-fullscreen .color-fab-wrap{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}
body.nonogram-fullscreen .settings-float-panel,body.nonogram-fullscreen .color-fab-list{z-index:401!important}
body.nonogram-fullscreen .win-overlay{z-index:1100!important}
body.nonogram-fullscreen .ng-modal-overlay{z-index:10050!important}
}
.nonogram-page .controls-card .ctrl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.nonogram-page .controls-card .ctrl-list li{display:flex;align-items:center;gap:12px;font-size:12.5px;line-height:1.4;color:#475569;min-width:0}
.nonogram-page .controls-card .ctrl-list li>i{flex:0 0 32px;width:32px;height:32px;margin-top:0;border-radius:50%;background:#fff;border:2px solid #e2e8f0;color:#007bff;font-size:14px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.nonogram-page .controls-card .ctrl-list li>span{min-width:0}
.nonogram-page .controls-card .ctrl-list b{display:block;font-size:12.5px;font-weight:700;color:#1e293b;margin-bottom:1px}
.nonogram-page .ng-extra-blocks{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;margin:12px 0 0}
.nonogram-page .ng-extra-blocks>*,.nonogram-page .ng-extra-blocks .comments-section,.nonogram-page .ng-extra-blocks .promo-wrapper{margin:0!important}
.nonogram-page .ng-extra-blocks .promo-wrapper{padding-top:0!important;padding-bottom:0!important;gap:12px!important}
.nonogram-page .ng-extra-blocks .comments-section{padding:0!important}
.nonogram-page .puzzle-card>.ng-extra-blocks{order:100}
.nonogram-page .puzzle-card>.action-cards{order:90}
.puzzle-card.tools-side>.ng-extra-blocks{grid-column:1 / -1;grid-row:4}
.main-layout.layout-wide-board .puzzle-card>.ng-extra-blocks{width:100%}
.puzzle-card.tools-side>.ng-extra-blocks{margin-top:8px}
.main-layout.layout-wide-board .puzzle-card>.ng-extra-blocks{margin-top:8px}
.main-layout.layout-wide-board{gap:12px}
@media (max-width:720px){
.nonogram-page .puzzle-card>.action-cards{order:4}
.nonogram-page .puzzle-card>.ng-extra-blocks{order:5;margin-top:10px}
.nonogram-page .ng-extra-blocks{gap:16px}
.nonogram-page .main-layout{gap:16px}
}
.main-layout.layout-wide-board #wide-palette-card,.main-layout.layout-wide-board #color-picker,.main-layout.layout-wide-board #color-picker .color-picker-inner,.main-layout.layout-wide-board #color-picker .color-swatches{overflow:visible!important}
.main-layout.layout-wide-board #color-picker .color-swatches{padding:5px 0!important;box-sizing:border-box}
.main-layout.layout-wide-board #wide-palette-card{padding:10px 8px 12px!important}
.main-layout.layout-wide-board #wide-tools-rail{overflow-x:hidden}
.color-fab-list{overflow:visible!important;padding-top:5px;padding-bottom:5px}
.color-picker .color-swatches,#color-picker .color-swatches{overflow:visible}
@media (min-width:721px){
#btn-fullscreen{display:none!important}
.main-layout.layout-wide-board #wide-tool-icons #btn-fullscreen{display:flex!important}
body.nonogram-fullscreen{overflow:hidden!important}
body.nonogram-fullscreen header,body.nonogram-fullscreen footer,body.nonogram-fullscreen .promo-wrapper,body.nonogram-fullscreen .comments-section,body.nonogram-fullscreen .nonogram-page>.page-header,body.nonogram-fullscreen .nonogram-page .sidebar{display:none!important}
body.nonogram-fullscreen .DLEPush-container,body.nonogram-fullscreen #dle-pushes{z-index:500!important}
.puzzle-card.is-fullscreen{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;inset:0!important;z-index:250!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;margin:0!important;padding:12px!important;border-radius:0!important;background:#fff!important;overflow:hidden!important}
.puzzle-card.is-fullscreen>.toolbar-primary,.puzzle-card.is-fullscreen>#toolbar-primary,.puzzle-card.is-fullscreen>.toolbar-extra,.puzzle-card.is-fullscreen>#toolbar-extra,.puzzle-card.is-fullscreen>.toolbar-wrap,.puzzle-card.is-fullscreen>.action-cards,.puzzle-card.is-fullscreen>.ng-extra-blocks,.puzzle-card.is-fullscreen>.meta-row{display:none!important}
.puzzle-card.is-fullscreen>.puzzle-stage{display:block!important;flex:1 1 auto;min-height:0;min-width:0;width:100%;margin:0!important;padding:0!important;overflow:hidden!important}
.puzzle-card.is-fullscreen #puzzle-board-row{height:100%!important;max-height:100%!important;align-items:stretch!important}
.puzzle-card.is-fullscreen #puzzle-board-row>.grid-scroll,.puzzle-card.is-fullscreen .grid-scroll{height:100%!important;max-height:100%!important;margin:0!important;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain}
.puzzle-card.is-fullscreen #wide-tools-rail{height:100%!important;max-height:100%!important;top:auto!important;overflow-y:auto!important;overflow-x:hidden!important}
.puzzle-card.is-fullscreen .nonogram{margin:0 auto!important}
}
.title-block>div:not(.accent){flex:1 1 auto;min-width:0}
.title-block h1{min-width:0}
.crossword-label,.crossword-title{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
[data-theme="dark"] .crossword-label{color:#cbd5e1;opacity:.9}
[data-theme="dark"] .rating-block,[data-theme="dark"] .nonogram-page .rating-block{background:#1e293b!important;border-color:#334155!important;box-shadow:0 1px 4px rgba(0,0,0,.25)!important}
[data-theme="dark"] .rate-btn,[data-theme="dark"] .nonogram-page .rate-btn{color:#94a3b8}
[data-theme="dark"] .rate-divider,[data-theme="dark"] .nonogram-page .rate-divider{background:#334155}
[data-theme="dark"] .rate-btn:hover{background:#25324a}
[data-theme="dark"] .rate-btn.like:hover,[data-theme="dark"] .rate-btn.like:focus-visible,[data-theme="dark"] .rate-btn.like.active,[data-theme="dark"] .nonogram-page .rate-btn.like:hover,[data-theme="dark"] .nonogram-page .rate-btn.like.active{background:rgba(34,197,94,.18)!important;color:#4ade80!important}
[data-theme="dark"] .rate-btn.dislike:hover,[data-theme="dark"] .rate-btn.dislike:focus-visible,[data-theme="dark"] .rate-btn.dislike.active,[data-theme="dark"] .nonogram-page .rate-btn.dislike:hover,[data-theme="dark"] .nonogram-page .rate-btn.dislike.active{background:rgba(239,68,68,.18)!important;color:#f87171!important}
@media (hover:none){
[data-theme="dark"] .nonogram-page .rate-btn.like:hover{background:transparent!important;color:#94a3b8!important}
[data-theme="dark"] .nonogram-page .rate-btn.dislike:hover{background:transparent!important;color:#94a3b8!important}
}
[data-theme="dark"] .toolbar-wrap,[data-theme="dark"] .nonogram-page .toolbar-wrap{background:#1e293b;border-color:#334155;box-shadow:0 1px 4px rgba(0,0,0,.25)}
[data-theme="dark"] .tool-btn{background:#1c2c42;border-color:#2c4468;color:#7db8ff}
[data-theme="dark"] .tool-btn:hover{background:#243a58;border-color:#3a5a86}
[data-theme="dark"] .tool-btn.active,[data-theme="dark"] #btn-brush.active{background:#1c3a5e;border-color:#4da3ff;color:#7ec1ff;box-shadow:0 0 0 2px rgba(77,163,255,.25)}
[data-theme="dark"] .tool-btn.check-btn{color:#4da3ff}
[data-theme="dark"] .tool-btn.danger{color:#fca5a5;border-color:#6b2b35;background:#3a1f22}
[data-theme="dark"] .tool-btn.danger:hover{background:#4a262b}
[data-theme="dark"] .settings-float-items .tool-btn,[data-theme="dark"] .settings-float-items .tool-btn.danger,[data-theme="dark"] .settings-float-items .tool-btn.check-btn,[data-theme="dark"] .settings-float-items .tool-btn.active,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.check-btn,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.active{border-color:#334155!important;background:#1c2c42!important;color:#7db8ff!important}
[data-theme="dark"] .settings-float-items .tool-btn i,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn i{color:#7db8ff!important}
[data-theme="dark"] .settings-float-items .tool-btn:hover,[data-theme="dark"] .settings-float-items .tool-btn:active,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn:hover{background:#243a58!important;border-color:#4da3ff!important;color:#7ec1ff!important}
[data-theme="dark"] .settings-float-items .tool-btn.active,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.active{background:#1c3a5e!important;border-color:#4da3ff!important;box-shadow:0 0 0 2px rgba(77,163,255,.25)!important}
[data-theme="dark"] .settings-float-items .tool-btn.active i,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.active i{color:#7ec1ff!important}
[data-theme="dark"] .settings-float-items .tool-btn.danger,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger{color:#fca5a5!important;border-color:#6b2b35!important}
[data-theme="dark"] .settings-float-items .tool-btn.danger i,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger i{color:#fca5a5!important}
[data-theme="dark"] .settings-float-items .tool-btn.danger:hover,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .tool-btn.danger:hover{background:#4a262b!important}
[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons .wide-tool-sep{background:#334155}
[data-theme="dark"] .main-layout.layout-wide-board #wide-settings-btn,[data-theme="dark"] .main-layout.layout-wide-board #wide-settings-btn.active{color:#7db8ff}
[data-theme="dark"] .settings-float-panel::-webkit-scrollbar-thumb{background:#475569}
[data-theme="dark"] .settings-float-trigger,[data-theme="dark"] .color-fab{border-color:#0f1727}
[data-theme="dark"] #btn-hint .hint-count,[data-theme="dark"] #toolbar-primary #btn-hint .hint-count,[data-theme="dark"] #toolbar-extra #btn-hint .hint-count,[data-theme="dark"] .toolbar #btn-hint .hint-count{box-shadow:0 0 0 2.5px #1c2c42}
[data-theme="dark"] #toolbar-primary #btn-hint:hover .hint-count,[data-theme="dark"] #toolbar-extra #btn-hint:hover .hint-count,[data-theme="dark"] .toolbar #btn-hint:hover .hint-count{box-shadow:0 0 0 2px #243a58}
[data-theme="dark"] #toolbar-primary #btn-hint.active .hint-count,[data-theme="dark"] #toolbar-extra #btn-hint.active .hint-count,[data-theme="dark"] .toolbar #btn-hint.active .hint-count{box-shadow:0 0 0 2px #1c3a5e}
[data-theme="dark"] .settings-float-items #btn-hint .hint-count,[data-theme="dark"] .main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-count{box-shadow:0 0 0 2px #1c2c42}
[data-theme="dark"] #btn-hint.hint-empty .hint-count{background:#475569}
[data-theme="dark"] .color-picker-inner,[data-theme="dark"] .main-layout.layout-wide-board #wide-palette-card,[data-theme="dark"] .main-layout.layout-wide-board #wide-tools-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 16px rgba(0,0,0,.3)}
[data-theme="dark"] .color-picker-label{color:#cbd5e1}
[data-theme="dark"] .color-picker-label i{color:#7db8ff}
[data-theme="dark"] .color-current{color:#94a3b8}
[data-theme="dark"] .color-fab-list,[data-theme="dark"] .settings-float-panel{background:#1e293b;border-color:#334155;box-shadow:0 6px 24px rgba(0,0,0,.4)}
[data-theme="dark"] .color-fab-list .fab-mode-x{background:#1e293b!important;border-color:#334155;color:#cbd5e1}
[data-theme="dark"] .color-fab-list .fab-mode-x i{color:#cbd5e1}
[data-theme="dark"] .color-fab-list .fab-mode-x.active{border-color:#4da3ff;background:#1c3a5e!important}
[data-theme="dark"] .color-fab-list .fab-mode-x.active i{color:#7ec1ff}
[data-theme="dark"] .color-fab-list .fab-clear{background:#1e293b!important;border-color:#6b2b35;color:#fca5a5}
[data-theme="dark"] .color-fab-list .fab-clear.active{border-color:#dc3545;background:#3a1f22!important}
[data-theme="dark"] .color-fab-list .fab-clear:active{background:#4a262b!important}
[data-theme="dark"] .bookmark-card,[data-theme="dark"] .print-card,[data-theme="dark"] .nonogram-page .bookmark-card,[data-theme="dark"] .nonogram-page .print-card{background:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 25px -5px rgba(0,0,0,.35)!important}
[data-theme="dark"] .bookmark-card.active{background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(217,119,6,.1))!important}
[data-theme="dark"] .action-cards .stat-value,[data-theme="dark"] .nonogram-page .bookmark-card .stat-value,[data-theme="dark"] .nonogram-page .print-card .stat-value{color:#4da3ff!important}
[data-theme="dark"] .print-icon,[data-theme="dark"] .nonogram-page .print-card .print-icon{color:#4da3ff!important}
[data-theme="dark"] .bookmark-label,[data-theme="dark"] .print-label,[data-theme="dark"] .nonogram-page .bookmark-card .bookmark-label,[data-theme="dark"] .nonogram-page .print-card .print-label{color:#94a3b8!important}
[data-theme="dark"] .card,[data-theme="dark"] .nonogram-page .sidebar .card{background:#1e293b;border-color:#334155;box-shadow:0 2px 10px rgba(0,0,0,.3)}
[data-theme="dark"] .nonogram-page .sidebar .card h3{color:#e2e8f0}
[data-theme="dark"] .tip-box,[data-theme="dark"] .nonogram-page .tip-box{background:#132a44;color:#8ecdfb}
[data-theme="dark"] .nonogram-page .howto-card .steps li{color:#cbd5e1}
[data-theme="dark"] .nonogram-page .controls-card .ctrl-list li{color:#cbd5e1}
[data-theme="dark"] .nonogram-page .controls-card .ctrl-list li>i{background:#1c2c42;border-color:#334155;color:#7db8ff}
[data-theme="dark"] .nonogram-page .controls-card .ctrl-list b{color:#e2e8f0}
[data-theme="dark"] .info-item .label,[data-theme="dark"] .similar-info .meta{color:#94a3b8}
[data-theme="dark"] .similar-item:hover{background:#25324a}
[data-theme="dark"] .similar-img{background:#334155;border-color:#334155}
[data-theme="dark"] .badge-green{background:#12351f;color:#4ade80}
[data-theme="dark"] .badge-yellow{background:#3a2f0a;color:#fbbf24}
[data-theme="dark"] .badge-red{background:#3a1414;color:#f87171}
[data-theme="dark"] .badge-blue{background:#0f2744;color:#7db8ff}
[data-theme="dark"] .badge-color{background:linear-gradient(135deg,#c2410c,#7e22ce 55%,#1d4ed8);color:#fff}
[data-theme="dark"] .badge-bw{background:linear-gradient(135deg,#374151,#000);color:#e5e7eb}
[data-theme="dark"] .cat-btn{background:#1e293b;border-color:#334155}
[data-theme="dark"] .cat-btn:hover,[data-theme="dark"] .cat-btn.active{background:#4da3ff;border-color:#4da3ff;color:#0f1727}
[data-theme="dark"] .progress-bar-wrap,[data-theme="dark"] .nonogram-page .progress-bar-wrap{background:#475569}
[data-theme="dark"] .progress-stats,[data-theme="dark"] .progress-stats-sub,[data-theme="dark"] .progress-pct,[data-theme="dark"] .nonogram-page .progress-stats,[data-theme="dark"] .nonogram-page .progress-pct,[data-theme="dark"] .progress-text,[data-theme="dark"] .timer,[data-theme="dark"] .nonogram-page .progress-text,[data-theme="dark"] .nonogram-page .timer,[data-theme="dark"] #game-timer{color:#e2e8f0}
[data-theme="dark"] .progress-pct.pct-on-dark{color:#fff}
body.nonogram-bw .num.c-black{background:transparent!important;color:#000!important}
body.nonogram-bw .num.empty{background:transparent!important}
body.nonogram-bw .corner{background:transparent!important}
@media (min-width:721px) and (max-width:1000px){
body.nonogram-bw #color-picker{display:none!important}
}
.nonogram-page .main-layout,.nonogram-page .main-layout.layout-wide-board{gap:12px!important}
.nonogram-page .puzzle-card,.nonogram-page .puzzle-card.tools-side,.nonogram-page .puzzle-card.tools-bottom,.nonogram-page .puzzle-card.tools-merged,.nonogram-page .main-layout.layout-wide-board .puzzle-card{gap:12px!important}
.nonogram-page .sidebar,.nonogram-page .main-layout.layout-wide-board .sidebar{gap:12px!important}
.nonogram-page .ng-extra-blocks{gap:12px!important;margin:0!important}
.nonogram-page .puzzle-card>#color-picker,.nonogram-page .puzzle-card>.puzzle-stage,.nonogram-page .puzzle-card>.toolbar-primary,.nonogram-page .puzzle-card>#toolbar-extra,.nonogram-page .puzzle-card>.toolbar-wrap,.nonogram-page .puzzle-card>.action-cards,.nonogram-page .puzzle-card>.ng-extra-blocks{margin-top:0!important;margin-bottom:0!important}
.nonogram-page .ng-extra-blocks .promo-wrapper,.nonogram-page .ng-extra-blocks .comments-section{margin:0!important;padding-top:0!important;padding-bottom:0!important}
.nonogram-page .sidebar .card{margin-bottom:0!important}
.nonogram-page .grid-scroll{margin-bottom:0!important}
.nonogram-page .ng-extra-blocks .comment-form-card{margin-bottom:0!important}
.nonogram-page .ng-extra-blocks .comments-list{margin-bottom:0!important}
@media (max-width:720px){
.nonogram-page .main-layout{gap:12px!important}
.nonogram-page .puzzle-card{gap:12px!important}
.nonogram-page .sidebar{gap:12px!important}
}
@media (min-width:1001px){
.nonogram-page .puzzle-card.tools-side{grid-template-columns:minmax(0,1fr) auto!important}
.nonogram-page .puzzle-card.tools-side>.puzzle-stage{display:block!important;grid-column:1!important;grid-row:1!important}
.nonogram-page .puzzle-card.tools-side>#toolbar-extra{grid-column:2!important;grid-row:1!important;margin:0!important}
.nonogram-page .puzzle-card.tools-side>.toolbar-wrap{grid-column:1 / -1!important;grid-row:2!important}
.nonogram-page .puzzle-card.tools-side>.action-cards{grid-column:1 / -1!important;grid-row:3!important}
.nonogram-page .puzzle-card.tools-side>.ng-extra-blocks{grid-column:1 / -1!important;grid-row:4!important}
.nonogram-page .puzzle-card.tools-side.has-primary>#toolbar-primary{grid-column:1 / -1!important;grid-row:2!important;position:static!important;top:auto!important;margin:0!important}
.nonogram-page .puzzle-card.tools-side.has-primary>.toolbar-wrap{grid-row:3!important}
.nonogram-page .puzzle-card.tools-side.has-primary>.action-cards{grid-row:4!important}
.nonogram-page .puzzle-card.tools-side.has-primary>.ng-extra-blocks{grid-row:5!important}
.nonogram-page .puzzle-card.tools-side.has-picker>#color-picker{grid-column:1 / -1!important;grid-row:1!important;margin:0!important}
.nonogram-page .puzzle-card.tools-side.has-picker>.puzzle-stage{grid-row:2!important}
.nonogram-page .puzzle-card.tools-side.has-picker>#toolbar-extra{grid-row:2!important}
.nonogram-page .puzzle-card.tools-side.has-picker:not(.has-primary)>.toolbar-wrap{grid-row:3!important}
.nonogram-page .puzzle-card.tools-side.has-picker:not(.has-primary)>.action-cards{grid-row:4!important}
.nonogram-page .puzzle-card.tools-side.has-picker:not(.has-primary)>.ng-extra-blocks{grid-row:5!important}
.nonogram-page .puzzle-card.tools-side.has-picker.has-primary>#toolbar-primary{grid-row:3!important}
.nonogram-page .puzzle-card.tools-side.has-picker.has-primary>.toolbar-wrap{grid-row:4!important}
.nonogram-page .puzzle-card.tools-side.has-picker.has-primary>.action-cards{grid-row:5!important}
.nonogram-page .puzzle-card.tools-side.has-picker.has-primary>.ng-extra-blocks{grid-row:6!important}
.nonogram-page .puzzle-card.tools-bottom,.nonogram-page .puzzle-card.tools-merged{grid-template-columns:minmax(0,1fr)!important}
.nonogram-page .puzzle-card.tools-bottom>.puzzle-stage,.nonogram-page .puzzle-card.tools-merged>.puzzle-stage{display:block!important;grid-column:1!important}
.nonogram-page .puzzle-card.tools-bottom>.puzzle-stage,.nonogram-page .puzzle-card.tools-merged>.puzzle-stage{grid-row:1!important}
.nonogram-page .puzzle-card.tools-bottom>#toolbar-extra,.nonogram-page .puzzle-card.tools-merged>#toolbar-extra{grid-column:1!important;grid-row:2!important;margin:0!important}
.nonogram-page .puzzle-card.tools-bottom>.toolbar-wrap,.nonogram-page .puzzle-card.tools-merged>.toolbar-wrap{grid-column:1!important;grid-row:3!important}
.nonogram-page .puzzle-card.tools-bottom>.action-cards,.nonogram-page .puzzle-card.tools-merged>.action-cards{grid-column:1!important;grid-row:4!important}
.nonogram-page .puzzle-card.tools-bottom>.ng-extra-blocks,.nonogram-page .puzzle-card.tools-merged>.ng-extra-blocks{grid-column:1!important;grid-row:5!important}
.nonogram-page .puzzle-card.tools-bottom.has-primary>#toolbar-primary,.nonogram-page .puzzle-card.tools-merged.has-primary>#toolbar-primary{grid-column:1!important;grid-row:3!important;position:static!important;top:auto!important;margin:0!important}
.nonogram-page .puzzle-card.tools-bottom.has-primary>.toolbar-wrap,.nonogram-page .puzzle-card.tools-merged.has-primary>.toolbar-wrap{grid-row:4!important}
.nonogram-page .puzzle-card.tools-bottom.has-primary>.action-cards,.nonogram-page .puzzle-card.tools-merged.has-primary>.action-cards{grid-row:5!important}
.nonogram-page .puzzle-card.tools-bottom.has-primary>.ng-extra-blocks,.nonogram-page .puzzle-card.tools-merged.has-primary>.ng-extra-blocks{grid-row:6!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker>#color-picker,.nonogram-page .puzzle-card.tools-merged.has-picker>#color-picker{grid-column:1!important;grid-row:1!important;margin:0!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker>.puzzle-stage,.nonogram-page .puzzle-card.tools-merged.has-picker>.puzzle-stage{grid-row:2!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker>#toolbar-extra,.nonogram-page .puzzle-card.tools-merged.has-picker>#toolbar-extra{grid-row:3!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker:not(.has-primary)>.toolbar-wrap,.nonogram-page .puzzle-card.tools-merged.has-picker:not(.has-primary)>.toolbar-wrap{grid-row:4!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker:not(.has-primary)>.action-cards,.nonogram-page .puzzle-card.tools-merged.has-picker:not(.has-primary)>.action-cards{grid-row:5!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker:not(.has-primary)>.ng-extra-blocks,.nonogram-page .puzzle-card.tools-merged.has-picker:not(.has-primary)>.ng-extra-blocks{grid-row:6!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker.has-primary>#toolbar-primary,.nonogram-page .puzzle-card.tools-merged.has-picker.has-primary>#toolbar-primary{grid-row:4!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker.has-primary>.toolbar-wrap,.nonogram-page .puzzle-card.tools-merged.has-picker.has-primary>.toolbar-wrap{grid-row:5!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker.has-primary>.action-cards,.nonogram-page .puzzle-card.tools-merged.has-picker.has-primary>.action-cards{grid-row:6!important}
.nonogram-page .puzzle-card.tools-bottom.has-picker.has-primary>.ng-extra-blocks,.nonogram-page .puzzle-card.tools-merged.has-picker.has-primary>.ng-extra-blocks{grid-row:7!important}
}
.nonogram-page .puzzle-card>.toolbar-wrap,.nonogram-page .puzzle-card>.action-cards,.nonogram-page .puzzle-card>#toolbar-primary,.nonogram-page .puzzle-card>#toolbar-extra,.nonogram-page .puzzle-card>.puzzle-stage,.nonogram-page .puzzle-card>#color-picker{margin-top:0!important;margin-bottom:0!important}
.nonogram-page .action-cards,.nonogram-page .puzzle-card .action-cards{margin-top:0!important;margin-bottom:0!important}
.nonogram-page .toolbar-wrap,.nonogram-page .puzzle-card .toolbar-wrap{margin-top:0!important;margin-bottom:0!important}
.nonogram-page .sidebar>#color-picker,.nonogram-page .sidebar>.color-picker,.nonogram-page .sidebar>#toolbar-primary,.nonogram-page .sidebar>.toolbar-primary{margin:0!important;margin-top:0!important;margin-bottom:0!important}
.nonogram-page .sidebar #toolbar-primary,.nonogram-page .sidebar .toolbar-primary{margin:0!important}
.nonogram-page #toolbar-primary,.nonogram-page .toolbar-primary{margin-top:0!important;margin-bottom:0!important}
.nonogram-page .puzzle-card.tools-bottom>#toolbar-extra,.nonogram-page .puzzle-card.tools-merged>#toolbar-extra,.nonogram-page .puzzle-card.tools-bottom>.toolbar-extra,.nonogram-page .puzzle-card.tools-merged>.toolbar-extra,.nonogram-page #toolbar-extra,.nonogram-page .toolbar-extra{margin-top:0!important;margin-bottom:0!important}
@media (min-width:1001px){
.nonogram-page .main-layout:not(.layout-wide-board) .sidebar{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:12px!important}
.nonogram-page .main-layout:not(.layout-wide-board) .sidebar .controls-card .ctrl-list,.nonogram-page .main-layout:not(.layout-wide-board) .controls-card .ctrl-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:8px!important}
.nonogram-page .main-layout:not(.layout-wide-board) .sidebar .similar-list,.nonogram-page .main-layout:not(.layout-wide-board) .similar-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:8px!important}
.nonogram-page .main-layout:not(.layout-wide-board) .sidebar .similar-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;text-align:left!important}
.nonogram-page .main-layout:not(.layout-wide-board) .sidebar .similar-item .similar-img{width:48px!important;height:48px!important;flex:0 0 48px!important}
.nonogram-page .main-layout:not(.layout-wide-board) .sidebar .similar-info .name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;-webkit-line-clamp:unset!important;display:block!important}
}
@media (min-width:1001px){
.nonogram-page .main-layout.layout-wide-board .sidebar{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:12px!important;width:100%!important}
.nonogram-page .main-layout.layout-wide-board .sidebar .controls-card .ctrl-list,.nonogram-page .main-layout.layout-wide-board .controls-card .ctrl-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px 14px!important}
.nonogram-page .main-layout.layout-wide-board .sidebar .similar-list,.nonogram-page .main-layout.layout-wide-board .similar-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px 12px!important}
.nonogram-page .main-layout.layout-wide-board .sidebar .similar-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;text-align:left!important;min-width:0!important}
.nonogram-page .main-layout.layout-wide-board .sidebar .similar-item .similar-img{width:48px!important;height:48px!important;flex:0 0 48px!important;object-fit:cover!important}
.nonogram-page .main-layout.layout-wide-board .sidebar .similar-info{min-width:0!important;flex:1 1 auto!important}
.nonogram-page .main-layout.layout-wide-board .sidebar .similar-info .name{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;display:block!important}
}
@media (min-width:721px) and (max-width:1000px){
.nonogram-page .sidebar .controls-card .ctrl-list,.nonogram-page .controls-card .ctrl-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:8px!important}
.nonogram-page .sidebar .similar-list{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;gap:8px!important}
}
.nonogram-page .grid-scroll{margin-left:auto;margin-right:auto}
.win-picture canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated;image-rendering:crisp-edges}
#sticky-clues-bar{contain:layout style}
#sticky-clues-bar.scb-compact .scb-cell{line-height:1;letter-spacing:-0.02em}
#sticky-clues-bar .scb-cell{min-width:0;min-height:0}
@media (prefers-reduced-motion:reduce){
.nonogram-page *,.nonogram-page *::before,.nonogram-page *::after,.settings-float *,.color-fab-wrap *,.ng-modal-overlay,.ng-modal-overlay *,.win-overlay,.win-overlay *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}
:root{--ng-css:2}
#tall-board-row{display:block}
#tall-rail,#tall-legend{display:none}
@media (min-width:1001px){
.nonogram-page .puzzle-card.tall-on{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch}
.nonogram-page .puzzle-card.tall-on>.puzzle-stage{display:block!important;min-width:0}
.nonogram-page .puzzle-card.tall-on>#toolbar-primary,.nonogram-page .puzzle-card.tall-on>#toolbar-extra{display:none!important}
.puzzle-card.tall-on #tall-board-row{display:grid;grid-template-columns:minmax(0,max-content) minmax(188px,420px);gap:16px;align-items:start;justify-content:center;width:100%;min-width:0}
.puzzle-card.tall-on #tall-board-row>.grid-scroll{grid-column:1;grid-row:1;margin:0!important;min-width:0}
.puzzle-card.tall-on #tall-rail{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;top:76px;min-width:0;max-height:calc(100vh - 88px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}
.puzzle-card.tall-on #tall-legend{display:block;min-width:0}
#tall-rail #color-picker{margin:0!important;width:100%;grid-column:auto;grid-row:auto}
#tall-rail #color-picker .color-picker-inner{padding:12px;gap:10px;align-items:stretch}
#tall-rail #color-picker .color-picker-header{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
#tall-rail #color-picker .color-picker-label{font-size:14px;gap:6px}
#tall-rail #color-picker .color-picker-label span.label-text{display:inline}
#tall-rail #color-picker .color-current{display:flex;margin-left:auto}
#tall-rail #color-picker .color-swatches{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(34px,1fr))!important;gap:8px!important;width:100%}
#tall-rail #color-picker .color-swatch{width:30px;height:30px;justify-self:center}
body.nonogram-bw #tall-rail #color-picker{display:none!important}
#tall-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}
#tall-tools .tool-btn{width:100%!important;min-width:0!important;height:auto!important;min-height:56px;padding:8px 4px!important;flex-direction:column;border-radius:12px;box-sizing:border-box}
#tall-tools .tool-btn span{font-size:11px;line-height:1.15;text-align:center}
#tall-tools #btn-hint{padding-top:13px!important;padding-bottom:7px!important;overflow:visible!important}
#tall-tools #btn-hint .hint-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.35em;height:1.35em;line-height:1}
#tall-tools #btn-hint .hint-count{position:absolute;top:-7px;right:-9px;width:16px;height:16px;min-width:16px;line-height:16px;font-size:9.5px;font-weight:600;border-radius:50%;background:#f59e0b;color:#fff;text-align:center;box-shadow:0 0 0 2px #f0f7ff}
#tall-tools #btn-hint.hint-empty .hint-count{background:#94a3b8}
#tall-legend .card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.05);margin:0}
#tall-legend .card h3{font-size:15px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:#1e293b}
[data-theme="dark"] #tall-legend .card{background:#1e293b;border-color:#334155;box-shadow:0 2px 10px rgba(0,0,0,.3)}
[data-theme="dark"] #tall-legend .card h3{color:#e2e8f0}
[data-theme="dark"] #tall-tools #btn-hint .hint-count{box-shadow:0 0 0 2px #1c2c42}
}
:root{--ng-css:3}
body.nonogram-fullscreen #sticky-clues-bar{z-index:260!important}
#sticky-clues-bar .scb-cell.empty{color:transparent}
#sticky-clues-bar .scb-cell.scb-last-col{border-right:none}
#sticky-clues-bar,#sticky-clues-bar.scb-compact{box-shadow:none!important}
#sticky-clues-bar{background:transparent!important}
#sticky-clues-bar .scb-grid{overflow:visible}
#sticky-clues-bar .scb-grid>.num{width:auto;min-width:0;height:var(--cell)}
@media print{
#sticky-clues-bar{display:none!important}
}
.main-layout.layout-wide-board #wide-palette-card.is-clipped{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none}
.main-layout.layout-wide-board #wide-palette-card.is-clipped::-webkit-scrollbar{display:none}
@media (min-width:1001px){
.nonogram-page .main-layout.layout-wide-board.wide-flat .puzzle-card{display:flex!important;flex-direction:column!important;gap:12px!important;align-items:stretch}
.main-layout.layout-wide-board.wide-flat .puzzle-stage{display:block!important;width:100%}
.main-layout.layout-wide-board.wide-flat .puzzle-stage .grid-scroll{margin-bottom:0}
.main-layout.layout-wide-board.wide-flat #color-picker{display:block;width:100%;max-width:100%;margin:0 0 12px!important;position:static!important;overflow:visible!important}
.main-layout.layout-wide-board.wide-flat #color-picker .color-picker-inner{display:flex;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:10px 14px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(15,23,42,.06)!important;overflow:visible!important;width:100%;box-sizing:border-box}
.main-layout.layout-wide-board.wide-flat #color-picker .color-picker-header{flex-direction:row!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;width:auto!important}
.main-layout.layout-wide-board.wide-flat #color-picker .color-picker-label{justify-content:flex-start;font-size:14px;gap:6px}
.main-layout.layout-wide-board.wide-flat #color-picker .color-picker-label span.label-text{display:inline!important}
.main-layout.layout-wide-board.wide-flat #color-picker .color-current{display:none!important}
.main-layout.layout-wide-board.wide-flat #color-picker .color-swatches{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:10px!important;align-items:center;justify-content:flex-start!important;width:auto!important;flex:1 1 auto!important;padding:3px 0!important;overflow:visible!important}
.main-layout.layout-wide-board.wide-flat #color-picker .color-swatch{width:32px;height:32px;border-radius:50%;flex-shrink:0}
body.nonogram-bw .main-layout.layout-wide-board.wide-flat #color-picker{display:none!important}
.main-layout.layout-wide-board.wide-flat #toolbar-primary,.main-layout.layout-wide-board.wide-flat #toolbar-primary.tools-stacked{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:8px!important;width:100%;max-height:none;position:static!important;margin:0!important;overflow:visible}
.main-layout.layout-wide-board.wide-flat #toolbar-primary.tools-stacked .tool-btn{width:100%!important;min-width:0!important;height:auto!important;min-height:58px!important;padding:8px 4px!important;flex-direction:column;border-radius:12px;box-sizing:border-box}
.main-layout.layout-wide-board.wide-flat #toolbar-primary.tools-stacked .tool-btn span{display:inline!important;font-size:11px;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
[data-theme="dark"] .main-layout.layout-wide-board.wide-flat #color-picker .color-picker-inner{background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 16px rgba(0,0,0,.3)!important}
}
@media (min-width:1001px) and (max-width:1180px){
.main-layout.layout-wide-board.wide-flat #toolbar-primary,.main-layout.layout-wide-board.wide-flat #toolbar-primary.tools-stacked{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
.ng-sim-hidden,#tall-extra>.card .similar-list .similar-item.ng-sim-hidden{display:none!important}
#tall-extra{display:none}
@media (min-width:1001px){
.puzzle-card.tall-on #tall-side{grid-column:2;grid-row:1;align-self:start;min-width:0;display:flex;flex-direction:column;gap:12px}
.puzzle-card.tall-on #tall-side>#tall-rail{flex:0 0 auto;position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
.puzzle-card.tall-on #tall-extra{display:block;position:static;min-width:0}
#tall-extra>.card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:14px;box-shadow:0 2px 10px rgba(15,23,42,.05);margin:0;min-width:0;flex:0 0 auto}
#tall-extra>.card h3{font-size:14.5px;font-weight:700;margin:0 0 10px;display:flex;align-items:center;gap:6px;color:#1e293b}
#tall-extra>.card .similar-list{display:flex!important;flex-direction:column!important;gap:6px!important}
#tall-extra>.card .similar-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;padding:5px!important;min-width:0!important;text-align:left!important}
#tall-extra>.card .similar-item .similar-img{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:8px!important;object-fit:cover}
#tall-extra>.card .similar-item .similar-info{min-width:0!important;width:auto!important;align-items:flex-start!important}
#tall-extra>.card .similar-item .similar-info .name{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;max-width:100%;line-height:1.2}
#tall-extra>.card .similar-item .similar-info .meta{display:flex!important;flex-wrap:wrap;gap:2px 4px;justify-content:flex-start!important;text-align:left!important}
[data-theme="dark"] #tall-extra>.card{background:#1e293b;border-color:#334155;box-shadow:0 2px 10px rgba(0,0,0,.3)}
[data-theme="dark"] #tall-extra>.card h3{color:#e2e8f0}
}
@media (min-width:1001px){
#toolbar-extra #btn-fullscreen,#toolbar-primary #btn-fullscreen,#tall-tools #btn-fullscreen{display:flex!important}
.main-layout.layout-wide-board.wide-flat #toolbar-primary,.main-layout.layout-wide-board.wide-flat #toolbar-primary.tools-stacked{grid-template-columns:repeat(12,minmax(0,1fr))!important}
.main-layout.layout-wide-board.wide-flat #toolbar-primary.tools-stacked .tool-btn span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.1}
.puzzle-card.is-fullscreen #puzzle-board-row{align-items:stretch!important;justify-items:stretch}
.puzzle-card.is-fullscreen #puzzle-board-row>.grid-scroll,.puzzle-card.is-fullscreen .grid-scroll{height:auto!important;max-height:100%!important;align-self:center!important;justify-self:center!important}
.puzzle-card.is-fullscreen #wide-tools-rail{align-self:stretch!important}
.puzzle-card.is-fullscreen>#toolbar-primary,.puzzle-card.is-fullscreen>#toolbar-primary.tools-stacked{display:none!important}
}
@media (min-width:1001px) and (max-width:1180px){
.main-layout.layout-wide-board.wide-flat #toolbar-primary,.main-layout.layout-wide-board.wide-flat #toolbar-primary.tools-stacked{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
:root{--ng-css:4}
html.ng-scroll-tl body{timeline-scope:--ng-gridx}
html.ng-scroll-tl .grid-scroll{scroll-timeline-name:--ng-gridx;scroll-timeline-axis:x}
@keyframes ngScbScrollX{
from{transform:translateX(0)}
to{transform:translateX(calc(var(--scb-max,0) * -1px))}
}
#sticky-clues-bar .scb-track{display:block;width:max-content}
html.ng-scroll-tl #sticky-clues-bar.scb-native .scb-track{animation-name:ngScbScrollX;animation-timing-function:linear;animation-fill-mode:both;animation-duration:1ms;animation-duration:auto;animation-timeline:--ng-gridx}
@media (min-width:1001px){
#tall-tools.tt-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#tall-tools.tt-4 .tool-btn{min-height:60px}
#tall-tools .tool-btn span{white-space:normal;overflow-wrap:anywhere}
.puzzle-card.tall-on #tall-side>#tall-legend{flex:0 0 auto}
.nonogram-page #tall-legend.tl-2col .controls-card .ctrl-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 14px!important;align-items:start}
.nonogram-page #tall-legend.tl-2col .controls-card .ctrl-list li{min-width:0}
.nonogram-page #tall-legend .controls-card .tip-box{margin-top:12px}
}
.nonogram-page .similar-item,.nonogram-page .main-layout .sidebar .similar-item,#tall-extra>.card .similar-item{align-items:flex-start!important}
.nonogram-page .similar-item .similar-info .name,.nonogram-page .main-layout .sidebar .similar-info .name,#tall-extra>.card .similar-item .similar-info .name{font-size:16px!important;font-weight:700;line-height:1.2!important;margin:-1px 0 0!important}
.nonogram-page .similar-item .similar-info .meta,#tall-extra>.card .similar-item .similar-info .meta{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 8px!important;margin-top:5px;white-space:normal;overflow:visible}
.nonogram-page .similar-item .similar-info .meta .size{font-variant-numeric:tabular-nums}
@media (min-width:1001px){
.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-icon-wrap{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;width:1.35em!important;height:1.35em!important;line-height:1}
.main-layout.layout-wide-board #wide-tool-icons #btn-hint .hint-count{top:-7px!important;right:-9px!important;width:16px;height:16px;min-width:16px;line-height:16px;font-size:9.5px;font-weight:600;box-shadow:0 0 0 2px #fff}
}
html.ng-native-pan .grid-scroll.is-zoomed:not(.brush-on){touch-action:pan-x pan-y!important}
.share-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:16px;box-shadow:0 2px 10px rgba(15,23,42,.05);margin:0;min-width:0}
.share-card h3{font-size:15px;font-weight:700;margin:0 0 12px;display:flex;align-items:center;gap:8px;color:#1e293b}
.share-buttons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 6px;justify-items:center}
.share-card.sh-4 .share-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}
.share-buttons .win-social-btn{width:30px;height:30px}
.share-card.sh-lg .win-social-btn{width:36px;height:36px}
.share-card.share-strip{display:flex;align-items:center;gap:14px;padding:9px 14px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.share-card.share-strip h3{margin:0;flex:0 0 auto}
.share-card.share-strip .share-buttons{display:flex;flex:1 1 auto;justify-content:flex-end;gap:10px}
.puzzle-card.is-fullscreen>.share-card{display:none!important}
[data-theme="dark"] .share-card{background:#1e293b;border-color:#334155;box-shadow:0 2px 10px rgba(0,0,0,.3)}
[data-theme="dark"] .share-card h3{color:#e2e8f0}
html.ng-no-flexgap .title-block>*+*{margin-left:1rem}
html.ng-no-flexgap .rating-block>*+*{margin-left:2px}
html.ng-no-flexgap .rate-btn>*+*{margin-left:6px}
html.ng-no-flexgap .badge-color>*+*{margin-left:4px}
html.ng-no-flexgap .badge-bw>*+*{margin-left:4px}
html.ng-no-flexgap .btn-outline>*+*{margin-left:6px}
html.ng-no-flexgap .main-layout>*+*{margin-top:16px}
html.ng-no-flexgap #toolbar-extra.toolbar-extra>*,html.ng-no-flexgap .toolbar.toolbar-extra>*{margin:calc(8px / 2)}
html.ng-no-flexgap .toolbar>*{margin:calc(8px / 2)}
html.ng-no-flexgap .tool-btn>*+*{margin-top:4px}
html.ng-no-flexgap .progress-row>*+*{margin-left:8px}
html.ng-no-flexgap .progress-stats>*+*{margin-left:4px}
html.ng-no-flexgap .timer>*+*{margin-left:4px}
html.ng-no-flexgap .bottom-actions>*{margin:calc(8px / 2)}
html.ng-no-flexgap .card h3>*+*{margin-left:8px}
html.ng-no-flexgap .steps>*+*{margin-top:8px}
html.ng-no-flexgap .steps li>*+*{margin-left:8px}
html.ng-no-flexgap .info-list>*+*{margin-top:8px}
html.ng-no-flexgap .info-item>*+*{margin-left:8px}
html.ng-no-flexgap .similar-list>*+*{margin-top:8px}
html.ng-no-flexgap .similar-item>*+*{margin-left:10px}
html.ng-no-flexgap .color-picker-inner>*+*{margin-top:12px}
html.ng-no-flexgap .color-picker-header>*+*{margin-left:12px}
html.ng-no-flexgap .color-picker-label>*+*{margin-left:8px}
html.ng-no-flexgap .settings-float-items>*+*{margin-top:8px}
html.ng-no-flexgap .categories>*{margin:calc(6px / 2)}
html.ng-no-flexgap .ng-modal-actions>*+*{margin-left:10px}
html.ng-no-flexgap .win-actions>*+*{margin-top:8px}
html.ng-no-flexgap .win-btn>*+*{margin-left:8px}
html.ng-no-flexgap .win-share-label>*+*{margin-left:12px}
html.ng-no-flexgap .nonogram-page .progress-row>*+*{margin-left:8px}
html.ng-no-flexgap .nonogram-page .progress-stats>*+*{margin-left:4px}
html.ng-no-flexgap .nonogram-page .timer>*+*,html.ng-no-flexgap #game-timer>*+*{margin-left:4px}
html.ng-no-flexgap .ng-modal-actions>*{margin:calc(10px / 2)}
html.ng-no-flexgap .nonogram-page .rate-btn>*+*{margin-left:6px}
html.ng-no-flexgap .nonogram-page .howto-card .steps>*+*{margin-top:10px}
html.ng-no-flexgap .nonogram-page .howto-card .steps li>*+*{margin-left:10px}
html.ng-no-flexgap .nonogram-page .tip-box>*+*{margin-left:8px}
html.ng-no-flexgap .nonogram-page .sidebar .card h3>*+*{margin-left:8px}
html.ng-no-flexgap .nonogram-page .controls-card .ctrl-list>*+*{margin-top:9px}
html.ng-no-flexgap .nonogram-page .controls-card .ctrl-list li>*+*{margin-left:12px}
html.ng-no-flexgap .nonogram-page .ng-extra-blocks>*+*{margin-top:12px}
html.ng-no-flexgap .nonogram-page .similar-item .similar-info .meta>*,html.ng-no-flexgap #tall-extra>.card .similar-item .similar-info .meta>*{margin:calc(4px / 2) calc(8px / 2)}
@media (min-width:1001px){
html.ng-no-flexgap .main-layout.layout-wide-board .puzzle-card>*+*{margin-top:12px}
html.ng-no-flexgap .main-layout.layout-wide-board #wide-tools-rail>*+*{margin-top:10px}
html.ng-no-flexgap .main-layout.layout-wide-board #wide-palette-card>*+*,html.ng-no-flexgap .main-layout.layout-wide-board #wide-tools-card>*+*{margin-top:8px}
html.ng-no-flexgap .main-layout.layout-wide-board #color-picker .color-swatches>*+*{margin-top:8px}
html.ng-no-flexgap .main-layout.layout-wide-board #wide-tool-icons>*+*{margin-top:8px}
html.ng-no-flexgap #toolbar-primary>*+*{margin-left:8px}
html.ng-no-flexgap .nonogram-page .main-layout:not(.layout-wide-board) .sidebar>*+*{margin-top:12px}
html.ng-no-flexgap .nonogram-page .main-layout:not(.layout-wide-board) .sidebar .controls-card .ctrl-list>*+*,html.ng-no-flexgap .nonogram-page .main-layout:not(.layout-wide-board) .controls-card .ctrl-list>*+*{margin-top:8px}
html.ng-no-flexgap .nonogram-page .main-layout:not(.layout-wide-board) .sidebar .similar-list>*+*,html.ng-no-flexgap .nonogram-page .main-layout:not(.layout-wide-board) .similar-list>*+*{margin-top:8px}
html.ng-no-flexgap .nonogram-page .main-layout:not(.layout-wide-board) .sidebar .similar-item>*+*{margin-left:10px}
html.ng-no-flexgap .nonogram-page .main-layout.layout-wide-board .sidebar>*+*{margin-top:12px}
html.ng-no-flexgap .nonogram-page .main-layout.layout-wide-board .sidebar .similar-item>*+*{margin-left:10px}
html.ng-no-flexgap .nonogram-page .puzzle-card.tall-on>*+*{margin-top:12px}
html.ng-no-flexgap .puzzle-card.tall-on #tall-rail>*+*{margin-top:12px}
html.ng-no-flexgap #tall-legend .card h3>*+*{margin-left:8px}
html.ng-no-flexgap .nonogram-page .main-layout.layout-wide-board.wide-flat .puzzle-card>*+*{margin-top:12px}
html.ng-no-flexgap .main-layout.layout-wide-board.wide-flat #color-picker .color-picker-inner>*+*{margin-left:12px}
html.ng-no-flexgap .main-layout.layout-wide-board.wide-flat #color-picker .color-swatches>*{margin:calc(10px / 2)}
html.ng-no-flexgap .puzzle-card.tall-on #tall-side>*+*{margin-top:12px}
html.ng-no-flexgap #tall-extra>.card h3>*+*{margin-left:6px}
html.ng-no-flexgap #tall-extra>.card .similar-list>*+*{margin-top:6px}
html.ng-no-flexgap #tall-extra>.card .similar-item>*+*{margin-left:8px}
html.ng-no-flexgap #tall-extra>.card .similar-item .similar-info .meta>*{margin:calc(2px / 2) calc(4px / 2)}
}
@media (min-width:721px) and (max-width:1000px){
html.ng-no-flexgap .puzzle-card>*+*{margin-top:12px}
html.ng-no-flexgap #color-picker .color-swatches>*{margin:calc(8px / 2)}
html.ng-no-flexgap .toolbar-primary>*{margin:calc(8px / 2)}
html.ng-no-flexgap .toolbar-primary.tools-stacked>*+*{margin-left:6px}
html.ng-no-flexgap .nonogram-page .similar-list>*+*{margin-top:8px}
html.ng-no-flexgap .nonogram-page .controls-card .ctrl-list>*+*{margin-top:8px}
html.ng-no-flexgap .nonogram-page .sidebar>*+*{margin-top:12px}
html.ng-no-flexgap .nonogram-page .sidebar .controls-card .ctrl-list>*+*{margin-top:8px}
html.ng-no-flexgap .nonogram-page .sidebar .similar-list>*+*{margin-top:8px}
html.ng-no-flexgap .nonogram-page .sidebar .controls-card .ctrl-list>*+*,html.ng-no-flexgap .nonogram-page .controls-card .ctrl-list>*+*{margin-top:8px}
html.ng-no-flexgap .nonogram-page .sidebar .similar-list>*+*{margin-top:8px}
}
@media (min-width:721px){
html.ng-no-flexgap .toolbar-primary>*+*{margin-top:8px}
html.ng-no-flexgap .color-swatches>*+*{margin-top:8px}
html.ng-no-flexgap .toolbar-extra>*{margin:calc(8px / 2)}
}
@media (max-width:720px){
html.ng-no-flexgap .puzzle-card>*+*{margin-top:10px}
}