.base-button[data-v-8dae9980]{border-radius:var(--radius-lg);background:var(--button);color:var(--button-text);cursor:pointer;font-family:NiveauGroteskBold,sans-serif;font-size:var(--font-size-md);font-weight:var(--font-weight-extrabold);letter-spacing:.01em;transition:transform var(--transition-fast), filter var(--transition-fast);border:2px solid #ffffff73;padding:10px 18px}.base-button[data-v-8dae9980]:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)scale(1.01)}.base-button[data-v-8dae9980]:disabled,.base-button--disabled[data-v-8dae9980]{cursor:not-allowed;opacity:.45}.base-button--primary[data-v-8dae9980]{background:var(--button);color:var(--button-text);border-color:#ffffff73}.base-button--secondary[data-v-8dae9980]{color:#e8f6ff;background:linear-gradient(#082d45d1,#051e32f0)}.base-button--ghost[data-v-8dae9980]{color:var(--text);background:0 0;border-color:#0000}.base-button--ghost[data-v-8dae9980]:hover:not(:disabled){border-color:var(--border);background:var(--surface-input)}.base-button--sm[data-v-8dae9980]{font-size:var(--font-size-sm);padding:6px 14px}.base-button--lg[data-v-8dae9980]{font-size:var(--font-size-lg);padding:14px 24px}.base-input__label[data-v-0fe9f7f8]{font-size:var(--font-size-md);margin-bottom:7px;display:block}.base-input__field[data-v-0fe9f7f8]{border:2px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface-input);color:#fff;width:100%;font-family:var(--body-font);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:12px 13px;font-size:1rem}.base-input__field[data-v-0fe9f7f8]:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.base-input__field--error[data-v-0fe9f7f8]{border-color:#ff6b5b}.base-input__error[data-v-0fe9f7f8]{color:#ff6b5b;font-size:var(--font-size-sm);margin-top:4px}.base-field[data-v-0ae7c317]{margin-top:var(--space-md)}.base-field__label[data-v-0ae7c317]{font-size:var(--font-size-md);margin-bottom:7px;display:block}.base-panel[data-v-cc895ad6]{border:2px solid var(--line);border-radius:var(--radius-2xl);background:var(--panel);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:var(--shadow);animation:base-panel-rise-in-cc895ad6 var(--transition-smooth)}.base-panel--default[data-v-cc895ad6]{background:var(--panel)}.base-panel--transparent[data-v-cc895ad6]{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border-color:#0000}.base-panel--padding-sm[data-v-cc895ad6]{padding:var(--space-lg)}.base-panel--padding-md[data-v-cc895ad6]{padding:var(--space-xxl)}.base-panel--padding-lg[data-v-cc895ad6]{padding:var(--space-3xl)}.base-panel--size-md[data-v-cc895ad6]{width:min(760px,100%)}.base-panel--size-wide[data-v-cc895ad6]{width:min(1540px,100%)}.base-panel--size-full[data-v-cc895ad6]{width:100%}.base-panel--layout-stack[data-v-cc895ad6]{flex-direction:column;justify-content:space-between;align-items:center;display:flex}@media (width<=900px){.base-panel--padding-md[data-v-cc895ad6],.base-panel--padding-lg[data-v-cc895ad6]{padding:20px 14px}}@keyframes base-panel-rise-in-cc895ad6{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.base-back-link[data-v-d0eb242e]{align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);font-size:var(--font-size-sm);color:#eef9ffa6;transition:color var(--transition-fast);text-decoration:none;display:inline-flex}.base-back-link[data-v-d0eb242e]:hover{color:#f3fbff}.base-back-link__arrow[data-v-d0eb242e]{font-size:1.1em;line-height:1}.base-badge[data-v-e6d61961]{color:#eef9ffd9;font-size:.78rem;line-height:var(--line-height-base);background:#bbe9ff26;border-radius:10px;align-items:center;padding:2px 8px;display:inline-flex}.base-badge--blue[data-v-e6d61961]{color:#a8dbff;background:#008ee040}.base-badge--red[data-v-e6d61961]{color:#ffb3a8;background:#ff524140}.base-badge--green[data-v-e6d61961]{color:#93eb69;background:#93eb6933}.base-badge--ghost[data-v-e6d61961]{color:#eef9ffa6;background:0 0}.base-badge--sm[data-v-e6d61961]{padding:1px 6px;font-size:.7rem}.base-actions[data-v-aa7269bf]{gap:var(--space-md);margin-top:var(--radius-lg);flex-wrap:wrap;display:flex}.base-actions--center[data-v-aa7269bf]{justify-content:center}.base-actions--end[data-v-aa7269bf]{justify-content:flex-end}.base-actions--compact[data-v-aa7269bf]{gap:var(--space-sm);margin-top:0}@media (width<=900px){.base-actions[data-v-aa7269bf]{flex-direction:column}.base-actions[data-v-aa7269bf] .base-button{width:100%}}.base-alert[data-v-891710f9]{width:100%;margin-top:var(--radius-lg);border-radius:var(--radius-sm);padding:10px 12px}.base-alert--error[data-v-891710f9]{background:var(--danger-bg);color:var(--danger)}.base-alert--info[data-v-891710f9]{background:var(--surface-chip);color:var(--text-muted)}.base-page[data-v-725d0aab]{min-height:100vh;padding:var(--space-xl)}.base-page--centered[data-v-725d0aab]{place-items:center;display:grid}.base-page--game[data-v-725d0aab]{--turn-bg-top:#0f7fb4;--turn-bg-bottom:#14344a;--turn-glow-left:#2af0ff33;--turn-glow-right:#ffb85742;background:linear-gradient(180deg, #ffffff08 0, #ffffff08 2px, transparent 2px, transparent 22px), radial-gradient(circle at 12% 18%, var(--turn-glow-left), transparent 28%), radial-gradient(circle at 88% 18%, var(--turn-glow-right), transparent 32%), linear-gradient(180deg, var(--turn-bg-top), var(--turn-bg-bottom));transition:background var(--transition-base);align-items:stretch;padding:10px;display:grid}.base-page--theme-blue[data-v-725d0aab]{--turn-bg-top:#1c9cf1;--turn-bg-bottom:#014165;--turn-glow-left:#53dfff4d;--turn-glow-right:#5da8ff33}.base-page--theme-red[data-v-725d0aab]{--turn-bg-top:#e8613e;--turn-bg-bottom:#6f1f1a;--turn-glow-left:#ffcc7859;--turn-glow-right:#ff5f5752}@media (width<=900px){.base-page[data-v-725d0aab]{padding:14px}}.base-range-input[data-v-a9c170b6]{flex-direction:column;gap:6px;margin:0;display:flex}.base-range-input__label[data-v-a9c170b6]{color:#d3e5ff;font-size:.92rem;font-weight:600}.base-range-input__field[data-v-a9c170b6]{accent-color:#42a5f5;width:100%;margin:0}.base-range-input__hint[data-v-a9c170b6]{color:#8aadcf;font-size:.78rem}.base-textarea[data-v-db4fbba3]{gap:var(--space-xs);flex-direction:column;display:flex}.base-textarea__label[data-v-db4fbba3]{color:#d3e5ff;font-size:.92rem;font-weight:600}.base-textarea__field[data-v-db4fbba3]{resize:vertical;border:2px solid var(--line);border-radius:var(--radius-sm);color:#d3e5ff;width:100%;min-height:80px;font-family:inherit;font-size:.86rem;line-height:var(--line-height-base);background:#0d1b2a;padding:8px 10px}.base-textarea__field[data-v-db4fbba3]:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus);outline:none}.base-textarea__hint[data-v-db4fbba3]{color:#8aadcf;font-size:.78rem}.drawing-timer[data-v-da15fc07]{gap:var(--space-sm);display:grid}.drawing-timer__label[data-v-da15fc07]{letter-spacing:.015em;font-family:NiveauGroteskBold,sans-serif}.drawing-timer__track[data-v-da15fc07]{border-radius:var(--radius-full);background:#082235b3;border:2px solid #cbeeff66;height:16px;overflow:hidden}.drawing-timer__progress[data-v-da15fc07]{background:linear-gradient(90deg,#9df8ff,#8fe26b);width:0;height:100%;transition:width .18s linear}.drawing-timer--compact[data-v-da15fc07]{gap:var(--space-xs);flex:260px;min-width:220px}.drawing-timer--compact .drawing-timer__label[data-v-da15fc07]{font-size:.88rem}.drawing-timer--compact .drawing-timer__track[data-v-da15fc07]{height:12px}.drawing-toolbar[data-v-1cba0295]{gap:var(--space-md);display:grid}.drawing-toolbar__title[data-v-1cba0295],.drawing-toolbar__subtitle[data-v-1cba0295]{text-transform:uppercase;letter-spacing:.02em;margin:0}.drawing-toolbar__title[data-v-1cba0295]{font-size:var(--font-size-lg)}.drawing-toolbar__subtitle[data-v-1cba0295]{font-size:var(--font-size-md)}.drawing-toolbar__tools[data-v-1cba0295],.drawing-toolbar__palette[data-v-1cba0295],.drawing-toolbar__presets[data-v-1cba0295],.drawing-toolbar__actions[data-v-1cba0295]{gap:var(--space-sm);flex-wrap:wrap;display:flex}.drawing-toolbar__tool[data-v-1cba0295],.drawing-toolbar__preset[data-v-1cba0295]{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);background:var(--button);color:var(--button-text);cursor:pointer;font-family:NiveauGroteskBold,sans-serif;font-weight:var(--font-weight-extrabold);border:2px solid #ffffff73;padding:10px 18px;display:inline-flex}.drawing-toolbar__tool--active[data-v-1cba0295],.drawing-toolbar__preset--active[data-v-1cba0295]{border-color:#cdffade6;box-shadow:0 0 0 2px #82e05657}.drawing-toolbar__preset[data-v-1cba0295]{background:linear-gradient(#082d45d1,#051e32f0)}.drawing-toolbar__tool-icon[data-v-1cba0295]{flex:none;width:18px;height:18px}.drawing-toolbar__tool-icon--eraser[data-v-1cba0295]{color:#ff7eb6}.drawing-toolbar__color[data-v-1cba0295]{cursor:pointer;border:2px solid #fff9;border-radius:10px;width:32px;height:32px;padding:0}.drawing-toolbar__color--active[data-v-1cba0295]{border-color:#d3ff96;box-shadow:0 0 0 2px #a2e35a6b}.drawing-toolbar__custom-color[data-v-1cba0295]{align-items:center;gap:10px;margin:0;display:inline-flex}.drawing-toolbar__custom-color input[data-v-1cba0295]{background:#041c2ecc;border:2px solid #d5f1ff8c;border-radius:9px;width:56px;height:36px;padding:2px}.drawing-toolbar__active-color-label[data-v-1cba0295]{color:var(--text-muted)}.drawing-toolbar__active-color[data-v-1cba0295]{vertical-align:middle;border-radius:var(--radius-sm);border:2px solid #fff9;width:20px;height:20px;display:inline-block}.drawing-toolbar__size[data-v-1cba0295]{gap:var(--space-sm);display:grid}.drawing-toolbar__size-control[data-v-1cba0295]{gap:var(--space-xs);color:var(--text-muted);flex-direction:column;margin:0;display:flex}.drawing-toolbar__size-slider[data-v-1cba0295]{width:100%;accent-color:var(--state-success)}.drawing-toolbar--compact[data-v-1cba0295]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.drawing-toolbar--compact .drawing-toolbar__tools[data-v-1cba0295]{flex-wrap:nowrap}.drawing-toolbar--compact .drawing-toolbar__tool[data-v-1cba0295]{width:42px;height:42px;padding:0}.drawing-toolbar--compact .drawing-toolbar__tool-label[data-v-1cba0295]{display:none}.drawing-toolbar--compact .drawing-toolbar__tool-icon[data-v-1cba0295]{width:20px;height:20px}.drawing-toolbar--compact .drawing-toolbar__palette[data-v-1cba0295]{gap:6px}.drawing-toolbar--compact .drawing-toolbar__color[data-v-1cba0295]{border-radius:var(--radius-sm);width:26px;height:26px}.drawing-toolbar--compact .drawing-toolbar__custom-color[data-v-1cba0295]{gap:0}.drawing-toolbar--compact .drawing-toolbar__custom-color input[data-v-1cba0295]{width:44px;height:30px}.drawing-toolbar--compact .drawing-toolbar__size[data-v-1cba0295]{min-width:220px}.drawing-toolbar--compact .drawing-toolbar__size-control[data-v-1cba0295]{align-items:center;gap:var(--space-sm);white-space:nowrap;flex-direction:row;font-size:.85rem}.drawing-toolbar--compact .drawing-toolbar__size-slider[data-v-1cba0295]{width:160px}.home-view__panel[data-v-ea3728bd]{align-items:stretch;position:relative;overflow:hidden}.home-view__title[data-v-ea3728bd]{text-align:center;letter-spacing:.08em;text-shadow:0 2px 12px #00000059;margin:0;font-size:clamp(2.4rem,4vw,3.2rem)}.home-view__subtitle[data-v-ea3728bd]{text-align:center;color:var(--text-muted);margin:var(--space-xs) 0 var(--space-lg) 0;font-size:var(--font-size-lg)}.home-view__form[data-v-ea3728bd]{--home-view-control-height:48px;gap:var(--space-md);flex-direction:column;width:100%;display:flex}.home-view__form-row[data-v-ea3728bd]{align-items:flex-end;gap:var(--space-sm);width:100%;display:flex}.home-view__field[data-v-ea3728bd]{flex-direction:column;flex:auto;width:100%;min-width:0;margin-top:0;display:flex}.home-view__field[data-v-ea3728bd] .base-input,.home-view__field[data-v-ea3728bd] .base-input__field{width:100%}.home-view__field[data-v-ea3728bd] .base-input__field{height:var(--home-view-control-height)}.home-view__form-button[data-v-ea3728bd]{height:var(--home-view-control-height);white-space:nowrap;flex:none;align-self:flex-end}.home-view__actions[data-v-ea3728bd]{justify-content:center;gap:var(--space-md);margin-top:var(--radius-lg);flex-wrap:wrap;display:flex}.home-view__separator[data-v-ea3728bd]{height:1px;margin:var(--space-lg) var(--space-md);background:var(--border);opacity:.5}@media (width<=900px){.home-view__form-row[data-v-ea3728bd]{flex-direction:column}.home-view__form-button[data-v-ea3728bd]{flex-basis:auto;width:100%}.home-view__actions[data-v-ea3728bd]{flex-direction:column}.home-view__actions[data-v-ea3728bd]>.base-button{width:100%}}@font-face{font-family:NiveauGroteskBlack;src:url(/assets/codenames/fonts/niveau-grotesk-black.ttf)format("truetype");font-display:swap}@font-face{font-family:NiveauGroteskBold;src:url(/assets/codenames/fonts/niveau-grotesk-bold.ttf)format("truetype");font-display:swap}@font-face{font-family:NiveauGroteskMedium;src:url(/assets/codenames/fonts/niveau-grotesk-medium.ttf)format("truetype");font-display:swap}@font-face{font-family:FuturaPtCondBold;src:url(/assets/codenames/fonts/FuturaPTCond-Bold.woff2)format("woff2");font-display:swap}:root{--color-brand-primary:#27b305;--color-brand-primary-light:#6ed421;--color-brand-secondary:#0e334e;--color-brand-secondary-light:#0b2232;--left-team-primary-color:#008ee0;--right-team-primary-color:#ff5241;--bg-left-team-primary:#008ee0;--bg-right-team-primary:#ff5241;--team-blue-surface:linear-gradient(180deg, #0c66a3bf, #063e6cd1);--team-blue-surface-light:radial-gradient(ellipse at 50% 30%, #64c8ff26, transparent 70%);--team-blue-border:#96dcff59;--team-blue-text:#e8f7ff;--team-blue-chip:#05233c8c;--team-red-surface:linear-gradient(180deg, #ad422fc7, #802818d1);--team-red-surface-light:radial-gradient(ellipse at 50% 30%, #ffa06426, transparent 70%);--team-red-border:#ffcda959;--team-red-text:#e8f7ff;--team-red-chip:#581d1280;--text:#eff6ff;--text-muted:#e4f3ffd1;--text-inverse:#132230;--surface-panel:#072b4da6;--surface-input:#041c2ebf;--surface-card:linear-gradient(180deg, #1872ae59, #093e6273);--surface-card-blue:linear-gradient(180deg, #08345875, #08345875);--surface-card-red:#6d25186b;--border:#b2e9ff42;--border-input:#d5f1ff66;--border-focus:#c6ff74;--state-danger:#ffd6cf;--state-danger-bg:#cd250f59;--state-success:#93eb69;--state-success-soft:#78d32633;--state-success-soft-bg:#78d32614;--hover-border:#ffffff73;--hover-overlay:#ffffff0f;--surface-chip:#bbe9ff14;--border-chip:#bbe9ff1f;--gradient-green:linear-gradient(to bottom, #27b305, #6ed421);--gradient-green-light:linear-gradient(to bottom, #7ce345, #bcf35e);--gradient-blue:linear-gradient(to bottom, #008ee0, #52b7ff);--gradient-red:linear-gradient(to bottom, #ff5241, #ff833d);--gradient-blue-red:linear-gradient(to bottom, #008ee0, #ff5241);--gradient-body-top:#0fa3ef;--gradient-body-bottom:#015580;--bg-cn-gradient-1:#0fa3ef;--bg-cn-gradient-2:#015580;--left-highlight:radial-gradient(at center, #2af0ff, #2af0ff99, #ff00, #ff00);--right-highlight:radial-gradient(at center, #ffc453, #ffc45399, #ff00, #ff00);--bg-timer-blue:linear-gradient(180deg, #aef4ff 0%, #9cf3ff 100%);--bg-timer-red:linear-gradient(180deg, #ffd19d 0%, #ffb374 100%);--blue-shadow-a:#beffef;--blue-shadow-b:#00b3ff;--blue-shadow-c:#00b3ff;--red-shadow-a:#ffe5be;--red-shadow-b:#ff6b00;--font-heading:"NiveauGroteskBlack", "Trebuchet MS", sans-serif;--font-body:"NiveauGroteskMedium", "Trebuchet MS", sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-md:.95rem;--font-size-lg:1.05rem;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-base:1.4;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:18px;--space-xl:24px;--space-xxl:28px;--space-3xl:38px;--radius-sm:8px;--radius-md:11px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:22px;--radius-3xl:26px;--radius-full:999px;--shadow-panel:0 24px 55px #04101d73;--shadow-focus:0 0 0 3px #78d32640;--transition-fast:.12s ease;--transition-base:.22s ease;--transition-smooth:.32s ease;--panel:var(--surface-panel);--line:var(--border);--shadow:var(--shadow-panel);--button:var(--gradient-green);--button-hover:var(--gradient-green-light);--button-text:#f7fff2;--danger:var(--state-danger);--danger-bg:var(--state-danger-bg);--heading-font:var(--font-heading);--body-font:var(--font-body)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg, #ffffff08 0, #ffffff08 2px, transparent 2px, transparent 22px), radial-gradient(circle at 12% 18%, #2af0ff33, transparent 28%), radial-gradient(circle at 88% 18%, #ffb85742, transparent 32%), linear-gradient(180deg, var(--bg-cn-gradient-1), var(--bg-cn-gradient-2));min-height:100vh;color:var(--text);font-family:var(--body-font);margin:0}#app{min-height:100vh}h1,h2{font-family:var(--heading-font);letter-spacing:.02em;text-transform:uppercase;margin:0}h1{font-size:clamp(2.1rem,3vw,2.8rem)}h2{margin-bottom:var(--space-sm);font-size:var(--font-size-lg)}h3,p{margin:0}.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}.room-join-prompt-backdrop[data-v-01c5f06f]{z-index:1000;padding:var(--space-xl);background:#04121ec2;place-items:center;display:grid;position:fixed;inset:0}.room-join-prompt[data-v-01c5f06f]{gap:var(--space-md);width:min(460px,100%);padding:var(--space-xxl);border:2px solid var(--line);border-radius:var(--radius-2xl);background:var(--panel);box-shadow:var(--shadow);display:grid}.room-join-prompt h2[data-v-01c5f06f],.room-join-prompt__description[data-v-01c5f06f]{margin:0}.room-join-prompt__description[data-v-01c5f06f]{color:var(--text-muted)}.room-join-prompt__actions[data-v-01c5f06f]{justify-content:flex-end}