*{box-sizing:border-box}body{margin:0;background:#eef0e7;color:#263f4b;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}main{max-width:820px;margin:auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:30px;letter-spacing:.12em;margin:5px 0 18px}small{font-size:12px;letter-spacing:.12em}button{font:inherit;font-weight:700;border:1px solid #a7b8ba;border-radius:14px;background:#fffdf5;color:#263f4b;min-height:48px;padding:10px 18px;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:4px solid #d68938;outline-offset:3px}button:disabled{opacity:.45;cursor:default}.world{height:195px;position:relative;overflow:hidden;border-radius:24px 24px 0 0;background:#233f51}.world>img{height:100%;width:100%;object-fit:cover}.journey{position:absolute;top:15px;left:20px;display:flex;gap:7px}.journey span{width:23px;height:23px;border-radius:50%;background:#65838c;color:#fff;font-size:12px;display:grid;place-items:center}.journey .done{background:#f2ce7c;color:#263f4b}#lanterns{position:absolute;bottom:5px;left:5%;right:5%;display:flex;justify-content:space-around;align-items:end}#lanterns img{width:52px;filter:grayscale(1) brightness(.58);transition:filter .5s,transform .5s}#lanterns img.lit{filter:none;transform:translateY(-6px)}.play{background:#fffcf3;border-radius:0 0 24px 24px;padding:22px;box-shadow:0 12px 32px #263f4b0d}.goal{display:flex;align-items:center;justify-content:space-between;gap:10px}h2{margin:0;font-size:21px}#progress{font-size:14px;white-space:nowrap}#instruction{margin:12px 0;color:#51646a;font-size:14px}.meter{display:flex;align-items:center;gap:14px;background:#e8eee7;padding:12px;border-radius:14px}#ten{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;flex:1}#ten i{height:20px;border-radius:5px;background:#cbd8cd}#ten i.full{background:#cc853f;box-shadow:inset 0 2px #f7cb7f}#sum{font-size:18px;min-width:72px}#message{height:26px;margin:12px 0 8px;font-size:14px;color:#75532a}#board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:240px;align-content:start}.tile{position:relative;min-height:94px;padding:10px;background:linear-gradient(150deg,#f3e7cf,#e1cfaf);border:2px solid #bda985;box-shadow:0 4px 0 #d2c3a5;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s,background .12s}.tile strong{font-size:28px;font-weight:800}.tile.selected{background:#e1efdd;border-color:#3f7664;box-shadow:0 4px 0 #3f7664;transform:translateY(-3px)}.tile.hinted{outline:3px dashed #568274;outline-offset:2px}.dots{display:grid;grid-template-columns:repeat(3,9px);gap:4px;width:35px;min-height:35px;align-content:center}.dots i{width:9px;height:9px;border-radius:50%;background:#76512e;box-shadow:inset 0 2px #c39c68}.tools{display:flex;gap:8px;margin-top:20px}.tools button{flex:1;padding:10px 5px;font-size:14px}.primary{background:#315f59;color:#fff;border:0;width:100%;margin-top:16px;font-size:18px}footer{text-align:center;font-size:11px;line-height:1.8;color:#677879;padding:14px}dialog{border:0;border-radius:24px;padding:28px;text-align:center;color:#263f4b;background:#fffcf3;max-width:360px;width:calc(100% - 36px);box-shadow:0 20px 100px #142f54aa}dialog::backdrop{background:#203c50bb}dialog p{font-size:16px;line-height:1.9}.intro-art{background:#264454;border-radius:16px;margin-bottom:18px;height:140px}.intro-art img{height:130px}.quiet{color:#687871;font-size:13px!important}[hidden]{display:none!important}.finish{grid-column:1/-1;text-align:center;padding:36px 8px}.finish img{height:90px}.finish h2{margin:12px}.spark{animation:shine .65s ease}@keyframes shine{50%{box-shadow:0 0 40px #edcb73}}@media(max-width:500px){main{padding:12px}h1{font-size:25px}header button{padding:8px 12px;font-size:12px}.world{height:155px}.play{padding:16px}#board{grid-template-columns:repeat(3,1fr);gap:9px}.tile{min-height:85px;gap:7px;padding:7px}.tile strong{font-size:25px}.dots{grid-template-columns:repeat(3,8px);width:30px;gap:3px}.dots i{width:8px;height:8px}h2{font-size:18px}#message{height:38px;font-size:13px}#lanterns img{width:38px}}@media(max-height:520px) and (min-width:600px){main{max-width:1100px;padding:10px;display:grid;grid-template-columns:1fr 1.6fr;gap:12px}header{grid-column:1/-1}h1{margin-bottom:0}.world{height:100%;min-height:270px;border-radius:20px}.play{border-radius:20px;padding:12px}#board{min-height:170px;grid-template-columns:repeat(6,1fr);gap:7px}.tile{min-height:64px;gap:5px;padding:5px}.tile strong{font-size:22px}.dots{grid-template-columns:repeat(3,7px);width:27px;gap:2px}.dots i{width:7px;height:7px}.tools{margin-top:12px}footer{grid-column:1/-1;padding:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v2: five-based quantity layout and clear light feedback. */
.dots{grid-template-columns:repeat(5,7px);width:43px;gap:2px;min-height:22px}.dots i{width:7px;height:7px}.dots i.empty{background:#c8bb9d;box-shadow:none;opacity:.35}.firefly{position:absolute;left:var(--x);bottom:15px;width:8px;height:8px;border-radius:50%;background:#fff3a7;box-shadow:0 0 16px #ffc35a;pointer-events:none;animation:float .9s both ease-out}@keyframes float{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translate(var(--drift),-140px)}}
@media(max-width:500px){.dots{grid-template-columns:repeat(5,6px);width:38px;gap:2px}.dots i{width:6px;height:6px}.tile{gap:5px}}

#help{font-size:12px;min-height:44px;padding:7px 16px;margin-bottom:8px}.tools{position:sticky;bottom:8px;background:#fffcf3;border-radius:14px;padding:4px 0}