:root{color-scheme:light;background:var(--background, #16324a);color:#f4fbff;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--design-w: 1080;--design-h: 1920;--ui-scale: .35;--start-btn-w: 560;--ok-btn-w: 560;--btn-bottom: 230;--brand-h: 80;--music-h: 72;--chrome-top: 54;--chrome-x: 56}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--background, #16324a);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;background:var(--background, #16324a)}canvas{position:absolute;top:0;left:0;z-index:0;display:block;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#status,#overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;box-sizing:border-box;padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}#status{z-index:4}#chrome{position:absolute;top:calc(var(--chrome-top) * var(--ui-scale) * 1px + env(safe-area-inset-top));right:calc(var(--chrome-x) * var(--ui-scale) * 1px + env(safe-area-inset-right));left:calc(var(--chrome-x) * var(--ui-scale) * 1px + env(safe-area-inset-left));z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}#brand{display:block;height:calc(var(--brand-h) * var(--ui-scale) * 1px);width:auto}#music{pointer-events:auto;width:auto;height:calc(var(--brand-h) * var(--ui-scale) * 1px);padding:0;border:0;border-radius:0;background:transparent}#music img{display:block;height:calc(var(--music-h) * var(--ui-scale) * 1px);width:auto}#status[hidden],#overlay[hidden],#intro[hidden],[hidden]{display:none!important}#intro{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}#intro-cover,#intro-select{position:absolute;top:0;right:0;bottom:0;left:0}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.intro-stage{position:absolute;left:50%;top:50%;z-index:1;width:calc(var(--design-w) * 1px);height:calc(var(--design-h) * 1px);transform:translate(-50%,-50%) scale(var(--ui-scale));transform-origin:center center;pointer-events:none}.intro-btn{position:absolute;left:50%;bottom:calc(var(--btn-bottom) * 1px);z-index:1;display:block;width:calc(var(--start-btn-w) * 1px);padding:0;border:0;border-radius:0;background:transparent;transform:translate(-50%);pointer-events:auto}#intro-ok{width:calc(var(--ok-btn-w) * 1px)}.intro-btn img{display:block;width:100%;height:auto;pointer-events:none}#status.error,.warn{color:#9d2c2c}#score{position:absolute;z-index:2;margin:0;color:#fff;font-size:28px;font-weight:700;pointer-events:none;text-shadow:0 2px 0 #16324a}#fps{position:absolute;z-index:2;margin:0;color:#fff;font-size:14px;font-weight:600;line-height:1.35;text-align:right;white-space:pre;pointer-events:none;text-shadow:0 2px 0 #16324a}.card{display:flex;flex-direction:column;gap:12px;width:min(100%,360px);max-height:100%;box-sizing:border-box;margin:0;padding:22px;overflow:auto;border-radius:20px;background:#fffffff0;color:#16324a}.card h1,.card h2,.card p{margin:0}form,.card{touch-action:manipulation}input,button,a{font:inherit}input{box-sizing:border-box;width:100%;padding:12px 14px;border:0;border-radius:12px;background:#e7f4fb;color:inherit;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#steer{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;gap:12px;pointer-events:none}#steer button{width:76px;height:72px;padding:0;border-radius:22px;background:#ffffff38;color:#fff;font-size:28px;font-weight:700;line-height:1;box-shadow:inset 0 0 0 2px #fff6;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#steer button.held{background:#ffffffb8;color:#16324a}button,#wechat-login{display:block;box-sizing:border-box;width:100%;padding:12px 14px;border:0;border-radius:999px;background:#16324a;color:#fff;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}button.ghost{background:#d7ebf6;color:#16324a}#intro .intro-btn{width:calc(var(--start-btn-w) * 1px);padding:0;border-radius:0;background:transparent}#intro #intro-ok{width:calc(var(--ok-btn-w) * 1px)}#chrome #music{width:auto;height:calc(var(--brand-h) * var(--ui-scale) * 1px);padding:0;border-radius:0;background:transparent}#board-list{display:flex;flex-direction:column;gap:8px;max-height:46vh;margin:0;padding:0;overflow:auto;list-style:none}#board-list li{display:grid;grid-template-columns:2rem 1fr auto;gap:8px;align-items:center}#board-list li.me{font-weight:700}