*{box-sizing:border-box}body{margin:0;background:#0b1723;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;color:#f5e9d1;overflow:hidden}#stage{position:fixed}#stage canvas{display:block;width:100%;height:100%}#welcome{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,#0c2039ed,#0c20399c);z-index:10}#welcome>div{max-width:650px;padding:35px}h1{font-size:clamp(42px,6vw,72px);font-weight:500;line-height:1.2;margin:20px 0}p{line-height:1.8;color:#c4d9df}small{color:#8da9b5}button,select{font:inherit;border:0;background:#f0d2a1;color:#18323c;border-radius:16px;padding:18px 28px;cursor:pointer}button:disabled{opacity:.45}#local-control{position:fixed;bottom:20px;right:20px;background:#0e233944;color:#bbd7d555;padding:12px;border:1px solid #9ab6c322;z-index:20}#controls{position:fixed;z-index:25;right:20px;bottom:80px;width:min(430px,90vw);padding:22px;background:#172e43ed;border:1px solid #6c8b9944;border-radius:22px}#controls button{margin:6px;padding:12px 18px}#controls label{display:block;margin-top:15px}#controls select{width:100%;margin-top:8px;padding:12px}#clock{display:block;font-size:18px;margin-bottom:10px}#ending{position:fixed;bottom:12%;left:50%;transform:translateX(-50%);font-size:48px;color:#f6d995}[hidden]{display:none!important}

#welcome{background:transparent}#start{width:140px;height:140px;padding:20px;border-radius:50%;background:#fff8e9;box-shadow:0 10px 60px #08162260;color:#305f62}#start svg{width:100%;height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body[data-preparing="true"] #start{position:relative;opacity:.7}body[data-preparing="true"] #start::after{content:"";position:absolute;inset:-10px;border:3px solid #d6edf130;border-top-color:#d6edf1;border-radius:50%;animation:preparing 1.2s linear infinite}@keyframes preparing{to{transform:rotate(360deg)}}

#caption{position:fixed;z-index:5;bottom:9%;left:50%;transform:translateX(-50%);width:max-content;max-width:86vw;padding:10px 22px;border-radius:12px;background:#08131bd9;color:#fff;font-size:clamp(26px,3.1vw,46px);font-weight:600;line-height:1.5;text-align:center;pointer-events:none;text-shadow:0 2px 3px #000}#caption:empty{display:none}