.logic-grid-shell{
  --lg-bg:#0a121d;
  --lg-panel:#0f1a28;
  --lg-line:#2a3a50;
  --lg-text:#e7eef8;
  --lg-muted:#7e90a7;
  --lg-accent:#8b5cf6;
  --lg-accent-2:#67e8f9;
  width:min(1180px,100%);
  margin:auto;
  display:grid;
  gap:14px;
}
.logic-grid-hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.logic-grid-stat{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px;border:1px solid var(--lg-line);border-radius:12px;background:linear-gradient(180deg,#111d2c,#0c1622)}
.logic-grid-stat span{color:#70839a;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.logic-grid-stat strong{color:#e8f0fa;font-size:.75rem;font-weight:900;white-space:nowrap}
.logic-grid-stat.is-error{border-color:#9f3148;background:#32151f}.logic-grid-stat.is-error strong{color:#fecdd3}
.logic-grid-stat.is-success{border-color:#147a6d;background:#0d2c2a}.logic-grid-stat.is-success strong{color:#99f6e4}
.logic-grid-workspace{display:grid;grid-template-columns:minmax(245px,.7fr) minmax(0,1.9fr);gap:14px;align-items:start}
.logic-grid-clues,.logic-grid-board,.logic-grid-answer{border:1px solid var(--lg-line);border-radius:18px;background:linear-gradient(155deg,#101b2a,#09111c);box-shadow:0 16px 42px #0004,inset 0 1px #ffffff0b}
.logic-grid-clues{position:sticky;top:96px;overflow:hidden;max-height:calc(100vh - 116px);display:grid;grid-template-rows:auto minmax(0,1fr)}
.logic-grid-panel-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #26374d}
.logic-grid-panel-head>div{display:grid;gap:2px}.logic-grid-panel-head span{color:#c4b5fd;font-size:.52rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.logic-grid-panel-head strong{color:#e4edf8;font-size:.76rem}.logic-grid-panel-head>b{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#2b1f4e;color:#ddd6fe;font-size:.68rem}
.logic-grid-clue-list{overflow:auto;display:grid;gap:6px;padding:8px;scrollbar-width:thin}
.logic-grid-clue{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) 20px;gap:8px;align-items:start;padding:9px;border:1px solid #223449;border-radius:11px;background:#0c1724;color:inherit;text-align:left;cursor:pointer;transition:.12s ease}
.logic-grid-clue:hover{border-color:#4b5376;background:#121d31}.logic-grid-clue>span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#1d2340;color:#c4b5fd;font:.78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:900}.logic-grid-clue>strong{color:#cad8e8;font-size:.68rem;line-height:1.42;font-weight:720}.logic-grid-clue>em{color:#67e8f9;font-size:.88rem;font-style:normal;font-weight:900;text-align:center;padding-top:3px}.logic-grid-clue.is-used{opacity:.58;background:#0b151f}
.logic-grid-board{min-width:0;padding:12px;display:grid;gap:11px}.logic-grid-board.has-contradiction{border-color:#9f3148;box-shadow:0 16px 42px #0004,inset 0 0 0 1px #fb718533}
.logic-grid-board-head{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:1px 2px}.logic-grid-board-head>div{display:grid;gap:2px}.logic-grid-board-head span{color:#c4b5fd;font-size:.52rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.logic-grid-board-head strong{color:#eef6ff;font-size:.9rem}.logic-grid-board-head p{max-width:370px;margin:0;color:#667991;font-size:.61rem;line-height:1.45;text-align:right}
.logic-grid-matrices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}
.logic-grid-matrix-card{min-width:0;overflow:hidden;border:1px solid #31455d;border-radius:13px;background:#0a121c}
.logic-grid-matrix-title{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 8px;border-bottom:1px solid #2c3f56;background:#132238;color:#dce8f6;font-size:.6rem;font-weight:850}.logic-grid-matrix-title b{color:#8b93a8}.logic-grid-matrix-scroll{width:100%;overflow:auto;scrollbar-width:thin}.logic-grid-matrix{display:grid;width:max(100%,340px);min-width:max-content;gap:1px;background:#31455d}
.logic-grid-corner,.logic-grid-col,.logic-grid-row{min-height:38px;display:grid;place-items:center;padding:4px 5px;background:#162335;color:#c9d7e7;font-size:.53rem;font-weight:850;text-align:center;line-height:1.1}.logic-grid-corner{position:sticky;left:0;top:0;z-index:5;justify-items:start;background:#1a2a3e;color:#a5b4fc}.logic-grid-col{position:sticky;top:0;z-index:3;background:#17283a;writing-mode:vertical-rl;transform:rotate(180deg);max-height:82px;padding:7px 4px}.logic-grid-row{position:sticky;left:0;z-index:2;justify-items:start;background:#142235;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logic-grid-cell{min-width:38px;min-height:38px;border:0;border-radius:0;background:#0f1a29;color:#52667f;cursor:pointer;display:grid;place-items:center;font:900 1rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:.1s ease}.logic-grid-cell:hover{background:#1b3150;box-shadow:inset 0 0 0 2px #ffffff18}.logic-grid-cell.state-no{background:#271722;color:#fb7185}.logic-grid-cell.state-yes{background:#10342f;color:#5eead4;text-shadow:0 0 16px #2dd4bf55}.logic-grid-cell:focus-visible{outline:3px solid #dff6ff;outline-offset:-3px;z-index:5}
.logic-grid-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;color:#73859b;font-size:.56rem}.logic-grid-legend span{display:flex;align-items:center;gap:5px}.logic-grid-legend b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #34485f;border-radius:5px;background:#101e2e;color:#d8e6f5;font-size:.7rem}
.logic-grid-board .game-board-tools{margin-top:0}.logic-grid-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.logic-grid-actions .game-action{width:100%;min-height:41px}.logic-grid-actions .game-action--primary{background:linear-gradient(135deg,#6d4aff,#0e7490);border-color:#8b5cf6}
.logic-grid-answer{padding:10px;display:grid;gap:9px;box-shadow:none}.logic-grid-answer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}.logic-grid-answer-head span{color:#c4b5fd;font-size:.52rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.logic-grid-answer-head strong{color:#75869c;font-size:.56rem;font-weight:700}.logic-grid-answer-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px}.logic-grid-answer article{min-width:0;padding:9px;border:1px solid #293d54;border-radius:11px;background:#0c1724;display:grid;gap:5px}.logic-grid-answer h3{margin:0 0 2px;color:#a5b4fc;font-size:.73rem}.logic-grid-answer article>div{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:6px}.logic-grid-answer article span{color:#64778e;font-size:.5rem;text-transform:uppercase;letter-spacing:.04em}.logic-grid-answer article strong{min-width:0;color:#d5e2f1;font-size:.62rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:980px){.logic-grid-workspace{grid-template-columns:1fr}.logic-grid-clues{position:static;max-height:none}.logic-grid-clue-list{max-height:280px}}
@media(max-width:720px){.logic-grid-matrices{grid-template-columns:1fr}}
@media(max-width:650px){.logic-grid-shell{gap:10px}.logic-grid-hud{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.logic-grid-stat{min-height:40px;padding:6px 7px;border-radius:9px;gap:4px;flex-direction:column}.logic-grid-stat span{font-size:.48rem}.logic-grid-stat strong{font-size:.67rem}.logic-grid-clues,.logic-grid-board,.logic-grid-answer{border-radius:14px}.logic-grid-clue-list{max-height:240px}.logic-grid-board{padding:9px;gap:9px}.logic-grid-board-head{align-items:flex-start;flex-direction:column;gap:3px}.logic-grid-board-head p{text-align:left;font-size:.56rem}.logic-grid-matrix{width:max(100%,330px)}.logic-grid-corner,.logic-grid-col,.logic-grid-row{min-height:36px;font-size:.5rem}.logic-grid-cell{min-width:36px;min-height:36px;font-size:.94rem}.logic-grid-actions{gap:5px}.logic-grid-actions .game-action{min-height:39px;padding:0 6px;font-size:.68rem}.logic-grid-answer-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.logic-grid-answer-head strong{display:none}}
@media(max-width:410px){.logic-grid-actions{grid-template-columns:1fr 1fr}.logic-grid-actions .game-action--primary{grid-column:1/-1}.logic-grid-answer-table{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.logic-grid-clue,.logic-grid-cell{transition:none}}