.video-panel{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:65px 12px 115px;background:#17211f}.video-panel[hidden]{display:none}.video-panel video{width:100%;height:100%;max-width:1280px;object-fit:contain}:root{color-scheme:dark;--ink: #f6eee4;--ink-dim: rgba(246, 238, 228, .62);--ink-faint: rgba(246, 238, 228, .38);--vermilion: #c44738;--panel: rgba(22, 15, 11, .52);--line: rgba(255, 232, 210, .14)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#1a1410;user-select:none;-webkit-user-select:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#view{display:block;width:100%;height:100%;touch-action:none}.brand{position:absolute;top:calc(18px + env(safe-area-inset-top));left:calc(22px + env(safe-area-inset-left));z-index:2;pointer-events:none;max-width:min(70vw,22rem)}.brand h1{margin:0;color:var(--ink);font-family:Hiragino Mincho ProN,Yu Mincho,Songti SC,Songti TC,Georgia,serif;font-size:1.05rem;font-weight:500;letter-spacing:.08em;line-height:1.2;text-shadow:0 1px 12px rgba(20,12,8,.45)}.brand #subtitle{margin:.28rem 0 0;color:var(--ink-dim);font-size:.72rem;letter-spacing:.16em;text-shadow:0 1px 10px rgba(20,12,8,.4)}.status{margin-top:.85rem;opacity:1;transition:opacity .28s ease}.status.hidden{opacity:0}.status p{margin:0;color:var(--ink-dim);font-size:.68rem;letter-spacing:.04em}.status[data-state=error] p{color:#f0c9bc;max-width:16rem;line-height:1.45}.bar{width:7.5rem;height:2px;margin-top:.5rem;overflow:hidden;border-radius:2px;background:#ffecd629}.bar i{display:block;width:100%;height:100%;background:#f0dcc4;transform:scaleX(0);transform-origin:left center;transition:transform .12s linear}.status[data-state=error] .bar{display:none}.dock{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:3;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);width:min(92vw,34rem);pointer-events:none}.capsule{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--panel);box-shadow:0 10px 40px #0c080647;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);pointer-events:auto}.capsule button{margin:0;border:0;border-radius:999px;padding:.55rem .95rem;background:transparent;color:var(--ink);font:inherit;font-size:.72rem;letter-spacing:.02em;line-height:1.2;white-space:nowrap;cursor:pointer;touch-action:manipulation}.capsule button:hover{background:#fff0e014}.capsule button.active{background:var(--vermilion);color:#fff8f3}.capsule button:focus-visible{outline:2px solid rgba(255,236,214,.7);outline-offset:2px}.hint,.note{margin:0;text-align:center;text-shadow:0 1px 8px rgba(12,8,6,.45);pointer-events:none}.hint{margin-top:.7rem;color:var(--ink-dim);font-size:.68rem;letter-spacing:.03em;min-height:1em}.note{margin-top:.35rem;color:var(--ink-faint);font-size:.62rem;letter-spacing:.02em}.joystick{position:absolute;left:calc(22px + env(safe-area-inset-left));bottom:calc(96px + env(safe-area-inset-bottom));z-index:3;width:7.4rem;height:7.4rem;pointer-events:auto;touch-action:none}.joystick.hidden{display:none}.joy-base{width:100%;height:100%;border:1px solid var(--line);border-radius:50%;background:#160f0b52;box-shadow:inset 0 0 24px #0000002e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.joy-knob{position:absolute;top:50%;left:50%;width:2.55rem;height:2.55rem;border-radius:50%;background:#f6eee4d1;box-shadow:0 4px 16px #0c08064d;transform:translate(-50%,-50%);will-change:transform}@media(max-width:640px){.brand h1{font-size:.95rem}.capsule button{padding:.5rem .72rem;font-size:.66rem}.joystick{width:6.6rem;height:6.6rem}}@media(orientation:landscape)and (max-height:500px){.brand{top:calc(10px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}.brand h1{font-size:.88rem}.dock{bottom:calc(10px + env(safe-area-inset-bottom))}.joystick{bottom:calc(18px + env(safe-area-inset-bottom));left:calc(16px + env(safe-area-inset-left));width:5.8rem;height:5.8rem}.hint{display:none}}