:root{color:#e8edf2;background:#0b0f14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:#071019;cursor:pointer;background:#d9f1ff;border:1px solid #607080;border-radius:6px;padding:8px 12px;font-weight:700}button.secondary{color:#e8edf2;background:#17212b}button:disabled{cursor:not-allowed;opacity:.48}input,select{color:#f5f8fa;background:#101820;border:1px solid #51606e;border-radius:6px;min-width:0;padding:8px 10px}.field-label{color:#91a0ad;font-size:12px;font-weight:700}.level-description{color:#a7b3bd;margin:-2px 0 2px;font-size:12px;line-height:1.35}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{width:100vw;height:100vh}.app-shell{grid-template-columns:minmax(0,1fr) 360px;width:100%;height:100%;display:grid}.viewport{min-width:0;min-height:0;position:relative}.fps-meter{z-index:2;pointer-events:none;grid-template-columns:repeat(2,minmax(88px,auto));gap:6px;display:grid;position:absolute;top:14px;left:14px}.meter-item{background:#070b10c7;border:1px solid #8197ab6b;border-radius:6px;min-width:88px;padding:7px 8px;box-shadow:0 10px 28px #00000038}.meter-item.wide{grid-column:1/-1}.meter-item label{color:#a8b6c1;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;line-height:1;display:block}.meter-item span{color:#f2f7fb;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.1;display:block}.viewport canvas{width:100%;height:100%;display:block}.panel{background:#101820;border-left:1px solid #25313c;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex;overflow:auto}.title{flex-direction:column;gap:4px;display:flex}.title h1{letter-spacing:0;margin:0;font-size:20px}.title p{color:#a7b3bd;margin:0;line-height:1.4}.controls{gap:8px;display:grid}.join-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:#0c131a;border:1px solid #263542;border-radius:6px;min-width:0;padding:8px}.stat label{color:#91a0ad;margin-bottom:4px;font-size:11px;display:block}.stat span{text-overflow:ellipsis;white-space:nowrap;min-height:19px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;display:block;overflow:hidden}.log{color:#c7d2dc;background:#070b10;border:1px solid #263542;border-radius:6px;flex:1;min-height:180px;margin:0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;overflow:auto}.status-line{color:#d7e2ea;background:#070b10c7;border:1px solid #2c3b48;border-radius:6px;max-width:min(640px,100% - 32px);padding:8px 10px;font-size:13px;position:absolute;bottom:16px;left:16px}@media (width<=860px){body{overflow:auto}.app-shell{grid-template-rows:minmax(420px,58vh) auto;grid-template-columns:1fr;height:auto;min-height:100vh}.panel{border-top:1px solid #25313c;border-left:0}}