*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050a1a;color:#eaf2ff;font:16px system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}[hidden]{display:none!important}main{min-height:100vh;position:relative;isolation:isolate;overflow:hidden}.backdrop{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;image-rendering:auto;z-index:-3}.shade{position:fixed;inset:0;background:linear-gradient(90deg,#02071dcc,#04123422 50%,#02071d99),linear-gradient(0deg,#02071dcc,transparent);z-index:-2}header,footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;font-size:13px;letter-spacing:.14em;color:#b7c9ec}.build{color:#ffd488}.home{max-width:620px;margin:2vh auto 0;padding:0 24px;text-align:center}.title{margin-bottom:30px}h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(60px,9vw,116px);font-style:italic;line-height:.84;margin:0;color:#d9dfec;text-shadow:3px 3px #070914,5px 5px #6c7a95,-1px -1px white;letter-spacing:.025em}.subtitle{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(24px,4vw,42px);letter-spacing:.3em;color:#e5b86b;padding-top:18px}nav{display:grid;gap:12px;max-width:430px;margin:auto}button{border:1px solid #6381b4;background:linear-gradient(#102c58ee,#081834ee);color:#eaf2ff;padding:15px 22px;text-align:center;box-shadow:inset 0 1px #c1d3f522;transition:background .12s,transform .12s}button:hover:not(:disabled),button:focus-visible{background:#264d85;outline:2px solid #cda663;outline-offset:3px}nav button{font-weight:700;font-size:22px}button small{font-size:14px;opacity:.8;margin-left:12px;font-weight:400}.buildnote{font-size:14px;color:#a9bad8;line-height:1.65;margin:25px 0}.panel{max-width:600px;margin:2vh auto 8vh;padding:26px 32px;background:#07162cee;border:1px solid #4b6593;box-shadow:0 24px 80px #0008}.back{padding:8px 0;border:0;background:none;box-shadow:none;color:#adc5eb}h2{font-size:32px;margin:18px 0 25px}label{display:block;margin:20px 0;color:#c4d5f0}label small{display:block;color:#8fa8ce;font-size:13px;margin-top:4px}input,select{display:block;width:100%;background:#020c1f;color:white;border:1px solid #48638d;padding:12px;margin-top:8px;min-height:46px}input[type=range]{padding:0;accent-color:#dfb366}#code{text-transform:uppercase;letter-spacing:.25em}#join-form>button,#room>button{width:100%;margin-top:12px}.roomhead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a5178;padding-bottom:16px;font-size:13px}.roomhead strong{display:block;font-size:30px;letter-spacing:.14em;color:#eecb87;margin-top:5px}#count{font-size:25px}ol{list-style:none;padding:0;display:grid;gap:8px}li{padding:14px;background:#17335b}li.empty{color:#7d94b7;background:#0c203e;border:1px dashed #334d74}.hint{color:#a2b8d8;font-size:14px;line-height:1.6}#network-status{line-height:1.6;color:#f2c879;min-height:25px}output{float:right}.bind{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.bind button{min-width:90px;padding:7px 12px}.play{padding:0 3vw}.playhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;font-size:14px}.play iframe{display:block;border:0;width:100%;height:78vh;min-height:400px;background:black}.play p{font-size:14px;color:#aac0e3}footer{margin-top:35px;font-size:12px}#settings-status{color:#edcb88}@media(max-width:600px){header,footer{padding:18px 16px;font-size:10px}.panel{margin:10px 14px;padding:20px}.home{margin-top:5vh}nav button{font-size:20px}.playhead{flex-direction:column;align-items:flex-start}.play iframe{height:65vh}.buildnote br{display:none}}
.control-strip{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.control-chip{display:inline-flex;gap:9px;align-items:center;padding:8px 12px;background:#112b50;border:1px solid #48638d;border-radius:4px;font-size:14px}.control-chip:nth-child(n+4):nth-child(-n+6){border-color:#cda663;background:#40321b}.control-chip kbd{font:bold 16px system-ui;color:#ffda95}.play .combat-help{line-height:1.55;margin:10px 0 16px;color:#d1dded}.play iframe{height:68vh}.bind{gap:16px}.bind span{line-height:1.5}
.control-strip{gap:6px}.control-chip{gap:5px;padding:6px 9px}.control-chip small{font-size:12px;color:#c4d3e9;margin-left:4px}.pad-key{min-width:24px;text-align:center;color:white;font-size:16px}.play iframe{height:72vh}
#guest-screen{display:block;max-width:100%;width:auto;height:68vh;aspect-ratio:4/3;object-fit:contain;margin:0 auto;background:black;image-rendering:pixelated;outline:none}#guest-screen:focus-visible{outline:2px solid #b58d4f}#remote-status{color:#f2ca88;min-height:22px}.play #remote-guide{margin:6px 0 12px;line-height:1.5}

.play iframe.engine-source{position:fixed!important;left:-10000px;top:0;width:640px!important;height:480px!important;min-height:0!important;pointer-events:none}
#guest-screen{width:100%;height:auto;max-height:max(240px,calc(100dvh - 340px));aspect-ratio:auto;object-fit:contain}#guest-screen[data-camera="race"]{max-width:1400px}#guest-screen[data-camera="menu"]{max-width:960px}
.invitation-card{padding:18px 20px;background:#17365ecc;border-left:3px solid #d9af68;margin:18px 0}.invitation-card>span{font-size:11px;letter-spacing:.13em;color:#c6d7ed}.invitation-card strong{display:block;font-size:27px;letter-spacing:.16em;color:#ffe1a5;margin:5px 0}.invitation-card p{margin:4px 0;font-size:14px;color:#c6d7ed}#join-form>button[type=submit]{font-weight:700;background:linear-gradient(#84642b,#534022);border-color:#dbb56a}#join-toggle{font-size:14px}#invite-link{font-size:13px;letter-spacing:0;cursor:text}.invite-link-label{font-size:14px}#join-description{margin-top:-10px}#join-form:has(.invitation-card:not([hidden])) #join-description{margin-top:0}