:root{color-scheme:dark;--ink:#edf4ff;--muted:#a7b6d1;--navy:#081126;--panel:#101e3d;--grid:#21375f;--gold:#f7bc4d;--beam:#ffe199;--blue:#7dd6ff;--cell:min(11vw,62px)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 15%,#233d73 0,transparent 28%),radial-gradient(circle at 80% 80%,#172d58 0,transparent 30%),var(--navy);font-family:ui-rounded,"Trebuchet MS",system-ui,sans-serif;color:var(--ink);display:grid;place-items:center;padding:20px}main{width:min(100%,720px);padding:clamp(18px,4vw,34px);background:linear-gradient(145deg,#13264aee,#0b1834ed);border:1px solid #49638d;border-radius:28px;box-shadow:0 25px 70px #0008}header{display:flex;justify-content:space-between;gap:14px;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;color:var(--gold);font-size:32px;width:42px;height:42px;border:1px solid #716036;border-radius:13px;background:#192747}h1{font-size:clamp(24px,5vw,36px);line-height:1;margin:0;letter-spacing:-1px}header p{margin:6px 0 0;color:var(--muted);font-size:14px}.counter{text-align:right;background:#0b1730;border:1px solid #334f80;border-radius:12px;padding:8px 12px;min-width:78px}.counter strong{display:block;color:var(--gold);font-size:17px}.counter span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.intro{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:25px 0 12px;color:#d6e1f6}.intro p{margin:0;max-width:420px;line-height:1.4}.text-button{color:var(--blue);background:transparent;border:0;text-decoration:underline;cursor:pointer;font:inherit;white-space:nowrap}.help{margin:0 0 15px;padding:11px 13px;border-radius:12px;background:#172b50;color:#c4d4ed;line-height:1.45}.game-shell{border-radius:20px;border:1px solid #3a5785;padding:clamp(10px,2vw,18px);background:#07142d;box-shadow:inset 0 0 30px #0008}.board{margin:auto;display:grid;grid-template-columns:repeat(9,var(--cell));grid-template-rows:repeat(7,var(--cell));width:max-content;max-width:100%;background-image:radial-gradient(#7b9bd344 1px,transparent 1px);background-size:18px 18px;border:1px solid #29456e}.cell{position:relative;width:var(--cell);height:var(--cell);border:1px solid #1b3156;display:grid;place-items:center}.beam-h:after,.beam-v:after{content:"";position:absolute;background:var(--beam);box-shadow:0 0 8px 2px #f9c85a99;z-index:1}.beam-h:after{width:100%;height:4px}.beam-v:after{height:100%;width:4px}.lantern,.star,.mirror{position:relative;z-index:2}.lantern{font-size:calc(var(--cell)*.62);filter:drop-shadow(0 0 8px #ffc84d)}.star{font-size:calc(var(--cell)*.5);color:#486c98;transition:.2s}.star.lit{color:#fff4c0;text-shadow:0 0 8px var(--gold),0 0 18px #fff0a0}.mirror{width:calc(var(--cell)*.7);height:calc(var(--cell)*.7);border:0;background:transparent;color:#d7e5f8;cursor:pointer;font-size:calc(var(--cell)*.69);line-height:1;padding:0;filter:drop-shadow(0 0 3px #8ab8e4);transition:transform .18s}.mirror:hover,.mirror:focus-visible{color:#fff3bd;outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 18px;color:#aebfdb;font-size:12px;margin:15px 0 1px}.legend i{display:inline-block;vertical-align:middle;margin-right:5px}.legend-light{width:21px;height:3px;background:var(--beam);box-shadow:0 0 5px var(--gold)}.legend-star{width:10px;height:10px;background:var(--blue);clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%)}.legend-mirror{width:11px;height:11px;border-left:2px solid #d7e5f8;transform:rotate(45deg)}.controls{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}button{font-weight:700;border-radius:12px;padding:12px 16px;font-size:15px;touch-action:manipulation}.primary{color:#172039;background:linear-gradient(#ffd574,#edaa39);border:1px solid #ffe6a6;box-shadow:0 3px 0 #a56d21;cursor:pointer}.secondary{color:#dbe8fb;background:#192b4c;border:1px solid #46638f;cursor:pointer}.primary:hover,.secondary:hover{filter:brightness(1.1)}.message{min-height:24px;text-align:center;margin:15px 0 0;color:var(--muted)}.message.success{color:#ffe4a1;font-weight:700}@media(max-width:460px){body{padding:8px}main{border-radius:20px;padding:18px 13px}header{align-items:flex-start}.counter{padding:6px 8px}.intro{align-items:flex-start;flex-direction:column;margin-top:20px}.controls{justify-content:stretch}.controls button{flex:1;padding:12px 8px}.legend{font-size:11px;gap:8px}.brand-mark{display:none}}@media(orientation:landscape) and (max-height:600px){body{padding:8px}main{padding:15px;max-width:860px}h1{font-size:25px}.intro{margin:12px 0 8px}.game-shell{padding:9px}.legend{margin-top:8px}.controls{margin-top:10px}.message{margin-top:8px}}