@font-face{font-family:'SF Pro Rounded Medium';src:url('./fonts/sf-pro-rounded-medium.otf') format('opentype');font-style:normal;font-weight:500;font-display:swap}:root{--color-bg:#3b0d0d;--color-surface:rgba(222, 187, 178, 1);--color-surface-inset:rgba(242, 195, 183, 1);--color-border:rgba(253, 217, 185, 1);--color-border-muted:rgba(142, 142, 142, 1);--color-logo:rgba(247, 227, 189, 1);--color-text-on-surface:rgba(83, 23, 25, 1);--color-text:rgba(247, 227, 189, 1);--color-text-muted:rgb(228, 209, 204);--color-danger:#c0392b;--color-success:#27ae60;--focus-ring:rgba(247, 216, 144, 0.95);--focus-ring-soft:rgba(247, 216, 144, 0.28);--font-display:'Shantell Sans','Segoe UI',system-ui,sans-serif;--font-body:'Segoe UI',system-ui,sans-serif;--font-rounded:'SF Pro Rounded Medium','SF Pro Rounded','SF Pro Text','SF Pro Display','Segoe UI',system-ui,sans-serif;--radius-sm:8px;--radius-md:16px;--radius-pill:154px;--shadow-card:0 4px 4px rgba(0, 0, 0, 0.5);--shadow-inset:inset 0 4px 8px rgba(0, 0, 0, 0.5);--shadow-logo:4px 4px 2px rgba(45, 7, 7, 0.905);--card-pop-duration:180ms;--card-flip-duration:240ms}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-soft)}#lobby-page .logo.logo--lobby{font-size:clamp(1.8rem, 5.4vw, 2.8rem);padding-top:clamp(12px,3.8vw,22px);padding-bottom:clamp(20px,1.8vw,12px)}#settings-page .logo.logo--lobby{font-size:2.2rem;padding-top:8px;padding-bottom:0}#join-page .logo.join-logo{font-size:clamp(1.8rem, 5.4vw, 2.8rem);padding-top:clamp(32px,8vw,56px);padding-bottom:clamp(16px,4vw,28px)}.join-card{width:100%;max-width:clamp(300px,74vw,420px);padding:clamp(20px,4.5vw,28px) clamp(16px,3.5vw,22px);border-radius:clamp(28px,5vw,36px);background-color:#d59284;border:clamp(2px,.8vw,4px) solid #fdd9b9;box-shadow:var(--shadow-inset)}.join-card__label{display:block;font-family:var(--font-display);font-size:clamp(1rem, 3.8vw, 1.35rem);color:var(--color-text-on-surface);margin-bottom:clamp(8px,2vw,12px);text-align:center}.join-card__input{display:block;width:100%;padding:clamp(10px,2.5vw,14px) clamp(14px,3vw,18px);border-radius:var(--radius-pill);border:clamp(1px,.25vw,2px) solid #ad9784;background-color:#ffddbe;color:var(--color-text-on-surface);font-family:var(--font-display);font-size:clamp(1.05rem, 4vw, 1.4rem);letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-inset);margin-bottom:clamp(14px,3vw,20px)}.join-card__input::placeholder{color:rgba(142,100,80,.6);text-transform:uppercase}.join-card__input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-soft),var(--shadow-inset)}.join-card__actions{display:flex;align-items:center;gap:clamp(10px,2.2vw,14px)}@media (min-width:768px){.join-logo{font-size:clamp(4rem, 6vw, 6rem)}.join-card{max-width:480px;padding:32px 26px;border-radius:42px}}.lobby-card{width:100%;max-width:clamp(340px,74vw,430px);margin:0 auto;padding:clamp(14px,2.8vw,18px) clamp(12px,2.4vw,15px) clamp(14px,2.8vw,18px);border-radius:clamp(30px,5.5vw,36px);background-color:#d59284;border:clamp(1px,.25vw,2px) solid #fdd9b9;box-shadow:var(--shadow-inset)}.lobby-code{font-family:Arial,'Helvetica Neue',Helvetica,sans-serif;color:var(--color-text-on-surface);font-size:clamp(1.45rem, 5vw, 2.15rem);line-height:1.1;margin-bottom:clamp(8px,1.7vw,12px);text-align:center;text-transform:uppercase}.lobby-player-list{list-style:none;display:flex;flex-direction:column;gap:clamp(6px,1.4vw,9px)}.lobby-player{--lobby-player-height:clamp(44px, 9vw, 52px);display:flex;align-items:center;gap:clamp(8px,1.8vw,10px);min-height:var(--lobby-player-height);height:var(--lobby-player-height);padding:clamp(5px,1.2vw,7px) clamp(7px,1.8vw,10px);border-radius:999px;border:clamp(1px,.25vw,2px) solid #ffd9b6;background-color:#f2c3b7}.lobby-player--empty{background-color:#ffddbe;border-color:#dcbda2;box-shadow:var(--shadow-inset)}.lobby-player__avatar{--lobby-avatar-size:clamp(34px, 8vw, 40px);width:var(--lobby-avatar-size);height:var(--lobby-avatar-size);border-radius:999px;border:1px solid #4c1515;object-fit:contain;flex:0 0 var(--lobby-avatar-size)}.lobby-player__name{flex:1;color:var(--color-text-on-surface);font-family:var(--font-display);font-size:clamp(1.05rem, 4.3vw, 1.65rem);line-height:1.1}.lobby-player__control{--lobby-control-size:clamp(34px, 8vw, 40px);width:var(--lobby-control-size);height:var(--lobby-control-size);border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;background:0 0;color:var(--color-text-on-surface);font-family:var(--font-display);font-size:clamp(1.45rem, 4.2vw, 1.75rem)}.lobby-player__control--kick{background-color:#f04a20;border:clamp(1px,.25vw,2px) solid #ff9d46;color:#5f1c1c;cursor:pointer}.lobby-player__control--kick:active{transform:scale(.96)}.lobby-player__control--crown{padding:clamp(2px,.6vw,4px)}.lobby-actions{display:flex;align-items:center;gap:clamp(10px,2.2vw,14px);margin-top:clamp(10px,2.2vw,14px)}.lobby-btn{border-radius:999px;border:clamp(1px,.25vw,2px) solid rgba(253,217,185,.7);box-shadow:var(--shadow-inset);font-family:var(--font-display);color:#fff;cursor:pointer}.lobby-btn:disabled{opacity:.65;cursor:not-allowed}.lobby-btn--back{--lobby-back-width:clamp(62px, 13vw, 74px);--lobby-back-height:clamp(44px, 10vw, 54px);width:var(--lobby-back-width);height:var(--lobby-back-height);flex:0 0 var(--lobby-back-width);background-color:#902a10;font-size:clamp(1.35rem, 4.6vw, 1.85rem);line-height:1;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}.lobby-btn--start{flex:1;height:clamp(44px,10vw,54px);background-color:#30632e;font-size:clamp(1.35rem, 4.8vw, 2rem);line-height:1;box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}@media (min-width:768px){#lobby-page{align-items:center}.lobby-card{max-width:520px;padding:24px 18px 22px;border-radius:42px}.lobby-player{--lobby-player-height:62px;min-height:62px;height:62px;padding:8px 12px}.lobby-player__avatar,.lobby-player__control{width:46px;height:46px}.lobby-btn--back{width:88px;height:62px;flex-basis:88px}.lobby-btn--start{height:62px}}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:linear-gradient(180deg,#6b1a1a 0,#3b0d0d 75%,#1e0606 100%);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.5;min-height:100svh;display:flex;flex-direction:column;align-items:center}.orientation-lock{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:linear-gradient(180deg,rgba(59,13,13,.98) 0,rgba(30,6,6,.98) 100%);z-index:9999}.orientation-lock__card{width:min(100%,420px);padding:28px 22px;border-radius:28px;border:2px solid rgba(253,217,185,.9);background:rgba(222,187,178,.12);box-shadow:0 12px 40px rgba(0,0,0,.35);text-align:center}.orientation-lock__title{font-family:var(--font-display);font-size:clamp(1.8rem, 6vw, 2.6rem);line-height:1.1;color:var(--color-logo);text-shadow:var(--shadow-logo);margin-bottom:12px}.orientation-lock__text{font-size:clamp(1rem, 3.8vw, 1.2rem);line-height:1.5;color:var(--color-text)}@media screen and (orientation:landscape) and (hover:none) and (pointer:coarse){body{overflow:hidden}.app-shell{display:none}.orientation-lock{display:flex}}[hidden]{display:none!important}.app-shell{width:100%;max-width:480px;min-height:100svh;display:flex;flex-direction:column;padding:0 16px}@media (min-width:768px){.app-shell{max-width:860px;padding:0 40px}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:clamp(12px,3vw,20px) 0}.top-bar__btn{display:flex;align-items:center;justify-content:center;width:clamp(48px,12vw,64px);height:clamp(48px,12vw,64px);background-color:var(--color-surface);border:1px solid rgba(253,217,185,.6);border-radius:var(--radius-pill);cursor:pointer;transition:filter .15s,transform .1s;box-shadow:#1e0606 2px 3px 4px}.top-bar__btn:hover{filter:brightness(1.08)}.top-bar__btn:active{transform:scale(.97)}.top-bar__btn img{width:28px;height:28px;object-fit:contain}.logo{font-family:var(--font-display);font-weight:500;font-size:clamp(3.5rem, 12vw, 6rem);line-height:1;color:var(--color-logo);text-shadow:var(--shadow-logo);text-align:center;padding:clamp(16px,6vw,32px) 0 clamp(12px,4vw,24px)}.logo-auth{font-family:var(--font-display);font-weight:500;font-size:clamp(3.5rem, 2vw, 6rem);line-height:1;color:var(--color-logo);text-shadow:var(--shadow-logo);text-align:center;padding:20px 0 24px}.ban-status-card{width:min(92vw,420px);padding:clamp(22px,5vw,30px);border-radius:clamp(28px,5vw,36px);background:rgba(213,146,132,.94);border:clamp(2px,.5vw,4px) solid #fdd9b9;box-shadow:var(--shadow-inset);text-align:center}.ban-status-card__title{margin-bottom:12px;color:var(--color-text-on-surface);font-family:var(--font-display);font-size:clamp(1.6rem, 5vw, 2.2rem);line-height:1.05}.ban-status-card__text{color:var(--color-text-on-surface);font-family:var(--font-body);font-size:clamp(1rem, 3.5vw, 1.15rem);line-height:1.5;margin-bottom:20px}.ban-status-card__button{width:100%}.page{display:none;flex-direction:column;flex:1;animation:fadeIn .2s ease}.page.active{display:flex}.page--centered{justify-content:center;align-items:center;gap:10px;text-align:center}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:block;width:100%;padding:18px 32px;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:clamp(1rem, 3vw, 1.2rem);font-weight:500;cursor:pointer;text-align:center;text-decoration:none;border:3px solid rgba(253,217,185,.6);box-shadow:0 4px 8px rgba(0,0,0,.35);transition:filter .15s,transform .1s}.btn:active{transform:scale(.97)}.btn--primary{background-color:#f2c3b7;border-color:rgba(253,217,185,.9);color:var(--color-text-on-surface)}.btn--primary:hover{filter:brightness(1.06)}.btn--secondary{background-color:#deafa3;border-color:rgba(253,217,185,.6);color:var(--color-text-on-surface)}.btn--secondary:hover{filter:brightness(1.06)}.btn--ghost{background:0 0;border-color:transparent;box-shadow:none;color:var(--color-text-muted);font-size:.9rem;padding:10px 24px}.btn--ghost:hover{color:var(--color-text)}.welcome{text-align:center;color:var(--color-text-muted);font-size:.95rem;margin-bottom:8px}.welcome__name{color:var(--color-logo);font-weight:700;font-style:normal}.actions{display:flex;flex-direction:column;gap:clamp(12px,4vw,16px);margin-top:auto;margin-bottom:auto;padding-bottom:0}@media (max-height:700px){.logo{font-size:clamp(2.8rem, 10vw, 4.6rem)}.welcome{margin-bottom:4px}.btn{padding:14px 24px}}@media (min-width:768px){#home-page{align-items:center}#home-page .logo{font-size:clamp(4rem, 6vw, 7rem)}#home-page .welcome{font-size:1.1rem}.actions{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:600px}.actions .btn--primary,.actions .btn--secondary{width:auto;flex:1 1 220px;max-width:280px}.actions .btn--ghost{flex:0 0 100%;text-align:center}}.username-setup{display:flex;flex-direction:column;gap:12px;width:100%;max-width:380px}.username-setup__title{font-family:var(--font-display);color:var(--color-logo);font-size:1.4rem}.username-setup__subtitle{color:var(--color-text-muted);font-size:.9rem}.username-setup form{display:flex;flex-direction:column;gap:12px}.avatar-setup{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px}.avatar-setup__title{font-family:var(--font-display);color:var(--color-logo);font-size:1.4rem}.avatar-setup__subtitle{color:var(--color-text-muted);font-size:.9rem}.avatar-setup form{display:flex;flex-direction:column;gap:16px}.avatar-setup__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avatar-setup__option{appearance:none;width:90px;height:90px;border:none;padding:0;background:0 0;box-shadow:none;transition:transform .15s ease;flex-shrink:0}.avatar-setup__option:focus-visible img,.avatar-setup__option:hover img{border:2px solid rgba(218,173,96,.7);box-shadow:0 0 0 2px rgba(218,173,96,.2)}.avatar-setup__option:focus-visible,.avatar-setup__option:hover{transform:translateY(-2px);outline:0}.avatar-setup__option.is-selected img{border:2px solid var(--color-logo);box-shadow:0 0 0 2px rgba(218,173,96,.18)}.avatar-setup__option img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease}.avatar-setup__actions{display:flex;gap:12px;justify-content:space-between}.avatar-setup__actions .btn,.avatar-setup__actions .lobby-btn{flex:1 1 0}.settings-avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-avatar__option{appearance:none;width:90px;height:90px;border:none;padding:8px;box-sizing:border-box;background:0 0;box-shadow:none;transition:transform .15s ease;flex-shrink:0}.settings-avatar__option:focus-visible img,.settings-avatar__option:hover img{border:2px solid rgba(218,173,96,.7);box-shadow:0 0 0 2px rgba(218,173,96,.2)}.settings-avatar__option:focus-visible,.settings-avatar__option:hover{transform:translateY(-2px);outline:0}.settings-avatar__option.is-selected img{border:2px solid var(--color-logo);box-shadow:0 0 0 4px rgba(218,173,96,.293)}.settings-avatar__option img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;border:2px solid transparent;transition:border-color .15s ease,box-shadow .15s ease}.welcome{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.welcome__avatar{width:48px;height:48px;border-radius:50%;background:rgba(76,21,21,.8);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);object-fit:cover}.settings-card{display:flex;flex-direction:column;gap:6px;width:100%;max-width:380px}.settings-card__actions{display:flex;gap:12px;justify-content:flex-end;align-items:stretch}.settings-card__actions .btn,.settings-card__actions .lobby-btn{height:56px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.settings-card__actions .lobby-btn--back{--lobby-back-width:104px;--lobby-back-height:56px;flex:0 0 var(--lobby-back-width)}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section__title{color:var(--color-text);font-size:1rem;font-weight:600}.settings-section form{display:flex;flex-direction:column;gap:12px}.input{width:100%;padding:14px 16px;background:rgba(76,21,21,.8);border:1px solid var(--color-surface);border-radius:var(--radius-sm);color:var(--color-text);font-size:1rem;font-family:var(--font-body)}.input::placeholder{color:var(--color-text-muted)}.input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-soft)}descope-wc{width:100%;max-width:380px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(80px);background:var(--color-surface);color:var(--color-text-on-surface);padding:12px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-size:.9rem;transition:transform .3s ease;z-index:1000;white-space:nowrap}.toast.show{transform:translateX(-50%) translateY(0)}.toast--error{border-left:4px solid var(--color-danger)}.toast--success{border-left:4px solid var(--color-success)}.spinner{display:none;width:40px;height:40px;border:4px solid rgba(222,187,178,.3);border-top-color:var(--color-logo);border-radius:50%;animation:spin .8s linear infinite;margin:32px auto}.page.active .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}#game-page{padding:0;overflow:hidden}.game-shell{display:flex;flex-direction:column;height:100svh;width:100%;max-width:480px;margin:0 auto;padding:0;gap:0;background:0 0}.game-bar{display:flex;align-items:center;padding:clamp(8px,2.5vw,12px) clamp(10px,3vw,16px);gap:8px;flex:0 0 auto}.game-bar__spacer{flex:1}.game-bar__btn{width:clamp(40px,11vw,52px);height:clamp(40px,11vw,52px);border-radius:999px;border:1px solid #9b9b9b;background-color:#debbb2;box-shadow:inset 0 0 2px rgba(0,0,0,.5);font-size:clamp(1.1rem, 4vw, 1.4rem);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1d1b20;transition:filter .15s}.game-bar__btn img{width:56%;height:56%;display:block}.game-bar__btn:active{transform:scale(.95)}.game-table-wrap{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:clamp(4px,1.5vw,8px) clamp(10px,3vw,16px);min-height:0}.game-table{position:relative;width:100%;aspect-ratio:8/13;max-height:100%;border-radius:50%;background-color:#6c955c;border:clamp(8px,3.5vw,13px) solid #96422d}.game-local-player{position:absolute;left:50%;top:96%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:2;pointer-events:none}.game-local-player__info{display:flex;flex-direction:column;align-items:center;gap:2px}.game-local-player__labels{display:flex;flex-direction:column;align-items:center;gap:2px}.game-seats{position:absolute;inset:0}.game-seat{position:absolute;transform:translate(-50%,-50%);top:var(--seat-top);left:var(--seat-left);display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none}.game-seat--active .game-seat__avatar{outline:4px solid rgb(160,0,252);outline-offset:-14px}.game-seat__avatar{width:clamp(88px,9vw,100px);height:clamp(88px,9vw,100px);border-radius:999px;object-fit:contain;padding:13px;box-sizing:border-box;position:relative;z-index:0}.game-seat__name{font-family:var(--font-display);font-size:clamp(.5rem, 2.2vw, .7rem);color:#fff;white-space:nowrap;max-width:clamp(56px,14vw,80px);overflow:hidden;text-overflow:ellipsis;text-align:center;line-height:1;margin-bottom:-8px}.game-seat__chips{background-color:#d2fffd;color:#000;font-size:clamp(.9rem, 2vw, 1rem);font-family:var(--font-rounded);padding:1px clamp(4px,1.5vw,7px);border:1px solid #646464;border-radius:999px;border-color:#646464;white-space:nowrap;box-shadow:inset 0 1px 2px rgba(0,0,0,.5);margin-top:-20px;position:relative;z-index:1}.game-seat__action{background-color:#ffda83;color:#000;font-size:clamp(.7rem, 2vw, .8rem);font-family:var(--font-rounded);padding:1px clamp(4px,1.5vw,7px);border-radius:999px;border:2px solid #f9e9c5;white-space:nowrap;min-width:1px;display:none}.game-seat>.game-seat__action{position:absolute;left:50%;top:calc(100% - clamp(56px,11vw,66px));transform:translateX(-50%);z-index:1}.game-seat__action:not(:empty){display:inline-block}.game-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.5vw,8px);pointer-events:none}.game-center:first-of-type{justify-content:flex-end;padding-bottom:52%}.game-center--cards{justify-content:center;padding-bottom:0}.game-community{display:flex;gap:clamp(3px,1.2vw,12px);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.game-card{width:clamp(26px,8vw,40px);height:clamp(38px,11.5vw,58px);border-radius:clamp(3px,1vw,5px);background-color:#fff;border:1px solid rgba(0,0,0,.15);overflow:hidden;display:flex;align-items:center;justify-content:center;transform-origin:center center;backface-visibility:hidden;will-change:transform,opacity}.game-card--reveal-pop{animation:cardPopIn var(--card-pop-duration) cubic-bezier(.2,.9,.2,1) both;animation-delay:var(--card-reveal-delay, 0ms)}.game-card--reveal-flip{animation:cardFlipIn var(--card-flip-duration) cubic-bezier(.2,.85,.2,1) both;animation-delay:var(--card-reveal-delay, 0ms)}.game-card:empty{background-color:rgba(255,255,255,.12);border:1px dashed rgba(255,255,255,.3);box-shadow:none}.game-card img{width:100%;height:100%;object-fit:contain;display:block}.game-card--back{background:repeating-linear-gradient(45deg,#641e1e 0,#641e1e 4px,#8c3232 4px,#8c3232 8px);border:2px solid #b45a3c}.game-card--community{width:clamp(28px,8.5vw,44px);height:clamp(40px,12.5vw,64px)}@keyframes cardPopIn{from{opacity:0;transform:translateY(6px) scale(.92);filter:saturate(.9)}to{opacity:1;transform:translateY(0) scale(1);filter:none}}@keyframes cardFlipIn{0%{opacity:0;transform:rotateY(-90deg) scale(.96);filter:brightness(.88)}60%{opacity:1}100%{opacity:1;transform:rotateY(0) scale(1);filter:none}}.game-pot{position:absolute;left:50%;top:calc(50% - clamp(110px,11vw,110px));transform:translateX(-50%);display:inline-block;z-index:2;pointer-events:none}.game-pot__pill{display:inline-flex;align-items:center;justify-content:center;background-color:#ffda83;border:2px solid #f9e9c5;border-radius:999px;padding:clamp(2px,.8vw,4px) clamp(10px,3vw,16px);font-family:var(--font-rounded);font-size:clamp(.9rem, 2.5vw, 1.25rem);color:#120405;white-space:nowrap}.game-pot__main{gap:clamp(4px,1vw,8px);cursor:pointer;pointer-events:auto;position:relative;z-index:1}.game-pot__amount{display:inline-block}.game-pot__side-count{display:inline-block;font-size:.78em;line-height:1;opacity:.95}.game-pot__sides{position:absolute;left:50%;top:calc(100% + clamp(-6px,1vw,-6px));transform:translateX(-50%) translateY(-2px);display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.7vw,4px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;z-index:2}.game-pot__main:hover+.game-pot__sides{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition-delay:0s}.game-pot--open .game-pot__sides{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);transition-delay:0s}.game-pot__side{opacity:.9;box-shadow:0 4px 10px rgba(0,0,0,.12)}.game-local-hand{flex:0 0 auto;display:flex;gap:clamp(8px,2.8vw,12px);justify-content:center;padding:clamp(2px,1vw,4px) clamp(10px,3vw,16px) clamp(4px,1.5vw,8px)}.game-card--local{width:clamp(44px,14vw,68px);height:clamp(63px,20vw,97px);border-radius:clamp(5px,1.4vw,8px)}.game-local-player__labels .game-seat__chips{font-size:clamp(1rem, 2.5vw, 1.2rem);padding:2px clamp(8px,2.5vw,12px)}.game-local-player__labels .game-seat__action{position:absolute;left:50%;top:calc(100% - clamp(30px,6vw,30px));transform:translateX(-50%);z-index:1}.game-local-player__hand{display:flex;gap:clamp(3px,2.5vw,5px)}.game-table>.game-local-player__hand{position:absolute;left:50%;bottom:clamp(104px,7vw,120px);transform:translateX(-50%);z-index:2}.game-local-player__hand .game-card{width:clamp(28px,8.5vw,44px);height:clamp(40px,12.5vw,64px)}.game-actions{flex:0 0 auto;display:flex;gap:clamp(8px,2.5vw,12px);padding:clamp(6px,2vw,10px) clamp(10px,3vw,16px);justify-content:center}.game-action-btn{flex:1;max-width:clamp(90px,30vw,130px);height:clamp(44px,12vw,56px);border-radius:999px;border:2px solid #f9e9c5;font-family:var(--font-display);font-size:clamp(1rem, 4vw, 1.3rem);color:#000;cursor:pointer;transition:filter .15s,transform .1s;background-color:#ffda83}.game-action-btn:disabled{opacity:.45;cursor:not-allowed}.game-action-btn:not(:disabled):active{transform:scale(.96)}.game-raise-picker{flex:0 0 auto;display:flex;flex-direction:column;gap:8px;padding:6px clamp(10px,3vw,16px) clamp(8px,2.5vw,12px)}.game-raise-picker__slider{width:100%;accent-color:rgba(255,218,131,1)}.game-raise-picker__row{display:flex;align-items:center;gap:8px}.game-raise-picker__value{font-family:var(--font-display);font-size:clamp(.9rem, 3.5vw, 1.1rem);color:var(--color-logo);min-width:clamp(52px,14vw,72px);text-align:center}.game-action-btn--call{background-color:#ffda83}.game-action-btn--check{background-color:#ffda83}.game-action-btn--fold{background-color:#ffda83}.game-action-btn--raise{background-color:#ffda83}.game-chat-overlay{position:fixed;inset:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:0;pointer-events:none}.game-chat-overlay[hidden]{display:none}.game-chat-card{width:100%;max-width:420px;height:95svh;max-height:95svh;display:flex;flex-direction:column;overflow:hidden;border-radius:clamp(22px,6vw,34px);border:1px solid rgba(255,255,255,.301);background:rgba(66,59,58,.8);box-shadow:inset 0 1px 4px rgba(146,146,144,.636);pointer-events:auto}.game-chat-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:clamp(10px,3vw,12px) clamp(14px,3.5vw,18px);border-bottom:1px solid rgba(255,217,182,.18)}.game-chat-card__title{font-family:var(--font-body);font-size:clamp(1.4rem, 6vw, 1.9rem);color:rgba(255,255,255,.74);margin:0}.game-chat-card__close{width:44px;height:44px;border:none;border-radius:999px;background:rgba(255,255,255,.27);color:rgba(255,255,255,.844);font-family:var(--font-display);font-size:2rem;line-height:1;cursor:pointer}.game-chat-messages{flex:1 1 auto;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:6px;list-style:none;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(200,200,200,0.35) transparent}.game-chat-messages:empty::before{content:'Nog geen berichten. Start de conversatie.';display:block;padding:28px 14px;text-align:center;color:rgba(255,221,160,.58);font-family:var(--font-body)}.game-chat-message{display:flex;align-items:flex-end;gap:10px}.game-chat-message--mine{flex-direction:row-reverse}.game-chat-message__avatar{width:36px;height:36px;flex:0 0 36px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,219,111,.22);color:rgba(255,236,195,.705);font-family:var(--font-display);font-size:.85rem;text-transform:uppercase}.game-chat-message__bubble{max-width:78%;padding:10px 12px;border-radius:18px 18px 18px 6px;background:rgba(122,122,122,.314);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.game-chat-message--mine .game-chat-message__bubble{border-radius:18px 18px 6px 18px;background:rgba(131,130,128,.671)}.game-chat-message__meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;font-family:var(--font-body);font-size:.72rem;line-height:1.1;color:#fff}.game-chat-message__name,.game-chat-message__time{white-space:nowrap}.game-chat-message__text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-body);line-height:1.35}.game-chat-composer{display:flex;align-items:stretch;gap:10px;padding:10px 12px 12px;border-top:1px solid rgba(117,116,113,.415);background:rgba(0,0,0,.301)}.game-chat-composer__input{flex:1 1 auto;min-height:48px;max-height:110px;resize:none;border-radius:18px;border:1px solid rgba(255,255,255,.418);background:rgba(132,132,132,.751);color:#fff;padding:12px 14px;font-family:var(--font-body);font-size:1rem;line-height:1.35}.game-chat-messages::-webkit-scrollbar{width:10px;height:10px}.game-chat-messages::-webkit-scrollbar-track{background:0 0}.game-chat-messages::-webkit-scrollbar-thumb{background:rgba(220,220,220,.35);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.game-chat-messages::-webkit-scrollbar-thumb:hover{background:rgba(220,220,220,.55)}.game-chat-messages::-webkit-scrollbar-corner{background:0 0}.game-chat-composer__input::placeholder{color:#fff}.game-chat-composer__input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-soft)}.game-chat-composer__send{width:clamp(56px,14vw,72px);border:none;border-radius:18px;background:rgba(9,255,0,.266);color:rgba(255,255,255,.808);font-family:var(--font-display);font-size:2rem;line-height:1;cursor:pointer;box-shadow:0 2px 2px rgba(0,0,0,.132)}.game-seat--folded .game-seat__avatar{opacity:.7;filter:grayscale(1)}.game-seat--folded .game-seat__name{opacity:.7}.game-seat__hand{display:flex;gap:clamp(2px,.8vw,4px);margin-top:20px}.game-card--seat{width:clamp(22px,5vw,30px);height:clamp(32px,6.8vw,42px);border-radius:clamp(2px,.6vw,3px)}.game-round-label{position:absolute;left:50%;top:calc(50% + clamp(30px,8vw,44px));transform:translate(-50%,-50%);z-index:2;font-family:var(--font-display);font-size:clamp(.6rem, 2.2vw, .85rem);font-weight:500;color:rgba(255,255,255);text-shadow:0 1px 3px rgba(0,0,0,.7);text-align:center;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}@media (min-width:480px){.game-shell{max-width:480px}}@media (min-width:768px){.game-table{aspect-ratio:9/10}.game-chat-overlay{align-items:flex-start;justify-content:flex-end;padding-top:12px;padding-right:12px}}.game-over-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.game-over-overlay[hidden]{display:none}.game-over-card{background:linear-gradient(160deg,#5a1a1a,#2e0808);border:2px solid rgba(255,217,182,.35);border-radius:clamp(20px,6vw,32px);padding:clamp(28px,8vw,48px) clamp(24px,6vw,40px);width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,3vw,18px);box-shadow:0 8px 40px rgba(0,0,0,.6);text-align:center}.game-over-card__title{font-family:var(--font-display);font-size:clamp(1.6rem, 7vw, 2.2rem);color:var(--text-title);text-shadow:6px 6px 2px rgba(0,0,0,.5);margin:0}.game-over-card__winner{font-family:var(--font-display);font-size:clamp(1rem, 4.5vw, 1.3rem);color:#ffdda0;margin:0}.game-over-card__reason{font-family:var(--font-display);font-size:clamp(.75rem, 3vw, .95rem);color:rgba(255,210,180,.7);margin:0}#admin-page{padding-top:clamp(2px,1vw,4px);flex:1 1 auto;gap:clamp(4px,1.2vw,8px);min-height:0;overflow:hidden}#admin-page .logo.logo--admin{font-size:clamp(1.8rem, 5.4vw, 2.8rem);padding:clamp(4px,1vw,8px) 0 clamp(2px,.8vw,6px)}.admin-card{display:flex;flex-direction:column;flex:1 1 0;max-height:calc(100svh - 240px);min-height:0;gap:clamp(8px,2vw,12px);padding:clamp(12px,2.5vw,16px);border-radius:clamp(28px,5vw,36px);background-color:#d59284;border:clamp(2px,.8vw,4px) solid #fdd9b9;box-shadow:var(--shadow-inset);overflow:hidden}.admin-card::-webkit-scrollbar{width:8px;height:20px}.admin-card::-webkit-scrollbar-track{background:0 0}.admin-card::-webkit-scrollbar-thumb{background:rgba(83,23,25,.6);border-radius:4px}.admin-card::-webkit-scrollbar-thumb:hover{background:rgba(83,23,25,.8)}.admin-search{width:100%}.admin-search__input{width:100%;padding:clamp(10px,2.5vw,14px) clamp(14px,3vw,18px);border-radius:var(--radius-pill);border:clamp(1px,.25vw,2px) solid #ad9784;background-color:#ffddbe;color:var(--color-text-on-surface);font-family:var(--font-display);font-size:clamp(.95rem, 3.5vw, 1.1rem);box-shadow:var(--shadow-inset)}.admin-search__input::placeholder{color:rgba(83,23,25,.5)}.admin-search__input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-soft)}.admin-user-list{list-style:none;display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);overflow-y:auto;flex:1;min-height:0;padding-right:2px}.admin-user-list::-webkit-scrollbar{width:8px}.admin-user-list::-webkit-scrollbar-track{background:0 0}.admin-user-list::-webkit-scrollbar-thumb{background:rgba(83,23,25,.6);border-radius:4px}.admin-user-list::-webkit-scrollbar-thumb:hover{background:rgba(83,23,25,.8)}.admin-user-item{display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,1.5vw,10px);padding:clamp(6px,1.5vw,10px) clamp(10px,2vw,14px);border-radius:clamp(12px,2.5vw,16px);background-color:#f2c3b7;border:clamp(1px,.25vw,2px) solid #ffd9b6;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.admin-user-item--empty{justify-content:center;padding:clamp(20px,5vw,28px);color:var(--color-text-on-surface);font-family:var(--font-display);font-size:clamp(.95rem, 3.5vw, 1.1rem);background-color:#ffddbe}.admin-user-info{display:flex;flex-direction:column;flex:1;gap:clamp(1px,.3vw,2px);min-width:0}.admin-user-header{display:flex;align-items:center;justify-content:space-between;gap:clamp(6px,1.5vw,10px)}.admin-user-name{color:var(--color-text-on-surface);font-family:var(--font-display);font-size:clamp(.85rem, 3vw, 1rem);font-weight:600;word-break:break-word}.admin-user-meta{color:rgba(83,23,25,.7);font-size:clamp(.7rem, 2vw, .8rem)}.admin-user-status{display:inline-block;width:fit-content;padding:clamp(2px,.5vw,4px) clamp(6px,1.2vw,8px);border-radius:var(--radius-pill);font-size:clamp(.65rem, 2vw, .8rem);font-weight:500}.admin-user-status--allowed{background-color:rgba(39,174,96,.2);color:#27ae60}.admin-user-status--banned{background-color:rgba(192,57,43,.2);color:#c0392b}.admin-user-stats{display:none}.admin-user-stat{display:none}.admin-user-action{width:clamp(36px,7vw,44px);height:clamp(36px,7vw,44px);border-radius:var(--radius-pill);border:clamp(1px,.25vw,2px) solid #fdd9b9;background-color:#ffddbe;color:var(--color-text-on-surface);font-size:clamp(1rem, 2.5vw, 1.4rem);cursor:pointer;flex:0 0 auto;display:flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s;font-weight:600}.admin-user-action--ban{background-color:#f04a20;border-color:#ff9d46;color:#fff}.admin-user-action--unban{background-color:#27ae60;border-color:#2ecc71;color:#fff}.admin-user-action:hover{filter:brightness(.95)}.admin-user-action:active{transform:scale(.97)}.admin-pagination-info{text-align:center;color:var(--color-text-on-surface);font-size:clamp(.8rem, 2.5vw, .95rem);padding:clamp(4px,1vw,8px) 0}.admin-pagination-wrapper{width:100%;max-width:520px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,12px);margin-top:0;padding:0 clamp(12px,3vw,16px) calc(6px,1vw,8px);padding-bottom:max(4px,env(safe-area-inset-bottom));flex:0 0 auto;position:relative}.admin-pagination-center{display:inline-flex;align-items:center;gap:clamp(8px,2vw,12px)}.admin-pagination-back{position:absolute;left:clamp(12px,3vw,16px);top:50%;transform:translateY(-50%)}.admin-pagination-btn{width:clamp(44px,10vw,52px);height:clamp(44px,10vw,52px);border-radius:var(--radius-pill);border:clamp(1px,.25vw,2px) solid #ff9d46;background-color:#902a10;color:#fff;font-size:clamp(1.3rem, 4vw, 1.8rem);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s;font-weight:600}.admin-pagination-btn:hover:not(:disabled){filter:brightness(1.1)}.admin-pagination-btn:active:not(:disabled){transform:scale(.97)}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-text{color:var(--color-text);font-family:var(--font-display);font-size:clamp(.9rem, 3vw, 1.1rem);font-weight:500;min-width:clamp(80px,20vw,120px);text-align:center}.admin-actions{display:flex;align-items:center;gap:clamp(10px,2.2vw,14px);margin-top:clamp(4px,1vw,8px);justify-content:center}.ban-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ban-overlay[hidden]{display:none}.ban-card{background:linear-gradient(160deg,#5a1a1a,#2e0808);border:2px solid rgba(255,217,182,.35);border-radius:clamp(20px,6vw,32px);padding:clamp(28px,8vw,40px) clamp(24px,6vw,32px);width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:clamp(12px,3vw,18px);box-shadow:0 8px 40px rgba(0,0,0,.6);text-align:center}.ban-card__title{font-family:var(--font-display);font-size:clamp(1.2rem, 5vw, 1.6rem);color:#ffdda0;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin:0}.ban-card__username{font-family:var(--font-display);font-size:clamp(1.1rem, 4vw, 1.4rem);color:#ffc8a0;margin:0;padding:clamp(12px,3vw,16px) clamp(16px,4vw,24px);background:rgba(0,0,0,.3);border-radius:var(--radius-md);word-break:break-word}.ban-card__actions{display:flex;flex-direction:column;gap:clamp(12px,3vw,16px);width:100%;margin-top:clamp(8px,2vw,12px)}.btn--danger{background-color:#c0392b;border-color:#e74c3c;color:#fff}.btn--danger:hover{filter:brightness(1.1)}@media (min-width:768px){#admin-page{align-items:center}.admin-card{max-width:520px;max-height:calc(100svh - 180px)}.ban-card{max-width:500px}.ban-card__actions{flex-direction:row;gap:16px}.ban-card__actions .btn{flex:1}}