:root{--ink: rgba(255, 248, 240, .92);--ink-dim: rgba(255, 248, 240, .62);--glass: rgba(20, 16, 14, .58);--glass-hi: rgba(255, 240, 225, .12);--accent: #e8a0a8}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden}body{font-family:Geist,sans-serif;color:var(--ink)}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}#loader{position:fixed;inset:0;display:grid;place-items:center;background:#0b0908;transition:opacity 1.6s ease,visibility 0s linear 1.6s;z-index:10}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-inner{width:min(360px,80vw);text-align:center}.loader-title{font-family:Arizonia,cursive;font-size:28px;font-weight:400;margin-bottom:18px}.loader-bar{height:2px;background:#ffffff1f;overflow:hidden}#loader-fill{display:block;height:100%;width:0%;background:var(--accent);transition:width .3s ease}.loader-note{margin-top:12px;font-size:14px;color:var(--ink-dim);font-style:italic}#hud{position:fixed;inset:0;pointer-events:none;transition:opacity .8s ease,visibility 0s linear .8s;z-index:5}#hud.hidden{opacity:0;visibility:hidden}#hud.off{opacity:0!important;visibility:hidden}.hud-title{position:absolute;left:22px;top:18px;text-shadow:0 1px 12px rgba(0,0,0,.45)}.hud-title .t1{font-family:Arizonia,cursive;font-size:32px;line-height:1;font-weight:400}.hud-title .t2{font-size:14px;color:var(--ink-dim);margin-top:2px}.hud-clock{font-size:12px;color:var(--ink-dim);margin-top:3px;font-variant-numeric:tabular-nums}.hud-controls{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px;pointer-events:auto}.hud-panel{position:absolute;top:calc(100% + 18px);right:0;width:min(340px,calc(100vw - 32px));background:linear-gradient(145deg,#27191bf7,#14100ef5);border:1px solid rgba(255,218,225,.26);border-radius:12px;padding:14px;font-size:12px;box-shadow:0 14px 36px #00000052,inset 0 1px #ffffff0f;contain:layout paint;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.settings-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,218,225,.18)}.settings-kicker{color:var(--accent);font:600 9px/1.2 Geist,sans-serif}.settings-title{margin-top:3px;color:var(--ink);font:17px/1.1 Cormorant Garamond,Georgia,serif}.settings-seal{width:34px;height:34px;display:grid;place-items:center;color:#ffd6df;border:1px solid rgba(255,214,223,.35);border-radius:50%;font:17px/1 Yu Mincho,Hiragino Mincho ProN,serif}.settings-time{gap:12px}.settings-time-label{display:flex;align-items:center;gap:7px;width:auto!important;min-width:82px;color:var(--ink)}.settings-time-label [lang=ja]{color:var(--accent);font-size:11px}.settings-group{margin-top:13px}.settings-group-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;color:var(--ink-dim);font-size:11px}.settings-group-title [lang=ja]{color:#e8a0a8b8;font-size:10px}.hud-panel.open{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.hud-menu{width:32px;height:32px;padding:0;display:grid;place-items:center;color:#fff8f0c2;background:#14100e47;border:1px solid rgba(255,240,225,.16);border-radius:50%;box-shadow:0 2px 10px #00000029;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.hud-menu-icon{display:grid;width:20px;height:20px;place-items:center;font:20px/1 Apple Symbols,Segoe UI Symbol,sans-serif;text-align:center}.hud-menu:hover,.hud-menu:focus-visible{color:var(--ink);background:#14100e9e;border-color:#fff0e14d}.hud-menu:focus-visible,.buttons button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.row{display:flex;align-items:center;gap:10px}.row+.row{margin-top:8px}.row span{width:34px;color:var(--ink-dim)}.row input[type=range]{flex:1;accent-color:var(--accent)}.buttons{flex-wrap:wrap;gap:6px}.buttons button{flex:1 1 auto;font:inherit;color:var(--ink);background:#fff1f20e;border:1px solid rgba(255,218,225,.16);border-radius:7px;padding:7px 8px;cursor:pointer}.buttons button:hover{background:#ffffff1f}.buttons button.on{background:#e8a0a838;border-color:#e8a0a885}#caption{position:fixed;left:50%;top:11vh;z-index:4;pointer-events:none;width:min(760px,calc(100vw - 32px));transform:translate(-50%,10px);text-align:center;color:#fff8f0;opacity:0;filter:blur(6px);visibility:hidden;transition:opacity 1.6s ease,transform 2.2s cubic-bezier(.2,.7,.2,1),filter 1.6s ease,visibility 0s linear 1.8s;text-shadow:0 1px 2px rgba(0,0,0,.35),0 2px 22px rgba(0,0,0,.45);contain:layout paint}#caption.show{opacity:1;transform:translate(-50%);filter:blur(0);visibility:visible;transition:opacity 1.6s ease,transform 2.2s cubic-bezier(.2,.7,.2,1),filter 1.6s ease,visibility 0s}.cap-jp{font-family:Yu Mincho,YuMincho,Hiragino Mincho ProN,"Noto Serif JP",MS Mincho,serif;font-size:clamp(30px,4.6vw,54px);letter-spacing:.32em;padding-left:.32em;font-weight:500;line-height:1.15}.cap-jp.long{font-size:clamp(20px,2.6vw,32px);letter-spacing:.18em;padding-left:.18em}.cap-rule{width:64px;height:1px;margin:14px auto 12px;background:linear-gradient(90deg,transparent,rgba(255,230,235,.85),transparent)}.cap-title{font-family:Qwitcher Grypen,cursive;font-size:clamp(32px,4vw,48px);line-height:.9;color:#ffe6ea}.cap-line{margin-top:10px;font-size:clamp(15px,1.5vw,19px);font-style:italic;color:#fff8f0e0;line-height:1.45}#hud.off~#caption,#caption.off{display:none}@media (max-width: 720px){.hud-title .t1{font-size:28px}.hud-title .t2{font-size:12px}.hud-controls{right:12px;top:max(12px,env(safe-area-inset-top))}}@media (prefers-reduced-motion: reduce){.hud-panel,.hud-menu,.hud-menu-icon{transition:none}}