@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Shippori+Mincho:wght@500;700&display=swap";:root{--bg: #0b0f10;--ink: #e9c89b;--sakura: #efb3c2;--glass-bg: rgba(15, 20, 24, .65);--glass-border: rgba(233, 200, 155, .18);--glass-glow: rgba(233, 200, 155, .08);--active-gold: #f5cf92;--text-main: #f0ede6;--text-dim: #9aa4a8;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{margin:0;height:100%;width:100%;background:var(--bg);overflow:hidden;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main)}canvas#c{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none;outline:none;z-index:1}#load{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 52%,#151c1d 0%,var(--bg) 68%);display:grid;place-items:center;transition:opacity 1.1s cubic-bezier(.4,0,.2,1);z-index:999;pointer-events:none}#load.fade-out{opacity:0}#load .mark{position:relative;width:min(150px,35vw);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center}#load svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}#load .track{fill:none;stroke:#e9c89b14;stroke-width:2}#load .comet{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:.07 .93;opacity:.75;animation:ensoOrbit 2.2s linear infinite;transition:opacity .8s ease}#load.go .comet{opacity:.2}#load .enso{fill:none;stroke:var(--ink);stroke-width:3.6;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:.985;transition:stroke-dashoffset .5s cubic-bezier(.3,.7,.2,1);filter:url(#ensoBrush) drop-shadow(0 0 8px rgba(233,200,155,.6))}#load .ember{fill:#f1c98f;opacity:.85;animation:ensoBreath 3.2s ease-in-out infinite;transform-origin:60px 60px}#load i{position:absolute;width:9px;height:6px;border-radius:70% 0;background:var(--sakura);opacity:0;animation:ensoPetal 6s linear infinite}.load-label{position:absolute;bottom:-40px;font-size:13px;letter-spacing:.25em;text-transform:uppercase;color:var(--ink);opacity:.85;font-weight:500}@keyframes ensoOrbit{to{stroke-dashoffset:-1}}@keyframes ensoBreath{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.95;transform:scale(1.15)}}@keyframes ensoPetal{0%{transform:translate(0) rotate(0);opacity:0}15%{opacity:.85}85%{opacity:.6}to{transform:translate(65px,140px) rotate(540deg);opacity:0}}.letterbox-bar{position:fixed;left:0;right:0;background:#000;z-index:50;transition:height .8s cubic-bezier(.16,1,.3,1);pointer-events:none}.letterbox-top{top:0;height:0}.letterbox-bottom{bottom:0;height:0}body.cinematic-active .letterbox-top,body.cinematic-active .letterbox-bottom{height:6.5vh}#zen-hud{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 2rem;transition:opacity .5s ease}.hud-top{display:flex;align-items:center;justify-content:space-between;width:100%}.brand-wrapper{display:flex;align-items:center;gap:12px;pointer-events:auto}.kanji-badge{font-family:Shippori Mincho,serif;font-size:1.35rem;letter-spacing:.1em;color:var(--ink);text-shadow:0 0 12px rgba(233,200,155,.4);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:4px 14px;border-radius:999px}.title-text{display:flex;flex-direction:column}.title-text h1{font-size:1.05rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}.title-text span{font-size:.72rem;color:var(--sakura);letter-spacing:.15em;opacity:.85}.top-actions{display:flex;align-items:center;gap:10px;pointer-events:auto}.stat-chip{background:var(--glass-bg);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:6px 14px;border-radius:999px;font-size:.78rem;color:var(--text-dim);font-weight:500;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.stat-chip .dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399}.boat-banner{position:absolute;top:4.8rem;left:50%;transform:translate(-50%) translateY(-10px);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:999px;padding:8px 24px;display:flex;align-items:center;gap:14px;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #00000059}body.boat-drive-active .boat-banner{opacity:1;transform:translate(-50%) translateY(0)}.boat-banner .key-tag{background:#e9c89b33;color:var(--active-gold);padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:600}#lantern-count{display:none;background:#e9c89b26;border:1px solid rgba(233,200,155,.35);color:var(--active-gold);font-weight:600;animation:pulseLantern 2s infinite ease-in-out}@keyframes pulseLantern{0%,to{box-shadow:0 0 8px #e9c89b33}50%{box-shadow:0 0 16px #e9c89b80}}.cinematic-banner{position:absolute;top:4.8rem;left:50%;transform:translate(-50%);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:999px;padding:8px 24px;display:flex;align-items:center;gap:14px;opacity:0;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #00000059}body.cinematic-active .cinematic-banner{opacity:1;transform:translate(-50%) translateY(0)}.cinematic-banner .chapter-pill{font-family:Shippori Mincho,serif;font-size:.8rem;color:var(--ink);background:#e9c89b1f;padding:3px 10px;border-radius:999px;letter-spacing:.05em}.cinematic-banner .chapter-title{font-size:.88rem;font-weight:500;color:#fff;letter-spacing:.05em}.cinematic-banner .skip-hint{font-size:.72rem;color:var(--text-dim);border-left:1px solid rgba(255,255,255,.15);padding-left:12px}.hud-bottom{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.controls-dock{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:6px 12px;display:flex;align-items:center;gap:6px;pointer-events:auto;box-shadow:0 12px 40px #00000073;max-width:95vw;overflow-x:auto}.dock-btn{background:transparent;border:none;outline:none;color:var(--text-main);padding:8px 14px;border-radius:16px;font-family:inherit;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .25s ease;white-space:nowrap}.dock-btn:hover{background:#e9c89b1f;color:var(--active-gold)}.dock-btn.active{background:#e9c89b38;color:var(--active-gold);border:1px solid rgba(233,200,155,.4);box-shadow:0 0 14px #e9c89b40}.dock-btn.primary{background:linear-gradient(135deg,#e9c89b4d,#efb3c233);border:1px solid rgba(233,200,155,.5);color:#fff;font-weight:600;padding:8px 18px}.dock-btn.primary:hover{background:linear-gradient(135deg,#e9c89b73,#efb3c259);box-shadow:0 0 20px #e9c89b66}.dock-divider{width:1px;height:20px;background:#e9c89b26;margin:0 4px}.sub-panel{display:flex;align-items:center;gap:6px;background:#0a0e12d9;backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:999px;padding:4px 10px;pointer-events:auto;font-size:.76rem}.sub-item{background:transparent;border:none;color:var(--text-dim);padding:4px 10px;border-radius:999px;cursor:pointer;font-family:inherit;font-size:.76rem;font-weight:500;transition:all .2s}.sub-item:hover,.sub-item.active{color:var(--active-gold);background:#e9c89b26}@media(max-width:768px){#zen-hud{padding:1rem .8rem}.title-text{display:none}.controls-dock{padding:4px 8px;gap:4px;border-radius:18px}.dock-btn{padding:6px 10px;font-size:.75rem}.sub-panel{display:none}}