*{box-sizing:border-box}:root{--felt: #1d6f42;--felt-dark: #14532d;--black: #0c0d10;--black-2: #16181d;--black-3: #1f2229;--ink: #e8e6e1;--ink-dim: #9a978f;--red: #c1121f;--red-dark: #8f0e17;--red-bright: #e5383b;--green: #1d6f42;--green-dark: #14532d;--green-bright: #34d399;--line: #2c2f37;--card-w: 74px;--card-h: 106px}html,body,#root,.app{margin:0;height:100%}body{font-family:Segoe UI,system-ui,sans-serif;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgb(29 111 66 / .18),transparent 70%),var(--black);color:var(--ink)}h1,h2,h3{margin:0 0 .5rem}.btn{font:inherit;padding:.5rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--black-3);color:var(--ink);cursor:pointer;transition:background .12s,border-color .12s,transform .06s}.btn:hover:not(:disabled){background:#282c35;border-color:#3a3e48}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--green);border-color:var(--green-dark);color:#fff}.btn-primary:hover:not(:disabled){background:#227a4b;border-color:var(--green)}.btn-danger{background:var(--red);border-color:var(--red-dark);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-dark)}.btn-small{padding:.25rem .6rem;font-size:.85rem}.panel{background:var(--black-2);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:12px;padding:1.25rem;box-shadow:0 4px 18px #00000073}.panel:nth-child(2n){border-top-color:var(--green)}.hint{color:var(--ink-dim);font-size:.85rem}.error-text{color:var(--red-bright);font-size:.9rem}.field{display:block;margin:.6rem 0;font-size:.9rem}.field input{display:block;width:100%;margin-top:.25rem;padding:.5rem;font:inherit;color:var(--ink);background:var(--black);border:1px solid var(--line);border-radius:8px}.field input:focus,.code-input:focus,.num-row input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 2px #1d6f4259}.banner{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:50;padding:.5rem 1.25rem;border-radius:0 0 10px 10px;font-size:.9rem;color:#fff}.banner-warn{background:var(--red-dark)}.banner-error{background:var(--red)}.home{max-width:760px;margin:0 auto;padding:3rem 1rem}.home-title{font-size:2.2rem;color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / .6)}.home-title:first-letter{color:var(--red-bright)}.home-subtitle{font-size:1rem;font-weight:400;color:var(--green-bright)}.home-panels{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}@media(max-width:640px){.home-panels{grid-template-columns:1fr}}.join-row{display:flex;gap:.5rem;margin-top:.75rem}.code-input{flex:1;padding:.5rem;font:inherit;letter-spacing:.25em;text-transform:uppercase;color:var(--ink);background:var(--black);border:1px solid var(--line);border-radius:8px}.tab-row{display:flex;gap:.25rem;margin-bottom:.5rem}.tab{font:inherit;border:none;background:none;padding:.35rem .75rem;border-radius:8px;cursor:pointer;color:var(--ink-dim)}.tab-active{background:var(--black-3);color:var(--green-bright)}.lobby{max-width:980px;margin:0 auto;padding:2rem 1rem}.lobby-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.invite-box{display:flex;align-items:center;gap:.5rem;background:var(--black-2);border:1px solid var(--line);border-radius:10px;padding:.4rem .6rem}.invite-url{font-family:ui-monospace,monospace;font-size:.85rem;color:var(--green-bright)}.lobby-body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:start}@media(max-width:800px){.lobby-body{grid-template-columns:1fr}}.seat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0}.seat-card{border:1px dashed var(--line);border-radius:10px;padding:.75rem;min-height:92px}.seat-filled{border-style:solid;border-color:var(--green);background:#1d6f421f}.seat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:.35rem}.seat-name{font-weight:600;margin-bottom:.4rem}.seat-actions{display:flex;gap:.4rem}.lobby-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.options-panel h3{margin:1rem 0 .4rem;font-size:.95rem;border-bottom:1px solid var(--line);padding-bottom:.25rem;color:var(--green-bright)}.options-panel fieldset{border:none;margin:0;padding:0}.check-row,.radio-row{display:flex;align-items:center;gap:.5rem;margin:.35rem 0;font-size:.92rem}.check-row input,.radio-row input{accent-color:var(--green)}.num-row{display:flex;align-items:center;gap:.4rem;margin:.35rem 0;font-size:.92rem}.num-row input{width:5rem;padding:.25rem .4rem;font:inherit;color:var(--ink);background:var(--black);border:1px solid var(--line);border-radius:6px}.indent{margin-left:1.5rem}.table-screen{display:flex;flex-direction:column;height:100%;background:var(--black)}.topbar{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:var(--black-2);border-bottom:1px solid var(--line);color:var(--ink);font-size:.9rem}.topbar-middle{flex:1;text-align:center;opacity:.85}.score-chip{background:var(--black-3);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:8px;padding:.3rem .7rem}.score-chip+.score-chip{border-left-color:var(--green)}.bags{opacity:.7;font-size:.8rem}.felt{position:relative;flex:1;margin:.75rem;border-radius:18px;background:radial-gradient(ellipse at center,var(--felt) 0%,var(--felt-dark) 85%);box-shadow:inset 0 0 60px #00000073,0 0 0 6px var(--black-3),0 0 0 7px #c1121f8c,0 10px 30px #0009;min-height:340px}.seat-badge{position:absolute;color:#f3f4f6;text-align:center;padding:.4rem .7rem;background:#00000073;border-radius:10px;border:2px solid transparent;font-size:.85rem;max-width:220px}.seat-turn{border-color:var(--red-bright);box-shadow:0 0 14px #e5383b99}.seat-badge-name{font-weight:600}.seat-badge-info{font-size:.75rem;opacity:.85}.seat-badge-cards{display:flex;justify-content:center;margin-top:.3rem}.seat-badge-cards .card{margin-left:-14px}.seat-badge-cards .card:first-child{margin-left:0}.seat-bottom{bottom:8px;left:50%;transform:translate(-50%)}.seat-top{top:8px;left:50%;transform:translate(-50%)}.seat-left{left:8px;top:50%;transform:translateY(-50%)}.seat-right{right:8px;top:50%;transform:translateY(-50%)}.trick-area{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.trick-card{position:absolute}.trick-bottom{transform:translateY(34px)}.trick-top{transform:translateY(-34px)}.trick-left{transform:translate(-56px)}.trick-right{transform:translate(56px)}.trick-stale{opacity:.55}.trick-hint{color:#ffffffbf;font-size:1.05rem}.bottom-area{padding:.25rem 1rem 1rem}.action-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;color:#f3f4f6;padding:.5rem;font-size:.95rem}.bid-panel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;padding:.5rem}.bid-label{color:#f3f4f6;margin-right:.5rem}.btn-bid{min-width:44px;font-weight:600}.btn-nil{background:var(--red-dark);border-color:#6d0a11;color:#fff}.btn-nil:hover:not(:disabled){background:var(--red)}.hand{display:flex;justify-content:center;padding-top:.5rem;min-height:calc(var(--card-h) + 24px)}.hand .card{margin-left:calc(var(--card-w) * -.45)}.hand .card:first-child{margin-left:0}.card{position:relative;width:var(--card-w);height:var(--card-h);border-radius:9px;background:#fff;border:1px solid #9ca3af;box-shadow:0 2px 5px #00000059;font-family:Georgia,Times New Roman,serif;padding:0;flex-shrink:0}.card-small{width:26px;height:38px;border-radius:5px}.card-red{color:#c1121f}.card-black{color:#111827}.card-corner{position:absolute;top:4px;left:5px;font-size:.85rem;font-weight:700;line-height:1;text-align:center}.card-corner-flip{top:auto;left:auto;bottom:4px;right:5px;transform:rotate(180deg)}.card-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:1.9rem}.card-joker .card-center{font-size:2rem}.card-joker .card-corner{font-size:.6rem;letter-spacing:.05em}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-12px);z-index:5}.card-playable{outline:3px solid var(--green-bright);outline-offset:-1px}.card-selected{transform:translateY(-16px);outline:3px solid var(--red-bright);outline-offset:-1px}.card:disabled{cursor:default}.card-playable:disabled,.card:not(.card-playable):not(.card-selected):disabled{filter:none}.hand .card:not(.card-playable):not(.card-selected):disabled{filter:brightness(.72)}.card-back{background:repeating-linear-gradient(45deg,#7f1d1d 0,#7f1d1d 6px,#991b1b 6px,#991b1b 12px);border-color:#7f1d1d}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;background:var(--black-2);border:1px solid var(--line);border-top:3px solid var(--red);border-radius:14px;padding:1.5rem 2rem;box-shadow:0 12px 40px #000000b3;text-align:center;min-width:320px}.result-table{border-collapse:collapse;margin:.75rem auto 1rem}.result-table th,.result-table td{padding:.3rem .9rem;text-align:right;border-bottom:1px solid var(--line);font-size:.92rem}.result-table td:first-child{text-align:left;color:var(--ink-dim)}.result-total{font-weight:700}.final-score{font-size:1.8rem;font-weight:700;margin:.5rem 0;color:var(--green-bright)}