*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-bg-elevated:#1a1d27;--color-surface:#232733;--color-surface-hover:#2c3040;--color-text:#e1e4ed;--color-text-muted:#8b90a0;--color-text-heading:#f4f5f9;--color-accent:#6c8cff;--color-accent-hover:#8ba3ff;--color-accent-muted:#6c8cff26;--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-border:#2e3345;--color-border-hover:#3d4359;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Consolas, monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px;line-height:1.5}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--color-text-heading);font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input{font-family:inherit;font-size:inherit;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.5rem .75rem;transition:border-color .2s}input:focus{border-color:var(--color-accent);outline:none}input::placeholder{color:var(--color-text-muted)}ul,ol{list-style:none}img,svg{max-width:100%;display:block}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.player-card{width:var(--card-width,60px);height:var(--card-height,84px);perspective:600px;will-change:transform;background-color:#0000;justify-content:center;align-items:center;display:flex;position:relative}.player-card--unvoted{opacity:.6}.player-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.player-card--flipped .player-card__inner{transform:rotateY(180deg)}.player-card__front{backface-visibility:hidden;border-radius:var(--radius-md);border:2px solid var(--color-accent);background-color:var(--color-accent-muted);background-image:repeating-linear-gradient(45deg,#0000,#0000 4px,#6c8cff0f 4px 8px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-card--unvoted .player-card__front{border-color:var(--color-border);background-color:var(--color-surface);background-image:none}.player-card__back-face{backface-visibility:hidden;border-radius:var(--radius-md);border:2px solid var(--color-border-hover);background-color:var(--color-bg-elevated);box-shadow:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:rotateY(180deg)}.player-card--winner .player-card__back-face{border-color:var(--color-success);background-color:#4ade8014;box-shadow:0 0 8px #4ade8026}.player-card--winner .player-card__value{color:var(--color-success)}.player-card--special .player-card__back-face{border-color:var(--color-accent);background-color:#6c8cff14}.player-card--special .player-card__value{color:var(--color-accent)}.player-card--off-winner .player-card__back-face{border-color:hsl(var(--card-distance-hue,45), var(--card-distance-sat,90%), var(--card-distance-light,62%));background-color:hsla(var(--card-distance-hue,45), var(--card-distance-sat,90%), var(--card-distance-light,62%), .08)}.player-card--off-winner .player-card__value{color:hsl(var(--card-distance-hue,45), var(--card-distance-sat,90%), var(--card-distance-light,62%))}.player-card--unvoted .player-card__back-face{border-color:var(--color-border);background-color:var(--color-bg-elevated);box-shadow:none}.player-card__value{font-size:var(--card-value-size,1.25rem);color:var(--color-text-heading);font-weight:700}.player-card__back-icon{color:var(--color-accent);font-size:1rem}.player-card__placeholder{color:var(--color-text-muted);opacity:.5;font-size:1rem}.player-card__changed-indicator{opacity:.6;font-size:.625rem;position:absolute;bottom:4px;right:4px}.poker-table{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:0 .5rem;display:flex;overflow:visible}.poker-table__layout{margin:60px auto;transition:width .3s;position:relative}@media (width<=500px){.poker-table__layout{margin:55px auto}}@media (height<=500px){.poker-table__layout{margin:40px auto}}.poker-table__player{z-index:1;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;transform:translate(-50%,-50%)}.poker-table__player-info{align-items:center;gap:.25rem;display:flex}.poker-table__player-name{font-size:var(--player-name-size,.75rem);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:70px;overflow:hidden}.poker-table__admin-badge{color:var(--color-warning);font-size:.7rem}.poker-table__kick-btn{width:1.125rem;height:1.125rem;color:var(--color-text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:.7rem;transition:color .2s,background-color .2s;display:inline-flex}.poker-table__kick-btn:hover{color:var(--color-error);background-color:#f871711a}.poker-table__edit-btn{width:1.125rem;height:1.125rem;color:var(--color-text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:.7rem;transition:color .2s,background-color .2s;display:inline-flex}.poker-table__edit-btn:hover,.poker-table__edit-btn--active{color:var(--color-accent);background-color:var(--color-accent-muted)}.poker-table__surface{background-color:var(--color-bg-elevated);border:2px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:0;width:var(--table-surface-width,75%);height:var(--table-surface-height,50%);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.poker-table__controls{justify-content:center;align-items:center;display:flex}.poker-table__action-btn{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;transition:background-color .2s}.poker-table__action-btn:hover{background-color:var(--color-accent-hover)}.poker-table__status{color:var(--color-text-muted);text-align:center;font-size:.8125rem}@media (width<=600px){.poker-table__player-name{max-width:50px;font-size:.625rem}.poker-table__surface{width:var(--table-surface-width,55%);height:var(--table-surface-height,50%);border-radius:var(--radius-lg)}.poker-table__action-btn{padding:.5rem 1rem;font-size:.8125rem}.poker-table__status{font-size:.75rem}}@media (width>=1400px){.poker-table__surface{width:var(--table-surface-width,70%);height:var(--table-surface-height,55%)}}.poker-table--compact{justify-content:flex-start;padding:.5rem;overflow-y:auto}.poker-table__compact-controls{flex-shrink:0;justify-content:center;align-items:center;padding:.5rem 0 .75rem;display:flex}.poker-table__grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.5rem;width:100%;padding:0 .25rem;display:grid}.poker-table__grid-player{flex-direction:column;align-items:center;gap:.2rem;display:flex}.poker-table__grid-name{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:70px;font-size:.625rem;overflow:hidden}.card-selection-panel{flex-direction:column;flex-shrink:0;justify-content:flex-end;align-items:center;gap:0;width:100%;padding:0 .5rem;display:flex;position:relative}.card-selection-panel__editing-label{color:var(--color-accent);white-space:nowrap;font-size:.75rem;font-weight:500;position:absolute;top:0;left:50%;transform:translate(-50%)}.card-selection-panel__content{justify-content:center;align-items:flex-end;gap:1.5rem;width:100%;display:flex}.card-selection-panel__cards{flex-wrap:nowrap;justify-content:center;align-items:flex-end;gap:clamp(.2rem,.5vw,.375rem);padding:0 1rem;display:flex}.card-selection-panel__column{flex-direction:column;flex:0 auto;align-items:center;gap:.25rem;min-width:0;min-height:0;display:flex}.card-selection-panel__bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;width:100%;max-width:48px;height:clamp(60px,12vh,100px);display:flex}.card-selection-panel__vote-count{color:var(--color-text-muted);min-height:1em;font-size:.6875rem;font-weight:600}.card-selection-panel__bar-track{background-color:var(--color-surface);border-radius:5px;flex:1;width:10px;position:relative;overflow:hidden}.card-selection-panel__bar-fill{background-color:var(--color-accent);border-radius:5px;width:100%;transition:height .3s;position:absolute;bottom:0;left:0}.card-selection-panel__bar-fill--highlight{background-color:var(--color-success)}.card-selection-panel__card{border-radius:var(--radius-md);border:2px solid var(--color-border);background-color:var(--color-surface);width:clamp(28px,4.5vw,48px);height:clamp(38px,6vw,64px);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:1;justify-content:center;align-items:center;min-width:24px;font-size:clamp(.7rem,1.1vw,1rem);font-weight:600;transition:border-color .2s,background-color .2s,transform .15s,box-shadow .2s;display:flex}.card-selection-panel__card:hover:not(:disabled){border-color:var(--color-border-hover);background-color:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-selection-panel__card--selected{border-color:var(--color-accent);background-color:var(--color-accent-muted);color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.card-selection-panel__card--selected:hover:not(:disabled){border-color:var(--color-accent-hover);background-color:var(--color-accent-muted)}.card-selection-panel__card--highlight{border-color:var(--color-success);color:var(--color-success);background-color:#4ade801a}.card-selection-panel__card--disabled{cursor:default;opacity:.4}.card-selection-panel__card--dim,.card-selection-panel__card--no-votes{opacity:.25}.card-selection-panel__card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card-selection-panel__stats{flex-direction:column;flex-shrink:0;align-items:center;gap:.5rem;display:flex}.card-selection-panel__stat{flex-direction:column;align-items:center;gap:.125rem;display:flex}.card-selection-panel__stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem;font-weight:500}.card-selection-panel__stat-value{color:var(--color-text-heading);font-size:1.25rem;font-weight:700}.card-selection-panel__donut{width:44px;height:44px;margin-top:.125rem;position:relative}.card-selection-panel__donut-ring{fill:none;stroke:var(--color-surface);stroke-width:5px}.card-selection-panel__donut-fill{fill:none;stroke:var(--color-accent);stroke-width:5px;stroke-linecap:round;transform-origin:50%;transition:stroke-dasharray .3s;transform:rotate(-90deg)}.card-selection-panel__donut-text{color:var(--color-text-heading);font-size:.625rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connection-status{z-index:100;width:100%}.connection-status--connected{width:auto;position:fixed;top:12px;right:12px}.connection-status__indicator{background-color:var(--color-success);width:10px;height:10px;box-shadow:0 0 6px var(--color-success);border-radius:50%;display:inline-block}.connection-status--disconnected,.connection-status--kicked,.connection-status--ended,.connection-status--error{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1rem 1.5rem}.connection-status--disconnected{border-color:var(--color-warning)}.connection-status--kicked{border-color:var(--color-error)}.connection-status--ended{border-color:var(--color-text-muted)}.connection-status--error{border-color:var(--color-error)}.connection-status__content{align-items:center;gap:.75rem;display:flex}.connection-status__icon{flex-shrink:0;font-size:1.25rem}.connection-status--disconnected .connection-status__icon{color:var(--color-warning)}.connection-status--kicked .connection-status__icon{color:var(--color-error)}.connection-status--ended .connection-status__icon{color:var(--color-text-muted)}.connection-status--error .connection-status__icon{color:var(--color-error)}.connection-status__text{flex:1}.connection-status__text strong{color:var(--color-text-heading);margin-bottom:.125rem;font-size:.9375rem;display:block}.connection-status__text p{color:var(--color-text-muted);margin:0;font-size:.8125rem}.connection-status__rejoin-btn{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);flex-shrink:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.connection-status__rejoin-btn:hover{background-color:var(--color-accent-hover)}.connection-status__rejoin-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.create-session-page{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.create-session-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:2.5rem}.create-session-card h1{margin-bottom:.5rem}.create-session-card .subtitle{color:var(--color-text-muted);margin-bottom:2rem}.create-session-form{flex-direction:column;gap:.75rem;display:flex}.create-session-form label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.create-session-form input{padding:.625rem .875rem;font-size:1rem}.btn-primary{background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);margin-top:.5rem;padding:.75rem 1.25rem;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:var(--color-accent-hover)}.error-message{color:var(--color-error);font-size:.875rem}.session-page{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.session-page--game{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;height:100dvh;padding:0;overflow:hidden}.session-card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:2.5rem}.session-card h1{margin-bottom:.5rem}.session-card .subtitle{color:var(--color-text-muted);margin-bottom:2rem}.join-session-form{flex-direction:column;gap:.75rem;display:flex}.join-session-form label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.join-session-form input{padding:.625rem .875rem;font-size:1rem}.session-error-state{text-align:center}.session-error-state h2{margin-bottom:.5rem}.session-error-state .subtitle{color:var(--color-text-muted);margin-bottom:1.5rem}.btn-link{text-align:center;border-radius:var(--radius-md);color:#fff;background-color:var(--color-accent);padding:.75rem 1.25rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.btn-link:hover{background-color:var(--color-accent-hover);color:#fff}.game-view{color:var(--color-text);flex-direction:column;flex:1;align-items:center;width:100%;height:calc(100dvh - 54px);margin:0 auto;padding:0 .5rem .5rem;font-size:1rem;display:flex;overflow:hidden}.game-view .card-selection-panel{background-color:var(--color-bg);width:100vw;max-width:none;box-shadow:none;border:none;border-radius:0;padding:0 1rem .75rem}.session-header{background-color:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);z-index:50;justify-content:space-between;align-items:center;width:100%;padding:.875rem 1.5rem;display:flex;position:sticky;top:0}.session-header__name{color:var(--color-text-heading);margin:0;font-size:1.125rem;font-weight:600}.session-header__actions{align-items:center;gap:.5rem;display:flex}.session-header__copy-btn{color:var(--color-accent);background-color:var(--color-accent-muted);border-radius:var(--radius-md);white-space:nowrap;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:background-color .2s,color .2s}.session-header__copy-btn:hover{background-color:var(--color-accent);color:#fff}.session-header__end-btn{color:var(--color-error);border-radius:var(--radius-md);white-space:nowrap;background-color:#f871711a;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:background-color .2s,color .2s}.session-header__end-btn:hover{background-color:var(--color-error);color:#fff}.session-header__sim-btn{color:var(--color-warning);border-radius:var(--radius-md);white-space:nowrap;background-color:#fbbf241a;padding:.5rem .875rem;font-size:.8125rem;font-weight:600;transition:background-color .2s,color .2s}.session-header__sim-btn:hover{background-color:var(--color-warning);color:#000}.session-header__sim-btn--remove{color:var(--color-text-muted);background-color:var(--color-surface)}.session-header__sim-btn--remove:hover{background-color:var(--color-text-muted);color:var(--color-bg)}@media (width<=600px){.session-header{padding:.625rem .75rem}.session-header__name{font-size:.9375rem}.session-header__actions{gap:.25rem}.session-header__copy-btn,.session-header__end-btn,.session-header__sim-btn{padding:.375rem .625rem;font-size:.75rem}.create-session-card,.session-card{padding:1.5rem}}@media (width>=1200px){.game-view{padding:0 1.5rem .75rem}}