*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0a0806}body{font-family:-apple-system,BlinkMacSystemFont,PingFang HK,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;color:#ece4d6;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}#wrap{position:relative;width:100vw;height:100vh;overflow:hidden}#stage{position:absolute;left:50%;top:50%;width:1100px;height:560px;transform-origin:50% 50%}#game{display:block;width:1100px;height:560px;border-radius:5px;cursor:default}#hud{position:absolute;inset:0;pointer-events:none;font-size:15px}.pill{background:#0e0b08bd;border:1px solid rgba(226,196,124,.26);border-radius:999px;padding:7px 17px}#obj{position:absolute;left:50%;top:15px;transform:translate(-50%);white-space:nowrap;letter-spacing:.3px;color:#f3e7cd;text-align:center}#tag{position:absolute;left:16px;top:15px;font-size:12px;color:#94856b;line-height:1.6}#hud-stage-name{transition:opacity .3s ease;display:inline-block}#tag i{color:#c8ab74;font-style:normal}#btns{position:absolute;right:13px;top:13px;display:flex;gap:7px;pointer-events:auto}.btn{background:#120e0ad1;border:1px solid rgba(226,196,124,.3);color:#e2c98f;border-radius:8px;padding:6px 12px;font-size:12.5px;cursor:pointer;font-family:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .18s}.btn:hover{background:#342718eb;border-color:#ffd98a9e}.btn.on{background:#3c2d17;color:#ffdd9b}.btn.disabled{opacity:.4;cursor:not-allowed;background:#0e0b0880;border-color:#96825a33;color:#7d7059}.btn.disabled:hover{background:#0e0b0880;border-color:#96825a33}#keys{position:absolute;left:16px;bottom:13px;font-size:12px;color:#8b7d66;line-height:1.75;display:flex;align-items:center;pointer-events:auto}kbd{background:#e6c88221;border:1px solid rgba(230,200,130,.32);border-radius:4px;padding:1px 6px;font-family:inherit;font-size:11.5px;color:#e2c894;margin-right:1px}#action-prompt{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;margin-left:10px;transition:opacity .2s cubic-bezier(.16,1,.3,1)}#action-prompt.visible{opacity:1;pointer-events:auto}#action-prompt:hover kbd{background:#e6c88240;border-color:#ffd98a99;color:#fff0c8}#sub{position:absolute;left:50%;bottom:64px;transform:translate(-50%);font-size:17.5px;color:#fff4de;text-shadow:0 2px 12px #000,0 0 30px rgba(0,0,0,.8);opacity:0;transition:opacity .22s;white-space:nowrap;letter-spacing:.6px}#sub.show{opacity:1}#chapter-overlay{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) scale(.94);font-size:27px;font-weight:600;letter-spacing:4px;color:#ffd98a;text-shadow:0 2px 18px rgba(0,0,0,.95),0 0 28px rgba(255,217,138,.4);pointer-events:none;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),letter-spacing .3s cubic-bezier(.16,1,.3,1);white-space:nowrap;z-index:15}#chapter-overlay.show{opacity:1;transform:translate(-50%,-50%) scale(1);letter-spacing:5.2px}#chapter-overlay.fade-out{opacity:0;transform:translate(-50%,-50%) scale(1.04);letter-spacing:6.5px;transition:opacity .32s cubic-bezier(.4,0,1,1),transform .32s cubic-bezier(.4,0,1,1),letter-spacing .32s ease-in}.card{position:absolute;inset:0;display:none;place-items:center;pointer-events:auto;background:radial-gradient(ellipse at 50% 42%,#191309,#080706 78%);z-index:20}.card.show{display:grid}#logincard{background:radial-gradient(ellipse at 50% 45%,#18120ac2,#080706eb 80%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cardin{max-width:620px;padding:34px 42px;text-align:center}.cardin h1{font-size:30px;margin:0 0 7px;color:#ffd98a;letter-spacing:2.8px;font-weight:600}.cardin h2{font-size:14.5px;margin:0 0 20px;color:#96866a;letter-spacing:2.2px;font-weight:400}.cardin p{font-size:14px;line-height:2;color:#cbbb9d;margin:0 0 8px;text-align:left}.cardin p.mid{text-align:center;color:#a8987c}.cardin .go{margin-top:24px;display:flex;gap:11px;justify-content:center;flex-wrap:wrap}.cardin .go .btn{padding:11px 25px;font-size:14px;border-radius:10px}.cardin .go .btn.big{background:#4a3719;color:#ffe6b0;border-color:#ffd98a99;box-shadow:0 4px 20px #00000080,0 0 16px #ffd98a2e}.cardin .go .btn.big:hover{background:#5e451d;border-color:#ffd98ae6;box-shadow:0 6px 24px #0009,0 0 24px #ffd98a59}.ck{text-align:left;font-size:13px;line-height:1.95;color:#b8a988;margin:0 auto;max-width:470px}.ck div{padding-left:21px;position:relative}.ck div:before{position:absolute;left:0;top:0}.ck .y:before{content:"✓";color:#7dd8b8}.hr{height:1px;background:#e2c47c33;margin:19px 0}.lil{font-size:12px;color:#7d7059;letter-spacing:.4px}.input-row{margin:18px auto 6px;display:flex;align-items:center;justify-content:center;gap:10px}.input-row label{font-size:13px;color:#c8ab74}.input-row input{background:#0e0b08d9;border:1px solid rgba(226,196,124,.35);border-radius:8px;color:#ffe2a0;padding:8px 14px;font-size:14px;outline:none;font-family:inherit;width:180px;text-align:center}.input-row input:focus{border-color:#ffd98abf;box-shadow:0 0 10px #ffd98a33}.login-cardin{padding:60px 40px;max-width:500px}.title-gears{font-size:28px;color:#ffd98a;margin-bottom:24px;text-shadow:0 0 20px rgba(255,217,138,.6);letter-spacing:6px}.login-go{margin-top:0}.start-button{padding:14px 50px;font-size:18px;letter-spacing:3px;font-weight:600}.help-title{font-size:22px}