:root{color:#eef5ef;font-synthesis:none;text-rendering:optimizelegibility;background:#0c100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.shell{background:radial-gradient(circle at 20% 10%,#5bb85c24,#0000 34rem),linear-gradient(135deg,#111713,#090c0a);grid-template-rows:54px minmax(0,1fr);width:100%;height:100%;display:grid}.toolbar{z-index:2;padding:max(10px, env(safe-area-inset-top)) 16px 10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0f0ceb;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand,.session{align-items:center;gap:9px;display:flex}.brand{letter-spacing:-.02em;font-weight:800}.brand-cube{border:3px solid #70d572;width:18px;height:18px;transform:rotate(45deg);box-shadow:inset -4px -4px #318f45}.session{color:#aab7ad;min-width:0;font-size:13px}#status-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-dot{background:#7d887f;border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #7d887f21}.status-dot[data-state=online]{background:#68d66f;box-shadow:0 0 0 3px #68d66f26}.status-dot[data-state=warning]{background:#f3ba58;box-shadow:0 0 0 3px #f3ba5826}.participants{color:#d9e4db;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px}.toolbar-action{color:#dff8e1;cursor:pointer;background:#49ba521f;border:1px solid #70d57259;border-radius:8px;flex:none;min-height:30px;padding:0 10px;font-size:12px;font-weight:700}.toolbar-action:hover{background:#49ba5238}.welcome{overscroll-behavior:contain;scrollbar-gutter:stable;place-items:center;min-height:0;padding:24px;display:grid;overflow:hidden auto}.welcome-card{background:#141c16d6;border:1px solid #ffffff1a;border-radius:24px;width:min(620px,100%);margin-block:auto;padding:clamp(26px,6vw,52px);box-shadow:0 30px 90px #0000005c}.eyebrow{color:#7bd97d;letter-spacing:.18em;margin:0 0 12px;font-size:12px;font-weight:800}h1{color:#f5faf6;letter-spacing:-.055em;max-width:520px;margin:0;font-size:clamp(34px,7vw,62px);line-height:.98}#welcome-copy{color:#b6c3b8;max-width:520px;margin:24px 0 0;font-size:16px;line-height:1.6}.actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.actions button,.action-link,.version-picker select{cursor:pointer;border-radius:10px;min-height:44px;padding:0 17px}.version-picker{color:#9eaba0;letter-spacing:.04em;text-transform:uppercase;gap:5px;font-size:11px;font-weight:700;display:grid}.version-picker select{color:#e8f0e9;text-transform:none;cursor:pointer;background:#18201a;border:1px solid #ffffff24;outline:none}.version-picker select:focus{border-color:#70d572}.action-link{align-items:center;text-decoration:none;display:inline-flex}.primary{color:#081009;background:#70d572;border:1px solid #79dc7d;font-weight:800;box-shadow:0 8px 28px #49ba5233}.primary:hover:not(:disabled){background:#88e58b}.primary:disabled{cursor:not-allowed;opacity:.42}.secondary{color:#e8f0e9;background:#ffffff0f;border:1px solid #ffffff24}.hint{color:#7f8d82;min-height:20px;margin:18px 0 0;font-size:13px;line-height:1.5}.profile-panel{border-top:1px solid #ffffff17;margin-top:24px;padding-top:20px}.profile-heading,.profile-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-label{color:#7bd97d;letter-spacing:.14em;margin:0 0 3px;font-size:10px;font-weight:800}.profile-heading code{color:#8e9b90;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.profile-grid{grid-template-columns:minmax(0,1fr) minmax(120px,.45fr) minmax(140px,.65fr);gap:10px;margin-top:14px;display:grid}.profile-grid label{color:#9eaba0;gap:6px;font-size:12px;display:grid}.profile-grid input,.profile-grid select{color:#eef5ef;background:#00000038;border:1px solid #ffffff1f;border-radius:8px;outline:none;min-width:0;height:38px;padding:0 10px}.profile-grid input:focus,.profile-grid select:focus{border-color:#70d572}.profile-actions{justify-content:flex-start;margin-top:12px}.profile-actions button,.file-button{color:#e8f0e9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff21;border-radius:8px;min-height:36px;padding:0 12px;font-size:12px;line-height:34px}.file-button input{display:none}.profile-message{color:#859388;min-height:18px;margin:10px 0 0;font-size:12px}.game{pointer-events:auto;touch-action:none;background:#000;border:0;width:100%;height:100%}[hidden]{display:none!important}@media (width<=560px){.shell{grid-template-rows:48px minmax(0,1fr)}.toolbar{padding-inline:11px}.participants{display:none}.welcome{padding:14px}.welcome-card{border-radius:18px;padding:24px 20px}.profile-grid{grid-template-columns:1fr}}@media (height<=720px){.welcome{place-items:start center;padding-block:14px}.welcome-card{margin-block:0;padding-block:24px}h1{font-size:clamp(30px,7vw,48px)}#welcome-copy{margin-top:16px}.actions{margin-top:18px}}