@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Outfit:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f4f7ef;background:#071812;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 20% 10%,rgba(88,171,111,.16),transparent 32rem),#071812}canvas{display:block}.lobby-screen{position:absolute;inset:0;z-index:2;overflow:auto;display:grid;place-items:center;padding:28px;color:#eff5e9;background:radial-gradient(ellipse at 12% 0%,#244a37b3,transparent 55%),repeating-linear-gradient(90deg,transparent 0 125px,#79976f08 125px 127px),#0b211af5}.lobby-screen [hidden]{display:none!important}.lobby-screen h1,.lobby-screen h2,.lobby-screen p{margin:0}.lobby-screen h1{font-family:Outfit,sans-serif;font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-1.5px}.lobby-screen h2{font-size:19px;margin-bottom:16px}.lobby-screen .eyebrow{color:#e9c66e;font-size:11px;font-weight:700;letter-spacing:2.2px;margin-bottom:14px}.lobby-screen button,.lobby-screen input{font:inherit}.lobby-screen button{cursor:pointer;border:1px solid #55725b;border-radius:10px;padding:14px 20px;font-weight:700;color:#eff5e9;background:#193b2d;transition:background .15s,border-color .15s}.lobby-screen button:hover:not(:disabled){background:#2a503d;border-color:#c1d1ac}.lobby-screen button:disabled{opacity:.43;cursor:default}.lobby-screen :focus-visible{outline:3px solid #f0cc78;outline-offset:4px}.lobby-screen .primary{color:#172a1c;background:#f0cb73;border-color:#f0cb73}.lobby-screen .primary:hover:not(:disabled){background:#ffe2a0;border-color:#ffe2a0}.lobby-screen .secondary{background:#1a362b}.lobby-screen .muted{color:#acc0af;font-size:13px;line-height:1.5;font-weight:500}.menu-panel{width:min(100%,610px);border:1px solid #48654b;background:#102b21;border-radius:22px;padding:clamp(26px,4vw,48px);box-shadow:0 30px 120px #020d0966}.menu-panel .intro{margin-top:18px;color:#c8d4c3;line-height:1.6}.menu-panel .game-facts{color:#b3c7ad;font-size:12px;margin:20px 0 30px;padding-bottom:24px;border-bottom:1px solid #375540}.lobby-screen label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}.lobby-screen input{width:100%;color:#f1f5e9;background:#091f16;padding:14px 16px;border:1px solid #577357;border-radius:10px}.lobby-screen input::placeholder{color:#79917e}.menu-actions{display:flex;gap:12px;margin-top:18px}.menu-actions>button{flex:1}.code-form{border-top:1px solid #375540;margin-top:22px;padding-top:22px}.code-form input{width:145px;font:700 23px monospace;letter-spacing:5px;margin-right:12px;text-transform:uppercase}.lobby-error{color:#ffc1ad;font-size:14px;line-height:1.5;margin-top:18px!important;min-height:21px}.menu-panel .menu-footer{font-size:11px;color:#9aaf9f;line-height:1.6;margin-top:26px}.desktop-message{margin-top:26px!important;font-size:20px;line-height:1.5}.room-panel{width:min(100%,1000px);border:1px solid #3c5c44;border-radius:20px;background:#102b21;padding:28px 32px}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #375540}.room-heading h1{font-size:36px}.invitation-code{position:relative;display:flex;align-items:center;gap:14px;text-align:center;border:1px dashed #7e9167;border-radius:12px;padding:12px 14px 12px 18px;background:#192f21}.invitation-code-text>span{display:block;font-size:10px;letter-spacing:1.5px;color:#bdc8a5}.invitation-code strong{display:block;font:700 32px monospace;letter-spacing:7px;color:#f2d487;margin-top:5px;padding-left:7px;-webkit-user-select:all;user-select:all}.lobby-screen .copy-code{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;padding:10px;border-radius:9px;color:#f2d487;background:#233e2b;border-color:#65774e}.copy-code svg{width:22px;height:22px}.copy-code .check-symbol,.copy-code.is-copied .copy-symbol{display:none}.copy-code.is-copied .check-symbol{display:block}.copy-feedback{position:absolute;top:calc(100% + 4px);right:0;width:250px;max-width:100%;color:#f2d487;text-align:right;font-size:11px;line-height:1.3}.room-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;padding-top:26px}.roster{list-style:none;margin:0;padding:0}.member{display:flex;align-items:center;gap:9px;min-height:37px;border-bottom:1px solid #2c4a34;padding:7px 0}.color-chip{width:12px;height:12px;border-radius:4px;border:1px solid #ffffff66;flex-shrink:0}.member-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.host-badge,.ready-badge,.waiting-badge{white-space:nowrap;font-size:11px}.host-badge{color:#f0d597}.ready-badge{color:#9fd5a8}.waiting-badge{color:#e5c87b}.lobby-screen .kick-button{padding:3px 6px;border:none;background:transparent;color:#f0b1a1;font-size:10px}.host-notice{min-height:25px;margin-top:12px!important}.car-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.lobby-screen .car-choice{display:flex;flex-direction:column;align-items:center;text-align:left;padding:16px 13px;background:#0c241a;border:2px solid #38553e}.lobby-screen .car-choice[aria-pressed=true]{border-color:#e7c77a;background:#263e26}.car-choice strong{font-size:11px;margin:12px 0 8px;align-self:start}.car-choice .muted{font-size:12px}.car-preview{position:relative;display:block;height:54px;width:98px}.car-body{position:absolute;width:84px;height:40px;top:7px;left:7px;border:2px solid #ffffff88;border-radius:7px;background:var(--car-color);box-shadow:0 4px 7px #0008}.car-cabin{position:absolute;width:31px;height:32px;top:11px;left:30px;border:2px solid #a6d7dd;background:#183f4d;border-radius:4px}.carritoGolf .car-body{width:60px;height:34px;top:10px;left:19px;border-radius:3px;box-shadow:0 -4px 0 -1px #0a120d,0 4px 0 -1px #0a120d}.carritoGolf .car-cabin{width:32px;height:26px;left:30px;top:14px;background:var(--car-color)}.selection-note{margin-top:14px!important}.room-footer{border-top:1px solid #375540;margin-top:24px;padding-top:22px;text-align:center}.lobby-status{color:#c6d3bd;font-size:14px;line-height:1.5;margin-bottom:14px!important}.room-footer>button{min-width:270px}.room-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.lobby-screen .room-back{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border-radius:12px;font-size:16px;line-height:1.3;text-align:left;color:#fff5f1;background:#b84238;border-color:#e77c6c}.lobby-screen .room-back:hover:not(:disabled){background:#cd5044;border-color:#ffab96}.room-back .back-arrow{font-size:24px;line-height:1}.lobby-screen .text-button{font-size:12px;background:none;padding:8px 0;border:none;font-weight:500}.lobby-screen .danger{color:#efb4a8}.showing-standings{background:transparent;pointer-events:none}.standings-back{position:absolute;top:20px;left:24px;pointer-events:auto}.kick-dialog{color:#eff5e9;background:#153426;border:1px solid #b69c62;border-radius:16px;padding:28px;max-width:470px}.kick-dialog::backdrop{background:#030d0acc}.lobby-screen .danger-button{background:#913e36;border-color:#c67465}@media(max-width:760px){.lobby-screen{padding:16px}.room-panel{padding:22px}.room-columns{grid-template-columns:1fr;gap:20px}.room-heading h1{font-size:30px}.menu-actions{flex-wrap:wrap}}@media(max-width:430px){.room-heading{align-items:start;flex-direction:column}.room-panel{padding:20px 16px;min-width:0}.room-columns,.participants,.car-selection{min-width:0}.car-choices{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.room-footer>button{min-width:0;width:100%}.code-form input{margin-bottom:12px}.member{flex-wrap:wrap}}.absence-label{display:block;margin-top:4px;color:#e6ba7d;font-size:11px}.member.disconnected .color-chip{opacity:.5}.abandon-dialog{width:min(470px,calc(100vw - 40px));padding:30px;border:1px solid #86795c;border-radius:18px;color:#eff5e9;background:#153426;font-family:DM Sans,sans-serif;box-shadow:0 24px 90px #0008}.abandon-dialog::backdrop{background:#030d0aaa}.abandon-dialog h2{margin:0 0 14px;font-family:Outfit,sans-serif;font-size:28px}.abandon-dialog p{margin:10px 0;line-height:1.5}.abandon-dialog .muted{font-size:13px;color:#acc0af}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.abandon-dialog button{flex:1;padding:13px 16px;border:1px solid #55725b;border-radius:10px;color:#eff5e9;background:#214b36;font:700 15px DM Sans,sans-serif;cursor:pointer}.abandon-dialog .danger-button{background:#b84238;border-color:#e77c6c}.abandon-dialog button:hover{filter:brightness(1.15)}.abandon-dialog :focus-visible{outline:3px solid #f0cc78;outline-offset:4px}