/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--felt:#0b4a3b;--felt-dark:#062b25;--ink:#f7f3e8;--muted:#a8c3b8;--gold:#e7bd68;--cyan:#6ce5ce;--red:#d84554}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#031713;margin:0}body{font-family:var(--font-geist-sans), Arial, sans-serif;overscroll-behavior:none}button{font:inherit}.game-page{background:radial-gradient(circle at 50% 38%,#13705b 0,#0a4236 38%,#052d27 68%,#021814 100%);min-height:100svh;position:relative;overflow:hidden}.game-page:before{content:"";pointer-events:none;opacity:.22;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(35deg,#fff 0 1px,#0000 1px 8px);position:fixed;inset:0}.felt-noise{pointer-events:none;background:radial-gradient(circle at 15% 15%,#86f5d520 0 1px,#0000 2px) 0 0/90px 90px,radial-gradient(circle at 85% 70%,#fff1c715 0 1px,#0000 2px) 0 0/140px 140px;position:fixed;inset:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#031d19d4;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;height:72px;padding:10px 18px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{width:44px;height:44px;color:var(--gold);letter-spacing:-.08em;background:linear-gradient(145deg,#173d35,#071c18);border:1px solid #e7bd6877;border-radius:13px;place-items:center;font-weight:950;display:grid;box-shadow:inset 0 1px #ffffff25,0 8px 22px #0005}.brand>span:last-child{line-height:1;display:grid}.brand b{letter-spacing:.09em;font-size:.88rem}.brand small{color:var(--gold);letter-spacing:.2em;margin-top:5px;font-size:.62rem}.top-actions{align-items:center;gap:7px;display:flex}.top-actions button{color:#d8e9e2;cursor:pointer;background:#0b342d;border:1px solid #ffffff20;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-width:40px;height:40px;display:inline-flex}.top-actions svg{width:18px}.top-actions .install{color:#08241e;background:var(--gold);border-color:#e7bd6866;padding:0 13px;font-weight:900}.scoreboard{z-index:5;background:#06251fdd;border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:1fr minmax(180px,1.25fr) 1fr;width:min(100% - 28px,920px);height:76px;margin:10px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 35px #0004}.team-score{grid-template-columns:1fr auto;align-items:center;padding:11px 16px;display:grid}.team-score span{letter-spacing:.09em;color:#a9c7bb;font-size:.64rem;font-weight:900}.team-score strong{font-variant-numeric:tabular-nums;grid-area:1/2/3;font-size:2rem}.team-score small{color:#6f9487;font-size:.69rem}.team-score.us strong{color:var(--cyan)}.team-score.them{text-align:right}.team-score.them strong{color:#ffc1a2;grid-column:1}.team-score.them span,.team-score.them small{grid-column:2}.match-centre{text-align:center;border-inline:1px solid #ffffff18;place-content:center;display:grid}.match-centre span{color:var(--gold);letter-spacing:.15em;font-size:.62rem;font-weight:900}.match-centre b{letter-spacing:.08em;margin:2px 0;font-size:.78rem}.match-centre small{color:#789b8e;letter-spacing:.08em;font-size:.58rem}.table{background:radial-gradient(#126b57 0,#0c5747 43%,#084236 72%,#062f28 100%);border:1px solid #ffffff1a;border-radius:40%/22%;width:min(100% - 20px,1120px);height:calc(100svh - 168px);min-height:565px;margin:10px auto 0;position:relative;box-shadow:inset 0 0 0 7px #9b714b55,inset 0 0 0 10px #27181080,inset 0 26px 70px #ffffff0a,0 25px 70px #0007}.table:after{content:"MR LOGIC";color:#ffffff0a;letter-spacing:-.08em;pointer-events:none;font-size:clamp(3rem,10vw,7rem);font-weight:950;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-12deg)}.seat{z-index:6;justify-items:center;display:grid;position:absolute}.seat.north{top:11px;left:50%;transform:translate(-50%)}.seat.south{width:min(94%,760px);bottom:10px;left:50%;transform:translate(-50%)}.seat.west{top:48%;left:13px;transform:translateY(-50%)}.seat.east{top:48%;right:13px;transform:translateY(-50%)}.seat-label{color:#c8dcd4;letter-spacing:.08em;background:#06251fe6;border:1px solid #ffffff18;border-radius:999px;align-items:center;gap:10px;margin-bottom:6px;padding:5px 9px;font-size:.68rem;font-weight:900;transition:all .2s;display:inline-flex}.seat-label span{align-items:center;gap:5px;display:inline-flex}.seat-label i{color:#0d352c;background:var(--cyan);border-radius:999px;padding:2px 5px;font-size:.5rem;font-style:normal}.seat-label b{min-width:34px;color:var(--gold);text-align:right}.seat.active .seat-label{border-color:var(--gold);box-shadow:0 0 0 3px #e7bd6820,0 0 22px #e7bd6830}.back-fan{width:180px;height:54px;position:relative}.back-fan.vertical{width:52px;height:170px}.card-back{--spread:calc(var(--i) - (var(--total) - 1) / 2);width:42px;height:58px;transform:translateX(calc(-50% + var(--spread) * 12px)) rotate(calc(var(--spread) * 2.2deg));transform-origin:50% 140%;background:repeating-linear-gradient(45deg,#0b314f 0 3px,#17688b 3px 5px);border:2px solid #e9e0ca;border-radius:7px;place-items:center;display:grid;position:absolute;top:3px;left:50%;box-shadow:0 2px 7px #0007}.back-fan.vertical .card-back{transform:translateY(calc(-50% + var(--spread) * 11px)) rotate(calc(var(--spread) * 1.3deg));top:50%;left:4px}.card-back:after{content:"";border:1px solid #d9c681bb;border-radius:3px;position:absolute;inset:4px}.card-back i{color:#e9d48f;text-shadow:0 1px #000;font-size:1.1rem;font-style:normal}.back-fan>b{z-index:4;color:#05271f;background:var(--gold);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.67rem;display:grid;position:absolute;bottom:-4px;right:1px;box-shadow:0 3px 8px #0005}.back-fan.vertical>b{bottom:0;right:-2px}.table-centre{z-index:4;width:330px;height:260px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.contract-strip{z-index:2;color:#9bbbad;text-align:center;letter-spacing:.08em;background:#062c25c9;border:1px solid #ffffff1a;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;width:190px;height:46px;font-size:.55rem;font-weight:900;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 25px #0003}.contract-strip span{display:grid}.contract-strip b{color:#fff;font-size:.82rem}.contract-strip i{color:var(--gold);font-size:1.35rem;font-style:normal}.trick-zone{position:absolute;inset:0}.trick-card{z-index:4;position:absolute}.trick-card.seat-0{bottom:0;left:50%;transform:translate(-50%)rotate(-2deg)}.trick-card.seat-1{top:50%;left:12px;transform:translateY(-50%)rotate(8deg)}.trick-card.seat-2{top:0;left:50%;transform:translate(-50%)rotate(2deg)}.trick-card.seat-3{top:50%;right:12px;transform:translateY(-50%)rotate(-8deg)}.lead-mark{color:#b8d4c9;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lead-mark span{color:#ffffff28;font-size:4rem;line-height:.8}.lead-mark p{text-transform:uppercase;letter-spacing:.12em;margin:7px 0 0;font-size:.65rem;font-weight:800}.playing-card{color:#171815;cursor:default;background:linear-gradient(145deg,#fffef8,#ede8da);border:1px solid #d6cfbf;border-radius:10px;flex:none;place-items:center;width:76px;height:108px;transition:transform .15s,filter .15s,opacity .15s;display:grid;position:relative;box-shadow:0 4px #b5ad9c,0 9px 20px #0006}.playing-card.red{color:#c72d3e}.playing-card>strong{font-family:Georgia,serif;font-size:2.2rem}.playing-card .corner{justify-items:center;font-family:Georgia,serif;font-size:.8rem;line-height:.8;display:grid;position:absolute;top:5px;left:6px}.playing-card .corner i{font-style:normal}.playing-card .corner.bottom{inset:auto 6px 5px auto;transform:rotate(180deg)}.playing-card.compact{width:66px;height:92px}.playing-card.playable{cursor:pointer;box-shadow:0 4px #b5ad9c,0 10px 22px #0006,0 0 0 2px #6ce5ce55}:is(.playing-card.playable:hover,.playing-card.playable:focus-visible){z-index:20;outline:3px solid var(--cyan);outline-offset:2px;transform:translateY(-16px)}.player-hand{justify-content:center;align-items:end;width:100%;height:122px;display:flex;position:relative}.hand-card{--middle:calc((var(--count) - 1) / 2);width:clamp(28px,5.6vw,52px);transform:translateY(calc(abs(var(--i) - var(--middle)) * 1px))}.hand-card:last-child{width:76px}.hand-card .playing-card{transform:rotate(calc((var(--i) - var(--middle)) * 1.6deg));transform-origin:50% 150%}.hand-card .playing-card.playable:hover{transform:translateY(-17px) rotate(calc((var(--i) - var(--middle)) * 1.6deg))}.status-pill{z-index:10;background:#04251fd9;border:1px solid #ffffff1b;border-radius:999px;grid-template-columns:auto 1fr;align-items:center;gap:11px;width:min(88%,470px);padding:7px 12px;display:grid;position:absolute;bottom:142px;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #0004}.status-pill span{color:#06261f;background:var(--gold);letter-spacing:.1em;border-radius:999px;padding:5px 9px;font-size:.58rem;font-weight:950}.status-pill p{color:#b9d1c8;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.status-pill.your-turn{border-color:#6ce5ce88;box-shadow:0 0 0 4px #6ce5ce12,0 0 30px #6ce5ce20}.status-pill.your-turn span{background:var(--cyan)}.overlay{z-index:30;border-radius:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:radial-gradient(circle at 50% 43%,#0b5948ee,#031f1bed 72%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.eyebrow{color:var(--gold);letter-spacing:.19em;margin:0 0 8px;font-size:.65rem;font-weight:950}.intro-overlay h1{letter-spacing:-.06em;text-shadow:0 12px 30px #0007;margin:0;font-family:Georgia,serif;font-size:clamp(3.6rem,12vw,7.5rem);line-height:.78}.intro-copy{color:#b5d1c6;margin:21px 0 23px;font-size:clamp(.9rem,2.3vw,1.08rem)}.hero-spade{place-items:center;height:115px;display:grid;position:relative}.hero-spade span{z-index:2;color:#f6f1e6;filter:drop-shadow(0 13px 13px #0007)drop-shadow(0 0 25px #6ce5ce44);font-family:Georgia,serif;font-size:8rem;line-height:1;animation:2.6s ease-in-out infinite alternate hover-spade;position:relative}.hero-spade i{filter:blur(12px);background:#0008;border-radius:50%;width:120px;height:28px;position:absolute;bottom:4px}.primary{color:#0a2922;cursor:pointer;background:linear-gradient(#f4d68d,#d9a94d);border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;min-width:185px;height:50px;font-weight:950;display:inline-flex;box-shadow:0 6px #8f6429,0 14px 28px #0006}.primary:hover{filter:brightness(1.07);transform:translateY(-2px)}.primary:active{transform:translateY(4px);box-shadow:0 2px #8f6429}.primary svg{width:17px}.quick-stats{color:#7eaa99;text-transform:uppercase;letter-spacing:.08em;gap:24px;margin-top:30px;font-size:.68rem;display:flex}.quick-stats span{display:grid}.quick-stats b{color:#e8f4ef;font-size:1.05rem}.bid-panel{z-index:25;background:linear-gradient(145deg,#0c4438f7,#041f1bf7);border:1px solid #e7bd686b;border-radius:23px;grid-template-columns:1.4fr .9fr;gap:17px;width:min(92%,590px);padding:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 80px #000a,inset 0 1px #ffffff1c}.bid-panel h2{margin:0 0 7px;font-family:Georgia,serif;font-size:1.65rem}.bid-panel small{color:#92b3a6;line-height:1.45}.bid-control{grid-template-columns:40px 1fr 40px;align-items:center;gap:6px;display:grid}.bid-control button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:12px;height:42px;font-size:1.35rem}.bid-control strong{color:var(--gold);text-align:center;font-family:Georgia,serif;font-size:3rem}.bid-actions{grid-column:1/-1;grid-template-columns:1fr 1.3fr;gap:9px;display:grid}.bid-actions button{height:47px}.bid-actions .nil{color:#ffabb3;cursor:pointer;background:#7d1f2b35;border:1px solid #ff84915e;border-radius:14px;font-weight:900}.suggest{color:#86d8c7;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:center;font-size:.72rem;text-decoration:underline}.result-overlay h2{margin:0;font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.2rem)}.result-icon{color:var(--gold);font-family:Georgia,serif;font-size:5rem;line-height:1}.trophy{width:65px;height:65px;color:var(--gold);filter:drop-shadow(0 7px 13px #0007);margin-bottom:14px}.round-results{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,410px);margin:24px 0;display:grid}.round-results>div{background:#ffffff0a;border:1px solid #ffffff1c;border-radius:15px;padding:13px;display:grid}.round-results span{color:#9cbaaf;letter-spacing:.09em;font-size:.62rem;font-weight:900}.round-results b{font-size:1.8rem}.round-results .positive{color:var(--cyan)}.round-results .negative{color:#ff8793}.round-results small{color:#7ea294}.final-score{color:var(--cyan);margin:18px 0 24px;font-size:2.7rem;font-weight:950}.final-score span{color:#718f84}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010c0acc;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#0b3e34,#041d19);border:1px solid #ffffff20;border-radius:24px;width:min(100%,500px);padding:27px;position:relative;box-shadow:0 30px 90px #000c}.modal h2{margin:0 0 18px;font-family:Georgia,serif;font-size:2rem}.modal ol{color:#b7cec5;gap:10px;padding-left:22px;line-height:1.45;display:grid}.modal li::marker{color:var(--gold);font-weight:900}.rule-note{color:#c7d9d2;background:#e7bd680d;border:1px solid #e7bd6844;border-radius:13px;padding:13px}.close{color:#dcebe5;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:11px;place-items:center;width:37px;height:37px;display:grid;position:absolute;top:15px;right:15px}.close svg{width:17px}.setting-row{color:#e7f1ed;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;justify-content:space-between;align-items:center;width:100%;margin-top:9px;padding:13px;display:flex}.setting-row span{align-items:center;gap:9px;display:inline-flex}.setting-row svg{width:17px}.setting-row b{color:var(--cyan);letter-spacing:.1em;font-size:.68rem}.setting-row.danger b{color:#ff8995}@keyframes hover-spade{0%{transform:translateY(-5px)rotate(-2deg)}to{transform:translateY(5px)rotate(2deg)}}@media (max-width:720px){.topbar{height:60px;padding:7px 10px}.brand-mark{width:39px;height:39px}.top-actions{gap:5px}.top-actions button{width:35px;min-width:35px;height:36px}.top-actions button:first-child{display:none}.top-actions .install{width:39px;height:36px;padding:0;font-size:0}.top-actions .install svg{width:17px}.scoreboard{grid-template-columns:1fr 110px 1fr;width:calc(100% - 16px);height:66px;margin-top:7px}.team-score{padding:7px 9px}.team-score span{font-size:.5rem}.team-score strong{font-size:1.45rem}.match-centre b{font-size:.62rem}.match-centre small{font-size:.48rem}.table{border-radius:24%/12%;width:calc(100% - 8px);height:calc(100svh - 140px);min-height:570px;margin-top:6px}.seat.north{top:7px}.seat.south{width:98%;bottom:7px}.seat.west{left:5px}.seat.east{right:5px}.seat-label{gap:5px;margin-bottom:3px;padding:4px 7px;font-size:.57rem}.seat.west .seat-label,.seat.east .seat-label{justify-items:center;gap:2px;display:grid}.back-fan{transform-origin:top;width:150px;transform:scale(.83)}.back-fan.vertical{transform-origin:50%;width:42px;height:135px}.card-back{width:36px;height:50px}.table-centre{width:245px;height:220px;top:45%}.contract-strip{width:154px;height:40px}.playing-card{border-radius:8px;width:62px;height:91px}.playing-card>strong{font-size:1.75rem}.playing-card.compact{width:57px;height:79px}.player-hand{height:100px}.hand-card{width:calc(8.33333vw - 6.33333px)}.hand-card:last-child{width:62px}.status-pill{bottom:118px}.intro-overlay{justify-content:center}.hero-spade{height:95px}.hero-spade span{font-size:6.4rem}.quick-stats{gap:15px}.bid-panel{grid-template-columns:1fr;padding:19px}.bid-control{grid-row:2}.bid-actions,.suggest{grid-column:1}}@media (max-height:720px) and (orientation:landscape){.topbar{height:48px}.brand-mark{width:36px;height:36px}.scoreboard{z-index:15;grid-template-columns:1fr 1fr;width:260px;height:55px;margin:0;position:absolute;top:54px;left:7px}.match-centre{display:none}.table{height:calc(100svh - 56px);min-height:0;margin-top:5px}.seat.north{left:28%}.seat.south{width:72%;left:57%}.table-centre{top:45%;left:55%}.status-pill{bottom:115px;left:55%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}