html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;height:100%;margin:0}canvas{display:block}#root{height:100%}.fullscreen-overlay{z-index:50;color:#e8dcc0;flex-direction:column;justify-content:center;align-items:center;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif;display:flex;position:fixed;inset:0}.title-screen{--gold:#c9a24b;--gold-hi:#f3dc9c;--gold-lo:#8a6a2c;--serif-cjk:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", serif;--serif-latin:"Didot", "Bodoni 72", "Baskerville", "Cormorant Garamond", Georgia, serif;--frame:clamp(12px, 3vw, 26px);cursor:pointer;color:var(--gold);font-family:var(--serif-cjk);background:radial-gradient(70% 60% at 50% 45%,#7a1f248c,#0000 70%),radial-gradient(#2a0f0e 0%,#140707 55%,#050303 100%);animation:1.2s both title-fade;overflow:hidden}.title-damask{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='144' viewBox='0 0 96 144'%3E%3Cg fill='none' stroke='%23c9a24b' stroke-width='1'%3E%3Cpath d='M48 14 C60 34 70 48 48 72 C26 48 36 34 48 14Z'/%3E%3Cpath d='M48 30 C54 42 56 50 48 60 C40 50 42 42 48 30Z'/%3E%3Cpath d='M48 72 C62 80 72 96 60 108 C54 114 46 108 50 102'/%3E%3Cpath d='M48 72 C34 80 24 96 36 108 C42 114 50 108 46 102'/%3E%3Cpath d='M0 0 C12 20 22 34 0 58 M96 0 C84 20 74 34 96 58'/%3E%3Cpath d='M0 144 C12 124 22 110 0 86 M96 144 C84 124 74 110 96 86'/%3E%3C/g%3E%3Ccircle cx='48' cy='126' r='2' fill='%23c9a24b'/%3E%3C/svg%3E");background-position:50%;background-size:96px 144px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.title-frame{inset:var(--frame);pointer-events:none;border:1px solid #c9a24b8c;animation:1.6s .2s both title-frame-in;position:absolute}.title-frame:after{content:"";border:1px solid #c9a24b47;position:absolute;inset:6px}.title-corner{width:clamp(100px,20vmin,170px);height:clamp(100px,20vmin,170px);color:var(--gold);filter:drop-shadow(0 0 4px #c9a24b59);position:absolute}.title-corner.tl{top:-1px;left:-1px}.title-corner.tr{top:-1px;right:-1px;transform:scaleX(-1)}.title-corner.bl{bottom:-1px;left:-1px;transform:scaleY(-1)}.title-corner.br{bottom:-1px;right:-1px;transform:scale(-1)}.title-screen svg path[pathLength],.title-screen svg ellipse[pathLength]{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.2s cubic-bezier(.45,0,.2,1) .3s forwards title-draw}.title-center{flex-direction:column;align-items:center;margin-top:-2vh;padding:0 24px;display:flex;position:relative}.title-crest{width:clamp(96px,17vmin,140px);height:auto;margin-bottom:6px;animation:1.4s .4s both title-rise;overflow:visible}.title-crest .crest-cat{animation:1.6s 1.2s both title-fade}.title-crest .crest-glow{transform-origin:60px 86px;animation:5s ease-in-out infinite crest-breathe}.title-crest .crest-star{transform-origin:60px 24px;filter:drop-shadow(0 0 4px #f6e3a8e6);animation:3.2s ease-in-out infinite crest-twinkle}.title-divider{width:clamp(180px,42vmin,280px);height:auto;color:var(--gold);opacity:.85;animation:1.2s .9s both title-fade}.title-divider.flip{transform:scaleY(-1)}.title-main{font-family:var(--serif-cjk);letter-spacing:.22em;color:#0000;background:linear-gradient(105deg, var(--gold-lo) 0%, var(--gold) 30%, var(--gold-hi) 42%, #fff8e0 48%, var(--gold-hi) 54%, var(--gold) 66%, var(--gold-lo) 100%);filter:drop-shadow(0 0 18px #c9a24b59)drop-shadow(0 2px 1px #0009);white-space:nowrap;background-position:100% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;margin:14px 0 6px;padding-left:.22em;font-size:clamp(38px,9vw,76px);font-weight:700;line-height:1.2;animation:1.4s .7s both title-rise,7s ease-in-out 2.2s infinite title-shine}.title-latin{font-family:var(--serif-latin);letter-spacing:.42em;color:#e8dcc0b8;white-space:nowrap;margin-bottom:14px;padding-left:.42em;font-size:clamp(13px,2.2vw,17px);font-style:italic;animation:1.4s 1.1s both title-fade}.title-action{justify-content:center;align-items:center;min-height:44px;margin-top:clamp(22px,5vh,40px);animation:1.2s 1.4s both title-fade;display:flex}.title-enter{letter-spacing:.5em;color:#e8dcc0;text-shadow:0 0 12px #c9a24b99;padding-left:.5em;font-size:clamp(15px,2.4vw,18px);animation:2.6s ease-in-out infinite pulse}.title-progress{flex-direction:column;align-items:center;gap:10px;display:flex}.title-bar{background:#c9a24b40;width:clamp(140px,30vmin,200px);height:1px;position:relative}.title-bar:before,.title-bar:after{content:"";background:var(--gold);width:5px;height:5px;position:absolute;top:-3px;transform:rotate(45deg)}.title-bar:before{left:-9px}.title-bar:after{right:-9px}.title-bar-fill{transform-origin:0;background:linear-gradient(90deg, var(--gold-lo), var(--gold-hi));transition:transform .3s;position:absolute;inset:0;box-shadow:0 0 6px #f3dc9ccc}.title-pct{letter-spacing:.3em;color:#e8dcc099;padding-left:.3em;font-size:13px}.title-motes{pointer-events:none;position:absolute;inset:0}.title-motes span{opacity:0;background:#fbe7ae;border-radius:50%;animation:linear infinite mote-rise;position:absolute;bottom:-10px;box-shadow:0 0 6px 1px #f3dc9ccc}.title-hint{bottom:calc(var(--frame) + 18px + env(safe-area-inset-bottom));text-align:center;letter-spacing:.12em;color:#e8dcc08c;padding:0 calc(var(--frame) + 56px);font-size:13px;line-height:1.8;animation:1.2s 1.8s both title-fade;position:absolute;left:0;right:0}.title-sub{letter-spacing:.3em;opacity:.85;font-size:clamp(15px,2.6vw,19px);animation:2.2s ease-in-out infinite pulse}@keyframes title-fade{0%{opacity:0}}@keyframes title-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes title-frame-in{0%{opacity:0;transform:scale(1.015)}}@keyframes title-draw{to{stroke-dashoffset:0}}@keyframes title-shine{0%{background-position:100% 0}45%,to{background-position:0 0}}@keyframes crest-breathe{0%,to{opacity:.6;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes crest-twinkle{0%,to{opacity:.75;transform:scale(.85)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes mote-rise{0%{opacity:0;transform:translate(0)}15%{opacity:.9}60%{opacity:.5}75%{opacity:.9}to{opacity:0;transform:translate(var(--drift), -75vh)}}@media (height<=520px){.title-crest{width:clamp(56px,17vh,90px);margin-bottom:0}.title-main{margin:6px 0 2px;font-size:clamp(30px,12vh,56px)}.title-latin{margin-bottom:6px;font-size:12px}.title-action{margin-top:12px}.title-hint{bottom:calc(var(--frame) + 10px + env(safe-area-inset-bottom));font-size:12px}}@media (prefers-reduced-motion:reduce){.title-screen,.title-screen *,.title-screen svg path[pathLength],.title-screen svg ellipse[pathLength]{animation:none!important}.title-screen svg path[pathLength],.title-screen svg ellipse[pathLength]{stroke-dashoffset:0}.title-motes{display:none}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.pause-overlay{cursor:pointer;background:#000000b8}.hint-overlay{z-index:40;pointer-events:none;background:#000;justify-content:center;align-items:flex-start;animation:2s ease-out forwards hint-black,.8s 3.4s forwards hint-hide;display:flex;position:fixed;inset:0}.hint-text{text-align:center;color:#e8dcc0;letter-spacing:.12em;opacity:0;margin-top:38vh;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:17px;line-height:2;animation:1.2s .5s forwards hint-text-in}@keyframes hint-black{0%{background:#000}to{background:0 0}}@keyframes hint-text-in{to{opacity:.9}}@keyframes hint-hide{to{opacity:0;visibility:hidden}}.joystick-base{z-index:30;pointer-events:none;background:#0000002e;border:2px solid #e8dcc059;position:fixed}.joystick-knob{background:#e8dcc08c;border-radius:50%;position:absolute}.interact-button{z-index:30;right:calc(24px + env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));color:#e8dcc0;background:#0006;border:2px solid #e8dcc099;border-radius:50%;width:56px;height:56px;font-family:inherit;font-size:14px;transition:opacity .2s;position:fixed}.shot-mode .fullscreen-overlay,.shot-mode .hint-overlay,.shot-mode .joystick-base,.shot-mode .interact-button,.shot-mode .crosshair,.shot-mode .caption,.shot-mode .debug-overlay{display:none!important}.crosshair{z-index:20;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crosshair-dot{background:#ffffffd9;border-radius:50%;width:5px;height:5px;box-shadow:0 0 3px #000c}.crosshair-prompt{color:#f0e6d0;letter-spacing:.08em;text-shadow:0 1px 4px #000000e6;margin-top:14px;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:15px}.fade-overlay{z-index:60;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fade-waiting{color:#ffffffbf;font-size:20px;animation:1.2s ease-in-out infinite pulse}.caption{z-index:25;pointer-events:none;text-align:center;max-width:min(32em,86vw);animation:.4s caption-in;position:fixed;bottom:18%;left:50%;transform:translate(-50%)}.caption-touch{top:28%;bottom:auto}.caption-body p{color:#f4ecda;letter-spacing:.04em;text-shadow:0 1px 6px #000000f2,0 0 2px #000000e6;margin:0 0 .5em;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif;font-size:18px;line-height:1.7}.caption-date{opacity:.7;color:#e8dcc0;text-shadow:0 1px 4px #000000e6;margin-top:6px;font-size:13px}@keyframes caption-in{0%{opacity:0}to{opacity:1}}.debug-overlay{z-index:45;left:10px;top:calc(8px + env(safe-area-inset-top));color:#7dffb0;text-shadow:0 1px 2px #000;pointer-events:none;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;position:fixed}.debug-label{color:#ffd166;white-space:nowrap;background:#0000008c;border-radius:4px;padding:1px 6px;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.space-label{color:#fff;letter-spacing:.2em;white-space:nowrap;background:#0006;border-radius:10px;padding:8px 22px;font-size:20px}