.akari-shell{width:min(620px,100%);margin:auto;display:grid;gap:16px}.akari-hud{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.akari-hud>div{display:grid;gap:4px;padding:10px;border:1px solid color-mix(in srgb,var(--game-accent) 24%,#ffffff12);border-radius:13px;background:#0d1623}.akari-hud span{color:#7f8ca0;font-size:.6rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.akari-hud strong{font:850 .88rem/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#eef5fb}.akari-board{display:grid;gap:4px;width:min(590px,100%);margin:auto;padding:clamp(8px,2vw,14px);border-radius:24px;background:linear-gradient(145deg,#1c2430,#0b1119);border:1px solid color-mix(in srgb,var(--game-accent) 30%,#ffffff12);box-shadow:inset 0 2px 9px #0008,0 20px 55px #0005}.akari-board.is-complete{box-shadow:inset 0 2px 9px #0008,0 0 0 2px color-mix(in srgb,var(--game-accent-2) 65%,transparent),0 22px 65px color-mix(in srgb,var(--game-accent) 22%,#000)}.akari-cell,.akari-wall{aspect-ratio:1;border-radius:10px;display:grid;place-items:center;min-width:0}.akari-cell{position:relative;border:1px solid #ffffff13;background:#f5f7fb0a;color:#dce4ef;cursor:pointer;overflow:hidden;transition:background .16s ease,box-shadow .16s ease,transform .12s ease,border-color .16s ease}.akari-cell:hover{transform:translateY(-1px);border-color:#ffffff2f}.akari-cell.is-lit{background:radial-gradient(circle at 50% 50%,#fff6a955,#facc1518 52%,#ffffff08);box-shadow:inset 0 0 20px #facc1510}.akari-cell.has-bulb{background:radial-gradient(circle at 50% 50%,#fff8c6aa,#facc1530 50%,#ffffff0a);border-color:#fde04799}.akari-cell.is-conflict{border-color:#fb7185;box-shadow:inset 0 0 0 2px #fb718566,0 0 18px #fb71852c}.akari-cell:focus-visible{outline:3px solid color-mix(in srgb,var(--game-accent-2) 75%,white);outline-offset:-4px}.akari-bulb{position:relative;width:48%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff 0 11%,#fff6a9 12% 32%,#facc15 33% 70%,#d97706 71%);color:transparent;box-shadow:0 0 0 3px #fff4,0 0 18px #facc1599,0 0 34px #f59e0b55;animation:akari-pop .16s ease-out}.akari-bulb:after{content:'';position:absolute;left:31%;right:31%;bottom:-22%;height:28%;border-radius:3px;background:linear-gradient(#9ca3af,#475569);box-shadow:inset 0 1px #fff5}.akari-cross{font-size:clamp(1rem,5vw,2rem);font-weight:900;color:#64748b;line-height:1}.akari-wall{background:linear-gradient(145deg,#111827,#020617);border:1px solid #ffffff18;color:#f8fafc;font:900 clamp(.9rem,4vw,1.65rem)/1 ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:inset 0 1px #ffffff12,inset 0 -3px #0004}.akari-wall.is-satisfied{border-color:#34d39999;color:#6ee7b7;box-shadow:inset 0 0 0 1px #34d39944}.akari-wall.is-over{border-color:#fb7185;color:#fecdd3;box-shadow:inset 0 0 0 2px #fb718555}.akari-instructions{margin:0;text-align:center;color:#748198;font-size:.76rem;line-height:1.55}.akari-cell.is-lit:not(.has-bulb){animation:akari-light .2s ease-out}@keyframes akari-pop{from{transform:scale(.5);opacity:.25}to{transform:scale(1);opacity:1}}@keyframes akari-light{from{background:#ffffff06}to{background:radial-gradient(circle at 50% 50%,#fff6a955,#facc1518 52%,#ffffff08)}}html[data-theme="light"] .akari-hud>div{background:#fff;border-color:#e2e8f0}html[data-theme="light"] .akari-hud span{color:#64748b}html[data-theme="light"] .akari-hud strong{color:#172033}html[data-theme="light"] .akari-board{background:linear-gradient(145deg,#6b6254,#40382d);box-shadow:inset 0 2px 8px #2f261c55,0 18px 42px #23304a18}html[data-theme="light"] .akari-cell{background:#fff;border-color:#d8dee8;color:#1e293b}html[data-theme="light"] .akari-cell.is-lit{background:radial-gradient(circle,#fff9cc,#fff3a4)}html[data-theme="light"] .akari-cell.has-bulb{background:radial-gradient(circle,#fffde7,#fde68a)}html[data-theme="light"] .akari-wall{background:linear-gradient(145deg,#273244,#111827)}@media(max-width:700px){.akari-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.akari-board{gap:3px;border-radius:18px}.akari-cell,.akari-wall{border-radius:8px}}@media(max-width:420px){.akari-shell{gap:12px}.akari-hud>div{padding:8px}.akari-board{padding:7px}.akari-cell,.akari-wall{border-radius:6px}.akari-instructions{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.akari-cell{transition:none}.akari-bulb,.akari-cell.is-lit:not(.has-bulb){animation:none}}
