@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Space+Mono:wght@400;700&display=swap";:root{color:#f5f1f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#111114;font-family:Space Mono,ui-monospace,monospace;font-weight:400}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#111114;min-width:320px;min-height:100dvh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #64e4f2}::selection{color:#111114;background:#ef79a7}:root{--bg:#111114;--panel:#1b1b20;--panel2:#222127;--line:#39363e;--pink:#f27ca5;--cyan:#6be0e8;--muted:#94919c;--green:#69e38b;--yellow:#ffdc63;--blue:#66baf5;--pixel:"Press Start 2P", monospace;--mono:"Space Mono", monospace}.game-shell{background:radial-gradient(at 50% 0,#292029 0,#151418 40%,#111114 78%);flex-direction:column;gap:13px;width:min(100%,530px);min-height:100dvh;margin:auto;padding:0 18px 22px;display:flex;position:relative;overflow:hidden}.topbar{border-bottom:1px solid #312c33;flex-shrink:0;align-items:center;gap:10px;height:65px;display:flex}.brand-mark{font:12px var(--pixel);letter-spacing:-2px;color:var(--pink);text-shadow:2px 2px #54253a}.brand-mark span{color:var(--cyan)}.room-pill{font:8px var(--pixel);color:#b9b3bb;background:#201d22;border:1px solid #40343e;border-radius:3px;align-items:center;gap:6px;padding:8px 9px;display:flex}.room-pill b{color:#fff;font-size:10px}.room-pill small{font:8px var(--mono);color:var(--muted);border-left:1px solid #51474f;padding-left:6px}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #69e38b}.pixel-button,.icon-button{cursor:pointer;font:8px var(--pixel);background:#27242a;border:1px solid #59505a;border-radius:3px;padding:9px 10px;transition:transform .15s,border-color .15s}.pixel-button:hover,.icon-button:hover{border-color:var(--pink);transform:translateY(-1px)}.invite-button{color:var(--pink);margin-left:auto}.icon-button{color:var(--cyan);min-width:33px}.help-button span{display:none}.table-meta{color:#77737d;height:17px;font:8px var(--pixel);letter-spacing:-.3px;justify-content:space-between;align-items:center;display:flex}.table-meta span:first-child{color:var(--green)}.table-meta i{background:var(--green);vertical-align:1px;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.table-meta b{color:var(--pink)}.panel{background:linear-gradient(140deg,#211f25,#19191e);border:1px solid #48414b;border-radius:4px;box-shadow:inset 0 0 0 2px #ffffff05,0 4px 12px #0003}.dealer-panel{grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:center;min-height:112px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.dealer-panel:before{content:"";filter:blur(40px);pointer-events:none;background:#ec75a60c;width:190px;height:130px;position:absolute;top:-65px;right:10px}.station-heading{z-index:1}.eyebrow{font:7px var(--pixel);color:var(--pink);letter-spacing:.4px;margin-bottom:7px;display:block}.station-heading h2,.section-title h2,.rules-modal h2{font:11px var(--pixel);margin:0;line-height:1.6}.dealer-total{font:19px var(--pixel);color:var(--cyan);text-shadow:0 0 14px #6be0e855;align-self:start}.dealer-hand{grid-area:1/2/3;align-items:center;padding-right:32px;display:flex}.dealer-rule{color:#8a858e;font:7px var(--pixel);align-self:end}.card-placeholder{text-align:center;color:#6c6670;width:42px;height:59px;font:5px/1.7 var(--pixel);border:1px dashed #504a53;border-radius:3px;place-content:center;margin-left:8px;display:grid}.card-placeholder span{color:#49454c}.players-section{flex-direction:column;flex:1;min-height:180px;display:flex}.section-title{justify-content:space-between;align-items:center;height:27px;display:flex}.section-title h2{font-size:9px}.section-title h2 span{color:var(--muted);font-family:var(--mono);font-size:11px}.phase-tag{font:7px var(--pixel);color:#a6a1ac;padding:6px 7px}.phase-betting,.phase-players{color:var(--cyan);background:#6be0e80c;border-color:#4b9aa0}.phase-results{color:var(--green);border-color:#4e9f65}.player-list{flex-direction:column;gap:8px;display:flex}.player-row{grid-template-columns:38px minmax(64px,.82fr) minmax(100px,1.45fr) 30px 50px;align-items:center;gap:9px;min-height:86px;padding:10px 11px;transition:border-color .2s,box-shadow .2s;display:grid}.player-row.is-active{border-color:var(--cyan);box-shadow:0 0 0 1px #6be0e84d,0 0 17px #6be0e81a}.player-row.is-bust{opacity:.62}.avatar{color:#f2a0b8;background:#383039;border:2px solid #b96886;place-items:center;width:38px;height:43px;font-size:25px;display:grid;box-shadow:inset 0 0 0 2px #18171c}.player-info{min-width:0}.player-name{font:8px var(--pixel);white-space:nowrap;text-overflow:ellipsis;line-height:1.7;overflow:hidden}.you-tag{font:6px var(--pixel);color:var(--cyan);margin-left:4px}.player-status{font:6px var(--pixel);color:#a09aa5;white-space:nowrap;margin-top:4px}.status-active{color:var(--green)}.status-bust,.status-lost{color:#fb8291}.status-blackjack,.status-won{color:var(--yellow)}.status-push{color:var(--cyan)}.hand-cards{align-items:center;min-width:0;padding:4px 0;display:flex;overflow:hidden}.hand-cards .card{background-size:360px 324px;width:36px;height:54px;margin-left:-9px}.hand-cards .card:first-child{margin-left:0}.hand-total{font:13px var(--pixel);color:#fff;text-align:center}.chip-stack{color:var(--yellow);font:8px var(--pixel);white-space:nowrap;flex-direction:column;align-items:center;gap:3px;display:flex}.chip{color:#fff;background:repeating-conic-gradient(#e96d95 0 20deg, #b9436c 20deg 40deg);width:27px;height:27px;font:12px var(--mono);border:2px dashed #fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px #673349}.waiting-copy{font:6px var(--pixel);letter-spacing:-.4px;color:#6d6872;white-space:nowrap}.empty-seat{text-align:left;color:#aaa4ad;cursor:pointer;align-items:center;gap:12px;width:100%;min-height:64px;padding:9px 12px;transition:border-color .15s,background .15s;display:flex}.empty-seat:not(:disabled):hover{background:#2a2028;border-color:#8e5970}.empty-seat:disabled{cursor:default;opacity:.68}.empty-avatar{color:#88828d;width:36px;height:36px;font:16px var(--mono);border:1px dashed #57515b;border-radius:3px;place-items:center;display:grid}.empty-seat b,.empty-seat small{display:block}.empty-seat b{font:7px var(--pixel);color:#c8c2cc}.empty-seat small{font:6px var(--pixel);color:#706b75;margin-top:6px}.seat-count{color:#5f5964;font:8px var(--pixel);margin-left:auto}.notice-line{color:#a8a2ad;height:15px;font:9px var(--mono);flex-shrink:0;align-items:center;gap:7px;display:flex}.notice-star{color:var(--pink)}.control-dock{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1b1a20f5;padding:12px 12px 8px;position:sticky;bottom:8px}.bank-strip{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:8px;padding:1px 2px 8px;display:grid}.bank-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.bank-readouts>div{flex-direction:column;gap:5px;display:flex}.dock-label{font:8px var(--pixel);color:#837d89;white-space:nowrap;display:block}.bank-strip strong{font:14px var(--pixel);color:#f1eef2}.bank-value{color:var(--green)!important}.chip-picker{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:6px;min-width:0;display:grid}.chip-picker button{cursor:pointer;background:0 0;border:0;width:100%;padding:0}.chip-picker button:disabled{opacity:.8;cursor:default}.mini-chip{aspect-ratio:1;color:#fff;width:100%;height:auto;font:9px var(--pixel);border:2px dashed #fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px #080809}.chip-1{background:#e87ca1}.chip-picker button:not(:disabled):hover .mini-chip{transform:translateY(-2px)}.control-buttons{gap:7px;padding:10px 0 8px;display:flex}.action-button{cursor:pointer;min-height:48px;font:8px var(--pixel);background:#29262d;border:1px solid #55515b;border-radius:3px;flex:1;line-height:1.5;transition:filter .12s,transform .12s;box-shadow:inset 0 -3px #0004}.action-button small{font:6px var(--pixel);color:#19171b;opacity:.72;margin-top:4px;display:block}.action-button:not(:disabled):hover{filter:brightness(1.16);transform:translateY(-1px)}.action-button:disabled{cursor:default;filter:grayscale(.45);opacity:.5}.action-main{background:var(--pink);color:#1a1116;border-color:#ffadca}.action-hit{background:var(--green);color:#101b12;border-color:#a3f8b8}.action-stand{background:var(--yellow);color:#201a09;border-color:#ffefa7}.action-double{background:var(--blue);color:#101823;border-color:#a5d8ff}.action-quiet{color:#eee;background:#39333e;border-color:#625665}.action-quiet small{color:#aaa}.dock-message{text-align:center;width:100%;font:8px var(--pixel);color:var(--cyan);padding:9px}.dock-message span{color:#89838f;font:9px var(--mono);margin-top:7px;display:block}.dock-foot{color:#6d6872;font:6px var(--pixel);justify-content:space-between;align-items:center;display:flex}.dock-foot button{color:#a5a0aa;font:7px var(--pixel);cursor:pointer;background:0 0;border:0}.dock-foot button b{color:var(--pink)}.join-card{grid-template-columns:40px 1fr;align-items:center;gap:9px 12px;margin-top:3px;padding:19px 15px;display:grid}.join-icon{width:39px;height:42px;color:var(--pink);background:#33232c;border:1px solid #89546a;place-items:center;font-size:24px;display:grid}.join-card h3{font:9px var(--pixel);margin:0 0 7px}.join-card p{font:10px var(--mono);color:#a7a1ab}.join-card form{grid-column:1/-1}.join-card label{font:6px var(--pixel);color:#88818c;margin-bottom:7px;display:block}.join-input{gap:7px;display:flex}.join-input input,.chat-panel input{color:#fff;min-width:0;font:10px var(--mono);background:#111115;border:1px solid #4c444e;border-radius:3px;flex:1;padding:10px}.primary-button{background:var(--pink);color:#21141a;white-space:nowrap;border-color:#ffafd0}.modal-backdrop{z-index:10;background:#08080bd9;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.rules-modal{width:min(100%,400px);padding:24px 20px;position:relative}.rules-modal h2{margin-bottom:14px;font-size:14px}.rules-modal>p{font:11px/1.7 var(--mono);color:#b5aeb8}.rule-grid{grid-template-columns:1fr 1fr;gap:9px;margin:18px 0;display:grid}.rule-grid div{background:#252128;border:1px solid #39343d;padding:10px}.rule-grid b,.rule-grid span{display:block}.rule-grid b{font:7px var(--pixel);color:var(--cyan);margin-bottom:8px}.rule-grid span{font:9px/1.5 var(--mono);color:#aaa4ad}.rules-modal .fine-print{color:#847e88;font-size:9px}.modal-close,.chat-head button{color:#c9c0cb;cursor:pointer;background:0 0;border:0;font-size:20px;position:absolute;top:10px;right:11px}.chat-panel{z-index:6;flex-direction:column;width:min(300px,100vw - 28px);height:300px;padding:12px;display:flex;position:fixed;bottom:125px;right:max(14px,50vw - 251px)}.chat-head{font:8px var(--pixel);color:var(--cyan);border-bottom:1px solid #3b353f;justify-content:space-between;padding-bottom:10px;display:flex}.chat-head button{font-size:17px;position:static}.chat-messages{flex:1;padding:9px 0;overflow:auto}.chat-messages p{font:10px/1.6 var(--mono);color:#dad4dd;overflow-wrap:anywhere;margin:0 0 7px}.chat-messages .chat-empty{color:#817b86}.chat-panel form{gap:6px;display:flex}.chat-panel form input{padding:8px;font-size:9px}.chat-panel form button{color:#21151a;cursor:pointer;background:#e77da1;border:1px solid #966077;border-radius:3px;width:36px;font-weight:700}@media (width<=390px){.game-shell{gap:10px;padding:0 11px 16px}.topbar{gap:6px;height:57px}.brand-mark{font-size:10px}.room-pill{padding:7px 6px;font-size:7px}.room-pill small{display:none}.invite-button{padding:8px;font-size:7px}.player-row{grid-template-columns:32px minmax(57px,.8fr) minmax(85px,1.4fr) 26px 42px;gap:6px;min-height:78px;padding:8px 7px}.avatar{width:32px;height:38px}.player-name{font-size:7px}.player-status{font-size:5px}.hand-cards .card{background-size:320px 288px;width:32px;height:48px}.hand-total{font-size:10px}.chip-stack{font-size:6px}.chip{width:23px;height:23px}.action-button{font-size:7px}.action-button small,.dock-label{font-size:5px}.table-meta{font-size:6px}.card{background-size:390px 351px;width:39px;height:59px}}@media (width>=600px){.game-shell{border-inline:1px solid #29262d;min-height:100dvh;padding-inline:24px}.player-row{grid-template-columns:43px minmax(85px,.8fr) minmax(130px,1.5fr) 36px 58px}.avatar{width:43px;height:48px}.hand-cards .card{background-size:400px 360px;width:40px;height:60px}}.card-frame{filter:drop-shadow(3px 4px #080809);flex:none;width:80px;height:112px;margin-left:-22px;display:inline-block;position:relative;overflow:hidden}.card-frame:first-child{margin-left:0}.card{width:100px;height:140px;image-rendering:pixelated;transform-origin:0 0;background-image:url(/assets/playing_cards-suP7hUkL.png);background-repeat:no-repeat;background-size:1500px 560px;margin:0;display:block;transform:scale(.8)}.card-spades-1{background-position:0 0}.card-spades-2{background-position:-100px 0}.card-spades-3{background-position:-200px 0}.card-spades-4{background-position:-300px 0}.card-spades-5{background-position:-400px 0}.card-spades-6{background-position:-500px 0}.card-spades-7{background-position:-600px 0}.card-spades-8{background-position:-700px 0}.card-spades-9{background-position:-800px 0}.card-spades-10{background-position:-900px 0}.card-spades-11{background-position:-1000px 0}.card-spades-12{background-position:-1100px 0}.card-spades-13{background-position:-1200px 0}.card-diamonds-1{background-position:0 -140px}.card-diamonds-2{background-position:-100px -140px}.card-diamonds-3{background-position:-200px -140px}.card-diamonds-4{background-position:-300px -140px}.card-diamonds-5{background-position:-400px -140px}.card-diamonds-6{background-position:-500px -140px}.card-diamonds-7{background-position:-600px -140px}.card-diamonds-8{background-position:-700px -140px}.card-diamonds-9{background-position:-800px -140px}.card-diamonds-10{background-position:-900px -140px}.card-diamonds-11{background-position:-1000px -140px}.card-diamonds-12{background-position:-1100px -140px}.card-diamonds-13{background-position:-1200px -140px}.card-clubs-1{background-position:0 -280px}.card-clubs-2{background-position:-100px -280px}.card-clubs-3{background-position:-200px -280px}.card-clubs-4{background-position:-300px -280px}.card-clubs-5{background-position:-400px -280px}.card-clubs-6{background-position:-500px -280px}.card-clubs-7{background-position:-600px -280px}.card-clubs-8{background-position:-700px -280px}.card-clubs-9{background-position:-800px -280px}.card-clubs-10{background-position:-900px -280px}.card-clubs-11{background-position:-1000px -280px}.card-clubs-12{background-position:-1100px -280px}.card-clubs-13{background-position:-1200px -280px}.card-hearts-1{background-position:0 -420px}.card-hearts-2{background-position:-100px -420px}.card-hearts-3{background-position:-200px -420px}.card-hearts-4{background-position:-300px -420px}.card-hearts-5{background-position:-400px -420px}.card-hearts-6{background-position:-500px -420px}.card-hearts-7{background-position:-600px -420px}.card-hearts-8{background-position:-700px -420px}.card-hearts-9{background-position:-800px -420px}.card-hearts-10{background-position:-900px -420px}.card-hearts-11{background-position:-1000px -420px}.card-hearts-12{background-position:-1100px -420px}.card-hearts-13{background-position:-1200px -420px}.card-back{background-position:-1400px -280px}.hand-cards .card-frame{width:80px;height:112px;margin-left:-22px}.hand-cards .card-frame:first-child{margin-left:0}.hand-cards .card{background-size:1500px 560px;width:100px;height:140px;transform:scale(.8)}.dealer-hand .card-frame{width:88px;height:123px}.dealer-hand .card{transform:scale(.88)}@media (width<=390px){.card-frame,.hand-cards .card-frame{width:72px;height:101px}.card,.hand-cards .card{transform:scale(.72)}.hand-cards .card-frame{margin-left:-20px}.hand-cards .card-frame:first-child{margin-left:0}.dealer-hand .card-frame{width:80px;height:112px}.dealer-hand .card{transform:scale(.8)}}.game-shell{background-color:#141419;background-image:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 4px);height:100dvh;min-height:600px}.topbar,.room-pill,.pixel-button,.icon-button,.panel,.card-placeholder,.avatar,.empty-avatar,.action-button,.mini-chip,.join-icon,.join-input input,.rules-modal,.rule-grid>div{border-radius:0}.panel{background:#1b1b22;border:2px solid #e8799e;box-shadow:4px 4px #08080b}.dealer-panel:before{display:none}.dealer-panel{background:#1b1b22;border-color:#6edce5}.topbar{border-bottom:2px solid #e8799e}.brand-mark,.dealer-total{text-shadow:2px 2px #07070a}.room-pill,.pixel-button,.icon-button,.join-icon,.join-input input,.card-placeholder,.empty-avatar{background:#24242c;border:2px solid #696573}.pixel-button,.icon-button,.action-button{transition:none;box-shadow:3px 3px #08080b}.pixel-button:hover,.icon-button:hover,.action-button:not(:disabled):hover{filter:brightness(1.14);transform:none}.live-dot{box-shadow:2px 2px #08080b}.player-row{border-color:#d56e91;grid-template-columns:minmax(74px,.8fr) minmax(145px,1.6fr) 36px 58px;gap:8px;min-height:112px}.players-section{flex:1;min-height:0}.player-list{overscroll-behavior:contain;scrollbar-color:#e8799e #1b1b22;scrollbar-width:thin;min-height:180px;max-height:min(54dvh,540px);padding:0 8px 8px 0;overflow-y:auto}.empty-player-list{color:#aaa4ad;font:10px var(--mono);margin:10px 0}.player-name{font-size:9px}.player-status{font-size:7px}.player-row.is-active{transform-origin:50%;border-color:#75e18f;animation:.7s steps(2,end) infinite alternate active-player-scale;box-shadow:4px 4px #08080b,inset 0 0 0 2px #75e18f}@keyframes active-player-scale{0%{transform:scale(1)}to{transform:scale(1.015)}}.status-out{color:#aaa4ad}.hand-cards{scrollbar-width:thin;scrollbar-color:#e8799e #1b1b22;touch-action:pan-x pan-y;overflow:auto hidden}.chip{box-shadow:2px 2px #08080b}.control-dock{-webkit-backdrop-filter:none;backdrop-filter:none;background:#1b1b22}.action-button{border-width:2px;box-shadow:3px 3px #08080b}.action-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #08080b}.mini-chip{border-style:solid;box-shadow:2px 2px #08080b}.phase-tag,.notice-line,.bank-strip,.dock-foot{text-shadow:1px 1px #08080b}@media (width<=390px){.player-row{grid-template-columns:minmax(56px,.75fr) minmax(122px,1.6fr) 31px 45px;gap:5px;min-height:104px;padding:7px 6px}.player-list{max-height:min(50dvh,480px)}}.chip-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0;display:grid}.bank-strip{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px}.bank-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bank-readouts>div{min-width:0}.chip-picker button{width:100%;min-width:0}.chip-picker .mini-chip{aspect-ratio:1;width:100%;height:auto;font-size:clamp(7px,2.4vw,10px)}.dock-label{color:#aaa4ad;font-size:8px}.bank-strip strong{font-size:14px}.notice-line{font-size:11px}.action-button{font-size:10px}.action-button small{color:#211e24;font-size:7px}.chip-picker button:disabled{opacity:.82}.mini-chip{color:#17131a;text-shadow:0 1px #fff9;font-weight:700}.chip-5{background:#e8799e}.chip-10{background:#62d9e2}.chip-25{background:#b98cff}.chip-50{background:#ffd763}.chip-100{background:#ff9d62}@media (prefers-reduced-motion:reduce){.player-row.is-active{animation:none}}