:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",Meiryo,sans-serif;color:#eff3ff;background:#111a37}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#42547d,#182548 42%,#0b1430 85%)}button{font:inherit;cursor:pointer}a{color:inherit}.site-header,footer{max-width:1000px;margin:auto;padding:12px 20px;display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px}.site-header{border-bottom:1px solid #d5dbff26}.site-header a,footer a{text-decoration:none;color:#d9e2fb}.brand{font-weight:900!important;color:#fff0b8!important;font-size:16px}.page-title{text-align:center;margin:10px auto 13px;padding:0 12px}.page-title span{font:800 10px ui-monospace,monospace;letter-spacing:.2em;color:#abc3ee}.page-title h1{font-size:clamp(27px,4vw,39px);line-height:1.12;margin:4px 0;color:#fff2c7;letter-spacing:.08em;text-shadow:0 3px 0 #504e80}.page-title p{margin:4px 0;color:#d7e1fc;font-size:12px}.cabinet{position:relative;max-width:750px;margin:0 auto;padding:15px 18px 16px;border:3px solid #b5a6d7;border-radius:19px;background:linear-gradient(150deg,#2f426e,#202e58 52%,#19274d);box-shadow:inset 0 0 0 4px #192747,inset 0 0 0 7px #8a84b8,0 8px 0 #555178,0 20px 60px #050b23ba;outline:none;overflow:hidden}.cabinet:focus-visible{outline:3px solid #fff2b5;outline-offset:4px}.cabinet::before{content:"";position:absolute;left:9px;right:9px;top:6px;height:4px;border-radius:9px;background:repeating-linear-gradient(90deg,#e6d1a8 0 15px,transparent 15px 29px);opacity:.7}.cabinet-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:5px 0 9px}.cabinet-top small{font:800 9px ui-monospace,monospace;letter-spacing:.16em;color:#b9caee}.cabinet-top h2{margin:3px 0;font-size:22px;color:#fff1c7}.page-chip{white-space:nowrap;padding:5px 12px;border:1px solid #b4bde47d;border-radius:20px;font:800 11px ui-monospace,monospace;color:#d5e2ff}.page-chip strong{font-size:17px;color:#ffe6a5}.progress{height:5px;background:#17264c;border-radius:7px;overflow:hidden}.progress i{display:block;width:16.66%;height:100%;background:linear-gradient(90deg,#c0a4ee,#ffe5a4);transition:width .25s}.scene{position:relative;display:flex;align-items:center;min-height:88px;margin:10px 0;padding:12px 18px 12px 85px;border:1px solid #9ba9d099;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 83% 25%,#405783,#202f5d 55%,#17244c)}.scene::before{content:"✦  ·  ✧  ·  ✦      ✧   ·   ✦";position:absolute;left:4px;top:1px;width:100%;color:#fff8c7b3;font-size:13px;letter-spacing:32px;white-space:nowrap}.moon{position:absolute;left:25px;top:22px;width:45px;height:45px;border-radius:50%;background:#fff0bc;box-shadow:0 0 0 7px #fff4bc19,0 0 28px #ffe8a48c}.moon::after{content:"";position:absolute;top:-6px;left:14px;width:42px;height:42px;border-radius:50%;background:#243460}.horizon{position:absolute;inset:auto 0 0;height:18px;background:linear-gradient(160deg,transparent 23%,#162346 24% 45%,transparent 46%),linear-gradient(20deg,transparent 12%,#122041 13% 60%,transparent 61%);opacity:.7}.scene-copy{position:relative}.scene-copy small{font:800 9px ui-monospace,monospace;letter-spacing:.15em;color:#d8c9f1}.scene-copy strong{display:block;margin:2px 0;color:#fff0be;font-size:15px}.scene-copy p{margin:0;color:#d7e2fc;font-size:11px;line-height:1.5}.work-area{padding:10px;border:2px solid #7182b5;border-radius:14px;background:linear-gradient(160deg,#152447,#1b2b53);box-shadow:inset 0 0 0 3px #0f1d40,0 4px 0 #182244}.work-heading{display:flex;justify-content:space-between;gap:6px;margin:0 3px 8px;font-size:11px;color:#b9c9ee}.work-heading span:first-child{font-weight:900;color:#ffe4ad}.puzzle{--n:5;--cell:52px;display:grid;grid-template-columns:54px repeat(var(--n),var(--cell));grid-template-rows:44px repeat(var(--n),var(--cell));gap:3px;width:max-content;max-width:100%;margin:auto;padding:8px;border:2px solid #b6a2ce;border-radius:10px;background:#554b78;box-shadow:inset 0 0 0 3px #29284e,0 5px 0 #111b3d}.corner,.col-clue,.row-clue{display:flex;align-items:center;justify-content:center;border-radius:5px;background:#29365e;color:#ffe7b0;font:800 13px ui-monospace,monospace;text-align:center}.corner{font-size:17px;color:#a9bee7}.col-clue{flex-direction:column;line-height:1.15}.row-clue{gap:2px;letter-spacing:-.04em}.clue.done{color:#a7f3cf;background:#294b5e}.cell{display:grid;place-items:center;min-width:0;min-height:0;padding:0;border:2px solid #b5c6ee73;border-bottom:4px solid #202b50;border-radius:8px;background:radial-gradient(circle at 40% 30%,#40547e,#283963 72%);color:#d9e4fb;font-size:25px;font-weight:900;touch-action:manipulation;transition:background .15s,transform .15s}.cell:hover{filter:brightness(1.15)}.cell:active{transform:translateY(2px)}.cell.lit{background:radial-gradient(circle at 50% 38%,#fff8d7,#ffd981 60%,#b68767);color:#fff;box-shadow:inset 0 2px 5px #fffad5,0 0 14px #ffdf9580;text-shadow:0 1px 3px #b1725e}.cell.crossed{color:#8f9ec3;font-size:19px}.cell.cursor{outline:3px solid #fff4bd;outline-offset:1px;z-index:2}.cell:focus-visible,.cabinet button:focus-visible,a:focus-visible{outline:3px solid #fff4bd;outline-offset:2px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 5px}.metrics>div{display:flex;justify-content:space-between;align-items:center;gap:5px;padding:7px 10px;border:1px solid #8898c58a;border-radius:8px;background:#1a2b51}.metrics span{font-size:11px;color:#bfd0ee}.metrics strong{font:800 15px ui-monospace,monospace;color:#ffe2a7}.status{min-height:22px;margin:7px 2px 8px;color:#ffe7b3;font-size:12px;line-height:1.5}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button,.overlay button{min-height:43px;border:1px solid #a9b5de;border-bottom:4px solid #6676a7;border-radius:8px;background:#394c80;color:#f1f3ff;font-size:12px;font-weight:800}.actions button:active,.overlay button:active{transform:translateY(2px);border-bottom-width:2px}.key-help{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 13px;margin-top:10px;color:#cad5f1;font-size:10px}kbd{padding:2px 4px;border:1px solid currentColor;border-radius:4px;font:800 10px ui-monospace,monospace;white-space:nowrap}.overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:15px;background:#07142de8;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.overlay-card{width:min(100%,460px);max-height:100%;overflow:auto;padding:19px 22px;border:3px solid #e0c999;border-radius:17px;background:radial-gradient(circle at 50% 0,#5a6492,#2b3c69 58%,#1a2b52);box-shadow:inset 0 0 0 4px #33426e,0 15px 50px #061127;text-align:center}.overlay-sky{display:flex;justify-content:center;gap:10px;margin:2px auto 7px;color:#ffe7ae}.overlay-sky i{font-style:normal;font-size:26px;text-shadow:0 0 12px #ffe19a}.overlay-sky i:nth-child(even){padding-top:15px;color:#ddc4ff;font-size:17px}.overlay-card small{display:block;margin-top:10px;font:800 10px ui-monospace,monospace;letter-spacing:.15em;color:#cdd6f5}.overlay-card h3{font-size:26px;margin:5px 0 8px;color:#fff0bf}.overlay-card p{margin:0 0 14px;color:#e6eaf7;font-size:13px;line-height:1.7}.overlay button{width:100%;max-width:290px;background:linear-gradient(#ffedbc,#e7c88c);border-color:#fff6d3 #c3a37b #927657;color:#2e3759;font-size:15px}.overlay-hint{margin-top:11px;color:#cdd7ef;font-size:10px}.below{max-width:750px;margin:17px auto 22px;padding:0 14px;text-align:center;color:#b9c7e9;font-size:11px;line-height:1.7}footer{max-width:1000px;border-top:1px solid #d5dbff26;color:#aebfe7}footer small{margin-left:auto}@media(max-width:650px){.site-header{padding:10px 13px}.page-title{margin:7px auto}.page-title h1{font-size:27px}.page-title p{font-size:11px}.cabinet{margin:0 8px;padding:12px 9px;border-width:2px;border-radius:12px}.cabinet-top h2{font-size:18px}.scene{min-height:75px;padding:9px 9px 9px 69px}.moon{left:17px;top:20px;width:38px;height:38px}.scene-copy strong{font-size:13px}.scene-copy p{font-size:10px}.work-area{padding:6px}.work-heading{font-size:10px}.puzzle{--cell:min(11vw,49px);grid-template-columns:38px repeat(var(--n),var(--cell));grid-template-rows:38px repeat(var(--n),var(--cell));gap:2px;padding:5px}.corner,.col-clue,.row-clue{font-size:11px}.cell{font-size:21px;border-radius:5px}.metrics>div{display:block;padding:5px 7px}.metrics span,.metrics strong{display:block}.status{font-size:11px}.key-help{font-size:9px}.overlay-card{padding:17px 14px}.overlay-card h3{font-size:23px}.overlay-card p{font-size:12px}.below{font-size:10px}}@media(max-width:370px){.puzzle{--cell:min(10.5vw,42px);grid-template-columns:34px repeat(var(--n),var(--cell));grid-template-rows:34px repeat(var(--n),var(--cell));gap:2px;padding:4px}.corner,.col-clue,.row-clue{font-size:10px}.cell{font-size:19px}.work-heading span:last-child{display:none}.actions button{font-size:10px}.scene-copy p{line-height:1.3}.overlay-card{padding:12px}.overlay-card p{line-height:1.45}}@media(prefers-reduced-motion:reduce){.cell,.progress i{transition:none}}
.actions button.active{background:#6c538e;border-color:#f6d9bc #bfa4d9 #9a76a7;color:#fff4d6;box-shadow:0 0 0 2px #f7dfa66b}