*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#253c3e,#0d1d25 75%);color:#f3e6c9;font:14px Tahoma,Arial,sans-serif;min-height:100svh}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #75827d;background:#20363d;border-radius:12px;padding:12px;touch-action:manipulation}button:hover{filter:brightness(1.15)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:3px solid #ffdf8b;outline-offset:4px}[hidden]{display:none!important}main{max-width:520px;margin:auto;padding:24px 20px;text-align:center}header{display:flex;justify-content:space-between;align-items:center;text-align:right;margin-bottom:22px}header small{font:10px Arial;letter-spacing:3px;color:#c2bb9c}h1{font-size:32px;margin:8px 0}header button{font-size:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{border:1px solid #455958;background:#20363b;border-radius:16px;padding:12px;color:#c2c9bd;font-size:11px}.stats b{display:block;margin-top:7px;font-size:22px;color:#ffdf9f;font-weight:400}.scene{position:relative;margin-top:18px;padding:72px 20px 25px;border:1px solid #56615a;border-radius:80px 80px 22px 22px;background:radial-gradient(ellipse at top,#425247,#1b3336 65%);overflow:hidden;box-shadow:0 25px 70px #0003}.moon{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:#f3e6b7;box-shadow:0 0 35px #fbe5a53b}.eyebrow{position:absolute;top:41px;left:0;right:0;font-size:10px;color:#ddd7b6;letter-spacing:1px}#grid{display:grid;gap:10px;direction:ltr;position:relative;z-index:1}.lantern{aspect-ratio:1;border-radius:20%;padding:0;position:relative;background:#152b31;border:1px solid #62736a;display:grid;place-items:center;transition:background .2s,box-shadow .2s}.lantern:before{content:'';width:42%;height:57%;background:repeating-linear-gradient(90deg,transparent 0 23%,#0002 23% 26%),#3c5152;border-radius:32%;border:2px solid #9b986d;box-shadow:0 -7px 0 -4px #b6a578,0 7px 0 -4px #b6a578}.lantern.on{background:#655c35;border-color:#ddbb65;box-shadow:inset 0 0 20px #f4c35d22}.lantern.on:before{background:repeating-linear-gradient(90deg,transparent 0 23%,#8e581a44 23% 26%),linear-gradient(#ffce70,#ffe8a1,#d9a84b);box-shadow:0 0 20px #ffc75b55,0 -7px 0 -4px #d5b86f,0 7px 0 -4px #d5b86f}.lantern.hint{outline:3px dashed #fff2c5;outline-offset:2px}.lantern.hint:after{content:'✦';position:absolute;top:2px;right:5px;color:#fff}.ground{height:4px;background:#ad985955;margin-top:23px;border-radius:50%}#message{line-height:1.9;min-height:46px;color:#e3d6ae;font-size:12px}.actions{display:flex;gap:8px}.actions button{flex:1;font-size:11px;padding:12px 5px}footer{display:flex;justify-content:space-between;margin:23px 0 10px;font-size:11px;color:#c7ccbc}.text{background:0 0;border:0;font-size:11px;color:#d8c893}.tip{font-size:10px;color:#aabbb2;line-height:2}#overlay{position:fixed;inset:0;background:#07171cce;backdrop-filter:blur(9px);z-index:5;display:grid;place-items:center;padding:20px;overflow:auto}.dialog{width:100%;max-width:420px;padding:28px;background:radial-gradient(ellipse at top,#435143,#1c3439);border:1px solid #bba46b;border-radius:28px;text-align:center;box-shadow:0 25px 100px #0006}.seal{font-size:65px;color:#f3d28e;line-height:1.2}.dialog small{color:#d0c6a4;font-size:11px}h2{font-size:28px;margin:16px 0}.dialog p{line-height:2.2;font-size:13px;color:#e3e3ce}#guide{padding:15px;background:#12292c;border-radius:14px;font-size:11px;line-height:2.1;text-align:right;color:#d6dbc9}.primary{width:100%;background:#e4c27c;color:#203130;border:0;font-weight:700;margin-top:20px;padding:15px}#secondary{width:100%;margin-top:10px}@media(max-width:380px){main{padding:16px 12px}.scene{padding-inline:14px}#grid{gap:8px}.dialog{padding:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}