@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#233e37;background:#edf0e8;font-synthesis:none;--ink:#233e37;--accent:#d44e29;--muted:#5e7067;--paper:#fafbf6}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d44e29;outline-offset:5px}button:disabled{opacity:.5;cursor:wait}button{touch-action:manipulation}a{color:inherit;text-decoration:none}#app{width:100%;height:100dvh;min-height:580px;position:relative;overflow:hidden}#scene{position:absolute;inset:0}canvas{display:block;touch-action:none}.topbar{height:104px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 46px;z-index:3;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:.035em}.brand small{display:block;font-size:10px;letter-spacing:.21em;font-weight:600;margin-top:3px}.brand-icon{color:var(--accent);width:38px;height:38px}.brand-icon svg{width:100%;height:100%}.session-label{font-size:12px;color:var(--muted);display:flex;gap:9px;align-items:center}.session-label>span{width:6px;height:6px;border-radius:100%;background:#788e74}.header-actions{display:flex;gap:12px}.icon-button{width:40px;height:40px;background:#fafbf6d9;border:1px solid #d9e0d6;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .2s,transform .2s}.icon-button:hover{background:#fff;transform:translateY(-2px)}.icon-button svg{width:20px;height:20px}.sound-wave{display:none}.sound-on .sound-wave{display:block}.sound-on .sound-off{display:none}.hud{position:absolute;left:46px;right:46px;top:122px;display:flex;align-items:flex-start;justify-content:flex-end;gap:44px;pointer-events:none}.stat-label{display:block;font-size:11px;letter-spacing:.05em;color:var(--muted);margin-bottom:5px}.stat strong{font-size:34px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.stat strong small{font-size:14px;font-weight:400;color:var(--muted)}.score-stat{min-width:128px}.combo{display:block;color:var(--accent);font-size:11px;margin-top:7px;min-height:18px;font-weight:600}.timer-stat{width:160px;padding-top:1px}.timer-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.timer-title strong{color:var(--ink);font-size:27px;font-weight:600;font-variant-numeric:tabular-nums}.timer-title small{font-size:11px;font-weight:400}.timer-track{height:5px;background:#d4ddd0;margin-top:12px;border-radius:5px;overflow:hidden}#timer-fill{height:100%;background:var(--ink);width:100%;transform-origin:left;transition:transform .2s linear,background .2s}.danger #timer-fill{background:var(--accent)}.danger #time{color:var(--accent)}.intro{position:absolute;left:7%;top:28%;width:310px;z-index:2}.intro-line{width:34px;height:4px;background:var(--accent);margin-bottom:23px}h1{font-size:clamp(36px,3.65vw,60px);line-height:1.28;letter-spacing:-.035em;font-weight:800;margin:0 0 24px}h1 em{font-style:normal;color:var(--accent)}.intro p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:27px}.primary{border:0;background:var(--accent);color:#fffdf6;padding:17px 23px;border-radius:9px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:36px;min-width:210px;box-shadow:0 8px 18px #8f442222;transition:transform .2s,background .2s}.primary:hover{background:#bd3e1c;transform:translateY(-2px)}.primary svg{width:22px;height:22px}.intro-note{font-size:10px;color:var(--muted);margin-top:15px;display:flex;gap:11px}.bottom-bar{position:absolute;bottom:0;height:82px;left:46px;right:46px;border-top:1px solid #cbd4c7;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px;z-index:3}.bottom-bar p{font-size:12px}.control-hint{display:flex;align-items:center;gap:11px}.control-hint b{color:var(--ink);font-weight:600}.hint-divider{width:1px;height:13px;background:#cbd4c7;margin:0 6px}.mouse-icon{display:block;width:14px;height:20px;border:1.5px solid var(--ink);border-radius:6px;position:relative}.mouse-icon:before{content:"";position:absolute;width:2px;height:5px;top:3px;left:4.5px;background:var(--ink);border-radius:2px}.view-controls{position:absolute;bottom:109px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;color:var(--muted);font-size:10px}.view-controls .icon-button{width:31px;height:31px}.view-controls svg{width:15px;height:15px}.room-label{position:absolute;bottom:119px;right:46px;font-size:9px;color:#5b6e63;letter-spacing:.12em}.room-label span{margin:0 9px;color:#8c9a8f}.text-button{border:0;background:transparent;color:var(--ink);font-size:12px;padding:10px;text-decoration:underline;text-underline-offset:5px}.playing .intro{display:none}.playing .hud{justify-content:center;gap:72px;background:#fafbf6ed;width:max-content;max-width:calc(100% - 40px);left:50%;right:auto;transform:translate(-50%);top:105px;padding:17px 32px;border-radius:14px}.playing .timer-stat{width:190px}.playing canvas{cursor:none}.crosshair{position:absolute;width:25px;height:25px;border:1px solid #ffffffb0;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:4;box-shadow:0 1px 4px #233e3744}.crosshair span{position:absolute;top:10px;left:10px;width:3px;height:3px;background:#fff;border-radius:50%}.crosshair.aimed{border:2px solid #e3673d;width:31px;height:31px}.crosshair.aimed span{top:12px;left:12px;background:#e3673d}.target-label{position:absolute;pointer-events:none;transform:translate(19px,17px);background:#233e37e8;color:#fffdf6;padding:7px 11px;border-radius:5px;font-size:11px;z-index:4}.popup{position:absolute;pointer-events:none;z-index:5;animation:floatup 1.3s ease-out forwards;color:#c6401a;font-size:24px;font-weight:800;text-shadow:0 2px 0 #fff8;white-space:nowrap}.popup small{display:block;font-size:11px;color:#233e37}.announcement{position:absolute;left:50%;top:220px;transform:translate(-50%);pointer-events:none;text-align:center;font-size:22px;font-weight:800;color:var(--accent);opacity:0;transition:opacity .25s}.announcement.visible{opacity:1}.room-label,.view-controls{z-index:2}#hit-flash{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #df722922;opacity:0;transition:opacity .2s}#hit-flash.active{opacity:1}.results{position:absolute;inset:0;background:#233e375e;z-index:8;display:grid;place-items:center;padding:20px}.result-card{width:min(470px,100%);background:#fafbf6;padding:38px 42px;border-radius:18px;box-shadow:0 22px 70px #172b3b33;text-align:center}.result-stamp{display:inline-block;background:#e6ecd9;color:#415b32;font-size:11px;padding:7px 14px;border-radius:20px;margin-bottom:23px}.result-card h2{font-size:27px;letter-spacing:-.025em;margin:0 0 11px}.result-card>p{font-size:12px;color:var(--muted)}.result-score{padding:24px 0 20px}.result-score span{display:block;font-size:11px;color:var(--muted)}.result-score strong{display:block;font-size:64px;line-height:1.4;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.result-details{display:flex;justify-content:space-between;gap:9px;padding:0 0 27px;color:var(--muted);font-size:10px}.result-details b{color:var(--ink)}.result-card .primary{width:100%}.result-card>.text-button{margin-top:12px}.help-panel{position:absolute;z-index:9;right:32px;top:95px;background:#fafbf6;width:min(360px,calc(100% - 32px));padding:28px;border-radius:14px;box-shadow:0 16px 50px #233e3733;font-size:13px;line-height:1.8}.help-panel h2{font-size:19px;margin-top:19px}.help-panel ul{padding-left:18px}.help-note{color:var(--muted);font-size:11px}.close-help{position:absolute;right:15px;top:10px;border:0;background:transparent;color:var(--muted);font-size:11px;padding:6px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#edf0e8;z-index:10;font-size:14px}.loading span{width:17px;height:17px;border:2px solid #ccd5c6;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatup{0%{opacity:1;transform:translate(-50%,-30%)}to{opacity:0;transform:translate(-50%,-120px)}}@media(min-width:1500px){.intro{left:9%}.hud{right:6%}}@media(max-width:950px){.topbar{padding:0 24px;height:85px}.brand{font-size:18px}.session-label{display:none}.hud{top:95px;left:auto;right:24px;gap:22px}.timer-stat{width:130px}.intro{left:6%;top:29%;width:230px}h1{font-size:41px}.intro p{font-size:12px}.bottom-bar{left:24px;right:24px}.bottom-bar p{display:none}.room-label{right:24px;font-size:8px}.playing .hud{gap:40px;top:92px}.playing .timer-stat{width:145px}}@media(max-width:600px){#app{min-height:520px}.topbar{height:78px;padding:0 19px}.brand{font-size:16px;gap:8px}.brand small{font-size:8px}.brand-icon{width:30px;height:30px}.header-actions{gap:7px}.icon-button{width:34px;height:34px}.hud{top:90px;left:21px;right:21px;justify-content:space-between;gap:16px}.stat strong{font-size:25px}.stat-label{font-size:9px}.timer-stat{width:115px}.timer-title{font-size:9px}.timer-title strong{font-size:23px}.score-stat{min-width:80px}.combo{font-size:9px}.intro{inset:auto 25px 105px;width:auto;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px}.intro-line{display:none}h1{font-size:24px;margin:0;grid-row:1/3}h1 br:nth-child(2){display:none}.intro p{display:none}.intro .primary{padding:14px;min-width:151px;gap:13px;font-size:13px}.intro-note{font-size:8px;gap:5px;justify-content:center;margin-top:9px}.bottom-bar{height:66px;left:20px;right:20px}.control-hint{font-size:9px;gap:7px}.hint-divider{margin:0 1px}#ready-note{display:none}.room-label{bottom:237px;right:23px;font-size:7px}.view-controls{bottom:224px;left:62px;gap:9px}.view-controls>span{display:none}.playing .hud{top:84px;width:calc(100% - 30px);max-width:none;padding:13px 16px;gap:16px;justify-content:space-between}.playing .timer-stat{width:115px}.playing .view-controls{bottom:87px;left:50%}.playing .room-label{bottom:100px}.playing .announcement{top:194px;font-size:17px;width:calc(100% - 40px)}.result-card{padding:28px 25px}.result-card h2{font-size:24px}.result-score strong{font-size:57px}.target-label{display:none}.help-panel{right:16px}.playing .crosshair{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.boss-status{position:absolute;left:50%;top:237px;transform:translate(-50%);padding:10px 18px;border-radius:7px;font-size:13px;font-weight:700;color:#f7faf3;background:#344d43;z-index:4;pointer-events:none;white-space:nowrap}.boss-status[data-state=warning]{background:#a9511f}.boss-status[data-state=watching]{background:#952f29}.playing .announcement{top:294px}.result-card h2{font-size:25px}.result-card>p{line-height:1.65}@media(max-width:600px){.boss-status{top:184px;font-size:11px;padding:9px 12px}.playing .announcement{top:231px;font-size:15px}.result-card h2{font-size:21px}}.bottom-bar{background:#f4f5efed;padding:0 14px;border-top-color:#cbd4c7}.intro-note,.intro p{color:#34483f}.orientation-prompt{display:none}@media(hover:none)and (pointer:coarse)and (max-width:950px)and (orientation:portrait){#app{min-height:0}.orientation-prompt{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--paper);padding:max(28px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));outline:none}.orientation-icon{width:88px;height:88px;color:var(--accent);margin-bottom:24px;flex-shrink:0}.orientation-prompt h2{font-size:clamp(22px,6vw,28px);line-height:1.4;margin:0 0 14px;letter-spacing:-.025em}.orientation-prompt p{font-size:16px;line-height:1.8;margin:0;color:var(--ink)}.orientation-prompt .orientation-note{font-size:12px;line-height:1.9;color:var(--muted);margin-top:32px}}@media(hover:none)and (pointer:coarse)and (max-height:600px)and (orientation:landscape){#app{min-height:0;--phone-left:max(12px,env(safe-area-inset-left));--phone-right:max(12px,env(safe-area-inset-right));--phone-top:max(6px,env(safe-area-inset-top));--phone-bottom:max(4px,env(safe-area-inset-bottom))}.topbar{height:44px;top:var(--phone-top);padding:0 var(--phone-right) 0 var(--phone-left);align-items:center}.brand{font-size:14px;gap:7px;letter-spacing:0}.brand-icon{width:27px;height:27px}.brand small{font-size:7px;margin-top:2px;letter-spacing:.16em}.session-label{display:none}.header-actions{gap:8px}.header-actions .icon-button{width:44px;height:44px}.hud,.playing .hud{left:50%;right:auto;top:var(--phone-top);transform:translate(-50%);width:330px;max-width:calc(100% - 250px);padding:6px 12px;gap:14px;justify-content:space-between;align-items:flex-start;background:#fafbf6ed;border-radius:9px}.stat-label{font-size:9px;margin-bottom:1px}.stat strong{font-size:23px;line-height:1.15}.stat strong small{font-size:11px}.score-stat{min-width:68px}.combo{font-size:9px;margin-top:2px;min-height:12px}.timer-stat,.playing .timer-stat{width:100px;padding-top:0}.timer-title{font-size:9px}.timer-title strong{font-size:22px}.timer-title small{font-size:9px}.timer-track{height:4px;margin-top:4px}.boss-status{top:calc(var(--phone-top) + 66px);padding:7px 12px;font-size:11px;max-width:calc(100% - 28px);text-align:center}.announcement,.playing .announcement{top:calc(var(--phone-top) + 106px);font-size:15px;width:calc(100% - 120px);line-height:1.4}.intro{left:calc(var(--phone-left) + 8px);right:auto;top:calc(var(--phone-top) + 78px);bottom:auto;width:220px;display:block}.intro-line{display:none}.intro h1{font-size:27px;line-height:1.2;margin:0 0 10px}.intro h1 br:nth-child(2){display:none}.intro p{display:block;font-size:11px;line-height:1.7;margin:0 0 12px}.intro .primary{min-width:190px;min-height:44px;padding:11px 16px;font-size:14px;gap:24px}.intro-note{font-size:9px;gap:8px;margin-top:8px;justify-content:flex-start}.bottom-bar{height:calc(48px + var(--phone-bottom));left:0;right:0;bottom:0;padding:0 calc(var(--phone-right) + 4px) var(--phone-bottom) calc(var(--phone-left) + 118px);border-top:0;gap:12px;background:#f4f5efed}.bottom-bar p,#ready-note,.room-label{display:none}.control-hint{font-size:10px;gap:8px}.control-hint .hint-divider{margin:0 1px}.bottom-bar .text-button{min-width:100px;min-height:44px;font-size:12px;padding:10px 6px;margin-left:auto;white-space:nowrap}.view-controls,.playing .view-controls{left:var(--phone-left);bottom:calc(var(--phone-bottom) + 2px);transform:none;gap:8px;z-index:4}.view-controls>span{display:none}.view-controls .icon-button{width:44px;height:44px}.view-controls svg{width:19px;height:19px}.crosshair,.target-label{display:none!important}.icon-button:hover{transform:none}.icon-button:active,.primary:active{transform:scale(.96)}.results{padding:calc(var(--phone-top) + 4px) calc(var(--phone-right) + 4px) calc(var(--phone-bottom) + 4px) calc(var(--phone-left) + 4px)}.result-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px 20px;width:min(600px,100%);max-height:100%;overflow:auto;padding:16px 20px;text-align:left;border-radius:14px;overscroll-behavior:contain}.result-stamp{grid-column:1/-1;grid-row:1;justify-self:start;font-size:10px;padding:4px 10px;margin:0}.result-card h2{grid-column:2;grid-row:2;font-size:20px;line-height:1.3;margin:0}#result-message{grid-column:2;grid-row:3;font-size:11px;line-height:1.6;margin:0}.result-score{grid-column:1;grid-row:2/5;align-self:center;text-align:center;padding:0}.result-score strong{font-size:50px;line-height:1.2}.result-score span{font-size:11px}.result-card>p:not(#result-message){grid-column:2;grid-row:4;font-size:11px;margin:0}.result-details{grid-column:1/-1;grid-row:5;font-size:10px;padding:0;justify-content:center;gap:20px}.result-card .primary{grid-column:2;grid-row:6;min-width:0;min-height:44px;padding:10px 16px;font-size:14px}.result-card>.text-button{grid-column:1;grid-row:6;min-height:44px;margin:0;align-self:center}.help-panel{top:calc(var(--phone-top) + 50px);right:var(--phone-right);width:min(430px,calc(100% - var(--phone-left) - var(--phone-right)));max-height:calc(100% - var(--phone-top) - var(--phone-bottom) - 62px);overflow:auto;padding:18px 24px;overscroll-behavior:contain;font-size:12px}.help-panel h2{margin-top:30px;font-size:18px}.close-help{min-width:44px;min-height:44px;top:4px;right:8px;font-size:12px}}@media(hover:none)and (pointer:coarse)and (max-height:600px)and (max-width:740px)and (orientation:landscape){.brand>span:last-child{display:none}.hud,.playing .hud{max-width:calc(100% - 180px);width:300px;gap:10px;padding:6px 10px}.intro{width:205px;top:calc(var(--phone-top) + 73px)}.intro h1{font-size:25px}.intro-note{display:none}.control-hint>span:nth-last-child(-n+2){display:none}.result-card{grid-template-columns:110px minmax(0,1fr);gap:6px 14px;padding:12px 16px}.result-card h2{font-size:18px}.result-score strong{font-size:42px}}