.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-header{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.1)blur(8px);backdrop-filter:saturate(1.1)blur(8px);z-index:10;align-items:center;gap:.75rem;padding:.7rem 1rem;display:flex;position:sticky;top:0}.app-header__brand{letter-spacing:-.01em;color:var(--color-text);flex:none;align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.app-header__mark{color:var(--color-accent);font-size:.8rem}.app-header__nav{scrollbar-width:none;gap:.25rem;margin-left:auto;display:flex;overflow-x:auto}.app-header__nav::-webkit-scrollbar{display:none}.app-header__nav a{color:var(--color-muted);border-radius:var(--radius-sm);white-space:nowrap;padding:.4rem .7rem;font-size:.95rem;font-weight:500;text-decoration:none}.app-header__nav a:hover{color:var(--color-text)}.app-header__nav a.active{color:var(--color-accent);background:var(--color-accent-soft)}.app-main{box-sizing:border-box;flex:1;width:100%;max-width:980px;margin:0 auto;padding:1.5rem}@media (width<=640px){.app-header{gap:.5rem;padding:.6rem .75rem}.app-header__brand{font-size:1rem}.app-header__nav a{padding:.4rem .55rem;font-size:.9rem}.app-main{padding:1rem .85rem 2rem}}.dog-board{-webkit-user-select:none;user-select:none;width:100%;max-width:32rem;height:auto;filter:drop-shadow(var(--shadow-board));margin:0 auto;display:block}.dog-board__wood-light{stop-color:var(--wood-1)}.dog-board__wood-medium{stop-color:var(--wood-2)}.dog-board__wood-dark{stop-color:var(--wood-3)}.dog-board__wood{stroke:var(--wood-edge);stroke-width:1.1px;stroke-linejoin:round}.dog-board__hole{fill:var(--hole);stroke:var(--hole-edge);stroke-width:.3px}.dog-board__slot{fill:var(--hole);stroke-width:.7px}.dog-board__home{fill:none;stroke-width:.85px}.dog-board__start{fill:var(--hole);stroke-width:1.2px}.dog-board__disc{fill:var(--wood-1);stroke:var(--wood-edge);stroke-width:.6px}.dog-board__arrow{stroke:var(--wood-edge);stroke-width:.7px;stroke-linecap:round}.dog-board__hub{fill:var(--wood-edge)}.dog-board__well{fill:var(--color-surface);stroke:var(--wood-edge);stroke-width:.5px;opacity:.96}.dog-board__card{stroke:var(--color-outline);stroke-width:.2px}.dog-board__card--back{fill:var(--color-card-back)}.dog-board__card--face{fill:var(--color-card-face)}.dog-board__turn-marker{fill:none;stroke-width:.8px;stroke-dasharray:1.6 1.4;transform-box:fill-box;transform-origin:50%;animation:6s linear infinite dog-turn-spin}@keyframes dog-turn-spin{to{stroke-dashoffset:-12px}}.marble__halo{fill:none;stroke:var(--color-accent);stroke-width:.7px}.marble__body{stroke:var(--color-outline-strong);stroke-width:.35px}.marble__shine{fill:var(--color-marble-shine)}.marble--selectable{cursor:pointer}.marble--selectable:hover .marble__body{stroke-width:.9px}.poker-card{background:var(--color-card-face);border:1px solid var(--color-card-border);width:4.2rem;height:6rem;box-shadow:var(--shadow-card);cursor:pointer;border-radius:.5rem;flex:none;padding:0;transition:transform .12s,box-shadow .12s;position:relative}.poker-card:hover:not(.poker-card--disabled){box-shadow:var(--shadow-card-raised);transform:translateY(-8px)}.poker-card--selected{box-shadow:var(--shadow-card-selected);outline:3px solid var(--color-accent);transform:translateY(-14px)}.poker-card--disabled{opacity:.55;cursor:not-allowed}.poker-card--red{color:var(--color-suit-red)}.poker-card--black{color:var(--color-ink)}.poker-card--joker{color:var(--color-suit-joker)}.poker-card__corner{flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute}.poker-card__corner--top-left{top:.3rem;left:.4rem}.poker-card__corner--bottom-right{bottom:.3rem;right:.4rem;transform:rotate(180deg)}.poker-card__rank{font-size:1rem}.poker-card__suit{font-size:.85rem}.poker-card__center{justify-content:center;align-items:center;font-size:2.2rem;display:flex;position:absolute;inset:0}.poker-card__joker-label{text-align:center;letter-spacing:.15em;font-size:.6rem;font-weight:700;position:absolute;bottom:1.4rem;left:0;right:0}.dog-game{flex-direction:column;gap:1rem;display:flex}.dog-game__status{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.7rem .9rem;font-size:.9rem;display:flex}.dog-game__phase{color:var(--color-accent);font-weight:600}.dog-game__status .btn{margin-left:auto}.dog-game__main{grid-template-columns:minmax(0,1.7fr) minmax(14rem,1fr);align-items:start;gap:1.25rem;display:grid}.dog-game__board{flex-direction:column;gap:.6rem;min-width:0;display:flex}.dog-board-toolbar{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:999px;align-self:center;gap:.35rem;padding:.25rem;display:inline-flex}.chip{color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:600}.chip--on{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.dog-game__panel{flex-direction:column;gap:1rem;min-width:0;display:flex}.dog-panel{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);padding:1rem}.dog-panel h3{margin:0 0 .5rem;font-size:1rem}.dog-panel__hint{color:var(--color-muted);margin:0 0 .6rem;font-size:.9rem}.dog-panel__actions{flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem;display:flex}.dog-panel__actions .btn{min-height:2.1rem;padding:.4rem .7rem;font-size:.85rem}.dog-panel__joker{align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.9rem;display:flex}.dog-panel__joker select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:.35rem .5rem}.hand-cards{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;gap:.4rem;min-height:7rem;padding:1rem;display:flex}.hand-cards__empty{color:var(--color-muted);align-self:center}.dog-lobby{border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;gap:.85rem;max-width:34rem;padding:1.25rem;display:flex}.dog-lobby__form{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dog-lobby__form input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font:inherit;flex:9rem;padding:.6rem .7rem}.dog-lobby__count{gap:.4rem;display:flex}.dog-lobby__count .btn{padding:.5rem .7rem;font-size:.85rem}.dog-lobby__hint{color:var(--color-muted);font-size:.85rem;line-height:1.5}@media (width<=820px){.dog-game__main{grid-template-columns:1fr}}@media (width<=640px){.dog-game__status{font-size:.85rem}.dog-game__status .btn{margin-left:0}.hand-cards{scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;min-height:6.5rem;padding:.85rem;overflow-x:auto}}.home__title{text-align:center;margin-bottom:1.5rem}.home__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.home__card{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:.9rem;padding:1.25rem;text-decoration:none;transition:transform .12s,border-color .12s;display:block}.home__card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.home__card-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.home__card-head h3{margin:0}.home__card p{color:var(--color-muted);font-size:.95rem}.dice-tray{flex-direction:column;gap:.75rem;display:flex}.dice-tray__header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dice-tray__meta{color:var(--color-muted);font-size:.9rem}.dice-tray__dice{flex-wrap:wrap;gap:.6rem;display:flex}.dice-tray__empty{color:var(--color-muted);font-size:.9rem}.die{width:3rem;height:3rem;color:var(--color-ink);border:2px solid var(--color-outline);box-shadow:var(--shadow-piece);border-radius:.6rem;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex}.die--draggable{cursor:grab}.die--draggable:active{cursor:grabbing}.die--red{background:var(--color-die-red)}.die--yellow{background:var(--color-die-yellow)}.die--green{background:var(--color-die-green)}.die--blue{background:var(--color-die-blue)}.die--white{background:var(--color-die-white)}.die--black{background:var(--color-die-black);color:var(--color-ink-contrast)}.session-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.session-bar__form{flex-wrap:wrap;gap:.6rem;display:flex}.session-bar__form input{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:.5rem;padding:.55rem .7rem;font-size:.95rem}.session-bar__info{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.session-bar__players{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.session-bar__player{background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;padding:.3rem .6rem;font-size:.9rem}.session-bar__player--current{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.qwixx-board{flex-direction:column;gap:1rem;display:flex}.qwixx-board__rows{flex-direction:column;gap:.5rem;display:flex}.qwixx-row{border-radius:.6rem;flex-wrap:wrap;gap:.35rem;padding:.4rem;display:flex}.qwixx-row--red{background:var(--color-row-red)}.qwixx-row--yellow{background:var(--color-row-yellow)}.qwixx-row--green{background:var(--color-row-green)}.qwixx-row--blue{background:var(--color-row-blue)}.qwixx-cell{border:2px solid var(--color-outline-soft);cursor:pointer;width:2.6rem;height:2.6rem;color:var(--color-ink);background:var(--color-piece-surface);border-radius:.45rem;font-size:1.05rem;font-weight:700;transition:transform 80ms}.qwixx-cell:hover:not(:disabled){transform:translateY(-2px)}.qwixx-cell--red{background:var(--color-die-red)}.qwixx-cell--yellow{background:var(--color-die-yellow)}.qwixx-cell--green{background:var(--color-die-green)}.qwixx-cell--blue{background:var(--color-die-blue)}.qwixx-cell--marked{background:var(--color-ink);color:var(--color-ink-contrast);border-color:var(--color-ink)}.qwixx-cell--blocked{opacity:.4;cursor:not-allowed}.qwixx-lock{border:2px dashed var(--color-outline-strong);background:var(--color-piece-surface);cursor:pointer;border-radius:50%;width:2.6rem;height:2.6rem;font-size:1rem}.qwixx-lock--locked{background:var(--color-ink);border-style:solid}.qwixx-lock--blocked{opacity:.4;cursor:not-allowed}.qwixx-board__penalties{align-items:center;gap:.5rem;display:flex}.qwixx-board__penalties-label{color:var(--color-muted);margin-right:.25rem;font-size:.9rem}.qwixx-penalty{border:1px solid var(--color-border);color:#0000;border-radius:.4rem;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;display:inline-flex}.qwixx-penalty--set{color:var(--color-danger);border-color:var(--color-danger)}.qwixx-board__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.qwixx-board__controls{gap:.5rem;display:flex}.qwixx-score{align-items:center;gap:.4rem;font-size:1.1rem;font-weight:600;display:flex}.qwixx-score__part{text-align:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:.4rem;min-width:2rem;padding:.2rem .4rem}.qwixx-score__part--red{color:var(--color-score-red)}.qwixx-score__part--yellow{color:var(--color-score-yellow)}.qwixx-score__part--green{color:var(--color-score-green)}.qwixx-score__part--blue{color:var(--color-score-blue)}.qwixx-score__part--penalty{color:var(--color-danger)}.qwixx-score__operator{color:var(--color-muted)}.qwixx-score__total{text-align:center;background:var(--color-accent);min-width:2.4rem;color:var(--color-accent-contrast);border-radius:.4rem;padding:.2rem .5rem}.qwixx-board__game-over{color:var(--color-accent);font-weight:700}.twenty-one-board{flex-direction:column;gap:1rem;display:flex}.twenty-one-grid{grid-template-columns:repeat(6,1fr);gap:.5rem;max-width:32rem;display:grid}.twenty-one-cell{aspect-ratio:1;border:2px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.twenty-one-cell--droppable{border-color:var(--color-accent);background:var(--color-accent-soft);border-style:dashed}.twenty-one-cell--locked{opacity:.5}.twenty-one-cell--filled{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-ink-contrast)}.twenty-one-cell__target{color:var(--color-muted);font-size:1rem;font-weight:500}.twenty-one-board__footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.twenty-one-score{font-size:1.2rem}.twenty-one-board__controls{gap:.5rem;display:flex}.twenty-one-board__game-over{color:var(--color-accent);font-weight:700}:root{--color-bg:#f4f2ec;--color-surface:#fffdf9;--color-surface-2:#f0ede4;--color-text:#1f1e1b;--color-muted:#6b685f;--color-border:#e2ddd1;--color-accent:#2f7d5b;--color-accent-contrast:#fff;--color-accent-soft:#2f7d5b1f;--color-danger:#b1503e;--wood-1:#e7c79a;--wood-2:#d7ad78;--wood-3:#c1955f;--wood-edge:#9b6f42;--hole:#cdb187;--hole-edge:#a8875c;--color-ink:#1a1a1a;--color-ink-contrast:#fff;--color-piece-surface:#fffc;--color-outline-soft:#0003;--color-outline:#00000040;--color-outline-strong:#00000059;--color-die-red:#f7b2ad;--color-die-yellow:#ffe39a;--color-die-green:#b6e3b6;--color-die-blue:#b3ccf5;--color-die-white:#fafafa;--color-die-black:#8a8a8a;--color-row-red:#dc354524;--color-row-yellow:#f0c12e2e;--color-row-green:#2dad6029;--color-row-blue:#2d6cdf24;--color-score-red:#dc3545;--color-score-yellow:#b8860b;--color-score-green:#2dad60;--color-score-blue:#2d6cdf;--color-card-face:#fdfdfb;--color-card-back:#4f7bc4;--color-card-border:#cfcfcf;--color-suit-red:#c62828;--color-suit-joker:#6a1b9a;--color-marble-shine:#ffffff73;--color-seat-0:#cf3a33;--color-seat-1:#2e8b4d;--color-seat-2:#2f66bf;--color-seat-3:#e0b02a;--color-seat-4:#3a3a3a;--color-seat-5:#efe9df;--radius:10px;--radius-sm:7px;--radius-lg:16px;--shadow-sm:0 1px 2px #1f1e1b0f;--shadow:0 6px 20px -12px #1f1e1b59;--shadow-piece:0 1px 3px #0003;--shadow-card:0 2px 6px #00000040;--shadow-card-raised:0 8px 14px #0000004d;--shadow-card-selected:0 10px 18px #00000059;--shadow-board:0 8px 18px #00000047;--font:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--color-text);background:var(--color-bg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#15161a;--color-surface:#1d1f24;--color-surface-2:#24272e;--color-text:#e9e7e1;--color-muted:#9b988f;--color-border:#2d3037;--color-accent:#5cbf90;--color-accent-contrast:#0c1a13;--color-accent-soft:#5cbf9026;--color-danger:#d9756a;--wood-1:#b58f5f;--wood-2:#9c774a;--wood-3:#82623a;--wood-edge:#5a4227;--hole:#6e5535;--hole-edge:#4c3a23;--shadow-sm:0 1px 2px #0006;--shadow:0 8px 24px -12px #000000b3}}:root[data-theme=dark]{--color-bg:#15161a;--color-surface:#1d1f24;--color-surface-2:#24272e;--color-text:#e9e7e1;--color-muted:#9b988f;--color-border:#2d3037;--color-accent:#5cbf90;--color-accent-contrast:#0c1a13;--color-accent-soft:#5cbf9026;--color-danger:#d9756a;--wood-1:#b58f5f;--wood-2:#9c774a;--wood-3:#82623a;--wood-edge:#5a4227;--hole:#6e5535;--hole-edge:#4c3a23;--shadow-sm:0 1px 2px #0006;--shadow:0 8px 24px -12px #000000b3}*{box-sizing:border-box}html,body{min-height:100svh;margin:0}body{background:var(--color-bg);color:var(--color-text)}h1,h2,h3{color:var(--color-text);letter-spacing:-.01em;line-height:1.2}a{color:inherit}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;min-height:2.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.1;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--primary:hover:not(:disabled){filter:brightness(1.05)}.btn--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2)}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:2.4rem;height:2.4rem;color:var(--color-text);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-2)}.error-message{color:var(--color-danger);margin:0;font-size:.9rem}.game-page{flex-direction:column;gap:1.25rem;display:flex}.game-page__title{margin:0}.game-page__hint{color:var(--color-muted);font-size:.9rem}@media (width<=640px){.btn{min-height:2.75rem}}