:root{--felt-1: #1a5d3a;--felt-2: #134529;--gold: #d4a437;--gold-bright: #f6c75a;--card-bg: #fdfdfb;--card-edge: #d8d3c4;--red: #c1272d;--black: #111;--shadow: rgba(0, 0, 0, .35);--panel-bg: rgba(0, 0, 0, .45);--panel-stroke: rgba(255, 255, 255, .08);--text: #f4f1e8;--muted: #a9a397;--card-ratio: .712;--card-h: clamp(52px, min( calc(20vh - 24px) , 14vw), 118px);--card-w: calc(var(--card-h) * var(--card-ratio));--card-pad: clamp(2px, .35vh, 4px);--card-radius: clamp(4px, .5vh, 6px);--overlap-south: calc(var(--card-w) * -.405);--overlap-north: calc(var(--card-w) * -.524);--overlap-side: calc(var(--card-h) * -.576);--hand-span-h: calc(var(--card-w) * 3.381);--hand-span-v: calc(var(--card-h) * 2.695);--kitty-w: calc(var(--card-w) * .714);--kitty-h: calc(var(--card-h) * .714)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;background:repeating-linear-gradient(-55deg,transparent 0px,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 3px),repeating-linear-gradient(35deg,transparent 0px,transparent 2px,rgba(255,255,255,.025) 2px,rgba(255,255,255,.025) 3px),radial-gradient(circle at 50% 40%,var(--felt-1) 0%,var(--felt-2) 70%,#0b2a18 100%);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:row;width:100vw;height:100vh;position:relative;overflow:hidden}.view{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow:hidden}.view--home{align-items:center;justify-content:center;background:radial-gradient(ellipse 90% 55% at 50% 78%,rgba(218,132,80,.18),transparent 60%),linear-gradient(180deg,#07111d,#0f2738 30%,#1c3b3f 58%,#1a4030 78%,#0f2c1c);overflow:hidden}.splash-sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.splash-sky:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(246,199,90,0) 10%,rgba(246,199,90,.18) 50%,rgba(246,199,90,0) 90%,transparent 100%);filter:blur(.5px)}.splash-hill{position:absolute;bottom:0;left:0;width:100%;height:clamp(180px,36vh,320px);display:block;filter:drop-shadow(0 -8px 24px rgba(0,0,0,.45))}.home-content{position:relative;z-index:1;max-width:560px;width:90%;text-align:center;background:linear-gradient(180deg,#14241cc7,#0a1610d1);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);padding:44px 40px 36px;border-radius:18px;border:1px solid rgba(212,164,55,.28);box-shadow:0 1px #ffffff0f inset,0 30px 80px #0000008c,0 0 0 1px #0006;display:flex;flex-direction:column;gap:20px}.home-title{font-family:Playfair Display,Cormorant Garamond,Georgia,serif;font-size:clamp(40px,6vw,56px);font-weight:700;color:var(--gold-bright);margin:0;letter-spacing:-.005em;line-height:1.05;text-shadow:0 2px 22px rgba(0,0,0,.55)}.home-subtitle{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(15px,1.6vw,18px);color:var(--gold);margin-top:-10px;opacity:.9;letter-spacing:.01em}.home-subtitle:before,.home-subtitle:after{content:"";display:inline-block;width:28px;height:1px;background:#d4a43773;vertical-align:middle;margin:0 12px 4px}.home-desc{font-size:16px;color:#d8d2c2;line-height:1.6;margin:0}.home-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.home-actions .btn.is-large{padding:16px 40px;font-size:18px;border-radius:12px;width:100%;max-width:300px}.home-rules{text-align:left;border-top:1px solid var(--panel-stroke);padding-top:24px;margin-top:8px}.home-rules h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-top:0}.home-rules ul{padding-left:20px;margin:0;font-size:13px;color:var(--muted);line-height:1.5}.home-rules li{margin-bottom:6px}@media(max-width:600px){.home-content{padding:24px 16px}.home-title{font-size:28px}.home-desc{font-size:15px}}.table{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1.6fr 1fr;grid-template-areas:". north ." "west center east" ". south .";padding:22px;position:relative;transform:translateZ(0);background:repeating-linear-gradient(45deg,rgba(255,255,255,.022) 0 1px,transparent 1px 7px),repeating-linear-gradient(-45deg,rgba(0,0,0,.06) 0 1px,transparent 1px 7px),radial-gradient(ellipse 75% 65% at 50% 50%,#1f5c3a,#143d27 60%,#0a2515);box-shadow:inset 0 0 0 10px #3a2616,inset 0 0 0 11px #d4a43773,inset 0 0 0 12px #0009,inset 0 0 90px #0000008c,inset 0 8px 30px #00000059;border-radius:18px;margin:8px 0 8px 8px}.table:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;padding:10px;background:linear-gradient(135deg,rgba(212,164,55,.18),transparent 30%,transparent 70%,rgba(212,164,55,.18)),repeating-linear-gradient(90deg,rgba(0,0,0,.18) 0 1px,transparent 1px 6px);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude}.seat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative}.seat--south{grid-area:south}.seat--north{grid-area:north}.seat--east{grid-area:east}.seat--west{grid-area:west}.kitty-pile-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:4px}.kitty-pile__label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.kitty-pile{position:relative;width:var(--kitty-w);height:var(--kitty-h)}.kitty-pile .card{position:absolute;top:0;left:0;width:var(--kitty-w);height:var(--kitty-h)}.kitty-pile .card:nth-child(2){transform:translate(3px,-3px) translateZ(0)}.kitty-pile .card:nth-child(3){transform:translate(6px,-6px) translateZ(0)}.seat__label{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.seat__name{color:var(--text);font-weight:600}.seat__name.is-acting{color:var(--gold-bright);text-shadow:0 0 12px rgba(246,199,90,.4)}.dealer-chip{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe4a8,#d4a437 35%,#8a5e1d);color:transparent;font-size:0;position:relative;box-shadow:0 0 0 2px #b3413a,0 0 0 3px #0006,0 1px 2px #00000080}.dealer-chip:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(0,0,0,.25)}.bid-chip{font-family:Playfair Display,Georgia,serif;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,#d4a4372e,#d4a43714);border:1px solid rgba(212,164,55,.5);color:var(--gold-bright);letter-spacing:.02em;line-height:1.4}.bid-chip--pass{color:var(--muted);background:#00000059;border-color:#ffffff14;font-style:italic}.hand{display:flex;align-items:center;justify-content:center;position:relative;min-height:var(--card-h)}.hand--south,.hand--north{min-width:var(--hand-span-h)}.hand--east,.hand--west{min-height:var(--hand-span-v)}.hand--south .card{margin-left:var(--overlap-south)}.hand--south .card:first-child{margin-left:0}.hand--north .card{margin-left:var(--overlap-north);--base-rot: 180deg;transform:rotate(var(--base-rot)) translateZ(0)}.hand--north .card:first-child{margin-left:0}.hand--east,.hand--west{flex-direction:column}.hand--east .card,.hand--west .card{margin-top:var(--overlap-side);--base-rot: 90deg;transform:rotate(var(--base-rot)) translateZ(0)}.hand--east .card:first-child,.hand--west .card:first-child{margin-top:0}.card{width:var(--card-w);height:var(--card-h);border-radius:var(--card-radius);background:var(--card-bg);padding:var(--card-pad);box-shadow:0 4px 10px var(--shadow);position:relative;cursor:default;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;overflow:hidden;flex-shrink:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(var(--base-rot, 0deg)) translateZ(0);will-change:transform,opacity}.card svg{display:block;width:100%;height:100%;border-radius:2px}@keyframes dealIn{0%{opacity:0;transform:rotate(var(--base-rot, 0deg)) scale(.7) translateZ(0)}to{opacity:1;transform:rotate(var(--base-rot, 0deg)) scale(1) translateZ(0)}}.card--deal{animation:dealIn .25s ease-out both;animation-delay:var(--deal-delay, 0ms)}.card.is-trick-winner{box-shadow:0 0 0 3px var(--gold-bright),0 6px 18px var(--shadow)}.hand--south .card.is-legal{cursor:pointer;touch-action:manipulation}@media(hover:hover){.hand--south .card.is-legal:hover{transform:translateY(-12px) translateZ(0);box-shadow:0 12px 22px var(--shadow)}}.hand--south .card.is-illegal{filter:brightness(.6) saturate(.5)}.hand--south .card.is-selected{transform:translateY(-18px) translateZ(0);box-shadow:0 0 0 2px var(--gold-bright),0 12px 22px var(--shadow)}.center{grid-area:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". tn ." "tw th te" ". ts .";align-items:center;justify-items:center;position:relative;padding:10px}.trick-slot{display:flex;align-items:center;justify-content:center}.trick-slot--n{grid-area:tn}.trick-slot--s{grid-area:ts}.trick-slot--e{grid-area:te}.trick-slot--w{grid-area:tw}.trick-slot--hub{grid-area:th}.trick-slot--s .card{transform:translateZ(0)}.trick-slot--n .card{transform:rotate(180deg) translateZ(0)}.trick-slot--e .card{transform:rotate(-90deg) translateZ(0)}.trick-slot--w .card{transform:rotate(90deg) translateZ(0)}.hub{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--muted);text-align:center}.hub__winner{font-size:13px;font-weight:700;color:var(--gold-bright);text-transform:uppercase;letter-spacing:.08em;text-align:center;animation:winnerIn .35s cubic-bezier(.22,1,.36,1) both}@keyframes winnerIn{0%{opacity:0;transform:scale(.7) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}.hub__phase{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:12px;letter-spacing:.06em;color:var(--gold);font-weight:600;opacity:.85}.hub__trump{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:22px;font-weight:800;background:radial-gradient(circle at 35% 30%,#fff8e2,#f6c75a 45%,#b88a25);border:1px solid #ffe089;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #0003,0 2px 6px #00000073,0 0 12px #f6c75a40;margin-top:4px;text-shadow:0 1px 0 rgba(255,255,255,.3)}.hub__trump.is-red{color:#8a1f24}.hub__trump.is-black{color:#1a1206}.panel{width:320px;background:linear-gradient(180deg,#0e1e16d9,#08120deb);border-left:1px solid rgba(212,164,55,.18);padding:0 16px 16px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden;flex-shrink:0}.panel-hud{display:contents}.panel-banner{position:relative;margin:0 -16px 4px;height:88px;border-bottom:1px solid rgba(212,164,55,.28);overflow:hidden;isolation:isolate}.panel-banner:after{content:"";position:absolute;inset:auto 0 0 0;height:14px;background:linear-gradient(180deg,transparent,rgba(8,18,13,.95));pointer-events:none}.panel-banner__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.panel-banner__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;padding-bottom:6px;z-index:1}.panel-banner__title{font-family:Playfair Display,Georgia,serif;font-weight:700;font-size:18px;color:var(--gold-bright);letter-spacing:.005em;text-shadow:0 1px 8px rgba(0,0,0,.7),0 0 20px rgba(0,0,0,.6);line-height:1}.panel-banner__sub{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:10.5px;color:var(--gold);opacity:.85;letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.7)}.panel__title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}.scoreboard{display:grid;grid-template-columns:1fr 1fr;gap:8px}.score-card{position:relative;background:linear-gradient(180deg,#14261cd9,#0a1811f2);border:1px solid rgba(212,164,55,.32);border-radius:6px;padding:12px 10px 10px;text-align:center;box-shadow:inset 0 1px #ffffff0a,0 2px 6px #00000059;overflow:hidden}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--team-accent, #d4a437)}.score-card.is-yours{--team-accent: #6ea96f}.score-card:not(.is-yours){--team-accent: #b3413a}.score-card__label{font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-weight:600}.score-card__value{font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:700;color:var(--gold-bright);font-variant-numeric:tabular-nums;line-height:1.05;margin-top:2px}.score-card.is-yours .score-card__value{color:#cfe8c8}.action-section{display:flex;flex-direction:column;gap:8px}.action-section__title{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}.button-row{display:flex;flex-wrap:wrap;gap:8px}button.btn{background:linear-gradient(180deg,#283c30b3,#14241cd9);color:var(--text);border:1px solid rgba(212,164,55,.22);border-radius:7px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background .14s ease,border-color .14s ease,color .14s ease,transform 80ms ease,box-shadow .14s ease;font-family:inherit;touch-action:manipulation;box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0000004d}button.btn:hover:not(:disabled){background:linear-gradient(180deg,#3c5444d9,#1c3024f2);border-color:#d4a43773}button.btn:active:not(:disabled){transform:translateY(1px)}button.btn:disabled{opacity:.4;cursor:not-allowed}button.btn.is-primary{background:linear-gradient(180deg,#f4c75e,#d4a437 60%,#b88a25);color:#1a1206;border-color:#ffe089;box-shadow:inset 0 1px #ffffff73,inset 0 -1px #0003,0 2px 6px #00000059,0 0 0 1px #0003;text-shadow:0 1px 0 rgba(255,255,255,.25)}button.btn.is-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffd478,#e8b44a 60%,#c89930)}button.btn.is-outline{background:transparent;border:1px solid rgba(212,164,55,.55);color:var(--gold-bright);box-shadow:none}button.btn.is-outline:hover:not(:disabled){background:#d4a4371a;border-color:var(--gold-bright)}button.btn.is-small{padding:4px 8px;font-size:10px;opacity:.6}button.btn.is-small:hover{opacity:1}button.btn.is-tiny{padding:2px 6px;font-size:9px;font-weight:500}button.btn.is-text{background:transparent;border-color:transparent;color:var(--muted)}button.btn.is-text:hover{background:#ffffff0d;color:var(--text)}.restart-container{margin-top:auto;display:flex;justify-content:center;padding-top:8px}.bmc-container{display:flex;justify-content:center;padding-top:8px}.bmc-img{height:40px;width:auto;transition:transform .12s ease}.bmc-img:hover{transform:scale(1.05)}.suit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.suit-btn{display:flex;align-items:center;justify-content:center;gap:6px;font-size:18px}.suit-btn .suit-glyph.is-red{color:var(--red)}.suit-btn .suit-glyph.is-black{color:var(--black)}button.btn.suit-btn{background:var(--card-bg);color:var(--black)}button.btn.suit-btn:hover:not(:disabled){background:#fff}.log-header{display:flex;justify-content:space-between;align-items:center}.log{flex:1;overflow-y:auto;font-size:11px;line-height:1.5;color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;background:#00000040;padding:8px;border-radius:6px;border:1px solid var(--panel-stroke);transition:flex .2s ease}.log--collapsed{flex:none;min-height:2.5em;overflow:hidden}.log__entry{margin-bottom:2px}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000bf;color:var(--text);padding:16px 24px;border-radius:12px;font-size:18px;border:1px solid var(--gold);z-index:30;text-align:center;pointer-events:none;animation:toastIn .2s ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0000008c,#000000c7);display:flex;align-items:center;justify-content:center;z-index:20;padding:24px;transform:translateZ(0);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.modal__inner{position:relative;background:linear-gradient(180deg,#162c20f5,#0a1811fa);border:1px solid rgba(212,164,55,.45);border-radius:14px;padding:26px 28px 22px;max-width:460px;display:flex;flex-direction:column;gap:16px;box-shadow:inset 0 1px #ffffff0d,0 30px 80px #000000a6,0 0 0 1px #0006}.modal__inner:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(212,164,55,.18);border-radius:9px;pointer-events:none}.modal__title{font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:700;color:var(--gold-bright);letter-spacing:.005em;line-height:1.1}.modal__hand{display:flex;flex-wrap:wrap;gap:6px}.modal__hand .card{width:58px;height:80px}.modal__hand .card.is-selected{outline:3px solid var(--gold-bright);transform:translateY(-6px) translateZ(0)}.modal__hand .card{cursor:pointer}.kbd{font-family:ui-monospace,monospace;font-size:11px;background:#0006;padding:2px 6px;border-radius:4px;border:1px solid var(--panel-stroke)}@media(max-width:900px){:root{--card-h: clamp(54px, 19vw, 96px)}html,body{overflow-x:hidden;overflow-y:auto;height:auto;min-height:100vh}#app{flex-direction:column;height:auto;min-height:100vh;overflow-x:hidden}.view{position:static;height:auto;overflow:visible}.view--game{flex-direction:column;min-height:100vh}.view--home{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh}.table{height:auto;min-height:60vh;padding:4px;flex:1;width:100%;margin:0;border-radius:0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr calc(var(--card-h) * 2.3) 1fr;grid-template-areas:"north north north" "west center east" "south south south";box-shadow:inset 0 0 0 6px #3a2616,inset 0 0 0 7px #d4a43766,inset 0 0 0 8px #00000080,inset 0 0 50px #00000080}.table:before{display:none}.center{padding:0;gap:4px;min-height:332px}.seat{gap:2px}.hand--north .card,.hand--east .card,.hand--west .card{width:calc(var(--card-w) * .75);height:calc(var(--card-h) * .75)}.hand--north{min-width:calc(var(--hand-span-h) * .75);min-height:calc(var(--card-h) * .75)}.hand--north .card{margin-left:calc(var(--overlap-north) * .75)}.hand--east,.hand--west{min-height:calc(var(--hand-span-v) * .75)}.hand--east .card,.hand--west .card{margin-top:calc(var(--overlap-side) * .75)}.panel{width:100%;height:auto;border-left:none;border-top:1px solid var(--panel-stroke);flex:none;padding:12px 12px 40px;gap:12px;backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000d9}.panel-hud{display:flex;flex-direction:column;gap:6px;position:fixed;top:6px;left:50%;transform:translate(-50%);width:calc(100% - 12px);max-width:620px;z-index:15;padding:8px 10px 10px;border-radius:12px;background:linear-gradient(180deg,#102219a6,#08120da6);border:1px solid rgba(212,164,55,.45);box-shadow:inset 0 1px #ffffff0f,0 10px 28px #0000008c;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);opacity:.95}.panel-hud>.panel__title{display:none}.panel-hud .scoreboard{gap:6px}.panel-hud .score-card{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 9px 4px;text-align:left}.panel-hud .score-card__value{font-size:18px;margin-top:0}.panel-hud .action-section{gap:6px}.panel-hud .action-section__title{font-size:11px}.panel-hud .button-row{gap:6px}.table{padding-top:120px}.scoreboard{gap:6px}.score-card{padding:6px 4px}.score-card__value{font-size:20px}.panel__title,.action-section__title{font-size:10px;letter-spacing:.12em;margin-bottom:2px}.log{max-height:100px}.action-section{gap:4px}.hub__trump{font-size:20px}.modal{position:fixed;padding:10px}.modal__inner{padding:12px;width:100%;max-width:100%;overflow:hidden;gap:10px}.modal__title{font-size:15px}.modal__hand{gap:4px}.modal__hand .card{width:42px;height:58px}}