*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07110d;--panel:#0a1611d1;--panel-border:#d6e7d61f;--text:#f5f7f4;--muted:#bfd0c0;--gold:#d9bc77;--gold-deep:#b7893e;--table-rim:#533617;--table-felt-top:#1d7a4d;--table-felt-bottom:#0f5a36;--danger:#d46363}html,body,#app{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top,#216e4657,#0000 30%),radial-gradient(circle at bottom,#00000059,#0000 30%),linear-gradient(#0c1812,#060c09 55%,#040705);margin:0;font-family:Inter,system-ui,sans-serif}main{width:min(1280px,100% - 24px);margin:0 auto}button,input{font:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin-top:0}.page-shell{padding:20px 0 36px}.hero-card,.panel,.mini-panel,.table-panel,.hand-panel{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;box-shadow:0 24px 80px #00000047}.hero-card,.panel,.mini-panel,.hand-panel{padding:20px}.hero-card{margin-bottom:16px}.home-hero{padding:28px}.room-header-main{gap:8px;display:grid}.identity-strip{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.identity-strip.compact{margin-top:4px}.identity-item{background:#05100bad;border:1px solid #d6e7d61a;border-radius:16px;gap:6px;min-width:180px;padding:12px 14px;display:grid}.identity-item span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.identity-item code{overflow-wrap:anywhere;color:#f7e0ab;font-size:13px}.identity-item strong{color:var(--text);font-size:15px}.grow-item{min-width:min(100%,420px)}.identity-link{min-width:180px}.player-update-card{gap:10px;min-width:280px;display:grid}.room-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.room-ui{gap:16px;display:grid}.eyebrow{color:#a6c7ae;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px}.hero-copy,.muted{color:var(--muted)}.grid{gap:16px;display:grid}.two-columns{grid-template-columns:1fr 1fr}.rules-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.field-label,.info-stack,.action-stack,.bid-controls,.score-list,.trump-grid{gap:12px;display:grid}.join-row,.panel-head,.score-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-input,.number-input,.primary-button,.secondary-button,.ghost-button,.suit-button{border-radius:16px;min-height:48px;padding:0 16px}.text-input,.number-input{width:100%;color:var(--text);background:#ffffff0d;border:1px solid #d6e7d62e}.primary-button{background:linear-gradient(135deg, var(--gold), var(--gold-deep));color:#19140c;font-weight:700}.secondary-button,.suit-button{color:var(--text);background:#60a6792e}.ghost-button{color:var(--text);background:0 0;border:1px solid #d6e7d624;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed}.hand-card-button:disabled{cursor:default}.status-banner{border-radius:16px;margin:0 0 16px;padding:14px 16px}.error-banner{color:#ffeaea;background:#992a2a3d;border:1px solid #ff80803d}.review-panel{gap:12px;display:grid}.all-tricks-list{gap:8px;display:grid}.review-actions,.revealed-trick-row{flex-wrap:wrap;gap:10px;display:flex}.review-button.is-active{background:#f7e0ab1f;border:1px solid #f7e0ab52}.revealed-tricks,.revealed-trick-block{gap:10px;display:grid}.revealed-card-slot{background:#ffffff0a;border-radius:14px;justify-items:center;gap:6px;padding:10px;display:grid}.revealed-card-slot span{color:var(--muted);font-size:13px}.room-layout{align-items:flex-start;gap:16px;display:flex}.table-panel{flex:0 820px;padding:16px}.table-felt{background:radial-gradient(circle at center, #ffffff14, transparent 44%), linear-gradient(180deg, var(--table-felt-top), var(--table-felt-bottom));border:12px solid #482b11f2;border-radius:32px;min-height:640px;position:relative;overflow:hidden;box-shadow:inset 0 14px 32px #ffffff14,inset 0 -20px 34px #00000038}.table-felt:before{content:"";pointer-events:none;border:1px solid #f8ecc92e;border-radius:28px;position:absolute;inset:22px}.table-center{text-align:center;background:radial-gradient(circle,#ffffff14,#0000 64%);border:1px solid #ffffff1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:min(34vw,290px);height:min(34vw,290px);padding:24px;display:flex;position:absolute;inset:50%;transform:translate(-50%,-50%)}.table-center-badge{color:#f7e0ab;background:#0b1f14c7;border:1px solid #f5e1b83d;border-radius:999px;padding:10px 18px;font-weight:700}.table-center-meta{color:#ecf6ec;gap:6px;display:grid}.turn-spotlight{background:#0a1c12c7;border:1px solid #f7e0ab47;border-radius:20px;gap:4px;padding:12px 18px;display:grid;box-shadow:0 0 24px #f7e0ab24}.turn-spotlight.is-self{background:#593a148f}.turn-spotlight-label{color:#b9d0bc;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.seat-slot{align-items:center;gap:14px;display:flex;position:absolute}.seat-bottom{flex-direction:column;bottom:22px;left:50%;transform:translate(-50%)}.seat-top{flex-direction:column;top:22px;left:50%;transform:translate(-50%)}.seat-left{flex-direction:column;top:50%;left:22px;transform:translateY(-50%)}.seat-right{flex-direction:column;top:50%;right:22px;transform:translateY(-50%)}.player-seat{text-align:left;background:#05100bd1;border:1px solid #ffffff1a;border-radius:20px;gap:4px;width:100%;min-width:160px;max-width:170px;padding:14px 16px;display:grid;box-shadow:0 10px 24px #00000038}.player-seat span{color:var(--muted);font-size:14px}.turn-chip{color:#f7e0ab;background:#f7e0ab29;border:1px solid #f7e0ab3d;border-radius:999px;width:fit-content;padding:4px 10px;display:inline-flex}.player-seat.is-self{border-color:#f0d08680}.player-seat.is-turn{box-shadow:0 0 0 1px #f0d0865c,0 0 22px #f0d0863d}.player-seat.is-clickable:hover:not(:disabled){border-color:#f7e0ab57;transform:translateY(-2px)}.player-seat:disabled{cursor:default}.empty-seat{color:#ffffff8f;border-style:dashed;place-content:center;min-height:112px}.hidden-hand{width:116px;height:72px;position:relative}.hidden-hand.vertical{width:58px;height:124px}.card-back{width:52px;height:72px;transform:translateX(calc(var(--stack-index) * 8px));background:linear-gradient(135deg,#ffffff14,#0000),repeating-linear-gradient(45deg,#173668 0 8px,#244f8d 8px 16px);border:2px solid #ffffff2e;border-radius:12px;position:absolute;inset:0;box-shadow:0 6px 14px #0000002e}.hidden-hand.vertical .card-back{transform:translateY(calc(var(--stack-index) * 8px))}.played-card{position:absolute}.played-top{top:138px;left:50%;transform:translate(-50%)}.played-right{top:50%;right:160px;transform:translateY(-50%)}.played-bottom{bottom:148px;left:50%;transform:translate(-50%)}.played-left{top:50%;left:160px;transform:translateY(-50%)}.hand-panel{margin-top:16px}.hand-fan{justify-content:center;align-items:end;gap:0;min-height:170px;padding-top:6px;display:flex;overflow-x:auto}.hand-card-button{transform:translateY(calc(var(--card-index) * .2px));opacity:1;background:0 0;margin-left:-22px;padding:0;transition:transform .14s,filter .14s}.hand-card-button:first-child{margin-left:0}.hand-card-button:hover:not(:disabled){z-index:2;filter:drop-shadow(0 14px 24px #00000047);transform:translateY(-12px)}.hand-card-button.playable-card{transform:translateY(-6px)}.hand-card-button.playable-card:hover:not(:disabled){transform:translateY(-14px)}.playing-card{color:#181614;background:linear-gradient(#fff,#f1ecdf);border:1px solid #0000001f;border-radius:14px;width:86px;height:128px;position:relative;box-shadow:0 10px 24px #0000003d}.playing-card.compact{width:72px;height:108px}.playing-card.red{color:#bf2737}.playing-card.black{color:#1a1d20}.card-corner{font-weight:700;line-height:1;display:grid;position:absolute}.top-left{top:8px;left:8px}.bottom-right{bottom:8px;right:8px;transform:rotate(180deg)}.card-center{font-size:32px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.compact .card-center{font-size:28px}.sidebar-panel{flex:320px;gap:16px;max-width:420px;display:grid}.status-panel,.action-panel{gap:14px;display:grid}.turn-banner{color:#f5e1b1;background:#f7e0ab14;border:1px solid #f7e0ab3d;border-radius:16px;padding:12px 14px;font-weight:700}.turn-banner.is-self{color:#fff0c7;background:#d9bc772e}.trump-grid{grid-template-columns:repeat(2,1fr)}.suit-button{place-items:center;gap:4px;min-height:82px;padding:12px;display:grid}.suit-button span:first-child{font-size:24px;font-weight:700}.suit-red span:first-child{color:#e84d61}.suit-black span:first-child{color:#f0f0f0}.test-page-shell{width:min(100%,100% - 16px)}.test-toolbar{justify-content:space-between;align-items:start;gap:16px;display:flex}.test-toolbar-controls{gap:12px;min-width:300px;display:grid}.test-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.test-section{border:1px solid var(--panel-border);background:#08120eb3;border-radius:28px;padding:14px;overflow:hidden}.test-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.test-section-actions{gap:8px;display:flex}.test-ui-frame{background:#040b088c;border:1px solid #d6e7d614;border-radius:20px;overflow:auto}.room-ui--test{zoom:.46;transform-origin:0 0;width:217%}@media (width<=1100px){.room-layout{flex-direction:column}.test-grid{grid-template-columns:1fr}}@media (width<=900px){main{width:min(100%,100% - 16px)}.two-columns,.rules-grid,.trump-grid{grid-template-columns:1fr}.room-header,.join-row,.panel-head,.score-row,.test-toolbar,.test-section-header,.test-section-actions{flex-direction:column;align-items:stretch}.player-update-card,.identity-item,.grow-item,.test-toolbar-controls,.identity-link{min-width:100%}.table-felt{min-height:620px}.player-seat{min-width:136px;padding:12px}.seat-left,.seat-right{flex-direction:column;top:auto;bottom:150px;transform:none}.seat-left{left:18px}.seat-right{right:18px}.hidden-hand.vertical{width:116px;height:72px}.hidden-hand.vertical .card-back{transform:translateX(calc(var(--stack-index) * 8px))}.played-left{left:110px}.played-right{right:110px}.played-top{top:140px}.played-bottom{bottom:160px}.room-ui--test{zoom:.38;width:263%}}