:root{--bg:#070906;--panel:#11150f;--line:#66521e;--gold:#d5a534;--green:#236d18;--felt:#173d22;--text:#f5f0df;--muted:#aaa68f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#30200d 0,#090b08 36%,#050604 100%);color:var(--text);font:15px/1.4 Inter,system-ui,Segoe UI,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4b3a15;background:#090b08eF;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#f3d37d;font-size:20px;line-height:.9}.brand em{font-style:normal;color:#d29b29}.shield{border:2px solid #c69732;padding:12px 16px;clip-path:polygon(50% 0,100% 20%,90% 80%,50% 100%,10% 80%,0 20%);font-size:26px}.top-actions{display:flex;gap:20px;align-items:center;color:#d5c69a}.top-actions a{border:1px solid #5c4a22;padding:9px 12px;border-radius:8px}.flash{max-width:1180px;margin:14px auto;padding:12px 16px;border-radius:8px}.flash.error{background:#6c1c1c}.flash.success{background:#1d6126}.footer{padding:25px;text-align:center;color:#817c68}.auth-wrap{min-height:75vh;display:grid;place-items:center}.auth-card{width:min(430px,92vw);background:linear-gradient(#151811,#0b0d09);border:1px solid #6d5726;border-radius:18px;padding:34px;box-shadow:0 30px 100px #000}.auth-card h1{margin:10px 0}.hero-badge{font-size:50px;color:var(--gold)}label{display:grid;gap:7px;color:#cfc8af}input,select{width:100%;padding:12px;border-radius:8px;border:1px solid #4a4738;background:#0a0d09;color:#fff}.auth-card form{display:grid;gap:15px}.btn{border:0;border-radius:8px;padding:13px 18px;font-weight:800;color:white;cursor:pointer}.btn.gold{background:linear-gradient(#c89426,#79520b)}.btn.green{background:linear-gradient(#318b21,#14580e)}.btn.small{padding:9px 16px}.lobby{max-width:1200px;margin:28px auto;padding:0 20px}.lobby-hero{min-height:270px;border:1px solid #5f4c20;border-radius:20px;padding:38px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#12160e,#2d1f0e 60%,#0b0c08);overflow:hidden}.eyebrow{color:var(--gold);font-weight:800}.lobby-hero h1{font-size:48px;line-height:1;margin:10px 0}.lobby-hero h1 span{color:#e0ad3b}.hero-cards{display:flex;transform:rotate(7deg);margin-right:40px}.mini-card{width:105px;height:150px;background:#ede5cc;color:#111;border-radius:10px;margin-left:-25px;padding:15px;font:bold 36px Georgia;box-shadow:0 15px 30px #000}.mini-card.red{color:#8f1d14}.panel{margin-top:20px;border:1px solid #4d4327;border-radius:14px;background:#10130e;padding:20px}.panel h2{margin:0 0 18px;color:#d9bd70}.create-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end}.section-head{display:flex;justify-content:space-between;align-items:center}.table-list{display:grid;gap:8px}.room{display:grid;grid-template-columns:1.4fr 1.4fr .8fr auto;gap:20px;align-items:center;background:#0a0c09;border:1px solid #2d3328;padding:14px;border-radius:10px}.room div{display:grid}.room small{color:#8f9384}.empty{padding:30px;text-align:center;color:#858574}.game-shell{display:grid;grid-template-columns:235px minmax(560px,1fr) 285px;gap:12px;padding:14px;max-width:1600px;margin:auto}.panel-dark,.signal-panel,.participants{background:#0a0d09;border:1px solid #5b4720;border-radius:12px;overflow:hidden}.profile{display:flex;align-items:center;gap:10px;padding:18px}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#b77735,#33200c);border:3px solid #d1a039;font-weight:900;font-size:20px}.profile small,.seat small{display:block;color:#d3a637}.balance{padding:14px 18px;border-top:1px solid #26291f;border-bottom:1px solid #26291f;display:grid}.side-left nav{display:grid;padding:10px}.side-left nav>*{padding:15px;border-bottom:1px solid #1f241b}.side-left nav .active{background:linear-gradient(90deg,#2e7f1e,#174b14);border-radius:7px}.game-meta{display:grid;grid-template-columns:1fr 2.4fr .8fr 1fr;border:1px solid #5c4720;border-radius:10px;margin-bottom:10px;background:#0a0d09}.game-meta div{padding:10px 14px;border-right:1px solid #3f351d;display:grid}.game-meta small{color:#b7ae91}.felt{min-height:730px;position:relative;border:18px solid #4d2c12;border-radius:38%/13%;background:radial-gradient(circle,#285d31 0,#163e21 52%,#0d2c16 100%);box-shadow:inset 0 0 60px #0008,0 20px 70px #000}.score-board{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;gap:25px;align-items:center;background:#081008c9;border:1px solid #4f612e;padding:8px 18px;border-radius:9px}.score-board b{font-size:22px;color:#e9b738}.players{position:absolute;inset:0}.seat{position:absolute;text-align:center;min-width:90px}.seat .avatar{margin:auto;width:60px;height:60px}.seat-0{bottom:112px;left:50%;transform:translateX(-50%)}.seat-1{left:22px;top:43%}.seat-2{top:68px;left:50%;transform:translateX(-50%)}.seat-3{right:22px;top:43%}.vira{position:absolute;top:145px;right:26%;transform:rotate(8deg)}.vira-label{text-align:center;color:#d2b35c;font-size:11px}.played{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;gap:8px}.played-one{display:grid;text-align:center}.played-one small{font-size:10px}.card{width:78px;height:112px;border:1px solid #d3c7a6;border-radius:8px;background:linear-gradient(135deg,#fffaf0,#d8ccb0);color:#16150f;display:grid;align-content:center;justify-items:center;font-family:Georgia,serif;box-shadow:0 8px 18px #0008}.card b{font-size:28px}.card span{font-size:34px}.card.red{color:#9c251d}.card.clickable{cursor:pointer;transition:.18s}.card.clickable:hover{transform:translateY(-18px) scale(1.06);box-shadow:0 16px 25px #000b,0 0 15px #e1b440}.hand{position:absolute;bottom:75px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.status-line{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:#071006d9;padding:8px 15px;border-radius:8px;color:#e5d9aa}.truco-actions{position:absolute;bottom:18px;right:25px;display:flex;gap:8px}.action{border:1px solid #d09335;border-radius:8px;padding:13px 18px;color:#fff;font-weight:900;cursor:pointer}.action.red{background:#8c1f16}.action.orange{background:#ae5c15}.action.dark{background:#282820}.hidden{display:none!important}.signal-panel h3,.participants h3{padding:14px;margin:0;border-bottom:1px solid #4d3e20;display:flex;justify-content:space-between}.signals{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px}.signals button{min-height:86px;background:linear-gradient(#191a13,#0d0f0b);border:1px solid #5c4c29;border-radius:8px;color:#fff;font-size:28px;cursor:pointer}.signals small{display:block;font-size:12px;margin-top:4px}.participants{margin-top:12px}.participant{padding:11px 14px;border-bottom:1px solid #25271d;display:grid;grid-template-columns:12px 1fr;column-gap:8px}.participant small{grid-column:2;color:#929986}.dot{width:8px;height:8px;border-radius:50%;background:#3bd334;margin-top:6px}.signal-feed{padding:10px;min-height:120px;color:#d6cba9;font-size:12px}.signal-feed div{padding:6px 0;border-bottom:1px solid #26271e}@media(max-width:1100px){.game-shell{grid-template-columns:1fr}.side-left{display:none}.side-right{display:grid;grid-template-columns:1fr 1fr;gap:10px}.participants{margin-top:0}.create-grid{grid-template-columns:repeat(2,1fr)}.lobby-hero h1{font-size:38px}.hero-cards{display:none}}@media(max-width:700px){.topbar{padding:10px}.top-actions span{display:none}.game-shell{padding:5px}.game-meta{grid-template-columns:1fr 1fr}.felt{min-height:620px;border-width:10px}.side-right{grid-template-columns:1fr}.create-grid{grid-template-columns:1fr}.room{grid-template-columns:1fr 1fr}.lobby-hero{padding:24px}.lobby-hero h1{font-size:32px}.card{width:62px;height:90px}.card b{font-size:22px}.card span{font-size:28px}.seat-1{left:6px}.seat-3{right:6px}.seat .avatar{width:46px;height:46px}}