@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:"Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", Menlo, monospace;--spacing:.25rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-md:0 4px 12px #00000040, 0 2px 4px #00000026;--shadow-lg:0 12px 40px #00000059, 0 4px 12px #0003;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:var(--theme-bg);--color-surface:var(--theme-surface);--color-accent:var(--theme-accent);--color-accent-hover:var(--theme-accent-hover);--color-text:var(--theme-text);--color-text-muted:var(--theme-text-muted);--color-tile-bg:var(--theme-tile-bg);--color-input-border:var(--theme-input-border);--color-glass-bg:var(--theme-glass-bg);--color-glass-border:var(--theme-glass-border);--color-danger:var(--theme-danger);--color-danger-hover:var(--theme-danger-hover);--color-success:var(--theme-success);--color-btn-secondary:var(--theme-btn-secondary);--color-btn-secondary-hover:var(--theme-btn-secondary-hover);--color-cell-bg:var(--theme-cell-bg);--shadow-glow:0 0 20px var(--theme-accent)}@supports (color:color-mix(in lab,red,red)){:root,:host{--shadow-glow:0 0 20px color-mix(in srgb, var(--theme-accent) 25%, transparent)}}:root,:host{--font-heading:"Quicksand", sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;margin:0;padding:0}#vanta-bg{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.floating-tiles-bg{pointer-events:none;z-index:0;background:#000;position:fixed;inset:0;overflow:hidden}.floating-tile{opacity:.25;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;animation:linear infinite bgTileFloat;display:flex;position:absolute}.floating-tile svg{width:100%;height:100%}.screen{z-index:1;position:relative}body{font-family:var(--font-sans);color:var(--color-text);-webkit-font-smoothing:antialiased;background:#000;min-height:100vh;font-weight:500}h1,h2,h3,h4,h5,h6,.lobby-title,.wr-panel-title,.modal-content h2,.modal-content h3{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.35em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--theme-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb-hover)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=text],select{border:1.5px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-cell-bg);width:100%;color:var(--color-text);padding:12px;font-size:16px;transition:border-color .15s,box-shadow .15s}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}select option{background:var(--theme-bg,#1a1a2e);color:var(--color-text);padding:8px}input[type=text]:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent);outline:none}@supports (color:color-mix(in lab,red,red)){input[type=text]:focus,select:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}}input[type=text]:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input[type=password]{border:1.5px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-cell-bg);width:100%;color:var(--color-text);padding:12px;font-size:16px;transition:border-color .15s,box-shadow .15s}input[type=password]:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent);outline:none}@supports (color:color-mix(in lab,red,red)){input[type=password]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}}input[type=password]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}kbd{font-family:var(--font-mono);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;margin:0 2px;padding:2px 6px;font-size:12px;line-height:1.4;display:inline-block}}@layer components{.screen{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px 0;display:flex;position:relative}.screen-enter{animation:.3s screenFadeIn}#lobby{justify-content:flex-start;padding-top:0;padding-left:200px}#waitingRoom,#leaderboard{padding-left:200px}#gameScreen{justify-content:flex-start;gap:0;height:100dvh;min-height:0;max-height:100dvh;padding:10px 10px 0;position:relative;overflow:hidden}.navbar{background:var(--color-glass-bg);width:100%;-webkit-backdrop-filter:blur(var(--theme-glass-blur));border-bottom:1px solid var(--color-glass-border);box-shadow:var(--shadow-sm);z-index:100;flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;display:flex;position:sticky;top:0}.nav-logo{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.nav-logo-img{object-fit:cover;border-radius:50%;width:36px;height:36px}.nav-links{gap:4px;margin-left:12px;display:flex}.nav-link{cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:6px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--color-text);background:#ffffff0d}.nav-right{align-items:center;gap:8px;min-height:36px;margin-left:auto;display:flex}.nav-lang{gap:4px;display:flex}.nav-divider{background:var(--color-input-border);width:1px;height:20px;margin:0 4px}.nav-user-menu{position:relative}.nav-avatar-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:border-color .15s;display:flex}.nav-avatar-btn:hover{border-color:var(--color-accent)}.nav-avatar-placeholder{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.nav-avatar-btn .avatar-tiny{width:28px;height:28px}.nav-dropdown{background:var(--color-surface);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:200;min-width:140px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.nav-dropdown-item{text-align:left;width:100%;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s;display:block}.nav-dropdown-item:hover{background:#ffffff0f}.nav-login-link{color:var(--color-accent);font-weight:600}.nav-login-link:hover{color:var(--color-accent-hover)}.lobby-sidebar{background:var(--color-glass-bg);width:200px;height:100vh;-webkit-backdrop-filter:blur(var(--theme-glass-blur));border-right:1px solid var(--color-glass-border);box-shadow:var(--shadow-sm);z-index:300;flex-direction:column;gap:8px;padding:16px 12px;display:flex;position:fixed;top:0;left:0}.lobby-sidebar-username{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.sidebar-profile-edit-icon{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0;transition:color .15s}.sidebar-identity:hover .sidebar-profile-edit-icon{color:var(--color-accent)}.lobby-sidebar-divider{background:var(--color-glass-border);height:1px;margin:4px 0}.lobby-sidebar-avatar{flex-shrink:0;justify-content:center;align-items:center;display:flex}.lobby-sidebar-avatar .avatar-tiny{width:36px;height:36px}.lobby-sidebar-avatar .nav-avatar-placeholder{width:36px;height:36px;font-size:15px}.lobby-sidebar-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s;display:flex}.lobby-sidebar-item:hover{background:#ffffff0f}.sidebar-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.lobby-sidebar-logout{color:#e57373}.lobby-sidebar-logout:hover{color:#ef5350;background:#ef53501a}.lobby-sidebar-login{color:var(--color-accent);font-weight:600}.lobby-sidebar-login:hover{color:var(--color-accent-hover)}.lobby-sidebar-lang{justify-content:center;gap:8px;margin-top:auto;padding:12px 0;display:flex}.sidebar-instance-info{text-align:center;color:#ffffff40;font-size:10px;font-family:var(--font-mono);letter-spacing:.05em;padding-bottom:8px}.lobby-sidebar-user{flex-direction:column;gap:2px;display:flex}.sidebar-logo-link{justify-content:center;padding:4px 0 12px;display:flex}.sidebar-logo{object-fit:contain;border-radius:50%;width:56px;height:56px;transition:transform .15s}.sidebar-logo:hover{transform:scale(1.08)}.sidebar-identity{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:background .15s,border-color .15s;display:flex}.sidebar-identity:hover{background:#ffffff0f;border-color:#ffffff1a}.lobby-burger{z-index:301;background:var(--color-glass-bg);width:40px;height:40px;-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:none;position:fixed;top:12px;left:12px}.lobby-burger span{background:var(--color-text);border-radius:1px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.sidebar-close-btn{display:none}.lobby-sidebar-overlay{z-index:299;background:#00000080;position:fixed;inset:0}.lobby-sidebar-overlay.hidden{display:none}.language-switcher{gap:4px;display:flex}.lang-flag{cursor:pointer;opacity:.5;background:0 0;border:2px solid #0000;border-radius:4px;padding:2px;line-height:0;transition:opacity .15s,border-color .15s}.lang-flag svg{border-radius:2px;display:block}.lang-flag:hover{opacity:.8}.lang-flag.active{opacity:1;border-color:var(--color-accent)}.lobby-greeting{align-items:center;gap:14px;margin-top:32px;margin-bottom:28px;display:flex}.avatar-greeting{object-fit:cover;border:2px solid var(--color-glass-border);width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0}.avatar-greeting.avatar-placeholder{background:var(--color-accent);color:#fff;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.greeting-text{color:var(--color-text-muted);font-size:18px}.greeting-text strong{color:var(--color-text)}.lobby-title{color:var(--color-text);margin:32px 0 8px;font-size:2.5rem;font-weight:700}.lobby-hero-logo{object-fit:contain;border-radius:50%;width:min(280px,50vw);height:auto;margin:32px auto 24px;display:block}.lobby-container{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);width:400px;max-width:90vw;padding:40px}.lobby-heading{color:var(--color-text-primary);text-align:center;letter-spacing:.5px;text-transform:uppercase;opacity:.85;margin:0 0 20px;font-size:18px;font-weight:600}.input-group{margin-bottom:24px}.input-group label{color:var(--color-text-muted);margin-bottom:8px;font-weight:500;display:block}.lobby-actions{flex-direction:column;gap:16px;display:flex}.divider{text-align:center;color:var(--color-text-muted)}.join-section{gap:8px;display:flex}.join-section input{text-transform:uppercase;flex:1}.lobby-list-section{width:400px;max-width:90vw;margin-top:24px}.lobby-list-section h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px}.lobby-game-list{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.lobby-empty{text-align:center;color:var(--color-text-muted);padding:20px;font-size:14px}.lobby-setting-badges{flex-wrap:wrap;gap:4px;margin-top:2px;display:flex}.lobby-setting-badge{color:var(--color-text-muted);white-space:nowrap;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:11px}#waitingRoom{justify-content:flex-start;gap:0;padding-top:0}.wr-content{flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:24px 20px 40px;display:flex}.wr-game-title{color:var(--color-text);justify-content:center;align-items:center;gap:12px;font-size:1.6em;font-weight:700;display:flex}.wr-game-title-icon{align-items:center;display:flex}.wr-game-title-icon svg{width:40px;height:40px}.wr-code-section{text-align:center}.game-code-display{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:16px 28px;font-size:28px;display:flex}.game-code-display span{color:var(--color-accent);letter-spacing:4px;font-family:Inter,monospace;font-weight:700}.code-actions{gap:6px;display:flex}.wr-share-hint{color:var(--color-text-muted);margin-top:8px;font-size:13px}.wr-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.wr-panel-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:14px;font-size:13px;font-weight:700}.wr-players-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);padding:20px}.players-list{flex-direction:column;gap:8px;display:flex}.wr-player{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.wr-player-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.wr-player-avatar-placeholder{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.wr-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.wr-player-tag{color:var(--color-text-muted);margin-left:4px;font-size:12px;font-weight:400}.wr-team-number{width:24px;height:24px;color:var(--color-text);background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:12px;font-weight:700;display:flex}.wr-team-number-clickable{cursor:pointer;transition:transform .15s,background .15s}.wr-team-number-clickable:hover{background:#fff3;transform:scale(1.15)}.wr-player.wr-player-disconnected{opacity:.5}.wr-offline-tag{color:var(--color-danger)}.wr-empty-slot{opacity:.5;background:0 0;border:1px dashed #ffffff1a}.wr-empty-slot .wr-player-name{color:var(--color-text-muted);font-weight:400}.wr-empty-slot-icon{width:32px;height:32px;color:var(--color-text-muted);border:1px dashed #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.wr-bot-difficulty{border-radius:var(--radius-sm);width:auto;min-width:0;color:var(--color-text);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;flex-shrink:0;padding:4px 8px;font-size:12px}.wr-bot-difficulty-label{color:var(--color-text-muted);border-radius:var(--radius-sm);background:#ffffff0d;flex-shrink:0;padding:4px 8px;font-size:12px}.wr-add-bot{align-items:center;gap:8px;margin-top:12px;display:flex}.wr-add-bot-btn{flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.wr-bot-icon{flex-shrink:0;width:18px;height:18px}.waiting-info{color:var(--color-text-muted);margin-top:12px;font-size:13px;animation:2s ease-in-out infinite waitingPulse}.wr-settings-panel .match-settings{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-lg);min-width:0;padding:20px}.match-settings{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);min-width:0;padding:20px 30px}.match-settings h3{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:13px;font-weight:700}.settings-section-header{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);border-bottom:1px solid var(--color-glass-border);margin:0;padding:10px 0 8px;font-size:11px;font-weight:600}.settings-section-header:first-child{margin-top:0}.settings-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:10px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row label{color:var(--color-text);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.settings-icon{opacity:.6;flex-shrink:0;width:16px;height:16px}.settings-row-label{color:var(--color-text);white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.settings-bool-icon{flex-shrink:0;width:18px;height:18px}.settings-bool-on{color:#22c55e}.settings-bool-off{color:#ef4444}.settings-row select{width:auto;min-width:130px}.settings-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-accent)}.settings-row .max-players-select{width:auto;min-width:80px}.wr-action-bar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.wr-cancel-btn{margin-right:auto}.wr-start-btn{letter-spacing:.5px;padding:14px 40px;font-size:16px}.wr-start-btn:not(:disabled){color:#fff;background:#22c55e;border-color:#22c55e}.wr-start-btn:not(:disabled):hover{background:#16a34a;border-color:#16a34a}.game-header{background:var(--color-glass-bg);width:100%;-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);border-radius:var(--radius-md);z-index:150;justify-content:space-between;align-items:center;padding:8px 16px;display:flex;position:relative}.players-bar{flex:1;gap:12px;display:flex;overflow-x:auto}.player-info{background:#ffffff0d;border:2px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;padding:6px 14px;display:flex}.player-info.active{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-glow)}.player-info.disconnected{opacity:.5}.players-team-header{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.players-team-score{color:var(--color-accent);letter-spacing:0;text-transform:none;font-size:16px;font-weight:700}.player-info.in-team .player-score{color:var(--color-text-muted);font-size:13px}.player-info.in-team.active .player-score{color:#faf5efb3}.players-team-divider{background:var(--color-glass-border);border-radius:1px;flex-shrink:0;align-self:stretch;width:2px;margin:4px 2px}.player-info .avatar-tiny{margin-bottom:2px}.player-name{font-size:13px;font-weight:700}.player-score{color:var(--color-accent);font-size:20px}.player-info.active .player-score{color:#fff}.player-tiles{color:var(--color-text-muted);font-size:11px}.player-info.active .player-tiles{color:#faf5efb3}.player-diff{margin-left:2px;font-size:10px;font-weight:600}.diff-positive{color:var(--color-success)}.diff-negative{color:var(--color-danger)}.diff-leader{color:var(--color-accent)}.player-hand-bar{gap:1px;margin-top:2px;display:flex}.player-hand-pip{background:#00000026;border-radius:1px;width:6px;height:3px}.player-hand-pip.filled{background:var(--color-accent)}.player-info.active .player-hand-pip{background:#ffffff4d}.player-info.active .player-hand-pip.filled{background:#fff}.game-duration{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.header-menu{flex-shrink:0;position:relative}.menu-trigger{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:24px;line-height:1;transition:background .15s}.menu-trigger:hover{color:var(--color-text);background:#00000014}.header-dropdown{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;min-width:200px;margin-top:6px;padding:6px;animation:.15s dropdownFade;display:none;position:absolute;top:100%;right:0}.header-dropdown.open{display:block}.dropdown-item{width:100%;color:var(--color-text);cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:background .12s;display:flex}.dropdown-item:hover{background:#ffffff0f}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:var(--color-danger)}@supports (color:color-mix(in lab,red,red)){.dropdown-item.danger:hover{background:color-mix(in srgb,var(--color-danger) 8%,transparent)}}.dropdown-icon{text-align:center;flex-shrink:0;width:20px;font-size:16px}.dropdown-divider{background:var(--theme-border);height:1px;margin:4px 8px}.turn-banner{border-radius:8px;justify-content:center;align-items:center;gap:16px;width:100%;margin:6px 0;padding:8px 16px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.turn-banner.my-turn{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.turn-banner.my-turn{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}}.turn-banner.my-turn{color:var(--color-accent)}.turn-banner.other-turn{color:var(--color-text-muted);background:#ffffff0a}.turn-banner .bag-count{color:var(--color-text-muted);font-size:13px;font-weight:400}.turn-timer{color:var(--color-text);font-size:16px;font-weight:700}.turn-timer.timer-warning{color:var(--color-danger);animation:.5s infinite alternate timerBlink}.timer-bar{background:#ffffff1a;border-radius:2px;flex-shrink:0;width:80px;height:4px;overflow:hidden}.timer-bar-fill{background:var(--color-accent);border-radius:2px;height:100%;transition:width 1s linear}.timer-bar-fill.timer-bar-warning{background:var(--color-danger)}.auth-section{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-xl);width:400px;max-width:90vw;margin-top:32px;margin-bottom:16px;padding:24px}.auth-tabs{background:#ffffff0d;border-radius:50px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.auth-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50px;flex:1;padding:10px;font-size:15px;font-weight:600;transition:all .25s}.auth-tab.active{background:var(--theme-gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.auth-form .input-group{margin-bottom:12px}.forgot-password-link{text-align:center;color:var(--color-text-muted);margin-top:10px;font-size:13px;text-decoration:none;display:block}.forgot-password-link:hover{color:var(--color-accent);text-decoration:underline}.auth-divider{text-align:center;color:var(--color-text-muted);margin-top:16px;font-size:14px;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-input-border);width:30%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.user-info-bar{display:none}.auth-modal-content{max-width:380px}.lobby-auth-link{text-align:center;margin-top:12px}.lobby-auth-link a{color:var(--color-accent);font-size:14px;text-decoration:none}.lobby-auth-link a:hover{text-decoration:underline}.spectator-banner{color:#f59e0b;background:#ffc80026;border:1px solid #ffc80066;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;font-weight:600;display:flex}.rejoin-banner{background:var(--color-glass-bg);width:400px;max-width:90vw;-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:2px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.rejoin-info{flex-direction:column;gap:2px;display:flex}.rejoin-code{color:var(--color-accent);letter-spacing:2px;font-size:13px;font-weight:600}.rejoin-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.reconnect-overlay{z-index:2000;color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:18px;font-weight:600;display:flex;position:fixed;inset:0}.reconnect-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.app-version{color:var(--color-text-muted);opacity:.5;pointer-events:none;z-index:1;font-size:11px;position:fixed;bottom:4px;right:8px}.rematch-vote-info{color:var(--color-text-muted);margin-bottom:16px;font-size:14px}.rematch-vote-info .vote-count{color:var(--color-accent);font-weight:700}.reset-card{background:var(--color-surface);border-radius:var(--radius-md);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:32px}.reset-card h1{color:var(--color-accent);margin-bottom:6px;font-size:22px}.reset-card p{color:var(--color-text-muted);margin-bottom:20px;font-size:14px}.msg{border-radius:8px;margin-bottom:14px;padding:10px;font-size:13px}.msg-success{background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.msg-success{background:color-mix(in srgb,var(--color-success) 10%,transparent)}}.msg-success{color:var(--color-success)}.msg-error{background:var(--color-danger)}@supports (color:color-mix(in lab,red,red)){.msg-error{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}}.msg-error{color:var(--color-danger)}.back-link{text-align:center;color:var(--color-accent);margin-top:16px;font-size:13px;text-decoration:none;display:block}.back-link:hover{text-decoration:underline}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--theme-gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-glass-border);color:var(--color-text);background:#ffffff14}.btn-secondary:hover{background:#ffffff1f;transform:translateY(-1px)}.btn-small{background:var(--color-btn-secondary);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:background .15s,transform .15s}.btn-small:hover{background:var(--color-btn-secondary-hover);transform:translateY(-1px)}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;transition:background .2s}.btn-icon:hover{background:#00000014}.btn-danger{border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,var(--color-danger),var(--color-danger-hover));color:#fff;box-shadow:var(--shadow-sm);border:none;padding:12px 24px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s}.btn-danger:hover{box-shadow:0 0 20px var(--color-danger);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.btn-danger:hover{box-shadow:0 0 20px color-mix(in srgb,var(--color-danger) 30%,transparent)}}.abort-btn{color:var(--color-text-muted);font-size:16px}.abort-btn:hover{color:var(--color-danger-hover);background:var(--color-danger-hover)}@supports (color:color-mix(in lab,red,red)){.abort-btn:hover{background:color-mix(in srgb,var(--color-danger-hover) 15%,transparent)}}.action-buttons{align-items:center;gap:6px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:0;transition:all .15s;display:flex;position:relative}.action-btn svg{width:20px;height:20px}.action-btn:disabled{opacity:.35;cursor:not-allowed;transform:none!important}.action-btn[title]:hover:after{content:attr(title);color:#e2e8f0;white-space:nowrap;pointer-events:none;z-index:300;background:#0f0f1ae6;border-radius:6px;padding:4px 10px;font-size:12px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.action-btn-undo{background:var(--color-btn-secondary);color:var(--color-text-muted)}.action-btn-undo:hover:not(:disabled){background:var(--color-btn-secondary-hover);transform:translateY(-2px)}.action-btn-undo-all{background:var(--color-btn-secondary);color:var(--color-text-muted)}.action-btn-undo-all:hover:not(:disabled){background:var(--color-btn-secondary-hover);transform:translateY(-2px)}.action-btn-exchange{color:#7dd3fc;background:#1e3a5f}.action-btn-exchange:hover:not(:disabled){background:#264b76;transform:translateY(-2px)}.action-btn-pass{background:var(--color-btn-secondary);color:var(--color-text-muted)}.action-btn-pass:hover:not(:disabled){background:var(--color-btn-secondary-hover);transform:translateY(-2px)}.action-btn-end{background:var(--color-accent);color:#fff;width:52px;height:44px}.action-btn-end:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.lobby-join-btn{border-radius:var(--radius-sm);cursor:pointer;background:var(--theme-gradient-primary);color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);border:none;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s}.lobby-join-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.lobby-spectate-btn{cursor:pointer;color:#f59e0b;white-space:nowrap;background:#a0803026;border:none;border-radius:8px;flex-shrink:0;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s}.lobby-spectate-btn:hover{background:#a0803040;transform:translateY(-1px)}.btn-show-results{z-index:90;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-input-border);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;position:fixed;bottom:100px;right:16px;box-shadow:0 2px 8px #0000001a}.btn-show-results:hover{background:var(--color-btn-secondary-hover)}.wr-remove-bot-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:16px;line-height:1;transition:color .15s,background .15s}.wr-remove-bot-btn:hover{color:var(--color-danger-hover);background:var(--color-danger-hover)}@supports (color:color-mix(in lab,red,red)){.wr-remove-bot-btn:hover{background:color-mix(in srgb,var(--color-danger-hover) 10%,transparent)}}.profile-save-btn{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s,transform .1s}.profile-save-btn:hover{filter:brightness(1.1)}.profile-save-btn:active{transform:scale(.97)}.board-control-btn{background:var(--color-surface);width:36px;height:36px;color:var(--color-text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex;box-shadow:0 1px 4px #0000001f}.board-control-btn svg{width:18px;height:18px}.board-control-btn:hover{background:var(--color-btn-secondary-hover)}.board-control-btn.active{background:var(--color-accent);color:#fff}.center-board-btn{z-index:20;background:var(--color-surface);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0000001f}.center-board-btn:hover{background:var(--color-accent);color:#fff}.center-board-btn svg{width:18px;height:18px}#settingsModal .modal-content{text-align:left;min-width:340px}.settings-section{margin-bottom:20px}.settings-section h4{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:13px}.settings-section label{cursor:pointer;color:var(--color-text);align-items:center;gap:10px;padding:6px 0;font-size:15px;display:flex}.settings-section input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent)}#settingsModal .btn-primary{width:100%;margin-top:8px;display:block}.volume-control{align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.volume-slider{appearance:none;background:#0000001f;border-radius:2px;outline:none;flex:1;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}.volume-slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:none;border-radius:50%;width:16px;height:16px}#volumeValue{text-align:right;min-width:32px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:13px}.shortcut-table{border-collapse:collapse;width:100%}.shortcut-table td{border-bottom:1px solid #ffffff0f;padding:6px 8px;font-size:14px}.shortcut-table td:first-child{white-space:nowrap;text-align:right;width:1%;padding-right:16px}.emoji-picker{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:600;gap:4px;padding:8px;display:flex;position:fixed;bottom:120px;right:20px}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:24px;transition:background .15s,transform .15s}.emoji-btn:hover{background:#ffffff0f;transform:scale(1.2)}.emoji-float-container{pointer-events:none;z-index:1500;position:fixed;inset:0;overflow:hidden}.emoji-float{pointer-events:none;font-size:36px;animation:1s ease-out forwards emojiFloat;position:absolute}.emoji-float-label{color:var(--color-text);background:var(--color-glass-bg);font-size:11px;font-weight:600;position:absolute}@supports (color:color-mix(in lab,red,red)){.emoji-float-label{background:color-mix(in srgb,var(--color-glass-bg) 85%,transparent)}}.emoji-float-label{white-space:nowrap;border-radius:4px;padding:2px 6px;top:-16px;left:50%;transform:translate(-50%)}.chat-badge{background:var(--color-danger-hover);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.glass{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border:1px solid var(--color-glass-border)}.lobby-game-card{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-glass-border);border-left:3px solid var(--color-accent);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:transform .15s,box-shadow .15s;animation:.3s backwards fadeInUp;display:flex}.lobby-game-card:first-child{animation-delay:0s}.lobby-game-card:nth-child(2),.lobby-game-card:nth-child(3){animation-delay:50ms}.lobby-game-card:nth-child(4){animation-delay:.1s}.lobby-game-card:nth-child(5){animation-delay:.15s}.lobby-game-card:nth-child(6){animation-delay:.2s}.lobby-game-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.lobby-game-card.full{opacity:.55;cursor:default}.lobby-game-card.full:hover{box-shadow:var(--shadow-sm);transform:none}.lobby-full-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm,6px);white-space:nowrap;background:#ffffff14;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.lobby-game-card.watchable{background:linear-gradient(135deg,#a0803014,var(--color-glass-bg));border-left:3px solid #a0803099}.lobby-card-game-icon{flex-shrink:0;width:40px;height:40px}.lobby-card-game-icon svg{width:100%;height:100%}.lobby-game-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lobby-game-header{align-items:center;gap:8px;display:flex}.lobby-game-type{font-size:14px;font-weight:700}.lobby-game-code{color:var(--color-accent);letter-spacing:2px;font-size:12px;font-weight:600}.lobby-game-creator{color:var(--color-text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.lobby-card-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:20px;height:20px}.lobby-card-avatar-placeholder{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.lobby-game-players{color:var(--color-text);margin-left:auto;font-size:12px;font-weight:600}.lobby-game-details{color:var(--color-text-muted);font-size:13px}.lobby-spectator-badge{color:var(--color-text-muted);opacity:.7;align-items:center;gap:4px;display:flex}.lobby-spectator-icon{width:14px;height:14px}.lobby-elapsed{color:var(--color-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:4px;font-size:12px;display:flex}.lobby-clock-icon{opacity:.6;width:13px;height:13px}.lobby-watch-tag{text-transform:uppercase;letter-spacing:.5px;color:#c8aa50;border-radius:var(--radius-sm,6px);white-space:nowrap;background:#a0803026;border:1px solid #a080304d;flex-shrink:0;align-self:flex-start;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.lobby-game-card.watchable{align-items:flex-start}.lobby-game-card.watchable .lobby-card-game-icon{margin-top:2px}.lobby-player-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.lobby-player-chip{color:var(--color-text);background:#ffffff14;border-radius:12px;align-items:center;gap:5px;padding:2px 10px 2px 3px;font-size:12px;display:inline-flex}.lobby-chip-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:18px;height:18px}.lobby-chip-avatar-placeholder{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:flex}.lobby-chip-bot{flex-shrink:0;font-size:13px;line-height:1}.lobby-player-icon{opacity:.5;width:13px;height:13px}.player-card{border:1px solid var(--color-glass-border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);background:#ffffff0f;align-items:center;gap:12px;padding:12px 16px;transition:transform .15s,box-shadow .15s;display:flex}.player-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.player-card.current{border:2px solid var(--color-accent);background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.player-card.current{background:color-mix(in srgb,var(--color-accent) 8%,transparent)}}.player-card .avatar-small{flex-shrink:0}.player-card-name{flex:1;font-size:15px;font-weight:600}.player-card-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.player-card-badge.badge-creator{background:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.player-card-badge.badge-creator{background:color-mix(in srgb,var(--color-accent) 15%,transparent)}}.player-card-badge.badge-creator{color:var(--color-accent)}.player-card-badge.badge-bot{color:#38bdf8;background:#38bdf826}.player-card-badge.badge-you{background:var(--color-success)}@supports (color:color-mix(in lab,red,red)){.player-card-badge.badge-you{background:color-mix(in srgb,var(--color-success) 12%,transparent)}}.player-card-badge.badge-you{color:var(--color-success)}.player-card.empty-slot{box-shadow:none;color:var(--color-text-muted);opacity:.6;background:0 0;border:2px dashed #0000001f;justify-content:center;padding:12px 16px;font-size:13px}.player-card.empty-slot:hover{box-shadow:none;transform:none}.empty-slot-icon{width:32px;height:32px;color:var(--color-text-muted);border:2px dashed #00000026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.avatar-tiny{object-fit:cover;border-radius:50%;flex-shrink:0;width:24px;height:24px}.avatar-small{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.avatar-large{object-fit:cover;border-radius:50%;flex-shrink:0;width:96px;height:96px}.avatar-placeholder{background:var(--color-btn-secondary);color:var(--color-text-muted);justify-content:center;align-items:center;font-size:32px;font-weight:700;display:flex}.profile-modal-content{text-align:left;width:90vw;min-width:0;max-width:400px;max-height:85vh;padding:0;overflow-y:auto}.rules-modal-content{text-align:left;width:90vw;max-width:500px;max-height:80vh;overflow-y:auto}.rules-section{text-align:left;margin-bottom:16px}.rules-section h4{color:var(--color-accent);align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:700;display:flex}.rules-icon{flex-shrink:0;font-size:18px;line-height:1}.rules-section p{color:var(--color-text-muted);text-align:left;font-size:14px;line-height:1.5}.profile-hero{background:linear-gradient(135deg,var(--color-accent),var(--color-accent));justify-content:center;padding:32px 24px 20px;display:flex}@supports (color:color-mix(in lab,red,red)){.profile-hero{background:linear-gradient(135deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 70%,#000))}}.profile-hero{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.profile-avatar-wrapper{position:relative}.profile-avatar-wrapper .avatar-large{border:3px solid #ffffff4d;width:100px;height:100px;box-shadow:0 4px 20px #0003}.profile-avatar-wrapper .avatar-placeholder{color:#fff;background:#fff3;font-size:36px}.avatar-edit-btn{background:var(--color-accent);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 8px #0003}.avatar-edit-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.profile-fields{flex-direction:column;gap:14px;padding:20px 24px 0;display:flex}.profile-field label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.profile-field-row{gap:8px;display:flex}.profile-field-row input{border:1px solid var(--color-input-border);border-radius:var(--radius-md);background:var(--color-cell-bg);color:var(--color-text);flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.profile-field-row input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.profile-field-row input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 15%,transparent)}}.profile-field-row input:focus{outline:none}.profile-stats{grid-template-columns:repeat(3,1fr);gap:8px;padding:20px 24px;display:grid}.stat-card{background:var(--color-cell-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);text-align:center;padding:14px 8px;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.stat-value{color:var(--color-accent);font-size:22px;font-weight:800;line-height:1.2}.stat-label{text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted);margin-top:4px;font-size:11px;font-weight:500}.profile-history{padding:0 24px 8px}.profile-history h4{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:10px;font-size:13px;font-weight:600}.match-history-list{max-height:280px;overflow-y:auto}.match-history-entry{background:var(--color-cell-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);margin-bottom:6px;padding:10px 12px;font-size:13px;transition:border-color .15s}.match-history-entry:hover{border-color:var(--color-accent)}.match-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.match-game-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.match-game-icon svg{width:28px;height:28px}.match-header-info{flex-direction:column;gap:1px;min-width:0;display:flex}.match-game-name{color:var(--color-text);font-size:12px;font-weight:600}.match-aborted-tag{color:#e74c3c;margin-left:4px;font-size:11px;font-weight:500}.match-meta{color:var(--color-text-muted);font-size:10px}.match-player-list{flex-direction:column;gap:2px;display:flex}.match-player-row{color:var(--color-text-muted);align-items:center;gap:6px;padding:2px 0;font-size:12px;display:flex}.match-player-row.match-player-self{color:var(--color-text);font-weight:600}.match-player-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.match-player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.match-winner-icon{margin-right:2px;font-size:11px}.match-bot-icon{opacity:.7;font-size:11px}.match-player-score{font-variant-numeric:tabular-nums;opacity:.7;flex-shrink:0;font-size:11px}.profile-close-btn{width:calc(100% - 48px);margin:16px 24px 24px}.avatar-upload-area{text-align:center;margin:16px 0}.avatar-cropper-wrapper{width:100%;max-height:300px;margin-top:12px;overflow:hidden}.avatar-cropper-wrapper img{max-width:100%;display:block}.game-type-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.game-type-card{border-radius:var(--radius-lg);border:2px solid var(--color-glass-border);background:var(--color-surface);cursor:pointer;text-align:center;width:150px;color:inherit;flex-direction:column;align-items:center;gap:8px;padding:20px 16px 16px;font-family:inherit;transition:all .2s;display:flex}.game-type-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.game-type-card:active{transform:translateY(-1px)}.game-type-card--wip{opacity:.5;cursor:default;position:relative}.game-type-card--wip:hover{border-color:var(--color-glass-border);box-shadow:none;transform:none}.game-type-card--disabled{opacity:.5;cursor:default;position:relative}.game-type-card--disabled:hover{border-color:var(--color-glass-border);box-shadow:none;transform:none}.game-type-wip{text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent);border-radius:var(--radius-sm);padding:2px 8px;font-size:10px;font-weight:700}.game-type-icon{width:72px;height:72px}.game-type-icon svg{width:100%;height:100%}.game-type-name{font-size:16px;font-weight:700}.game-type-desc{color:var(--color-text-muted);font-size:12px;line-height:1.3}.game-type-card{position:relative}.game-type-rules-btn{width:28px;height:28px;color:var(--color-text-muted);opacity:.6;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,color .15s,background .15s;display:flex;position:absolute;top:6px;right:6px}.game-type-rules-btn:hover{opacity:1;color:var(--color-accent);background:var(--color-glass-bg)}.aborted-by-text{color:var(--color-text-muted);margin-bottom:12px;font-size:14px}.aborted-by-player{color:var(--color-text);vertical-align:middle;background:#ffffff0f;border-radius:6px;align-items:center;gap:6px;margin-left:4px;padding:3px 10px 3px 8px;font-weight:600;display:inline-flex}.aborted-by-player .avatar-tiny{border-radius:50%;flex-shrink:0;width:20px;height:20px}.final-score-entry{background:#ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;margin:6px 0;padding:10px 12px;display:flex}.final-score-name{align-items:center;gap:8px;display:flex}.final-score-name .avatar-tiny{border-radius:50%;flex-shrink:0;width:24px;height:24px}.final-score-entry.winner{background:var(--theme-gradient-primary);color:#fff;animation:.5s ease-out winnerGlow;transform:scale(1.02);box-shadow:0 0 20px #ffd7004d}.final-score-stats{color:var(--color-text-muted);margin-top:2px;font-size:12px}.final-score-entry.winner .final-score-stats{color:#faf5efb3}.final-score-team{border-left:4px solid var(--color-text-muted);background:#ffffff0a;border-radius:8px;margin:8px 0;padding:12px}.final-score-team.winner{background:linear-gradient(135deg,#ffd70014,#ffd70005)}.team-score-header{margin-bottom:8px;font-size:1em;font-weight:700}.modal{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);text-align:center;min-width:400px;max-width:90vw;box-shadow:var(--shadow-lg);padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp}.modal-content h2,.modal-content h3{margin-bottom:24px}.exchange-tiles{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.modal-actions{justify-content:center;gap:12px;display:flex}#finalScores{margin-bottom:24px}.game-type-modal-content{max-width:560px}.game-type-modal-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.game-type-modal-header h3{margin:0}.modal-close-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:24px;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{color:var(--color-text);background:#00000014}#gameOverModal .modal-content{position:relative;overflow:hidden}#gameOverModal .modal-content:before,#gameOverModal .modal-content:after{content:"";pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute}#gameOverModal .modal-content:before{background:gold;animation:2s ease-in forwards confettiFall;top:-10px;left:20%;box-shadow:40px 8px #ffd700b3,80px 4px #ffd70080,120px 12px #ffd70099,160px 6px #ffd70066,200px 10px #ffd700b3}#gameOverModal .modal-content:after{background:var(--color-accent);top:-10px;left:30%}@supports (color:color-mix(in lab,red,red)){#gameOverModal .modal-content:after{background:color-mix(in srgb,var(--color-accent) 60%,transparent)}}#gameOverModal .modal-content:after{box-shadow:30px 6px 0 var(--color-accent),70px 10px 0 var(--color-accent),110px 4px 0 var(--color-accent),150px 14px 0 var(--color-accent),190px 8px 0 var(--color-accent)}@supports (color:color-mix(in lab,red,red)){#gameOverModal .modal-content:after{box-shadow:30px 6px color-mix(in srgb,var(--color-accent) 50%,transparent),70px 10px color-mix(in srgb,var(--color-accent) 40%,transparent),110px 4px color-mix(in srgb,var(--color-accent) 60%,transparent),150px 14px color-mix(in srgb,var(--color-accent) 30%,transparent),190px 8px color-mix(in srgb,var(--color-accent) 50%,transparent)}}#gameOverModal .modal-content:after{animation:2.5s ease-in .3s forwards confettiFall}.game-container{flex-direction:column;flex:1;width:100%;min-height:0;padding-bottom:76px;display:flex;position:relative;overflow:hidden}.board-wrapper{touch-action:none;flex:1;min-height:0;position:relative;overflow:hidden}.board3d-container{touch-action:none;width:100%;height:100%;display:block}.board3d-container canvas{width:100%;height:100%;display:block}.board3d-loading{background:var(--color-bg);z-index:10;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.board3d-loading-done{opacity:0;pointer-events:none}.board3d-loading-content{text-align:center}.board3d-loading-bar{background:var(--color-input-border);border-radius:2px;width:180px;height:4px;overflow:hidden}.board3d-loading-fill{background:var(--color-accent);border-radius:2px;width:0%;height:100%;transition:width .25s}.board{transform-origin:0 0;gap:2px;min-width:max-content;min-height:max-content;padding:20px;display:grid;position:relative}.tile{width:var(--theme-tile-size);height:var(--theme-tile-size);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:8px;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 4px #0000001a}.tile:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.tile.dragging{opacity:.5;cursor:grabbing}.tile.selected{outline:3px solid #0f8;transform:scale(1.1);box-shadow:0 0 12px #00ff8880}.tile.tile-unplayable{opacity:.3;filter:grayscale(.8);cursor:not-allowed;pointer-events:none}.tile.exchange-selected{outline:3px solid var(--color-accent);transform:scale(.95)}.tile svg{width:35px;height:35px}.tile.red{background:var(--color-tile-bg);color:#e8312a}.tile.orange{background:var(--color-tile-bg);color:#f5921b}.tile.yellow{background:var(--color-tile-bg);color:#f5d623}.tile.green{background:var(--color-tile-bg);color:#59b336}.tile.blue{background:var(--color-tile-bg);color:#2a8fd5}.tile.purple{background:var(--color-tile-bg);color:#9b4fbf}.tile.pink{background:var(--color-tile-bg);color:#e91e63}.tile.teal{background:var(--color-tile-bg);color:#00bcd4}.tile.white{background:var(--color-tile-bg);color:#ccc}.history-tiles{vertical-align:middle;gap:2px;margin-left:4px;display:inline-flex}.mini-tile{vertical-align:middle;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:0;display:inline-flex}.mini-tile svg{width:11px;height:11px}.mini-tile.red{background:var(--color-tile-bg);color:#e8312a}.mini-tile.orange{background:var(--color-tile-bg);color:#f5921b}.mini-tile.yellow{background:var(--color-tile-bg);color:#f5d623}.mini-tile.green{background:var(--color-tile-bg);color:#59b336}.mini-tile.blue{background:var(--color-tile-bg);color:#2a8fd5}.mini-tile.purple{background:var(--color-tile-bg);color:#9b4fbf}.mini-tile.pink{background:var(--color-tile-bg);color:#e91e63}.mini-tile.teal{background:var(--color-tile-bg);color:#00bcd4}.mini-tile.white{background:var(--color-tile-bg);color:#ccc}.hand-section{z-index:100;background:var(--color-glass-bg);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-glass-border);align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}.hand-label{display:none}.player-hand{flex:1;justify-content:center;align-items:center;gap:8px;min-height:54px;display:flex}.board-zoom-controls{z-index:20;flex-direction:column;gap:4px;display:flex;position:absolute;top:50px;right:8px}[data-colorblind=true] .tile{position:relative}[data-colorblind=true] .tile:after{content:attr(data-color-letter);color:#fffc;pointer-events:none;font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:1px;right:3px}.chat-panel,.history-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(16px);border-left:1px solid var(--color-glass-border);z-index:500;flex-direction:column;width:320px;height:100vh;animation:.25s panelSlideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-4px 0 20px #0000001f}.panel-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px;display:flex}.panel-header h3{margin:0}.chat-messages{flex:1;padding:12px;overflow-y:auto}.chat-message{word-break:break-word;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:14px;line-height:1.4;display:flex}.chat-avatar-frame{border-radius:50%;flex-shrink:0;width:22px;height:22px;margin-top:1px;position:relative;overflow:hidden}.chat-avatar-frame .chat-avatar-placeholder{border:none;width:100%;height:100%}.chat-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.chat-avatar-placeholder{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.chat-message-body{flex:1;min-width:0}.chat-time{color:var(--color-text-muted);font-size:12px}.chat-input-row{border-top:1px solid #ffffff14;gap:8px;padding:12px;display:flex}.chat-input-row input{flex:1;padding:8px 12px;font-size:14px}.history-list{flex:1;padding:12px;overflow-y:auto}.history-entry{background:#ffffff0f;border-radius:6px;margin-bottom:4px;padding:8px 12px;font-size:14px}.turn-pulse{animation:1.5s ease-out turnPulse}.turn-flash{background:var(--color-accent);opacity:0;pointer-events:none;z-index:10;border-radius:8px;animation:.6s ease-out forwards turnFlash;position:absolute;inset:0}.replay-overlay{z-index:50;pointer-events:none;transition:opacity .3s;position:absolute;top:60px;left:50%;transform:translate(-50%)}.replay-overlay.replay-fade-out{opacity:0}.replay-header{background:var(--color-surface);align-items:center;gap:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.replay-header{background:color-mix(in srgb,var(--color-surface) 90%,transparent)}}.replay-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;border-radius:12px;padding:10px 20px}.replay-player{color:var(--color-text);font-size:15px;font-weight:600}.replay-score-counter{color:var(--color-accent);font-size:22px;font-weight:700}.replay-score-bump{animation:.25s ease-out replayBump}.tile-just-placed{animation:.3s tileBounce}.tile-new{animation:.3s ease-out tileSlideIn}.qwirkle-toast{color:gold;text-shadow:0 0 20px #ffd700cc,0 0 40px #ffd70066;z-index:2000;pointer-events:none;font-size:48px;font-weight:900;animation:.5s ease-out qwirklePop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#scorePopupContainer{pointer-events:none;z-index:1500;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.score-popup{color:var(--color-accent);text-shadow:0 0 10px var(--color-accent);font-size:36px;font-weight:700}@supports (color:color-mix(in lab,red,red)){.score-popup{text-shadow:0 0 10px color-mix(in srgb,var(--color-accent) 40%,transparent)}}.score-popup{animation:1s ease-out forwards scoreFloat}.toast{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border-radius:var(--radius-md);border:1px solid var(--color-accent);box-shadow:var(--shadow-md);z-index:1001;padding:16px 32px;animation:.3s slideUp;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.toast.error{background:#b0404026;border-color:#b04040}.thinking-dots span{opacity:.2;animation:1.4s infinite thinkingDot}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}.admin-loading,.admin-denied{text-align:center;color:var(--color-text-muted);padding:60px 20px 60px 220px}.admin-denied h2{color:var(--color-danger);margin-bottom:8px}.admin-denied a{color:var(--color-accent)}.admin-container{max-width:1200px;margin:0 auto;padding:20px 20px 20px 220px}.version-badge{font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-input-border);white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px}.version-badge:hover{color:var(--color-accent);border-color:var(--color-accent)}.admin-tabs{border-bottom:2px solid var(--color-input-border);gap:4px;margin-bottom:20px;padding-bottom:0;display:flex}.admin-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.admin-tab:hover{color:var(--color-text)}.admin-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin-tab-content{display:none}.admin-tab-content.active{display:block}.admin-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.admin-input,.admin-select{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:8px 12px;font-size:14px}.admin-input:focus,.admin-select:focus{border-color:var(--color-accent);outline:none}.admin-input{flex:1;min-width:200px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-input-border);padding:10px 14px}.admin-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.admin-table tr:hover td{background:#ffffff0a}.admin-table .role-badge{text-transform:uppercase;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.role-badge.admin{background:var(--color-accent);color:#fff}.role-badge.player{background:var(--color-input-border);color:var(--color-text)}.admin-btn{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;white-space:nowrap;padding:6px 12px;font-size:13px;transition:all .12s}.admin-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.admin-btn-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.admin-btn-danger{color:var(--color-danger);border-color:var(--color-danger)}.admin-btn-danger:hover{background:var(--color-danger);color:#fff}.admin-btn-sm{padding:4px 8px;font-size:12px}.admin-actions{gap:6px;display:flex}.admin-pagination{justify-content:center;gap:4px;margin-top:16px;display:flex}.admin-pagination button{border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:6px 12px;font-size:13px}.admin-pagination button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.admin-pagination button:disabled{opacity:.4;cursor:not-allowed}.admin-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.admin-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.admin-card-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px}.admin-card-value{color:var(--color-accent);font-size:28px;font-weight:700}.admin-charts{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.admin-chart-box{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.admin-chart-box h3{color:var(--color-text-muted);margin-bottom:12px;font-size:14px}.admin-games-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.admin-game-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid #0000;padding:16px}.admin-game-active{background:linear-gradient(135deg,var(--color-surface),#4caf500d);border-color:#4caf504d}.admin-game-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.admin-game-header h4{color:var(--color-accent);margin:0;font-size:16px}.admin-game-meta{color:var(--color-text-muted);margin-bottom:4px;font-size:13px}.admin-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.admin-badge-active{color:#66bb6a;background:#4caf5026}.admin-badge-waiting{color:#ffb74d;background:#ffb74d26}.admin-badge-ended{color:var(--color-text-muted);background:#ffffff0f}.admin-badge-aborted{color:#e57373;background:#ef535026}.admin-game-card p{color:var(--color-text-muted);margin-bottom:4px;font-size:13px}.admin-game-players{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.admin-game-player{background:var(--color-input-border);color:var(--color-text);border-radius:10px;padding:2px 8px;font-size:12px;display:inline-block}.admin-game-player.disconnected{opacity:.5}.admin-game-player.bot{font-style:italic}.admin-tab-description{color:var(--color-text-muted);margin-bottom:16px;font-size:14px}.admin-games-config-grid{flex-direction:column;gap:8px;display:flex}.admin-game-config-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 16px;transition:opacity .2s,border-color .15s;display:flex}.admin-game-config-card.disabled{opacity:.5}.admin-game-config-card.wip{border-left-color:#f59e0b}.admin-game-config-card.dragging{opacity:.3}.admin-game-config-card.drag-over{border-top:2px solid var(--color-accent)}.admin-game-config-drag-handle{cursor:grab;color:var(--color-text-muted);flex-shrink:0;align-items:center;padding:4px;display:flex}.admin-game-config-drag-handle:active{cursor:grabbing}.admin-game-config-info{flex:1;min-width:0}.admin-game-config-info h4{margin-bottom:4px;font-size:15px}.admin-game-config-info p{color:var(--color-text-muted);margin-bottom:4px;font-size:13px}.admin-game-config-players{color:var(--color-text-muted);font-size:12px}.admin-game-config-controls{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.admin-game-config-toggle-row{align-items:center;gap:8px;display:flex}.admin-game-config-toggle-label{color:var(--color-text-muted);text-align:right;min-width:32px;font-size:12px}.admin-toggle-wip input:checked+.admin-toggle-slider{background:#f59e0b}.admin-toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.admin-toggle input{opacity:0;width:0;height:0}.admin-toggle-slider{cursor:pointer;background:var(--color-input-border);border-radius:24px;transition:background .2s;position:absolute;inset:0}.admin-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.admin-toggle input:checked+.admin-toggle-slider{background:var(--color-accent)}.admin-toggle input:checked+.admin-toggle-slider:before{transform:translate(20px)}.admin-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal-content{background:var(--color-surface);border-radius:var(--radius-md);width:90%;max-width:400px;box-shadow:var(--shadow-md);padding:24px}.admin-modal-content h3{margin-bottom:8px}.admin-modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.carc-hand-tile{flex-shrink:0;justify-content:center;align-items:center;display:flex}.carc-hand-tile-canvas{border:2px solid var(--theme-border);cursor:default;width:128px;height:128px;image-rendering:crisp-edges;border-radius:8px}.carc-rotate-btn{border:1px solid var(--theme-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:background .15s,border-color .15s}.carc-rotate-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.carc-hand-info{color:var(--color-text-muted);white-space:nowrap;align-items:center;padding:0 4px;font-size:.78rem;display:flex}.carc-figure-item{border:2px solid var(--theme-border);background:var(--color-bg);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:4px;padding:6px 12px;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.carc-figure-item:hover{border-color:var(--color-accent);background:var(--color-surface);transform:translateY(-2px)}.carc-figure-item.selected{border-color:var(--color-accent);background:var(--color-accent);box-shadow:0 0 8px #6366f166}.carc-figure-item.selected .carc-figure-count{color:#fff}.carc-figure-item svg{flex-shrink:0;width:32px;height:32px}.carc-figure-count{color:var(--color-text);font-size:.85rem;font-weight:600}.rummikub-board{flex-direction:column;gap:12px;height:100%;padding:16px;display:flex;overflow-y:auto}.rummikub-info-bar{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.rummikub-info-pool{color:var(--color-text);background:#ffffff0f;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:flex}.rummikub-info-label{color:var(--color-text-muted);font-weight:500}.rummikub-info-player{background:#ffffff0a;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;transition:border-color .15s,background .15s;display:flex}.rummikub-info-player.rummikub-info-current{border-color:var(--color-accent);background:#6366f11a}.rummikub-info-player.rummikub-info-me{font-weight:600}.rummikub-info-name{color:var(--color-text);white-space:nowrap}.rummikub-info-count{color:var(--color-text-muted);white-space:nowrap;font-size:12px}.rummikub-info-initial{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.rummikub-info-initial-done{color:#66bb6a;background:#4caf5033}.rummikub-info-initial-needed{color:#ffb74d;background:#ffb74d33}.rummikub-info-turn{color:var(--color-accent);white-space:nowrap;background:#6366f11f;border-radius:6px;margin-left:auto;padding:4px 10px;font-size:12px;font-weight:600}.rummikub-melds{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;flex:1;align-content:flex-start;gap:12px;min-height:80px;padding:12px;display:flex;overflow-y:auto}.rummikub-empty{text-align:center;width:100%;color:var(--color-text-muted);padding:40px 0;font-size:14px}.rummikub-workspace{flex-shrink:0}.rummikub-workspace:empty{display:none}.rummikub-workspace-label{color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.rummikub-workspace-tiles{background:#6366f10a;border:1px dashed #6366f133;border-radius:10px;flex-wrap:wrap;gap:6px;min-height:40px;padding:10px;display:flex}.rummikub-workspace-empty{text-align:center;width:100%;color:var(--color-text-muted);padding:8px 0;font-size:12px}.rummikub-meld{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:2px;height:fit-content;margin-bottom:8px;margin-right:8px;padding:6px 8px;transition:border-color .15s,box-shadow .15s;display:inline-flex}.rummikub-meld-target{cursor:pointer;border-color:#6366f166;box-shadow:0 0 6px #6366f11f}.rummikub-meld-target:hover{border-color:var(--color-accent);background:#6366f114;box-shadow:0 0 12px #6366f140}.rummikub-tile{-webkit-user-select:none;user-select:none;background:beige;border-radius:6px;justify-content:center;align-items:center;width:36px;height:48px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 1px 3px #00000026}.rummikub-tile-interactive{cursor:pointer}.rummikub-tile-interactive:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000040}.rummikub-tile-interactive:after{content:"↙";background:var(--color-accent);color:#fff;text-align:center;opacity:0;pointer-events:none;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:16px;transition:opacity .15s;position:absolute;top:-4px;right:-4px}.rummikub-tile-interactive:hover:after{opacity:1}.rummikub-free-tile{cursor:pointer;border:2px solid #0000;transition:transform .12s,box-shadow .12s,border-color .12s}.rummikub-free-tile:hover{transform:scale(1.08);box-shadow:0 2px 8px #00000040}.rummikub-free-tile.selected{border-color:var(--color-accent);transform:translateY(-3px)scale(1.05);box-shadow:0 0 10px #6366f166}.rummikub-tile-value{font-size:16px;font-weight:800;line-height:1}.rummikub-hand-tile{cursor:pointer;-webkit-user-select:none;user-select:none;background:beige;border-radius:6px;justify-content:center;align-items:center;width:40px;height:54px;transition:transform .12s,box-shadow .12s,outline .12s;display:flex;box-shadow:0 1px 4px #0003}.rummikub-hand-tile:hover{transform:translateY(-4px)scale(1.05);box-shadow:0 4px 12px #0000004d}.rummikub-hand-tile.staged{opacity:.3;pointer-events:none;filter:grayscale(.5)}.rummikub-hand-tile .rummikub-tile-value{font-size:18px;font-weight:800}.rummikub-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:10px;padding:8px 0;display:flex}.rummikub-submit-btn,.rummikub-draw-btn,.rummikub-new-meld-btn,.rummikub-reset-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.rummikub-submit-btn{background:var(--color-accent);color:#fff}.rummikub-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.rummikub-submit-btn:disabled{opacity:.5;cursor:not-allowed}.rummikub-new-meld-btn{color:var(--color-accent);background:#6366f126;border:1px solid #6366f14d}.rummikub-new-meld-btn:hover:not(:disabled){background:#6366f140;transform:translateY(-1px)}.rummikub-new-meld-btn:disabled{opacity:.4;cursor:not-allowed}.rummikub-reset-btn{color:#ffb74d;background:#ffb74d1f;border:1px solid #ffb74d40}.rummikub-reset-btn:hover:not(:disabled){background:#ffb74d33;transform:translateY(-1px)}.rummikub-reset-btn:disabled{opacity:.4;cursor:not-allowed}.rummikub-draw-btn{color:var(--color-text);background:#ffffff1a;border:1px solid #ffffff26}.rummikub-draw-btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-1px)}.rummikub-draw-btn:disabled{opacity:.5;cursor:not-allowed}.bs-ship-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.bs-ship-card{border-radius:var(--radius-sm);border:2px solid var(--color-input-border);background:var(--color-surface);cursor:pointer;flex-direction:column;align-items:center;gap:4px;min-width:70px;padding:8px 12px;transition:all .15s;display:flex}.bs-ship-card:hover{border-color:var(--color-accent)}.bs-ship-card--selected{border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.bs-ship-card--placed{opacity:.4;cursor:pointer}.bs-ship-preview{gap:2px;display:flex}.bs-ship-cell{background:#5a5a6a;border-radius:2px;width:12px;height:12px}.bs-ship-card--selected .bs-ship-cell{background:var(--color-accent)}.bs-ship-card--placed .bs-ship-cell{background:#3a6a3a}.bs-ship-card--sunk .bs-ship-cell{background:#8b0000}.bs-ship-label{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.bs-placement-hint{color:var(--color-text-muted);font-size:12px}.bs-ready-badge{color:var(--color-accent);text-align:center;padding:8px;font-size:13px;font-weight:600}.auth-pending{opacity:0}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:480px){.container{max-width:480px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1025px){.container{max-width:1025px}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.h-30{height:calc(var(--spacing) * 30)}.min-h-screen{min-height:100vh}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.p-2{padding:calc(var(--spacing) * 2)}.p-5{padding:calc(var(--spacing) * 5)}.text-center{text-align:center}.no-underline{text-decoration-line:none}.hidden{display:none!important}}:root{--theme-bg:#1a1a2e;--theme-surface:#1f2937;--theme-accent:#6366f1;--theme-accent-hover:#818cf8;--theme-text:#e2e8f0;--theme-text-muted:#94a3b8;--theme-tile-bg:#1a1a1a;--theme-input-border:#334155;--theme-glass-bg:#1f2937bf;--theme-glass-border:#ffffff14;--theme-glass-blur:12px;--theme-danger:#ef4444;--theme-danger-hover:#f87171;--theme-success:#22c55e;--theme-success-hover:#4ade80;--theme-btn-secondary:#334155;--theme-btn-secondary-hover:#475569;--theme-cell-bg:#ffffff0a;--theme-cell-border:#ffffff1a;--theme-tile-size:50px;--theme-gradient-primary:linear-gradient(135deg, var(--theme-accent), var(--theme-accent-hover));--theme-gradient-bg:radial-gradient(ellipse at 50% 0%, #6366f10f 0%, transparent 70%);--theme-scrollbar-track:#16213e;--theme-scrollbar-thumb:#334155;--theme-scrollbar-thumb-hover:#475569;--theme-border:#ffffff1a}[data-theme=dark]{--theme-bg:#0a0a0a;--theme-surface:#161616;--theme-accent:#71717a;--theme-accent-hover:#a1a1aa;--theme-text:#f0f0f0;--theme-text-muted:#737373;--theme-tile-bg:#121212;--theme-input-border:#2a2a2a;--theme-glass-bg:#121212d9;--theme-glass-border:#ffffff0f;--theme-glass-blur:12px;--theme-danger:#f85149;--theme-danger-hover:#ff7b72;--theme-success:#3fb950;--theme-success-hover:#56d364;--theme-btn-secondary:#1e1e1e;--theme-btn-secondary-hover:#2a2a2a;--theme-cell-bg:#ffffff08;--theme-cell-border:#ffffff14;--theme-gradient-primary:linear-gradient(135deg, #71717a, #a1a1aa);--theme-gradient-bg:none;--theme-scrollbar-track:#0a0a0a;--theme-scrollbar-thumb:#2a2a2a;--theme-scrollbar-thumb-hover:#3a3a3a;--theme-border:#ffffff14}@media(prefers-color-scheme:dark){:root:not([data-theme]){--theme-bg:#0a0a0a;--theme-surface:#161616;--theme-accent:#71717a;--theme-accent-hover:#a1a1aa;--theme-text:#f0f0f0;--theme-text-muted:#737373;--theme-tile-bg:#121212;--theme-input-border:#2a2a2a;--theme-glass-bg:#121212d9;--theme-glass-border:#ffffff0f;--theme-glass-blur:12px;--theme-danger:#f85149;--theme-danger-hover:#ff7b72;--theme-success:#3fb950;--theme-success-hover:#56d364;--theme-btn-secondary:#1e1e1e;--theme-btn-secondary-hover:#2a2a2a;--theme-cell-bg:#ffffff08;--theme-cell-border:#ffffff14;--theme-gradient-primary:linear-gradient(135deg, #71717a, #a1a1aa);--theme-gradient-bg:none;--theme-scrollbar-track:#0a0a0a;--theme-scrollbar-thumb:#2a2a2a;--theme-scrollbar-thumb-hover:#3a3a3a;--theme-border:#ffffff14}}@media(max-width:768px){:root,[data-theme]{--theme-tile-size:40px;--theme-glass-blur:8px}}@media(max-width:480px){:root,[data-theme]{--theme-tile-size:34px;--theme-glass-blur:6px}}@media(min-width:1025px){#gameScreen{grid-template-rows:auto 1fr;grid-template-columns:200px 1fr;align-items:stretch;gap:0;height:100dvh;min-height:0;padding:0;display:grid}.game-header{border-radius:0;flex-direction:column;grid-area:1/1/3;justify-content:flex-start;align-items:stretch;gap:12px;width:100%;height:100%;padding:12px;overflow-y:auto}.players-bar{flex-direction:column;gap:8px;width:100%;overflow-x:visible}.player-info{flex-direction:row;justify-content:flex-start;gap:8px;width:100%;padding:8px 10px}.players-team-divider{width:100%;height:2px;margin:2px 0}.players-team-header{flex-direction:row;justify-content:space-between;padding:4px 10px}.player-info .player-name{text-align:left;flex:1}.header-menu{flex-direction:column;width:100%;margin-top:auto;display:flex}.menu-trigger{display:none}.header-dropdown{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;flex-direction:column;gap:2px;min-width:0;margin-top:0;padding:0;animation:none;position:static;display:flex!important}.dropdown-item{border-radius:8px;gap:8px;padding:8px 10px;font-size:13px}.dropdown-icon{width:18px;font-size:14px}.dropdown-divider{margin:4px 0}.turn-banner{border-radius:0;grid-area:1/2;margin:0;padding:8px 20px}.game-container{grid-area:2/2;min-height:0;max-height:100%;overflow:hidden}.hand-section{left:200px}}@media(max-width:768px){#lobby,#waitingRoom,#leaderboard{padding-left:0}.lobby-burger{display:flex}.sidebar-close-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.sidebar-close-btn svg{width:18px;height:18px}.sidebar-close-btn:hover{color:var(--color-text);background:#ffffff14}.lobby-sidebar{transition:transform .3s;transform:translate(-100%)}.lobby-sidebar.open{transform:translate(0)}.navbar{gap:8px;padding:8px 12px}.nav-links{margin-left:4px}.nav-link{padding:5px 8px;font-size:13px}.lobby-container{width:90vw;padding:24px}.auth-section{width:90vw;padding:16px}.game-code-display{flex-wrap:wrap;justify-content:center;padding:12px 20px;font-size:20px}.game-header{padding:6px 10px}.players-bar{justify-content:flex-start;gap:8px;width:100%;overflow-x:auto}.player-info{padding:4px 8px}.player-name{font-size:11px}.player-score{font-size:16px}.turn-banner{gap:10px;padding:6px 12px;font-size:13px}.match-settings{min-width:auto}.wr-grid{grid-template-columns:1fr}.wr-content{padding:16px 16px 32px}}@media(max-width:480px){.navbar{gap:6px;padding:6px 10px}.nav-logo-img{width:28px;height:28px}.nav-links{gap:2px;margin-left:2px}.nav-link{padding:4px 6px;font-size:12px}.game-code-display{font-size:16px}.player-info{padding:4px 6px}.player-name{font-size:10px}.player-score{font-size:14px}.player-tiles{font-size:9px}.header-dropdown{-webkit-backdrop-filter:none;background:var(--color-surface)}}@media(max-width:768px){.action-btn{border-radius:10px;width:38px;height:38px}.action-btn-end{width:46px;height:38px}}@media(max-width:480px){.action-btn{border-radius:8px;width:36px;min-width:36px;height:36px;min-height:44px}.action-btn-end{width:42px;height:36px;min-height:44px}}.btn.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn.btn-loading:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.6s linear infinite btnSpin;position:absolute;top:50%;left:50%}.btn-secondary.btn-loading:after,.btn-small.btn-loading:after{border-color:#00000026;border-top-color:var(--color-accent)}@keyframes btnSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.profile-stats{grid-template-columns:repeat(3,1fr);gap:6px;padding:16px}.profile-fields{padding:16px}.profile-history{padding:0 16px 8px}.profile-close-btn{width:calc(100% - 32px);margin:12px 16px 20px}}@media(max-width:480px){.game-type-cards{grid-template-columns:1fr 1fr;gap:10px;display:grid}.game-type-card{width:auto;min-height:120px;padding:14px 10px 12px}.game-type-icon{width:48px;height:48px}.game-type-name{font-size:13px}.game-type-desc{font-size:11px}}.lobby-player-count{background:var(--color-accent);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.lobby-player-count{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}}.lobby-player-count{color:var(--color-accent);white-space:nowrap;border-radius:99px;flex-shrink:0;font-size:12px;font-weight:600}.lobby-player-count svg{width:14px;height:14px}.leaderboard-container{width:100%;max-width:1100px;margin:0 auto;padding:32px 36px}.leaderboard-header{align-items:center;gap:12px;margin-bottom:28px;display:flex}.leaderboard-header h2{color:var(--color-text);margin:0;font-size:26px;font-weight:700}.leaderboard-back-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex}.leaderboard-back-btn:hover{color:var(--color-text);background:#ffffff0f}.leaderboard-section{margin-bottom:36px}.leaderboard-section-title{color:var(--color-text);border-bottom:1px solid var(--color-glass-border);align-items:center;gap:10px;margin:0 0 12px;padding-bottom:8px;font-size:18px;font-weight:700;display:flex}.leaderboard-section-icon{flex-shrink:0;align-items:center;width:22px;height:22px;display:flex}.leaderboard-section-icon svg{width:22px;height:22px}.leaderboard-table{flex-direction:column;gap:2px;display:flex}.leaderboard-row{border-radius:var(--radius-md);grid-template-columns:44px 1fr 80px 80px 80px 90px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;transition:background .1s;display:grid}.leaderboard-row:not(.leaderboard-row-header):hover{background:#ffffff0a}.leaderboard-row-header{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);border-bottom:1px solid var(--color-input-border);margin-bottom:2px;padding:8px 16px;font-size:11px;font-weight:600}.lb-rank{text-align:center;font-size:15px;font-weight:600}.lb-player{align-items:center;gap:10px;min-width:0;display:flex}.lb-player .avatar-tiny{border-radius:50%;flex-shrink:0;width:28px;height:28px}.lb-player-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.lb-stat{text-align:center;font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:13px}.lb-stat-wide{min-width:0}.lb-wins{color:var(--color-text);font-weight:600}.lb-top-1{background:#ffd7000f}.lb-top-1 .lb-player-name{color:gold}.lb-top-2 .lb-player-name{color:silver}.lb-top-3 .lb-player-name{color:#cd7f32}.leaderboard-empty,.leaderboard-loading{text-align:center;color:var(--color-text-muted);padding:40px 0;font-size:14px}@media(max-width:768px){.leaderboard-container{padding:16px 12px}.leaderboard-section-title{font-size:16px}.leaderboard-row{grid-template-columns:30px 1fr 40px 40px 44px;padding:8px;font-size:12px}.lb-stat-wide,.leaderboard-row-header .lb-stat-wide{display:none}.modal-content{width:90vw;min-width:auto;padding:20px}.game-container{padding-bottom:70px}.hand-section{gap:8px;padding:8px 10px}.player-hand{gap:6px}.tile svg{width:28px;height:28px}}@media(max-width:480px){.tile svg{width:22px;height:22px}}.sound-master-toggle{cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;transition:background .15s;display:flex!important}.sound-master-toggle:hover{background:#ffffff14}.sound-master-icon{flex-shrink:0;width:20px;height:20px;margin-left:auto}.sound-master-on{color:var(--color-accent)}.sound-master-off{color:var(--color-text-muted);opacity:.5;display:none}.sound-master-toggle:has(input:not(:checked)) .sound-master-on{display:none}.sound-master-toggle:has(input:not(:checked)) .sound-master-off{display:block}#soundDetails{flex-direction:column;transition:opacity .15s;display:flex}#soundDetails.disabled{opacity:.4;pointer-events:none}#displayGameCode{letter-spacing:6px;color:var(--color-accent);-webkit-user-select:all;user-select:all;padding:2px 8px;font-size:36px;font-weight:800;display:inline-block}@media(max-width:768px){#displayGameCode{letter-spacing:4px;font-size:28px}}@media(max-width:480px){#displayGameCode{letter-spacing:3px;font-size:22px}}@media(max-width:768px){.chat-panel,.history-panel{width:100vw}}@keyframes screenFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes waitingPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes timerBlink{0%{opacity:1}to{opacity:.4}}@keyframes turnPulse{0%{transform:scale(1)}15%{text-shadow:0 0 12px var(--color-accent);transform:scale(1.15)}30%{transform:scale(1)}45%{text-shadow:0 0 8px var(--color-accent);transform:scale(1.1)}60%{text-shadow:none;transform:scale(1)}to{text-shadow:none;transform:scale(1)}}@keyframes turnFlash{0%{opacity:.15}to{opacity:0}}@keyframes replayBump{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes replayPulse{0%{opacity:.5;transform:scale(.9)}50%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes qwirkleGlow{0%{outline-offset:-3px;opacity:.85;outline:3px solid #ffd7004d}to{outline-offset:-3px;opacity:1;outline:3px solid gold}}@keyframes tileBounce{0%{opacity:.5;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes tileSlideIn{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panelSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes qwirklePop{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes scoreFloat{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(1.2)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(300px)rotate(720deg)}}@keyframes winnerGlow{0%{opacity:.7;transform:scale(.95)}50%{transform:scale(1.04)}to{opacity:1;transform:scale(1.02)}}@keyframes emojiFloat{0%{opacity:1;transform:translateY(0)scale(.5)}20%{transform:translateY(-30px)scale(1.2)}to{opacity:0;transform:translateY(-150px)scale(.8)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes thinkingDot{0%,60%,to{opacity:.2}30%{opacity:1}}@keyframes bgTileFloat{0%{transform:translateY(110vh)rotate(0)}to{transform:translateY(-10vh)rotate(360deg)}}.toast-container{z-index:1001;pointer-events:none;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;top:16px;right:16px}.toast-item{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(var(--theme-glass-blur));border-radius:var(--radius-md);border:1px solid var(--color-accent);box-shadow:var(--shadow-md);pointer-events:auto;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s toastSlideIn}.toast-item.error{background:#b0404026;border-color:#b04040}.toast-item.toast-exit{animation:.25s forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}@media(max-width:480px){.qwirkle-toast{font-size:32px}.score-popup{font-size:28px}.toast-container{max-width:none;top:8px;left:8px;right:8px}}@media(max-width:768px){.admin-loading,.admin-denied{padding-left:20px}.admin-container{padding:12px}.admin-charts{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px 6px}}@media(max-width:480px){.carc-hand-tile-canvas{width:96px;height:96px}.carc-figure-item{padding:4px 8px}.carc-figure-item svg{width:26px;height:26px}}.uno-card{cursor:pointer;-webkit-user-select:none;user-select:none;border:2px solid #ffffff26;border-radius:8px;flex-shrink:0;width:60px;height:90px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;box-shadow:0 2px 6px #0006}.uno-card:hover{z-index:10;border-color:#fff6;transform:translateY(-8px);box-shadow:0 8px 20px #00000080}.uno-card:active{transform:translateY(-4px)scale(.97)}.uno-card.disabled{cursor:not-allowed;opacity:.5}.uno-card.disabled:hover{border-color:#ffffff26;transform:none;box-shadow:0 2px 6px #0006}.uno-card--red{background:#c62828}.uno-card--blue{background:#1565c0}.uno-card--green{background:#2e7d32}.uno-card--yellow{background:#f9a825}.uno-card--wild{background:linear-gradient(135deg,#c62828 25%,#1565c0 25% 50%,#2e7d32 50% 75%,#f9a825 75%)}.uno-card__oval{background:#ffffffeb;border-radius:50%;width:70%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.uno-card__label{text-align:center;z-index:2;text-shadow:none;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uno-card__label--number{font-size:32px}.uno-card__label--action{font-size:18px}.uno-card--red .uno-card__label{color:#c62828}.uno-card--blue .uno-card__label{color:#1565c0}.uno-card--green .uno-card__label{color:#2e7d32}.uno-card--yellow .uno-card__label{color:#9e7a00}.uno-card--wild .uno-card__label{color:#333}.uno-card__corner{color:#fff;z-index:2;text-shadow:0 1px 2px #0006;font-size:11px;font-weight:800;position:absolute}.uno-card__corner--tl{top:4px;left:5px}.uno-card__corner--br{bottom:4px;right:5px;transform:rotate(180deg)}.uno-card__icon{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.uno-card__icon svg{width:28px;height:28px}.uno-draw-btn{cursor:pointer;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;background:#1a1a1a;border:2px dashed #ffffff4d;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:60px;height:90px;margin-right:12px;font-size:11px;font-weight:600;transition:border-color .15s,background .15s;display:flex;position:relative}.uno-draw-btn:hover{color:#fffc;background:#252525;border-color:#fff9}.uno-draw-btn:active{transform:scale(.97)}.uno-draw-btn.disabled{cursor:not-allowed;opacity:.3}.uno-draw-btn svg{opacity:.6;width:24px;height:24px}.uno-draw-btn__count{opacity:.4;font-size:10px}.uno-hand-separator{background:#ffffff1a;flex-shrink:0;width:1px;height:60px;margin:0 8px}.uno-color-indicator{border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-right:8px}.uno-color-indicator--red{background:#ff1744}.uno-color-indicator--blue{background:#2979ff}.uno-color-indicator--green{background:#00e676}.uno-color-indicator--yellow{background:#ffea00}.uno-direction{color:#ffffff4d;flex-shrink:0;margin-right:4px;font-size:18px}.uno-call-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#c62828;border:3px solid #ff5252;border-radius:50%;flex-shrink:0;width:60px;height:60px;margin-right:8px;font-size:14px;font-weight:900;transition:transform .15s,box-shadow .15s;animation:1.2s ease-in-out infinite unoBtnPulse}.uno-call-btn:hover{transform:scale(1.1);box-shadow:0 0 20px #c6282899}.uno-call-btn:active{transform:scale(.95)}.uno-call-btn--called{cursor:default;opacity:.7;background:#2e7d32;border-color:#66bb6a;animation:none}.uno-catch-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:#e65100;border:2px solid #ff9100;border-radius:18px;flex-shrink:0;height:36px;margin-right:8px;padding:0 16px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;animation:1s ease-in-out infinite unoBtnPulse}.uno-catch-btn:hover{transform:scale(1.1);box-shadow:0 0 16px #e6510099}.uno-catch-btn:active{transform:scale(.95)}.uno-call-display{z-index:9999;text-align:center;pointer-events:none;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards unoCallPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.uno-call-display--fade{animation:.5s ease-out forwards unoCallFade}.uno-call-display__text{color:#ff1744;text-shadow:0 0 20px #ff1744cc,0 0 40px #ff174466,0 4px 8px #00000080;letter-spacing:4px;font-size:72px;font-weight:900}.uno-call-display__name{color:#ffffffe6;text-shadow:0 2px 4px #00000080;margin-top:8px;font-size:20px;font-weight:600}@keyframes unoBtnPulse{0%,to{box-shadow:0 0 #c6282866}50%{box-shadow:0 0 0 8px #c6282800}}@keyframes unoCallPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes unoCallFade{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}@media(max-width:768px){.rummikub-board{gap:10px;padding:10px}.rummikub-info-bar{gap:6px;padding:6px 8px;font-size:12px}.rummikub-info-pool,.rummikub-info-player{padding:3px 8px}.rummikub-tile{width:30px;height:40px}.rummikub-tile-value{font-size:13px}.rummikub-hand-tile{width:34px;height:46px}.rummikub-hand-tile .rummikub-tile-value{font-size:15px}.rummikub-submit-btn,.rummikub-draw-btn,.rummikub-new-meld-btn,.rummikub-reset-btn{padding:8px 16px;font-size:13px}}.minigolf-hud{pointer-events:none;z-index:10;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex;position:absolute;top:0;left:0;right:0}.minigolf-hole-info{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;border-radius:8px;align-items:center;gap:12px;padding:8px 16px;font-size:.95rem;display:flex}.minigolf-hole-number{font-size:1.1rem;font-weight:700}.minigolf-par{opacity:.7}.minigolf-aim-hint{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffb3;background:#00000080;border-radius:6px;padding:4px 12px;font-size:.8rem}.minigolf-scorecard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#000000b3;border-radius:8px;max-width:90vw;padding:8px;position:absolute;bottom:12px;right:12px;overflow-x:auto}.minigolf-scorecard table{border-collapse:collapse;color:#fff;font-size:.75rem}.minigolf-scorecard th,.minigolf-scorecard td{text-align:center;white-space:nowrap;padding:3px 6px}.minigolf-scorecard th{opacity:.6;border-bottom:1px solid #ffffff26;font-weight:600}.minigolf-scorecard .player-name{text-align:left;text-overflow:ellipsis;max-width:80px;overflow:hidden}.minigolf-scorecard .current-hole{background:#6366f14d;border-radius:4px}.minigolf-scorecard .active-player{background:#6366f126}.minigolf-scorecard .total{border-left:1px solid #ffffff26;font-weight:700}.minigolf-score-overlay{text-align:center;pointer-events:none;z-index:20;opacity:0;transition:opacity .3s,transform .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.minigolf-score-overlay.visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.score-label{text-transform:uppercase;text-shadow:0 2px 12px #0009;letter-spacing:.05em;font-size:2.5rem;font-weight:800}.score-holeinone{color:#fbbf24;text-shadow:0 0 20px #fbbf2499,0 2px 12px #0009;font-size:3rem}.score-eagle{color:#a78bfa;text-shadow:0 0 16px #a78bfa80,0 2px 12px #0009}.score-birdie{color:#34d399;text-shadow:0 0 16px #34d39980,0 2px 12px #0009}.score-par{color:#fff}.score-bogey{color:#f87171;text-shadow:0 0 12px #f8717166,0 2px 12px #0009}.score-player{color:#fffc;text-shadow:0 1px 6px #00000080;margin-top:4px;font-size:1rem}.minigolf-hole-transition{z-index:25;opacity:0;pointer-events:none;background:#0f0f1aeb;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:absolute;inset:0}.minigolf-hole-transition.visible{opacity:1}.minigolf-hole-transition .hole-number{color:#fff;letter-spacing:.04em;text-shadow:0 2px 16px #6366f166;font-size:3rem;font-weight:800}.minigolf-hole-transition .hole-par{color:#ffffffb3;margin-top:8px;font-size:1.4rem;font-weight:600}.minigolf-hole-transition .hole-name{color:#ffffff73;margin-top:6px;font-size:1rem;font-style:italic}.trials-crash-overlay,.trials-finish-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.trials-overlay-text{text-shadow:0 2px 8px #000000b3;font-size:2.5rem;font-weight:700}.trials-overlay-text.crash{color:#e74c3c;animation:.6s ease-in-out trials-pulse}.trials-overlay-text.finish{color:#f1c40f;animation:.5s ease-out trials-pop}.trials-overlay-sub{color:#aaa;margin-top:.5rem;font-size:.9rem}.trials-overlay-stats{color:#ddd;gap:2rem;margin-top:1rem;font-size:1.2rem;display:flex}.trials-checkpoint-toast{color:#2ecc71;z-index:10;pointer-events:none;background:#2ecc7133;border:1px solid #2ecc71;border-radius:6px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:700;animation:.3s ease-out trials-fade-in;position:absolute;top:80px;left:50%;transform:translate(-50%)}.trials-controls-hint{color:#888;z-index:10;pointer-events:none;background:#00000080;border-radius:6px;padding:.4rem 1rem;font-size:.8rem;transition:opacity .5s;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@keyframes trials-pulse{0%{opacity:.5;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes trials-pop{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes trials-fade-in{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}