.logic-grid-game{max-width:1180px;margin:.55rem auto;padding:12px;border-radius:16px;background:linear-gradient(145deg,#f6f2ff,#e7e9ff);box-shadow:0 12px 28px rgba(40,44,95,.12);color:#1b2130}
.logic-grid-header h2{margin:0 0 8px}
.logic-grid-setup{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:6px 0 9px}
.logic-grid-setup label{display:grid;gap:4px;min-width:180px}
.logic-grid-setup select{padding:.5rem .65rem;border:1px solid rgba(53,67,131,.24);border-radius:9px;background:#fff;color:inherit}
.logic-grid-btn{border:1px solid rgba(53,67,131,.22);border-radius:9px;padding:.55rem .8rem;background:#fff;color:inherit;cursor:pointer}
.logic-grid-btn-primary{background:#4551b8;color:#fff;border-color:#4551b8}
.logic-grid-status{padding:7px 10px;border-radius:9px;background:#fff!important;border-left:3px solid #6170d1;margin-bottom:9px}
.logic-grid-layout{display:grid;grid-template-columns:minmax(220px,285px) 1fr;gap:10px;align-items:start}
.logic-grid-clues-panel,.logic-grid-matrix-card{padding:10px;border-radius:13px;background:rgba(255,255,255,.76)}
.logic-grid-clues-panel h3,.logic-grid-matrix-card h3{margin:0 0 8px}
.logic-grid-clues{padding-left:1.15rem;margin:0}
.logic-grid-clues li+li{margin-top:.28rem}
.logic-grid-legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.logic-grid-matrices{display:grid;gap:9px}
.logic-grid-table-wrap{overflow:auto}
.logic-grid-table{width:100%;border-collapse:collapse;min-width:470px}
.logic-grid-table th,.logic-grid-table td{border:1px solid rgba(60,74,137,.16);padding:4px;text-align:center;vertical-align:middle;background:#fff}
.logic-grid-cell{width:36px;height:36px;border:1px solid rgba(60,74,137,.15);border-radius:8px;background:#f7f8ff;color:inherit;cursor:pointer;padding:0}
.logic-grid-cell.is-yes{background:#e2f5e7;border-color:#4ea167}
.logic-grid-cell.is-no{background:#fde9e9;border-color:#bf5c5c}
.logic-grid-puzzle-id{margin-top:7px;text-align:right;opacity:.58}
.logic-grid-print-footer{display:none}
.logic-grid-rules{margin-top:7px;border-top:1px solid rgba(60,74,137,.15);padding-top:7px}
.logic-grid-rules summary{cursor:pointer}
.logic-grid-game,.logic-grid-status,.logic-grid-clues-panel,.logic-grid-matrix-card,.logic-grid-rules,.logic-grid-puzzle-id{color:#1b2130!important}
.logic-grid-setup select,.logic-grid-btn:not(.logic-grid-btn-primary),.logic-grid-table th,.logic-grid-table td,.logic-grid-cell{color:#1b2130!important}
.logic-grid-btn-primary{color:#fff!important}
@media (min-width:901px) and (orientation:landscape){.logic-grid-clues-panel{position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}}
@media (max-width:900px){.logic-grid-layout{grid-template-columns:1fr}.logic-grid-setup label{min-width:160px}}
@media (max-width:680px){.logic-grid-game{margin:.35rem 0;padding:8px;border-radius:12px}.logic-grid-table{min-width:420px}.logic-grid-cell{width:34px;height:34px}.logic-grid-setup{gap:6px}.logic-grid-setup label{min-width:145px}}

@media print{
  @page{size:A4 landscape;margin:8mm}
  html.logic-grid-print-active,body.logic-grid-print-active{height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}
  body.logic-grid-print-active *{visibility:hidden!important}
  body.logic-grid-print-active .spielstube-lightbox,
  body.logic-grid-print-active .spielstube-lightbox__dialog,
  body.logic-grid-print-active .spielstube-lightbox__body,
  body.logic-grid-print-active .spielstube-lightbox__game{position:static!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important}
  body.logic-grid-print-active .spielstube-lightbox__bar{display:none!important}
  .logic-grid-game.logic-grid-printing,.logic-grid-game.logic-grid-printing *{visibility:visible!important}
  .logic-grid-game.logic-grid-printing{position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;color:#000!important}
  .logic-grid-game.logic-grid-printing .logic-grid-setup,
  .logic-grid-game.logic-grid-printing .logic-grid-status,
  .logic-grid-game.logic-grid-printing .logic-grid-rules,
  .logic-grid-game.logic-grid-printing .logic-grid-legend{display:none!important}
  .logic-grid-game.logic-grid-printing .logic-grid-header{break-inside:avoid!important;page-break-inside:avoid!important;margin-bottom:3mm!important}
  .logic-grid-game.logic-grid-printing .logic-grid-header h2{margin:0 0 3mm!important}
  .logic-grid-game.logic-grid-printing .logic-grid-layout{display:block!important}
  .logic-grid-game.logic-grid-printing .logic-grid-clues-panel{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    height:auto!important;
    margin:0 0 4mm!important;
    padding:3mm!important;
    background:#fff!important;
    border:1px solid #999!important;
    border-radius:0!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    break-after:page!important;
    page-break-after:always!important
  }
  .logic-grid-game.logic-grid-printing .logic-grid-clues-panel h3{margin:0 0 2mm!important}
  .logic-grid-game.logic-grid-printing .logic-grid-clues{columns:1!important;padding-left:5mm!important;margin:0!important}
  .logic-grid-game.logic-grid-printing .logic-grid-clues li{break-inside:avoid!important;page-break-inside:avoid!important;margin:0 0 1.2mm!important;padding:0!important}
  .logic-grid-game.logic-grid-printing .logic-grid-print-footer{
    display:block!important;
    position:static!important;
    margin-top:3mm!important;
    padding-top:1.5mm!important;
    border-top:1px solid #bbb!important;
    text-align:center!important;
    color:#000!important
  }
  .logic-grid-game.logic-grid-printing .logic-grid-matrices{
    display:grid!important;
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4mm!important;
    align-items:start!important;
    break-before:page!important;
    page-break-before:always!important
  }
  .logic-grid-game.logic-grid-printing .logic-grid-matrix-card{
    display:block!important;
    width:auto!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    padding:2mm!important;
    background:#fff!important;
    border:1px solid #999!important;
    border-radius:0!important
  }
  .logic-grid-game.logic-grid-printing .logic-grid-matrix-card + .logic-grid-matrix-card{break-before:auto!important;page-break-before:auto!important}
  .logic-grid-game.logic-grid-printing .logic-grid-matrix-card h3{margin:0 0 1.5mm!important}
  .logic-grid-game.logic-grid-printing .logic-grid-table-wrap{overflow:visible!important}
  .logic-grid-game.logic-grid-printing .logic-grid-table{width:100%!important;min-width:0!important;table-layout:fixed!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .logic-grid-game.logic-grid-printing .logic-grid-table th,.logic-grid-game.logic-grid-printing .logic-grid-table td{padding:.8mm!important;background:#fff!important;border-color:#777!important;overflow-wrap:anywhere!important}
  .logic-grid-game.logic-grid-printing .logic-grid-cell{width:5mm!important;height:5mm!important;border-radius:0!important;background:#fff!important;border:1px solid #777!important;color:transparent!important}
  .logic-grid-game.logic-grid-printing .logic-grid-puzzle-id{margin-top:2mm!important;opacity:.75!important;color:#000!important}
}