@import url('data:text/css,');
:root{color-scheme:dark;--bg:#101815;--panel:#19221d;--line:#344139;--cream:#f5f0e3;--muted:#a1afa5;--gold:#e9c888;--green:#1f4a3a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 25%,#1b2a21 0,transparent 60%),var(--bg);color:var(--cream);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;display:flex;flex-direction:column}header{height:95px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{text-decoration:none;color:var(--cream);font-weight:850;letter-spacing:3px;font-size:21px;display:flex;align-items:center;gap:12px}.brand-icon{color:var(--gold);font-size:38px}.brand-tag{font-size:9px;color:var(--muted);letter-spacing:2px;border-left:1px solid var(--line);padding-left:16px;margin-left:8px}.top-right{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:#81ba8c}.icon-btn{border:1px solid var(--line);border-radius:50%;width:30px;height:30px;background:none;color:var(--cream);margin-left:15px}main{width:min(1320px,90vw);margin:auto;flex:1}.lobby{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;padding:60px 0}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--gold)}h1{font-size:clamp(42px,5.8vw,80px);font-weight:500;line-height:1.05;letter-spacing:-3px;margin:24px 0}h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}p{color:var(--muted);line-height:1.8}h2{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.2;margin:16px 0 30px}.entry-panel{background:linear-gradient(135deg,#243027,#19221d);border:1px solid #ffffff18;padding:38px;border-radius:20px;box-shadow:0 25px 60px #0002}.entry-panel label{display:block;font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-bottom:10px;font-weight:650}input{border:1px solid #ffffff20;background:#0d1712;color:var(--cream);padding:14px 16px;border-radius:8px;font:inherit;min-width:0;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e9c88820}.entry-panel>input{width:100%;margin-bottom:16px}button{cursor:pointer;font:600 13px/1.3 system-ui;transition:background .15s,transform .15s}button:disabled{opacity:.4;cursor:default}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.primary,.secondary{border-radius:8px;padding:14px 21px;white-space:nowrap}.primary{border:1px solid var(--gold);background:var(--gold);color:#22261c}.primary:hover:not(:disabled){background:#f7dbac}.secondary{border:1px solid #ffffff30;background:#ffffff06;color:var(--cream)}.secondary:hover:not(:disabled){background:#ffffff12}.wide{width:100%;display:flex;justify-content:space-between}.divider{display:flex;align-items:center;gap:15px;margin:27px 0;color:#91a396;font-size:11px}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.join-row{display:flex;gap:10px}.join-row input{width:100%;text-transform:uppercase;letter-spacing:3px}.fine{font-size:11px;line-height:1.7;color:var(--muted);margin-bottom:0}.entry-panel .fine{margin-top:25px}.hero-cards{height:200px;position:relative;margin:24px 0 12px;max-width:300px}.big-card{position:absolute;width:114px;height:160px;border-radius:10px;background:#f1ecdF;color:#202b23;box-shadow:0 12px 25px #0005;top:15px;padding:10px 14px}.big-card b{font:32px Georgia}.big-card>span{display:block;font-size:62px;line-height:1;text-align:center}.big-card small{font-size:24px;position:absolute;bottom:6px;right:11px}.red{color:#b8463c!important}.tilt-left{transform:rotate(-16deg);left:30px}.tilt-right{transform:rotate(13deg);left:125px;top:24px}.hero-chip{position:absolute;top:127px;left:218px;background:#d2b77b;color:#233326;border:7px dashed #f4dfb6;border-radius:50%;height:72px;width:72px;display:grid;place-items:center;font:26px Georgia;box-shadow:0 8px 18px #0005;transform:rotate(12deg)}.perks{display:flex;gap:23px;font-size:11px;color:var(--muted)}footer{padding:25px 5vw;border-top:1px solid #ffffff10;color:#84958a;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.footer-suit{color:var(--gold);margin:0 8px}#game{padding:28px 0}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.game-heading h1{font-size:36px;letter-spacing:-1px;margin:8px 0}.round{font:12px system-ui;color:var(--muted);letter-spacing:0;margin-left:10px}.room-tools{display:flex;align-items:center;gap:16px}.room-code{font-size:9px;color:var(--muted);letter-spacing:2px}.room-code b{display:block;font-size:19px;color:var(--cream)}.quiet{border:none;background:none;color:var(--muted);padding:8px}.table-wrap{border-radius:30px;padding:9px;background:linear-gradient(125deg,#766546,#302c22,#5c5039);box-shadow:0 20px 60px #0004}.table{background:radial-gradient(ellipse at top,#285c45,#173e30 70%);border-radius:23px;min-height:470px;padding:22px 24px;position:relative;overflow:hidden;border:1px solid #a48f6740}.table-grain{position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E")}.dealer-zone{text-align:center;position:relative;min-height:140px}.seat-label{font-size:10px;letter-spacing:2px;color:#c0d2bc;margin-bottom:12px}.cards{display:flex;justify-content:center;gap:5px;min-height:88px}.card{width:59px;height:84px;background:#f6f0e4;color:#213528;border-radius:6px;box-shadow:0 4px 10px #0003;position:relative;text-align:left;padding:5px 7px;flex-shrink:0;animation:deal .25s ease-out}.card b{font:19px Georgia}.card span{display:block;text-align:center;font-size:30px;line-height:1.15}.card small{position:absolute;bottom:3px;right:6px;font-size:15px}.card.back{background:repeating-linear-gradient(45deg,#263e32 0,#263e32 4px,#3b5844 4px,#3b5844 6px);border:4px solid #e8dfce;display:grid;place-items:center;color:#e8c78c;font-size:30px}.card.ghost{background:#ffffff04;border:1px dashed #ffffff25;box-shadow:none;display:grid;place-items:center;color:#ffffff25;font-size:24px}.score{display:inline-block;letter-spacing:0;background:#ffffff12;padding:2px 7px;border-radius:4px;color:#eee5cf}.felt-mark{text-align:center;opacity:.24;margin:0 auto 12px;pointer-events:none}.felt-mark span{font-size:26px;font-weight:800;letter-spacing:8px}.felt-mark small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.table-notice{text-align:center;position:relative;min-height:55px;margin-bottom:15px}.table-notice>span{font-family:Georgia,serif;font-size:22px;color:#f4dbab}.table-notice small{display:block;color:#b5c7b7;font-size:11px;margin-top:4px}.seats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}.seat{background:#08241844;border:1px solid #ffffff12;border-radius:12px;padding:15px 10px;text-align:center;min-width:0}.seat.me{border-color:#d5b57899;background:#0a241b88}.seat-top{display:flex;gap:6px;align-items:center;justify-content:center;font-size:12px;margin-bottom:10px}.seat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.you-tag{font-size:8px;border:1px solid #e9c88866;padding:1px 4px;color:var(--gold);border-radius:3px}.seat-bottom{display:flex;align-items:center;justify-content:center;gap:8px;color:#bfd0bc;font-size:10px;margin-top:10px}.seat-result{font-size:12px;color:var(--gold);min-height:20px;margin-top:4px}.control-bar{display:flex;align-items:center;gap:20px;padding:22px 0 12px}.balance{min-width:125px}.balance small{font-size:9px;letter-spacing:1.7px;color:var(--muted);display:block}.balance>b{display:block;font-size:24px;font-weight:500}.balance b span{font-size:11px;color:var(--muted)}.bet-controls,.action-controls{display:flex;gap:8px}.bet-controls input{width:92px;padding:10px}.host-control{margin-left:auto;display:flex;align-items:center;gap:12px}.under-table{display:flex;justify-content:space-between;color:#819b89;font-size:10px;border-top:1px solid var(--line);padding-top:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f1e6d1;color:#202b24;border-radius:9px;padding:13px 23px;box-shadow:0 10px 40px #0005;z-index:10;max-width:90vw;font-size:13px}dialog{background:#1a261f;color:var(--cream);border:1px solid var(--line);border-radius:20px;max-width:560px;width:90vw;padding:32px}dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}dialog p{font-size:13px}.close{float:right;background:none;border:none;color:var(--cream);font-size:27px}kbd{font:9px system-ui;opacity:.6;margin-left:8px;border:1px solid currentColor;border-radius:3px;padding:1px 4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@keyframes deal{from{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1100px){.seats:has(.seat:nth-child(4)){grid-template-columns:repeat(6,minmax(0,1fr))}.seats:has(.seat:nth-child(4)) .cards{gap:0}.seats:has(.seat:nth-child(4)) .card{width:43px;height:66px;margin-left:-7px}.seats:has(.seat:nth-child(4)) .card:first-child{margin-left:0}.seats:has(.seat:nth-child(4)) .card span{font-size:21px}}@media(max-width:750px){header{height:74px}.brand-tag,.top-right>span:not(.live-dot){display:none}.brand{font-size:18px}.lobby{grid-template-columns:1fr;gap:30px;padding:35px 0}.intro h1{font-size:52px}.hero-cards{height:158px;transform:scale(.78);transform-origin:left top;margin-bottom:-20px}.intro>p{font-size:14px}.entry-panel{padding:25px}.perks{gap:16px;font-size:10px}footer{gap:15px;font-size:8px}.game-heading{align-items:flex-start}.game-heading h1{font-size:28px}.round{display:block;margin:5px 0 0}.room-tools{gap:8px;flex-wrap:wrap;justify-content:flex-end}.room-tools .secondary{padding:10px;font-size:11px}.room-code{font-size:8px}.room-code b{font-size:15px}.quiet{font-size:11px}.table-wrap{border-radius:19px;padding:5px}.table{padding:18px 10px;border-radius:15px;min-height:470px}.seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.seat{padding:12px 5px}.seat .cards{gap:2px}.seat .card{width:44px;height:68px;margin-left:-5px}.seat .card:first-child{margin-left:0}.seat .card span{font-size:23px}.seat .card b{font-size:17px}.seat-top{font-size:11px}.seat-name{max-width:85px}.control-bar{gap:12px;flex-wrap:wrap}.balance{min-width:90px}.balance>b{font-size:21px}.control-bar .primary,.control-bar .secondary{padding:12px}.host-control{margin-left:auto}.action-controls{gap:6px}kbd{display:none}.under-table{font-size:9px;gap:20px}.felt-mark span{font-size:21px}.felt-mark small{font-size:6px}.seat-bottom{gap:4px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}