*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #FCF3E8;--color-surface: #FEF0E3;--color-surface-hover: #FDE8D3;--color-primary: #FBCE98;--color-primary-dark: #E8B87A;--color-treasure: #FACA8D;--color-text: #37261D;--color-text-strong: #4F220C;--color-text-muted: #6B4D3A;--color-danger: #9A191C;--color-success: #006020;--color-border: rgba(79, 34, 12, .2);--color-border-strong: rgba(79, 34, 12, .4);--font-display: "Cinzel Decorative", Georgia, serif;--font-body: "EB Garamond", Georgia, serif;--text-base: 1.125rem;--text-sm: .9375rem;--text-xs: .875rem;--text-h1: 2.25rem;--text-h2: 1.75rem;--text-h3: 1.25rem;--leading-normal: 1.6;--leading-tight: 1.3;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(79, 34, 12, .06);--shadow-md: 0 2px 8px rgba(79, 34, 12, .08);--shadow-lg: 0 4px 16px rgba(79, 34, 12, .1);--transition-fast: .15s ease;--transition-normal: .2s ease}html,body{height:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100%;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;padding:1.5rem 1rem;max-width:600px;margin:0 auto;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--color-treasure)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-text-strong);color:#fef0e3;border-color:var(--color-text-strong)}.btn-primary:hover:not(:disabled){background:var(--color-text);border-color:var(--color-text)}.btn-secondary{background:var(--color-primary);color:var(--color-text-strong);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-small{padding:.5rem 1rem;font-size:var(--text-sm)}.btn-full{width:100%}.input{width:100%;padding:.75rem 1rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:1rem;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-text-strong);box-shadow:0 0 0 3px var(--color-treasure)}.input::placeholder{color:var(--color-text-muted)}.input-large{padding:1rem 1.25rem;font-size:1.1rem}.lobby{justify-content:center;text-align:center}.lobby-content{display:flex;flex-direction:column;gap:2rem}.logo{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;color:var(--color-text-strong);letter-spacing:.03em;text-shadow:1px 1px 0 rgba(251,206,152,.5)}.subtitle{font-family:var(--font-body);color:var(--color-text-muted);font-size:1.1rem;font-style:italic;margin-top:-1rem}.lobby-actions{display:flex;flex-direction:column;gap:1.5rem}.divider{display:flex;align-items:center;gap:1rem;color:var(--color-text-muted);font-style:italic}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-border-strong),transparent)}.join-form{display:flex;flex-direction:column;gap:.75rem}.error-message{color:var(--color-danger);font-size:var(--text-sm);padding:.75rem;background:#9a191c14;border:1px solid rgba(154,25,28,.2);border-radius:var(--radius-sm)}.hidden{display:none!important}.setup-content{display:flex;flex-direction:column;gap:1.5rem}.setup-header{display:flex;justify-content:space-between;align-items:center}.room-code-badge{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);color:var(--color-text-strong);letter-spacing:.1em}.setup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-display);font-weight:400;font-size:var(--text-sm);color:var(--color-text-strong);letter-spacing:.02em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-btn{width:44px;height:44px;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.color-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.color-btn:focus{outline:none;box-shadow:0 0 0 3px var(--color-treasure)}.color-btn.selected{border-color:var(--color-text-strong);box-shadow:0 0 0 3px var(--color-treasure)}.dashboard-content{display:flex;flex-direction:column;gap:1.5rem;flex:1}.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.dashboard-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text-strong);letter-spacing:.02em}.room-info{display:flex;align-items:center;gap:.5rem}.room-code-label{color:var(--color-text-muted);font-size:var(--text-sm)}.room-code-copy{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--color-text-strong);letter-spacing:.1em;cursor:pointer;transition:all var(--transition-fast)}.room-code-copy:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.room-code-copy:focus{outline:none;box-shadow:0 0 0 3px var(--color-treasure)}.copy-icon{font-size:.9rem}.my-player-section,.players-section{display:flex;flex-direction:column;gap:1rem}.my-player-section h2,.players-section h2{font-family:var(--font-display);font-size:var(--text-sm);font-weight:400;color:var(--color-text-strong);text-transform:uppercase;letter-spacing:.08em}.players-list{display:flex;flex-direction:column;gap:.75rem}.player-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:4px solid var(--player-color, var(--color-text-muted));box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.player-card:hover{box-shadow:var(--shadow-md)}.player-card.player-offline{opacity:.6;filter:grayscale(20%)}.offline-badge{display:inline-block;background:var(--color-danger);color:#fff;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;padding:.125rem .5rem;margin-left:.5rem;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px}.kick-btn{margin-top:.5rem;padding:.375rem .75rem;background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.kick-btn:hover{background:var(--color-danger);color:#fff}.player-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.player-info{flex:1;min-width:0}.player-name{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-stats{display:flex;gap:1rem;margin-top:.25rem}.stat{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-family:var(--font-body);font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--color-text)}.stat-total .stat-value{color:var(--color-text-strong)}.loading,.empty-state,.error-state{text-align:center;padding:2rem;color:var(--color-text-muted);font-style:italic}.error-state{color:var(--color-danger)}.dashboard-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--color-border);text-align:center}.connection-status{font-size:.8rem;margin-right:.25rem}.connection-status.connected{color:var(--color-success)}.connection-status.disconnected{color:var(--color-danger)}.my-player-edit{display:flex;gap:1.5rem;padding:1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.player-avatar.large{width:64px;height:64px;font-size:1.75rem;flex-shrink:0}.edit-form{flex:1;display:flex;flex-direction:column;gap:1rem}.edit-row{display:flex;flex-direction:column;gap:.5rem}.edit-row label{font-family:var(--font-display);font-size:.8rem;font-weight:400;color:var(--color-text-strong);letter-spacing:.02em}.color-picker-small{display:flex;gap:.4rem;flex-wrap:wrap}.color-btn-small{width:32px;height:32px;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.color-btn-small:hover{transform:scale(1.15)}.color-btn-small:focus{outline:none;box-shadow:0 0 0 3px var(--color-treasure)}.color-btn-small.selected{border-color:var(--color-text-strong);box-shadow:0 0 0 3px var(--color-treasure)}.stats-edit{display:flex;gap:1rem;margin-top:.5rem}.stat-edit{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat-edit label{font-family:var(--font-display);font-size:.7rem;font-weight:400;color:var(--color-text-strong);text-transform:uppercase;letter-spacing:.05em}.stepper{display:flex;align-items:center;gap:.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.25rem}.stepper-btn{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:1.25rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.stepper-btn:hover{background:var(--color-primary);color:var(--color-text-strong)}.stepper-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-treasure)}.stepper-btn:active{transform:scale(.95)}.stepper-value{min-width:2rem;text-align:center;font-family:var(--font-body);font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.stat-total{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-left:auto}.stat-total label{font-family:var(--font-display);font-size:.7rem;font-weight:400;color:var(--color-text-strong);text-transform:uppercase;letter-spacing:.05em}.total-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-strong)}@media (max-width: 400px){.logo{font-size:1.75rem}.form-row{grid-template-columns:1fr}.player-stats{gap:.75rem}.dashboard-header{flex-direction:column;align-items:flex-start}.my-player-edit{flex-direction:column;align-items:center;text-align:center}.stats-edit{justify-content:center}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#9a191cf2;color:#fff;font-size:var(--text-sm);font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.offline-banner__icon{font-size:1rem}.offline-banner__text{text-align:center}body:has(.offline-banner) #app{padding-top:44px}.update-toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(100px);z-index:1001;opacity:0;transition:all .3s ease-out}.update-toast--visible{transform:translate(-50%) translateY(0);opacity:1}.update-toast--hiding{transform:translate(-50%) translateY(100px);opacity:0}.update-toast__content{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;background:var(--color-surface);border:2px solid var(--color-text-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.update-toast__text{font-weight:600;color:var(--color-text)}.update-toast__actions{display:flex;gap:.75rem;justify-content:center}.update-toast__btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.update-toast__btn--dismiss{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.update-toast__btn--dismiss:hover{background:var(--color-surface-hover);color:var(--color-text)}.update-toast__btn--update{background:var(--color-text-strong);color:#fff}.update-toast__btn--update:hover{background:var(--color-text)}.stepper.disabled,.stepper[data-offline=true]{opacity:.5;pointer-events:none}.stepper.disabled .stepper-btn,.stepper[data-offline=true] .stepper-btn{cursor:not-allowed}.color-picker-small.disabled,.color-picker-small[data-offline=true]{opacity:.5;pointer-events:none}.input[data-offline=true],.input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-bg)}.offline-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-decorative-latin-ext-400-normal-bHvtSFkP.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-ext-400-normal-DFyBg16u.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/cinzel-decorative-latin-400-normal-C3uAaiWr.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-400-normal-Bspm-4mP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-decorative-latin-ext-700-normal-Dul5pKgq.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-ext-700-normal-BaOC-94C.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Decorative;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cinzel-decorative-latin-700-normal-CnX1aK6s.woff2) format("woff2"),url(/assets/cinzel-decorative-latin-700-normal-ov6XPGpn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-cyrillic-ext-400-normal-CBMNjBwz.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-ext-400-normal-DvVFcYIV.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-cyrillic-400-normal-DLFur4M8.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-400-normal-Cgupd8z3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-greek-ext-400-normal-xgh5yVqR.woff2) format("woff2"),url(/assets/eb-garamond-greek-ext-400-normal-m3zVZPMF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-greek-400-normal-Bd9qxgO7.woff2) format("woff2"),url(/assets/eb-garamond-greek-400-normal-Co9-8-br.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-vietnamese-400-normal-CfDT8MMM.woff2) format("woff2"),url(/assets/eb-garamond-vietnamese-400-normal-yoRrTn3C.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-ext-400-normal-8a_ZZ2Qq.woff2) format("woff2"),url(/assets/eb-garamond-latin-ext-400-normal-Ckqal4CG.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-DSJrtJSV.woff2) format("woff2"),url(/assets/eb-garamond-latin-400-normal-zgGxM6DR.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-cyrillic-ext-600-normal-DazFskEt.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-ext-600-normal-D_ymHnfD.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-cyrillic-600-normal-B9A__SKD.woff2) format("woff2"),url(/assets/eb-garamond-cyrillic-600-normal-DufMTKI9.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-greek-ext-600-normal-Snx9Wt8T.woff2) format("woff2"),url(/assets/eb-garamond-greek-ext-600-normal-9O-NAWHX.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-greek-600-normal-CyqIHpYl.woff2) format("woff2"),url(/assets/eb-garamond-greek-600-normal-_WbCDH6x.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-vietnamese-600-normal-teNMRGp3.woff2) format("woff2"),url(/assets/eb-garamond-vietnamese-600-normal-Be2Kv3D-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-latin-ext-600-normal-BFygXy1U.woff2) format("woff2"),url(/assets/eb-garamond-latin-ext-600-normal-CUzI_9EY.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/eb-garamond-latin-600-normal-CdfBH7_K.woff2) format("woff2"),url(/assets/eb-garamond-latin-600-normal-DVm8LGcc.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}