.grid{display:grid}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.inline-flex{display:inline-flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-5{gap:20px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-5>*+*{margin-top:20px}.mt-1{margin-top:4px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mb-4{margin-bottom:16px}.pr-1{padding-right:4px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.rounded-2xl{border-radius:16px}.rounded-3xl{border-radius:22px}.rounded-full{border-radius:999px}.border{border-style:solid;border-width:1px}.border-neutral-200{border-color:#dbe4f0}.border-neutral-300{border-color:#cbd5e1}.bg-white{background:#fff}.bg-white\/90{background:#ffffffeb}.bg-neutral-50{background:#f8fafc}.bg-neutral-100{background:#f1f5f9}.bg-black,.bg-neutral-900{background:#111827}.text-white{color:#fff}.text-neutral-500{color:#64748b}.text-neutral-600{color:#475569}.text-neutral-700{color:#334155}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:24px}.font-medium{font-weight:800}.font-semibold{font-weight:950}.tracking-tight{letter-spacing:-.02em}.uppercase{text-transform:uppercase}.shadow-sm{box-shadow:0 10px 24px #0f172a0f}.transition{transition:transform .12s,box-shadow .12s,opacity .12s}.max-h-\[320px\]{max-height:320px}.max-h-\[420px\]{max-height:420px}.overflow-auto{overflow:auto}.disabled\:opacity-40:disabled{opacity:.42}.hover\:-translate-y-0\.5:hover{transform:translateY(-2px)}.hover\:shadow:hover{box-shadow:0 16px 34px #0f172a1f}.xl\:grid-cols-\[1\.8fr_1fr\]{grid-template-columns:minmax(0,1.72fr) minmax(300px,.92fr);align-items:start}.md\:grid-cols-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:justify-between{justify-content:space-between}section{box-sizing:border-box}button{font-family:inherit}section button{border-radius:16px;font-weight:950}section button:not(:disabled){cursor:pointer}section button:disabled{cursor:not-allowed}@media (width<=900px){.xl\:grid-cols-\[1\.8fr_1fr\]{grid-template-columns:1fr}.md\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.md\:grid-cols-4{grid-template-columns:1fr}.p-5{padding:16px}.px-4{padding-left:14px;padding-right:14px}.py-2{padding-top:8px;padding-bottom:8px}}:root{--qb-ink:#102119;--qb-ink-soft:#40574c;--qb-cream:#f7f2e7;--qb-paper:#fffdf8;--qb-emerald:#0c5a42;--qb-emerald-deep:#063b2c;--qb-emerald-bright:#178463;--qb-gold:#c99a3d;--qb-gold-soft:#f1d89a;--qb-ruby:#a63836;--qb-line:#1021191f;--qb-shadow:0 24px 60px #0823191f;--qb-shadow-soft:0 12px 30px #08231914}.qb-app{min-height:100vh;color:var(--qb-ink);background:radial-gradient(circle at 12% 4%,#c99a3d38,#0000 22rem),radial-gradient(circle at 88% 2%,#1784633d,#0000 26rem),linear-gradient(#071b13 0,#0a2e22 23rem,#efeadd 23rem,#f8f5ed 100%)}.qb-shell{gap:20px;width:min(1220px,100% - 28px);margin:0 auto;padding:22px 0 46px;display:grid}.qb-shell--play{gap:12px;width:min(1420px,100% - 22px);padding-top:12px}.qb-brand-header{color:#fffdf7;background:linear-gradient(135deg,#063b2cf5,#09583feb),#063b2c;border:1px solid #ffffff29;border-radius:30px;padding:28px 30px;position:relative;overflow:hidden;box-shadow:0 22px 55px #02120d47}.qb-brand-header:before,.qb-hero:before,.qb-table:before{content:"";pointer-events:none;opacity:.16;color:var(--qb-gold-soft);background-image:linear-gradient(30deg,#0000 44%,currentColor 45% 47%,#0000 48%),linear-gradient(150deg,#0000 44%,currentColor 45% 47%,#0000 48%);background-size:34px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.qb-brand-header--play{border-radius:20px;padding:12px 16px}.qb-brand-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.qb-brand-lockup{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qb-brand-pill{letter-spacing:.15em;text-transform:uppercase;color:#102119;background:linear-gradient(135deg,#f7e8b9,#c99a3d);border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:11px;font-weight:900;display:inline-flex}.qb-brand-title{letter-spacing:-.035em;margin:0;font-size:clamp(31px,5vw,54px);line-height:1}.qb-brand-header--play .qb-brand-title{font-size:clamp(22px,3vw,29px)}.qb-brand-title span{color:#d8e8df;font-weight:500}.qb-brand-copy{color:#d5e5dc;margin:12px 0 0;font-size:clamp(14px,2vw,18px);position:relative}.qb-brand-header--play .qb-brand-copy{margin:0;font-size:12px;font-weight:800}.qb-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px;display:grid;position:relative}.qb-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff29;border-radius:15px;padding:11px 12px}.qb-stat-label{color:#b9cfc3;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}.qb-stat-value{color:#fff;margin-top:4px;font-size:15px;font-weight:900}.qb-nav{flex-wrap:wrap;gap:8px;display:flex}.qb-nav-link{min-height:42px;color:var(--qb-ink);background:#fffdf8db;border:1px solid #10211924;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 7px 18px #0823190d}.qb-nav-link:hover{box-shadow:var(--qb-shadow-soft);transform:translateY(-1px)}.qb-nav-link.is-active{color:#fff;background:var(--qb-emerald-deep);border-color:var(--qb-emerald-deep)}.qb-home{gap:18px;display:grid}.qb-hero{min-height:430px;box-shadow:var(--qb-shadow);background:linear-gradient(135deg,#fffdf8fa,#eef4ecfa);border:1px solid #1021191c;border-radius:34px;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:28px;padding:clamp(28px,5vw,58px);display:grid;position:relative;overflow:hidden}.qb-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#c99a3d47,#c99a3d00 68%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-160px;right:-100px}.qb-hero-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative}.qb-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--qb-emerald);font-size:11px;font-weight:950}.qb-language-switch{border:1px solid var(--qb-line);background:#ffffffb8;border-radius:13px;padding:4px;display:inline-flex}.qb-language{color:var(--qb-ink);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 10px;font-weight:900}.qb-language.is-active{color:#fff;background:var(--qb-emerald-deep)}.qb-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.qb-hero-title{letter-spacing:-.055em;max-width:800px;margin:24px 0 12px;font-size:clamp(44px,7vw,76px);line-height:.98}.qb-hero-subtitle{max-width:760px;color:var(--qb-ink-soft);margin:0;font-size:clamp(16px,2vw,20px);line-height:1.7}.qb-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.qb-button{min-height:46px;color:var(--qb-ink);cursor:pointer;background:#fffdf8;border:1px solid #10211924;border-radius:14px;padding:11px 16px;font-weight:900;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 8px 20px #0823190d}.qb-button:hover:not(:disabled){border-color:#0c5a4261;transform:translateY(-2px);box-shadow:0 12px 28px #0823191f}.qb-button:focus-visible,.qb-playing-card:focus-visible,.qb-suit-button:focus-visible{outline-offset:3px;outline:3px solid #c99a3d80}.qb-button--primary{border-color:var(--qb-emerald);background:linear-gradient(135deg, var(--qb-emerald), var(--qb-emerald-bright));color:#fff}.qb-button--dark{color:#fff;background:#102119;border-color:#102119}.qb-button--small{border-radius:11px;min-height:36px;padding:7px 10px;font-size:12px}.qb-card-fan{z-index:1;place-items:center;min-height:300px;display:grid;position:relative}.qb-card-fan:before{content:"";background:radial-gradient(circle,#0c5a422e,#0000 66%);border-radius:50%;width:250px;height:250px;position:absolute}.qb-deco-card{aspect-ratio:.69;background:#fffdf8;border:1px solid #10211929;border-radius:17px;place-items:center;width:142px;font-size:42px;font-weight:950;display:grid;position:absolute;box-shadow:0 22px 42px #0823192e}.qb-deco-card:first-child{color:#111827;transform:translate(-54px,18px)rotate(-16deg)}.qb-deco-card:nth-child(2){color:var(--qb-ruby);z-index:2;transform:translateY(-4px)rotate(-2deg)}.qb-deco-card:nth-child(3){color:var(--qb-ruby);z-index:3;transform:translate(54px,18px)rotate(14deg)}.qb-deco-card:after{content:"Q";font-size:17px;position:absolute;top:12px;left:14px}.qb-deco-medallion{z-index:5;color:#f3d895;letter-spacing:.08em;text-transform:uppercase;background:#102119;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:900;position:absolute;bottom:2px}.qb-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qb-panel{border:1px solid var(--qb-line);box-shadow:var(--qb-shadow-soft);background:#fffdf8eb;border-radius:24px;padding:22px}.qb-panel h3{margin:0 0 8px;font-size:20px}.qb-panel p{color:var(--qb-ink-soft);margin:0;line-height:1.65}.qb-panel--emerald{color:#fff;background:linear-gradient(135deg,#073e2e,#0c664b);border-color:#ffffff1a}.qb-panel--emerald p{color:#d2e5dc}.qb-game-network{padding:26px}.qb-section-title{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(25px,4vw,34px)}.qb-game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.qb-game-card{border:1px solid var(--qb-line);background:#fff;border-radius:18px;flex-direction:column;min-height:180px;padding:18px;display:flex;position:relative;overflow:hidden}.qb-game-card.is-live{color:#fff;background:linear-gradient(155deg,#0a4c38,#0d7354)}.qb-game-card:after{content:"";background:#c99a3d24;border-radius:50%;width:100px;height:100px;position:absolute;top:-32px;right:-32px}.qb-game-name{z-index:1;font-size:23px;font-weight:950;position:relative}.qb-game-status{color:#65786e;margin-top:7px;font-size:12px;font-weight:900}.qb-game-card.is-live .qb-game-status{color:#f4d98f}.qb-game-meta{color:#7c8c84;margin-top:6px;font-size:12px}.qb-game-card.is-live .qb-game-meta{color:#d0e2d9}.qb-game-actions{flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:15px;display:flex}.qb-game-card.is-live .qb-button{color:#fff;box-shadow:none;background:#ffffff1c;border-color:#ffffff38}.qb-room{gap:16px;width:min(100%,980px);margin:0 auto;display:grid}.qb-room-hero{color:#fff;box-shadow:var(--qb-shadow);background:linear-gradient(135deg,#073d2d,#0f7153);border-radius:28px;padding:28px;position:relative;overflow:hidden}.qb-room-hero:after{content:"";border:34px solid #c99a3d1f;border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -70px -110px auto}.qb-room-top{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.qb-room-hero h1{z-index:1;letter-spacing:-.04em;margin:18px 0 8px;font-size:clamp(34px,5vw,50px);position:relative}.qb-room-hero p{z-index:1;color:#d5e7de;max-width:700px;margin:0;line-height:1.7;position:relative}.qb-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qb-room-card{border:1px solid var(--qb-line);box-shadow:var(--qb-shadow-soft);background:#fffdf8f5;border-radius:24px;gap:15px;padding:22px;display:grid}.qb-room-step{color:var(--qb-ink-soft);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;font-weight:900;display:flex}.qb-room-step span{color:#fff;background:var(--qb-emerald);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.qb-label{gap:7px;font-weight:900;display:grid}.qb-input{width:100%;color:var(--qb-ink);background:#fff;border:1px solid #1021192e;border-radius:14px;outline:none;padding:13px 14px;font-size:16px;font-weight:750;transition:border-color .16s,box-shadow .16s}.qb-input:focus{border-color:var(--qb-emerald);box-shadow:0 0 0 4px #1784631c}.qb-room-ticket{box-shadow:var(--qb-shadow-soft);background:linear-gradient(135deg,#fffdf8,#fbf0d5);border:1px solid #c99a3d61;border-radius:24px;gap:14px;padding:22px;display:grid;position:relative;overflow:hidden}.qb-room-code{color:#f2d791;letter-spacing:.13em;background:#102119;border-radius:10px;width:fit-content;padding:8px 13px;font-size:21px;font-weight:950;display:inline-flex}.qb-room-controls{flex-wrap:wrap;gap:9px;display:flex}.qb-notice{border-radius:17px;padding:15px 17px;font-weight:800}.qb-notice--success{color:#22613f;background:#edf9f1;border:1px solid #9bd2b5}.qb-notice--error{color:#8e302c;background:#fff0ed;border:1px solid #efb5ad}.qb-game{gap:12px;display:grid}.qb-game-toolbar{color:#fff;box-shadow:var(--qb-shadow-soft);background:linear-gradient(135deg,#092c21,#0b5b43);border:1px solid #c99a3d47;border-radius:19px;padding:14px 18px;position:relative;overflow:hidden}.qb-game-toolbar-row{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.qb-game-toolbar h1{margin:3px 0 0;font-size:clamp(25px,4vw,34px)}.qb-game-toolbar .qb-kicker{color:#f1d89a}.qb-hand-number{background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:7px 11px;font-weight:900}.qb-player-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.qb-seat{border:1px solid var(--qb-line);background:#fffdf8;border-radius:15px;padding:11px 12px;position:relative;box-shadow:0 6px 16px #0823190a}.qb-seat.is-turn{border-color:var(--qb-gold);background:#fff8e6;box-shadow:0 0 0 2px #c99a3d26,0 8px 20px #0823190f}.qb-seat.is-turn:before{content:"";background:var(--qb-gold);border-radius:999px;width:34px;height:5px;position:absolute;top:-5px;left:11px}.qb-seat-label{color:#73847a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:950}.qb-seat-name{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-weight:950;overflow:hidden}.qb-seat-meta{color:#73847a;margin-top:2px;font-size:10px}.qb-host{color:var(--qb-emerald);font-weight:900}.qb-stage-panel{border:1px solid var(--qb-line);box-shadow:var(--qb-shadow-soft);background:#fffdf8f5;border-radius:20px;gap:12px;padding:18px;display:grid}.qb-stage-panel h2{margin:0;font-size:20px}.qb-bid-row,.qb-suit-row,.qb-chip-row{flex-wrap:wrap;gap:7px;display:flex}.qb-bid-button,.qb-suit-button{min-width:48px;min-height:44px;color:var(--qb-ink);cursor:pointer;background:#f1f8f3;border:1px solid #0c5a4240;border-radius:12px;font-weight:950}.qb-bid-button:hover:not(:disabled),.qb-suit-button:hover:not(:disabled){border-color:var(--qb-emerald);transform:translateY(-1px)}.qb-suit-button{background:#fff;min-width:88px;font-size:20px}.qb-chip{background:#eef1ed;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850}.qb-score-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.qb-score{border:1px solid var(--qb-line);background:#fffdf8;border-radius:13px;padding:9px 10px;font-size:12px}.qb-score strong{margin-top:2px;font-size:14px;display:block}.qb-table{color:#fff;background:radial-gradient(circle at 50% 42%,#24815df2,#074834fa 68%),#075038;border:9px solid #51371f;border-radius:42px;align-items:center;min-height:340px;padding:26px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #f0d19059,inset 0 0 55px #00000040,0 20px 42px #0823192e}.qb-table:before{opacity:.09;background-size:28px 17px}.qb-table-title{z-index:1;text-align:center;color:#f8e6b5;text-transform:uppercase;letter-spacing:.11em;margin:0 0 18px;font-size:16px;position:relative}.qb-trick-grid{z-index:1;grid-template-columns:repeat(4,minmax(70px,1fr));gap:10px;width:min(100%,720px);margin:0 auto;display:grid;position:relative}.qb-trick-slot{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#042a1e47;border:1px solid #ffffff2e;border-radius:17px;place-items:center;gap:4px;min-height:116px;padding:11px;display:grid}.qb-trick-player{color:#dcebe4;font-size:10px;font-weight:900}.qb-trick-card{aspect-ratio:.69;background:#fffdf8;border-radius:9px;place-items:center;width:66px;padding:5px;font-size:16px;font-weight:950;display:grid;box-shadow:0 10px 22px #0003}.qb-trick-empty{color:#ffffff73;font-size:26px}.qb-hand-panel{border:1px solid var(--qb-line);box-shadow:var(--qb-shadow-soft);background:#fffdf8fa;border-radius:22px;gap:10px;padding:16px 12px 12px;display:grid}.qb-hand-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;padding:0 5px;display:flex}.qb-hand{scrollbar-width:thin;justify-content:center;align-items:flex-end;gap:0;min-height:132px;padding:8px 4px 0;display:flex;overflow:auto visible}.qb-playing-card{aspect-ratio:.69;color:#111827;cursor:pointer;background:linear-gradient(145deg,#fff,#fffaf0);border:1px solid #10211930;border-radius:10px;width:clamp(61px,7vw,82px);min-width:clamp(61px,7vw,82px);margin-inline-start:-7px;font-size:clamp(14px,2vw,18px);font-weight:950;transition:transform .16s,box-shadow .16s,opacity .16s;box-shadow:0 10px 20px #0823191f}.qb-playing-card:first-child{margin-inline-start:0}.qb-playing-card:enabled:hover{z-index:4;transform:translateY(-13px);box-shadow:0 18px 28px #08231933}.qb-playing-card:disabled{cursor:not-allowed;opacity:.46;filter:saturate(.6)}.qb-playing-card.is-red,.qb-trick-card.is-red{color:var(--qb-ruby)}.qb-last-trick{color:#47584f;background:#ece8db;border-radius:16px;padding:12px 15px;font-size:12px;line-height:1.6}.qb-result{background:linear-gradient(135deg,#eef9f1,#fffdf8);border-color:#99cdb0}@media (width<=820px){.qb-stat-grid,.qb-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qb-hero{grid-template-columns:1fr;min-height:0}.qb-card-fan{min-height:220px}.qb-deco-card{width:112px}.qb-info-grid,.qb-room-grid{grid-template-columns:1fr}.qb-player-grid,.qb-score-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.qb-shell,.qb-shell--play{width:min(100% - 14px,100%);padding-top:8px}.qb-brand-header{border-radius:20px;padding:18px}.qb-brand-copy{font-size:13px}.qb-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.qb-hero{border-radius:24px;padding:22px 18px}.qb-hero-title{font-size:clamp(39px,13vw,58px)}.qb-card-fan{display:none}.qb-game-grid{grid-template-columns:1fr}.qb-game-card{min-height:150px}.qb-room-hero{border-radius:22px;padding:22px 18px}.qb-room-card,.qb-room-ticket{padding:18px}.qb-table{border-width:6px;border-radius:28px;min-height:300px;padding:18px 10px}.qb-trick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qb-trick-slot{min-height:94px}.qb-hand{justify-content:flex-start;min-height:118px;padding-inline:8px}.qb-playing-card{width:64px;min-width:64px;margin-inline-start:-10px}.qb-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8e0;border-radius:999px;justify-content:center;padding:6px;position:sticky;bottom:8px;box-shadow:0 12px 30px #08231926}}@media (prefers-reduced-motion:reduce){.qb-button,.qb-nav-link,.qb-playing-card,.qb-bid-button,.qb-suit-button{transition:none!important}.qb-button:hover,.qb-nav-link:hover,.qb-playing-card:enabled:hover,.qb-bid-button:hover,.qb-suit-button:hover{transform:none!important}}:root{color:#171717;background:#f5f5f5;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}body{background:radial-gradient(circle at 20% 0,#115e5914,#0000 28%),linear-gradient(#f8fafc 0%,#f3f6fa 100%)}a{text-decoration:none}button{font-weight:750}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #0f766e47}input{min-height:52px}::selection{background:#0f766e2e}