.lookout-page{padding-bottom:3rem}.lookout-shell{background:linear-gradient(145deg,#1c1233,#493071);color:#fff;border:2px solid #b99cff;border-radius:1.3rem;padding:clamp(.75rem,3vw,1.5rem);box-shadow:0 18px 45px #29134b35}.lookout-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lookout-head h2{margin:0}.lookout-head label{display:grid;gap:.35rem;font-weight:850}.lookout-head select{min-height:44px;border:2px solid #d3c1ff;border-radius:.7rem;padding:.45rem .7rem;background:#fff;color:#21113e;font:inherit}.lookout-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.lookout-stats div{display:grid;gap:.15rem;background:#fff1;border:1px solid #fff2;border-radius:.75rem;padding:.65rem}.lookout-stats small{color:#eadfff}.lookout-board-wrap{overflow:auto;padding:.5rem 0}.lookout-grid{display:grid;justify-content:center;align-items:center;gap:.35rem;min-width:max-content;margin:auto;padding:1rem;border:2px solid #d7c7ff;border-radius:1rem;background:linear-gradient(155deg,#9ee9d7,#d8c5ff 52%,#ffe289)}.lookout-clue{display:grid;place-items:center;color:#241238;font:900 1.05rem/1 Arial,sans-serif;min-height:2rem}.lookout-clue.top{grid-row:1}.lookout-clue.left{grid-column:1}.lookout-cell{width:clamp(44px,11vw,68px);aspect-ratio:1;border:2px solid #3b2359;border-radius:.7rem;background:#fff;color:#29143f;font:900 clamp(1.2rem,4vw,1.7rem)/1 Arial,sans-serif;box-shadow:0 4px 0 #4a2c6a;cursor:pointer}.lookout-cell:nth-of-type(4n+1){background:#fff5bd}.lookout-cell.given{background:#30204a;color:#fff;cursor:default}.lookout-cell.selected{outline:4px solid #ff5d98;outline-offset:1px}.lookout-numbers,.lookout-actions{display:flex;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:1rem}.lookout-numbers button,.lookout-actions button{min-width:48px;min-height:48px;border:2px solid #c7adff;border-radius:.8rem;background:#faf7ff;color:#25133f;font:inherit;font-weight:900;padding:.6rem .9rem;cursor:pointer}.lookout-numbers button{background:#ffdf5b;border-color:#fff0a4;font-size:1.1rem}.lookout-actions .primary{background:#76e6c2;border-color:#b4ffe8}.lookout-status{min-height:2.8rem;color:#fff1a8;font-weight:850;text-align:center}.lookout-note{color:#eee5ff;line-height:1.6}.lookout-guide{margin-top:1.4rem}.lookout-cell:focus-visible,.lookout-actions button:focus-visible,.lookout-numbers button:focus-visible,.lookout-head select:focus-visible{outline:3px solid #62ffe0;outline-offset:3px}@media(max-width:640px){.lookout-shell{padding:.65rem}.lookout-stats{grid-template-columns:repeat(2,1fr)}.lookout-grid{gap:.25rem;padding:.65rem}.lookout-cell{border-radius:.5rem}.lookout-clue{font-size:.95rem}}@media(prefers-reduced-motion:reduce){.lookout-cell{scroll-behavior:auto}}