:root{--blood:#7a1424;--blood-bright:#b0202f;--bone:#e8dcc3;--ash:#6f665a;--black:#050404}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--black);width:100%;height:100%;color:var(--bone);-webkit-user-select:none;user-select:none;height:100dvh;font-family:Songti SC,STSong,Noto Serif CJK SC,SimSun,serif;overflow:hidden}#scene{width:100%;height:100dvh;display:block;position:fixed;inset:0}#vignette{pointer-events:none;z-index:3;background:radial-gradient(at 50% 46%,#0000 30%,#0000008c 72%,#000000eb 100%);position:fixed;inset:0}#grain{pointer-events:none;z-index:4;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");animation:.42s steps(4,end) infinite grain-jitter;position:fixed;inset:-100px}@keyframes grain-jitter{0%{transform:translate(0)}25%{transform:translate(-32px,18px)}50%{transform:translate(22px,-26px)}75%{transform:translate(-14px,-30px)}to{transform:translate(0)}}#flash{pointer-events:none;z-index:5;opacity:0;background:#fff7e0;position:fixed;inset:0}#flash.crack{animation:.5s ease-out crack-flash}@keyframes crack-flash{0%{opacity:0}8%{opacity:.85}to{opacity:0}}#recordFrame{z-index:5;pointer-events:none;display:none;position:fixed;box-shadow:0 0 0 100vmax #000}body.record #recordFrame{display:block}body.shake #scene,body.shake #ui{animation:.45s linear cam-shake}@keyframes cam-shake{0%,to{transform:translate(0)}15%{transform:translate(-9px,6px)}30%{transform:translate(8px,-7px)}45%{transform:translate(-6px,-5px)}60%{transform:translate(6px,4px)}75%{transform:translate(-3px,3px)}}body.struggle #scene{animation:.12s linear infinite tremble}@keyframes tremble{0%,to{transform:translate(0)}25%{transform:translate(-1.5px,1px)}50%{transform:translate(1.5px,-1px)}75%{transform:translate(-1px,-1.5px)}}.music-toggle{z-index:10;width:42px;height:42px;color:var(--bone);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0805058c;border:1px solid #b0202f73;border-radius:50%;place-items:center;transition:all .35s;display:grid;position:absolute;top:24px;right:24px}.music-toggle:hover{background:#7a142447;border-color:#b0202fd9;box-shadow:0 0 18px #b0202f59}.music-toggle.off{opacity:.45;border-color:#6f665a66}.music-toggle.off svg{display:none}.music-toggle.off:after{content:"\\2016";letter-spacing:-2px;color:var(--bone);font-size:14px}#ui{z-index:6;pointer-events:none;position:fixed;inset:0}#ui-canvas{transform-origin:50%;pointer-events:auto;width:1600px;height:1000px;position:absolute;top:50%;left:50%}#title{text-align:center;opacity:0;animation:2.4s .6s forwards fade-down;position:absolute;top:7%;left:50%;transform:translate(-50%)}@keyframes fade-down{0%{opacity:0;transform:translate(-50%)translateY(-18px)}to{opacity:1;transform:translate(-50%)translateY(0)}}#title .small-cap{letter-spacing:.55em;color:var(--ash);margin-bottom:8px;font-family:Georgia,Times New Roman,serif;font-size:11px}#title h1{letter-spacing:.18em;color:var(--bone);text-shadow:0 0 26px #b0202f59;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,6vw,50px);font-weight:400}#title .cn{letter-spacing:1.2em;color:var(--blood-bright);margin:10px 0 0 1.2em;font-size:clamp(17px,3.6vw,26px)}#title .tag{letter-spacing:.4em;color:var(--ash);margin-top:10px;font-size:clamp(12px,2.2vw,15px)}#dock{place-items:end center;display:grid;position:absolute;bottom:8.5%;left:50%;transform:translate(-50%)}#dock .stage{grid-area:1/1}body.record #dock{bottom:11%}body.record #title{top:6%}.stage{pointer-events:auto;flex-direction:column;align-items:center;gap:20px;transition:opacity .8s,transform .8s;display:flex}.stage.hidden{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(16px)}.rune-btn{letter-spacing:.3em;text-indent:.3em;color:var(--bone);cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(#7a142447,#7a142414);border:1px solid #b0202f8c;padding:15px 54px;font-family:Songti SC,STSong,Noto Serif CJK SC,SimSun,serif;font-size:clamp(15px,3.6vw,17px);font-weight:600;transition:all .35s;position:relative}.rune-btn:before,.rune-btn:after{content:"";border:1px solid #e8dcc380;width:7px;height:7px;position:absolute}.rune-btn:before{border-bottom:none;border-right:none;top:-4px;left:-4px}.rune-btn:after{border-top:none;border-left:none;bottom:-4px;right:-4px}.rune-btn:hover{text-shadow:0 0 12px #ffdcdccc;background:linear-gradient(#b0202f80,#7a14242e);box-shadow:0 0 32px #b0202f59,inset 0 0 18px #b0202f40}.rune-btn:active{transform:scale(.97)}.rune-btn:disabled{opacity:.35;cursor:default}.rune-btn.hidden{display:none}#wishPanel{margin-bottom:10vh}#wishPanel .lead{letter-spacing:.28em;color:var(--bone);opacity:.85;z-index:5;margin:0;font-size:clamp(12px,3vw,15px);position:relative}#wishText{letter-spacing:.12em;text-align:center;width:min(460px,70%);color:var(--bone);resize:none;caret-color:var(--blood-bright);background:#080505a8;border:none;border-bottom:1px solid #b0202f99;outline:none;padding:12px 16px;font-family:Songti SC,STSong,Noto Serif CJK SC,SimSun,serif;font-size:16px;line-height:1.9;transition:border-color .3s,box-shadow .3s}#wishText::placeholder{color:#6f665acc}#wishText:focus{border-bottom-color:var(--blood-bright);box-shadow:0 14px 30px -18px #b0202f80}#wishPanel .hint{letter-spacing:.3em;text-align:center;color:var(--ash);font-size:clamp(10px,2.4vw,11.5px);line-height:2}#editBadge{z-index:10;letter-spacing:.3em;text-indent:.3em;color:var(--bone);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#7a142438;border:1px solid #b0202f8c;padding:5px 12px;font-size:11px;display:none;position:absolute;top:28px;left:24px}body.edit #editBadge{display:block}#editToast{z-index:11;letter-spacing:.22em;text-align:center;color:var(--bone);opacity:0;pointer-events:none;background:#080505d9;border:1px solid #b0202f80;padding:14px 26px;font-size:13px;transition:opacity .45s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#editToast.show{opacity:1}body.edit #resultTitle,body.edit #resultSub{-webkit-user-select:text;user-select:text;cursor:text;outline-offset:8px;outline:1px dashed #b0202f73}body.edit #resultTitle:focus,body.edit #resultSub:focus{outline-style:solid;outline-color:#e8dcc38c}body.edit #resultTitle{white-space:normal}#resultPanel.center{z-index:6;pointer-events:auto;flex-direction:column;justify-content:flex-start;align-items:center;gap:18px;padding:38% 20px 6%;transition:opacity .8s,transform .8s,visibility .8s;display:flex;position:absolute;inset:0}#resultPanel.center.hidden{opacity:0;pointer-events:none;visibility:hidden;z-index:-1;transform:translateY(12px)}#resultTitle{letter-spacing:.32em;text-indent:.32em;text-align:center;white-space:nowrap;font-size:clamp(30px,8vw,50px);font-weight:900}#resultTitle.granted{color:var(--bone);text-shadow:0 0 40px #e8dcc399,0 0 90px #b0202f8c;animation:1.6s forwards granted-in}body.money-rain #resultTitle.granted{color:#f0e2a5;text-shadow:0 0 34px #f0e2a5b8,0 0 88px #7e9b4e7a}body.money-rain #resultSub{color:#c9b873;text-shadow:0 0 18px #c9b8733d}body.money-rain #resultPanel .rune-btn{background:linear-gradient(#485e3257,#7a142414);border-color:#c9b8739e}@keyframes granted-in{0%{opacity:0;letter-spacing:.8em;filter:blur(8px)}to{opacity:1;letter-spacing:.32em;filter:blur()}}#resultTitle.denied{color:var(--blood-bright);text-shadow:0 0 30px #b0202fcc;animation:2.4s forwards denied-in}@keyframes denied-in{0%{opacity:0;filter:blur(10px);transform:scale(1.15)}40%{opacity:.9}55%{opacity:.25}70%{opacity:1}to{opacity:1;filter:blur();transform:scale(1)}}#resultSub{letter-spacing:.34em;text-align:center;color:var(--ash);opacity:0;font-size:clamp(12px,3vw,14px);line-height:2.4;animation:1.6s 1.2s forwards fade-in}#resultSub .ln{white-space:nowrap}#resultPanel .rune-btn{opacity:0;animation:1.2s 2.2s forwards fade-in}@keyframes fade-in{to{opacity:1}}#judging{z-index:7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#030202b8;flex-direction:column;justify-content:center;align-items:center;gap:26px;transition:opacity .6s;display:flex;position:fixed;inset:0}#judging.visible{opacity:1;pointer-events:auto}#judging p{letter-spacing:.5em;color:var(--bone);font-size:13px;animation:1.6s ease-in-out infinite pulse-text}@keyframes pulse-text{0%,to{opacity:.4}50%{opacity:1}}.loader{border:2px solid #b0202f40;border-top-color:var(--blood-bright);border-radius:50%;width:42px;height:42px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){#title .cn{letter-spacing:.7em;margin-left:.7em}#wishText{font-size:16px}}body.record #title h1{font-size:48px}body.record #title .cn{font-size:26px}body.record #title .tag{font-size:15px}body.record .rune-btn{font-size:17px}body.record #wishPanel .lead{font-size:15px}body.record #wishPanel .hint{font-size:11.5px}body.record #wishPanel{margin-bottom:120px}body.record #resultTitle{font-size:50px}body.record #resultSub{font-size:14px}