/* Oyun 10 — Kare Karalamaca; independent, printer-friendly nonogram grid */
.ng-catalog-art{background:linear-gradient(135deg,#e7f2fc,#dce5fc);display:grid;place-items:center;color:#315783;overflow:hidden}
.ng-catalog-demo{display:grid;grid-template-columns:repeat(6,23px);grid-template-rows:repeat(6,23px);gap:2px;transform:scale(1.03)}
.ng-catalog-demo i{display:grid;place-items:center;background:#fff;border-radius:2px;font-style:normal;font:900 12px/1 Nunito,Arial,sans-serif}
.ng-catalog-demo i.on{background:#355b86}
.ng-catalog .catalog-open{color:#305ca0}
.ng-game .playground{flex:1;min-height:0;display:flex;justify-content:center;align-items:center}
.ng-play-area{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:7px 12px}
.ng-board{--ng-n:8;--ng-size:475px;display:grid;grid-template-columns:repeat(var(--ng-n),minmax(0,1fr));grid-template-rows:repeat(var(--ng-n),minmax(0,1fr));width:var(--ng-size);height:var(--ng-size);min-height:0;min-width:0;box-sizing:border-box;background:#fff;border:3px solid #29415b;border-radius:12px;overflow:hidden;box-shadow:0 0 0 5px #e2ebf8,0 9px 24px #24426624}
.ng-cell,.ng-clue,.ng-corner{display:grid;place-items:center;min-width:0;min-height:0;border:.8px solid #c1cfdf;padding:0;font:800 clamp(.68rem,1.9vmin,1rem)/1 Nunito,Arial,sans-serif;user-select:none;touch-action:manipulation}
.ng-clue{background:#e4eef8;color:#233f67;cursor:default}.ng-corner{background:#edf3f9;cursor:default}
.ng-cell{background:#fff;color:#7790a5;cursor:pointer}.ng-cell.filled{background:#314e72;box-shadow:inset 0 0 0 1px #253952}.ng-cell.excluded{background:#f0f5f8;color:#7c99ae;font-size:1.15rem}
.ng-cell:focus-visible{outline:3px solid #de902f;outline-offset:-3px;z-index:1}.ng-cell:hover{background:#ccebf0}.ng-cell.filled:hover{background:#214360}
.ng-tools,.ng-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
.ng-tools button{background:#fff;color:#244967;border:1px solid #c5d6e6;border-radius:10px;padding:9px 14px;font:800 .92rem/1 Nunito,Arial,sans-serif;cursor:pointer;box-shadow:0 2px 0 #b8cbdc}
.ng-tools button.selected{background:#e3f2ee;color:#126c68;border:2px solid #178f88;box-shadow:0 2px 0 #97beb9}.ng-tools button:hover{background:#eaf5fa;color:#164a66}
.ng-controls .btn{min-height:39px}.ng-play-area .feedback:empty,.ng-race-area .feedback:empty{display:none}
.ng-race-stage .race-side{min-width:0}.ng-race-area{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:0}.ng-race-board{border-width:3px}.ng-race-area .ng-tools button{padding:7px 10px;font-size:.84rem}
.ng-race-stage .race-panels{position:relative}
.ng-race-stage .race-center-new{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#0a9b86!important;color:#fff!important;box-shadow:0 3px 0 #08766c,0 5px 14px #1d635d44}
.ng-print-body{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:252mm;gap:3mm}
.ng-print-card{border:.3mm solid #999;border-radius:1.5mm;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.ng-print-grid{--ng-n:10;display:grid;grid-template-columns:repeat(var(--ng-n),minmax(0,1fr));grid-template-rows:repeat(var(--ng-n),minmax(0,1fr));width:60mm;height:60mm;border:.32mm solid #222;box-sizing:border-box}
.ng-print-cell,.ng-print-hint,.ng-print-corner{display:grid;place-items:center;min-width:0;min-height:0;box-sizing:border-box;font:700 8pt Arial,sans-serif;line-height:1}
.ng-print-cell{border:.12mm solid #777}.ng-print-cell.filled{background:#171717!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ng-print-hint{font-size:7pt}.ng-print-corner{background:#f6f6f6!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.ng-print-sheet{padding-top:7mm}
html[data-theme="dark"] .ng-board{border-color:#91b2d6;box-shadow:0 0 0 4px #223447,0 10px 20px #0006}
html[data-theme="dark"] .ng-clue{background:#273b53;color:#f0f5ff}html[data-theme="dark"] .ng-corner{background:#17283b}
html[data-theme="dark"] .ng-cell{background:#edf3fa;color:#54708c}html[data-theme="dark"] .ng-cell.filled{background:#4777a8}
html[data-theme="dark"] .ng-tools button{background:#263e55;color:#f0f9ff;border-color:#55748c}
html[data-theme="dark"] .ng-tools button.selected{background:#1b665e;color:#fff;border-color:#53c9b5}
@media(max-width:760px){.ng-play-area{gap:5px;padding:3px 5px}.ng-tools{gap:5px}.ng-tools button{padding:7px 9px}.ng-controls{gap:5px}}
@media print{.ng-print-grid{border-color:#111}.ng-print-hint{color:#111}}
/* Instruction clues are not interactive, but must never be faded as disabled controls. */
.ng-board .ng-clue:disabled,.ng-board .ng-corner:disabled{opacity:1!important}
.ng-board .ng-clue{color:#153a63;font-weight:900}
html[data-theme="dark"] .ng-board .ng-clue{color:#f5f9ff}