:root{color-scheme:dark;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:#080e18;color:#e5f0f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#a9dce9;text-decoration:none}a:hover{text-decoration:underline}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:#d7e9f5;background:#152537;border:1px solid #344c60;border-radius:8px;padding:10px 14px;min-height:44px;font-size:15px;font-weight:600}button:hover{background:#213b4d;border-color:#75baca}button:focus-visible,a:focus-visible{outline:3px solid #a9e3f0;outline-offset:4px}.primary{background:#91d6e5;color:#09202d;border-color:#91d6e5}.primary:hover{background:#b3e8f3;color:#09202d}[hidden]{display:none!important}.site-bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(24px,calc((100vw - 1440px)/2));border-bottom:1px solid #223344;background:#0c1623}.brand{display:flex;align-items:center;gap:12px;color:#a9e3f0;font-size:26px;font-weight:800}.brand span{font-size:16px;letter-spacing:2px;color:#e5f0f8}.brand small{display:block;letter-spacing:1px;font-size:10px;color:#829eaf;margin-top:5px}main{max-width:1488px;margin:auto;padding:0 24px}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:36px 0 26px}.eyebrow{font:11px ui-monospace,monospace;letter-spacing:2px;color:#82bacb;margin:0 0 12px}h1{font-size:clamp(28px,3vw,42px);margin:0 0 12px;letter-spacing:-1px}.intro p:not(.eyebrow){color:#9fb4c6;line-height:1.8;margin:0}.intro>a{white-space:nowrap;font-size:14px;padding-bottom:6px}.game-stage{border:1px solid #314a5d;border-radius:16px;background:#0b1522;overflow:hidden}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #2a3d4f;background:#101f2e}.stage-name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:16px}.stage-name>span:last-child{font-size:12px;color:#91a9bc}.status-dot{width:7px;height:7px;background:#8bdbd5;border-radius:50%}.stage-actions{display:flex;gap:8px;flex-shrink:0}.quick-help{padding:18px 22px;display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;background:#112536;border-bottom:1px solid #355367}.quick-help strong{font-size:18px;color:#f0f7fb}.quick-help strong>span{font-size:12px;font-family:ui-monospace,monospace;color:#83b7ca;margin-right:8px}.quick-help p{margin:10px 0 0;font-size:17px;line-height:1.9;color:#c5d9e7}.quick-help kbd{font-family:inherit;font-size:15px;font-weight:600;background:#223f52;color:#e9fbff;border:1px solid #43637a;border-bottom-width:2px;border-radius:5px;padding:3px 7px;white-space:nowrap}.quick-help .start-tip{grid-column:1/-1;border-top:1px solid #2c475a;padding-top:10px;font-size:14px;line-height:1.9;margin:0;color:#abc3d5}.start-tip strong{font-size:14px;color:#b7e6ee}.start-tip span{display:block}.start-tip kbd{font-size:13px}.frame-slot{position:relative;height:clamp(600px,78vh,920px);min-height:0;background:#151719}.frame-slot iframe{display:block;width:100%;height:100%;border:0;background:#151719}.connection{position:absolute;z-index:2;inset:0;background:#0b1522;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;pointer-events:none}.connection h2{font-size:22px}.connection p{max-width:430px;color:#a7c3d3;line-height:1.8}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #284454;border-top-color:#9bdbe8;animation:loading .9s linear infinite}@keyframes loading{to{transform:rotate(360deg)}}.fullscreen-note{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);max-width:min(600px,90%);margin:0;padding:12px 18px;background:#0b192dee;color:#b5dbe7;border:1px solid #496779;border-radius:8px;pointer-events:none}.footnote{padding:14px 0 30px;color:#92adbf;font-size:13px;line-height:1.9}.no-script{font-size:20px;padding:20px}body.immersive{overflow:hidden}.game-stage:fullscreen,.game-stage.expanded{display:flex;flex-direction:column;width:100vw;height:100vh;height:100dvh;border:0;border-radius:0}.game-stage.expanded{position:fixed;inset:0;z-index:100}.game-stage:fullscreen .frame-slot,.game-stage.expanded .frame-slot{flex:1;height:auto;min-height:160px}.game-stage:fullscreen .stage-toolbar,.game-stage.expanded .stage-toolbar{flex-shrink:0;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left))}.game-stage:fullscreen .quick-help,.game-stage.expanded .quick-help{max-height:36vh;overflow:auto;padding:10px 18px;flex-shrink:0}.game-stage:fullscreen .stage-name>span:last-child,.game-stage.expanded .stage-name>span:last-child{display:none}@media(max-width:760px){main{padding:0 12px}.site-bar{min-height:64px;padding:12px 16px}.intro{padding:24px 4px 20px;display:block}.intro>a{display:inline-block;margin-top:12px}.stage-toolbar{padding:10px;flex-wrap:wrap}.stage-name{font-size:14px}.stage-actions{width:100%;display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:6px}.stage-actions button{padding:9px 8px;font-size:14px}.quick-help{grid-template-columns:1fr;gap:14px;padding:16px}.quick-help p{font-size:16px}.quick-help strong{font-size:18px}.frame-slot{height:78svh;min-height:560px}.game-stage:fullscreen .stage-name,.game-stage.expanded .stage-name{display:none}.game-stage:fullscreen .stage-actions,.game-stage.expanded .stage-actions{width:auto;margin-left:auto;display:flex}.game-stage:fullscreen .stage-actions button,.game-stage.expanded .stage-actions button{min-height:38px;padding:6px 12px}.footnote{padding-inline:4px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:#9bdbe8;border-right-color:#9bdbe8}}
.frame-recovery{padding:10px 18px;font-size:13px;line-height:1.6;color:#94b3c6;background:#101f2e;border-top:1px solid #2a3d4f;flex-shrink:0}.frame-recovery a{color:#b8edfa;text-decoration:underline;text-underline-offset:3px}.game-stage.expanded .frame-recovery{padding:5px 14px;font-size:12px}
.connection a{pointer-events:auto;background:#92d9e6;color:#09202d;border:1px solid #b5ecf5;border-radius:8px;padding:13px 20px;font-size:16px;font-weight:700}.game-stage{position:relative}
.display-settings{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid #2a3d4f;background:#122333;flex-shrink:0;font-size:13px;color:#a8c2d3}.display-settings label{display:flex;align-items:center;gap:10px;color:#e5f0f8;font-weight:600}.display-settings select{font:inherit;font-size:15px;min-height:44px;padding:8px 30px 8px 12px;border:1px solid #486578;border-radius:7px;background:#1b3346;color:#e5f0f8;max-width:100%}.display-settings select:focus-visible{outline:3px solid #a9e3f0;outline-offset:3px}.display-settings #display-status{font-family:ui-monospace,monospace;color:#9dd8e5}.racing-embed .frame-slot{overflow:hidden}.racing-embed .frame-slot iframe{position:absolute;left:0;top:0;transform-origin:top left}.game-stage:fullscreen .display-settings,.game-stage.expanded .display-settings{padding:6px 14px}.game-stage:fullscreen .display-settings select,.game-stage.expanded .display-settings select{min-height:36px;padding-block:5px}.game-stage:fullscreen .display-settings>span:last-child,.game-stage.expanded .display-settings>span:last-child{display:none}@media(max-width:760px){.display-settings{padding:12px;gap:8px}.display-settings label{flex-wrap:wrap}.display-settings>span:last-child{width:100%}.display-settings #display-status{font-size:12px}.game-stage:fullscreen .display-settings #display-status,.game-stage.expanded .display-settings #display-status{display:none}}