:root{--night: #151a2e;--shelf: #1c243c;--brass: #c49a4a;--brass-deep: #7a5a22;--paper: #f3ead8;--mist: #8a93a8;--glass: #9ad4dc;--ink: #0e1220;--safe: env(safe-area-inset-bottom, 0px);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(70% 48% at 50% 0%,rgba(154,212,220,.16),transparent 58%),radial-gradient(90% 70% at 100% 100%,#0b1020 0%,transparent 50%),repeating-linear-gradient(90deg,rgba(196,154,74,.04) 0 2px,transparent 2px 28px),var(--night);color:var(--paper);font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,sans-serif}body{min-height:100dvh}#app{width:min(520px,100%);margin:0 auto;min-height:100dvh;min-height:100svh;padding:calc(10px + env(safe-area-inset-top,0px)) 12px calc(14px + var(--safe));display:grid;grid-template-rows:auto auto 1fr auto auto;gap:8px}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.brand h1{margin:0;font-family:Kaisei Tokumin,Yu Mincho,serif;font-weight:700;font-size:clamp(26px,7vw,36px);letter-spacing:.08em;line-height:1.15}.eyebrow,.ver{margin:0;font-size:11px;letter-spacing:.18em;color:var(--mist)}.ver{font-family:Share Tech Mono,ui-monospace,monospace;letter-spacing:.08em;color:var(--brass)}.pills{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.pill{min-width:58px;padding:6px 8px 5px;border:1px solid rgba(196,154,74,.32);background:#0e1220b8;text-align:center}.pill b{display:block;font-family:Share Tech Mono,ui-monospace,monospace;font-size:18px;line-height:1}.pill span{font-size:10px;letter-spacing:.12em;color:var(--mist)}.how{margin:0;font-size:12px;line-height:1.55;color:var(--mist)}.stage-wrap{position:relative;min-height:0;display:grid;place-items:center}.tray{--cols: 4;width:min(100%,96dvh);min-height:min(52dvh,420px);padding:22px 16px 18px;display:grid;grid-template-columns:repeat(var(--cols),minmax(44px,1fr));justify-items:center;align-content:center;gap:14px 10px;background:linear-gradient(180deg,rgba(154,212,220,.08),transparent 28%),linear-gradient(180deg,#24304c,#161c30);border:2px solid #6a5428;box-shadow:inset 0 0 0 1px #c49a4a59,0 14px #0a0e18}.tube{width:min(58px,14vw);display:grid;grid-template-rows:auto 1fr;justify-items:center;transition:transform .18s ease}.tube.is-on{transform:translateY(-16px) rotate(-4deg)}.tube.is-done .glass{box-shadow:inset 0 0 0 1px #f3ead847,0 0 16px #c49a4a47}.lip{width:72%;height:8px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#d8e8ec,#7aa3aa);box-shadow:0 1px #fff6}.glass{width:78%;height:min(168px,32dvh);padding:6px 5px 8px;display:flex;flex-direction:column-reverse;gap:0;border-radius:0 0 18px 18px;background:linear-gradient(90deg,rgba(255,255,255,.22) 0 18%,transparent 18% 100%),linear-gradient(180deg,#9ad4dc1f,#0e122033);border:2px solid rgba(154,212,220,.55);border-top:0;overflow:hidden}.seg{flex:1;display:grid;place-items:center;min-height:0;background:linear-gradient(180deg,var(--fill, transparent),var(--deep, transparent))}.seg i{font-style:normal;font-size:11px;line-height:1;color:#ffffffb8;text-shadow:0 1px 0 rgba(0,0,0,.35)}.seg.is-empty{background:transparent}.seg.is-top{border-radius:40% 40% 0 0/28% 28% 0 0}.hud{display:flex;justify-content:space-between;gap:8px;font-family:Share Tech Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.06em}.hud b{color:var(--brass);font-weight:400}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brass{min-height:52px;padding:0 14px;background:linear-gradient(180deg,#d4b05a,#a07830);color:var(--ink);letter-spacing:.1em;font-weight:700;box-shadow:0 4px 0 var(--brass-deep)}.brass:active{transform:translateY(2px);box-shadow:0 2px 0 var(--brass-deep)}.brass:disabled{opacity:.45}.ghost{min-width:44px;min-height:44px;padding:0 10px;border:1px solid rgba(196,154,74,.4);color:var(--brass)}.toast,.sheet{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.toast p,.sheet .panel{margin:0;padding:14px 18px;background:#0e1220f0;border:2px solid var(--brass);color:var(--paper);text-align:center;letter-spacing:.1em}.toast[hidden],.sheet[hidden]{display:none}.sheet{pointer-events:auto;background:#080a1294}.sheet .panel{width:min(86%,300px);display:grid;gap:10px}.sheet h2{margin:0;font-family:Kaisei Tokumin,Yu Mincho,serif;font-weight:700;letter-spacing:.12em}.sheet .meta{margin:0;color:var(--mist);font-size:13px}@media(max-width:380px){.tube{width:min(50px,16vw)}.tray{gap:10px 6px;padding:16px 10px 14px}}@media(prefers-reduced-motion:reduce){.tube,.brass{transition:none}}