:root{--pg-bg: #f4f1ea;--paper: #fff8ee;--sky: #9fd0ea;--sky-soft: #d4ebf6;--ink: #3d3428;--mist: #7a6e5c;--sun: #f2c14a;--wood: #d4b07a;--wood-deep: #b8894a;--aka: #ef6b68;--ao: #3ea0dc;--kiiro: #f0c84a;--midori: #3ec98a;--safe: env(safe-area-inset-bottom, 0px);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(28% 18% at 82% 0%,rgba(159,208,234,.45),transparent 70%),radial-gradient(42% 28% at 8% 92%,rgba(62,201,138,.1),transparent 62%),radial-gradient(36% 22% at 92% 86%,rgba(242,193,74,.14),transparent 64%),linear-gradient(180deg,#e8f4fa 0%,var(--pg-bg) 42%,#efe6d4 100%);color:var(--ink);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(440px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(8px + env(safe-area-inset-top,0px)) 12px calc(12px + var(--safe));display:grid;grid-template-rows:auto auto minmax(260px,1fr) auto auto auto;gap:7px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--sun);outline-offset:3px}.top{display:grid;grid-template-columns:1fr;align-items:end;gap:8px 10px}.brand h1{margin:0;font-family:Yomogi,Zen Maru Gothic,cursive;font-weight:400;font-size:clamp(28px,8vw,38px);letter-spacing:.06em;line-height:1.15;white-space:nowrap}.eyebrow,.ver,.how,.note,.cue,.hud,.pill span{color:var(--mist)}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.22em}.ver{font-family:IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--wood-deep)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}.pill{min-width:56px;padding:6px 8px 5px;border:1px solid rgba(61,52,40,.12);background:var(--paper);text-align:center;border-radius:12px;box-shadow:0 2px #b8894a2e}.pill b{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:16px;line-height:1.1;color:var(--ink)}.pill span{font-size:10px;letter-spacing:.12em}.how{margin:0;font-size:12px;line-height:1.6}.how b{color:var(--wood-deep);font-weight:700}.stage-wrap{position:relative;min-height:0;display:grid}.window{position:relative;min-height:260px;height:100%;overflow:hidden;border:10px solid var(--wood);border-radius:6px;background:radial-gradient(18% 16% at 78% 14%,rgba(255,236,160,.7),transparent 62%),radial-gradient(70% 46% at 50% 118%,rgba(244,241,234,.9),transparent 52%),linear-gradient(180deg,var(--sky) 0%,var(--sky-soft) 48%,var(--pg-bg) 100%);box-shadow:inset 0 0 0 2px #f3e6c8,0 8px 0 var(--wood-deep)}.window:before{content:"";position:absolute;top:8px;right:46%;bottom:8px;left:48.5%;background:#f3e6c88c;pointer-events:none}.sill{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sun{position:absolute;top:14px;right:22px;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 32% 32%,#fff8d8,var(--sun) 62%,#d4a028);box-shadow:0 0 18px #f2c14a73}.cloud{position:absolute;width:38px;height:16px;border-radius:999px;background:#fffcf6c7;box-shadow:12px 4px 0 -2px #fffcf6b3;top:22%;left:12%;animation:drift 9s ease-in-out infinite}.cloud.late{top:58%;left:68%;width:28px;animation-delay:-3.2s}.lattice{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;padding:28px 18px 16px}.lantern{display:grid;place-items:center;align-content:start;min-height:0;padding-top:4px}.cap{width:28px;height:8px;border-radius:3px;background:linear-gradient(180deg,#f0dcab,var(--wood-deep))}.cord{width:2px;height:10px;background:var(--wood)}.bowl{position:relative;width:min(100%,132px);aspect-ratio:1;border-radius:50% 50% 46% 46%;display:grid;place-items:center;overflow:hidden;filter:saturate(.86) brightness(.94);box-shadow:inset 0 -10px #3d342814,0 6px #3d34281f}.lantern[data-pad=aka] .bowl{background:radial-gradient(circle at 40% 32%,#ffd4cc,var(--aka) 58%,#c44a48)}.lantern[data-pad=ao] .bowl{background:radial-gradient(circle at 40% 32%,#d4eeff,var(--ao) 58%,#2a6ea8)}.lantern[data-pad=kiiro] .bowl{background:radial-gradient(circle at 40% 32%,#fff4c4,var(--kiiro) 58%,#c4a02a)}.lantern[data-pad=midori] .bowl{background:radial-gradient(circle at 40% 32%,#d4ffe8,var(--midori) 58%,#2a8a5c)}.glow{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle,rgba(255,250,230,.18),transparent 68%);opacity:.2}.lantern.is-lit .bowl{filter:saturate(1.12) brightness(1.16);box-shadow:inset 0 -10px #3d34280d,0 0 26px #ffdc78b3,0 0 0 3px #fff8dc8c}.lantern.is-lit .glow{opacity:1}.name{position:relative;font-family:Yomogi,Zen Maru Gothic,cursive;font-size:clamp(16px,4.6vw,20px);letter-spacing:.08em;color:#3d3428c7}.lantern:disabled{cursor:default}.cue{margin:6px 0 0;text-align:center;font-size:13px;letter-spacing:.16em}.cue[data-phase=input]{color:var(--wood-deep)}.cue[data-phase=fail]{color:var(--aka)}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:16px;background:#f4f1ea85}.sheet[hidden]{display:none}.panel{width:min(86%,260px);padding:18px 16px 14px;border-radius:18px;background:repeating-linear-gradient(180deg,transparent 0 22px,rgba(184,137,74,.08) 22px 23px),linear-gradient(180deg,#fffdf8,var(--paper));color:var(--ink);text-align:center;box-shadow:0 10px 0 var(--wood-deep)}.panel h2{margin:0;font-family:Yomogi,Zen Maru Gothic,cursive;font-weight:400;font-size:28px}.prize{margin:8px 0 0;font-size:16px}.meta{margin:6px 0 14px;font-size:12px;color:var(--mist)}.hud{display:flex;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:.06em}.hud b{color:var(--wood-deep);font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:500}.actions{display:grid;grid-template-columns:1.4fr 1fr;gap:6px}.paper,.ghost{min-height:44px;padding:0 8px;letter-spacing:.08em;border-radius:999px}.paper{background:linear-gradient(180deg,#fff4d8,#e2c27a);color:#2a1c10;font-weight:700;box-shadow:0 3px #8a6a28}.paper:active{transform:translateY(2px);box-shadow:0 1px #8a6a28}.paper:disabled,.ghost:disabled{opacity:.55;cursor:default}.ghost{border:1px solid rgba(61,52,40,.16);background:var(--paper);color:var(--ink)}.ghost.icon{min-width:44px;border-radius:12px}.note{margin:0;font-size:11px;letter-spacing:.04em;text-align:center}@keyframes drift{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(18px,-10px);opacity:1}}@media(max-width:420px){.window{min-height:236px}}@media(max-height:700px){.how,.note{display:none}}@media(max-height:560px){.brand h1{font-size:26px}.window{min-height:200px}}@media(prefers-reduced-motion:reduce){.cloud,.paper{animation:none}}