:root{color-scheme:dark;--bg:#030303;--panel:#0d0d0d;--panel-2:#151515;--ink:#f4f4f4;--ink-soft:#a7a7a7;--line:#2a2a2a;--brand:#00d084;--danger:#ff4d4f}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top right,#142018 0,#030303 35%,#020202 100%);color:var(--ink);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}a{color:inherit;text-decoration:none}main.page{width:100%;max-width:none;min-height:100vh;margin:0;padding:clamp(10px,1.6vw,22px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:10px;background:rgba(0,0,0,.72);border:1px solid var(--line);padding:10px 14px;border-radius:14px;margin-bottom:16px}.nav-title{font-size:.9rem;font-weight:700;letter-spacing:.3px}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nav-links a{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.85rem}.nav-links a.active{border-color:var(--brand);color:var(--brand)}.panel{background:rgba(10,10,10,.9);border:1px solid var(--line);border-radius:14px;padding:14px}.grid{display:grid;grid-gap:12px;gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.label{font-size:.82rem;color:var(--ink-soft)}.value{font-size:1.2rem;font-weight:700}button,input,select,textarea{background:#0f0f0f;color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}button{cursor:pointer}.button{background:linear-gradient(140deg,#0c2a1f,#0a5f3e);border-color:#0b754b}.button-secondary{background:#121212}.button-danger{background:#2b1214;border-color:#5e1f24}.stack{flex-direction:column;gap:10px}.row,.stack{display:flex}.row{gap:8px;align-items:center;flex-wrap:wrap}.small{font-size:.82rem;color:var(--ink-soft)}.room-list{display:flex;flex-direction:column;gap:8px}.room-item{border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.mesa{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:12px;gap:12px}.table-center{min-height:180px;border:1px dashed var(--line);border-radius:14px;padding:12px}.table-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.card-chip{border:1px solid #375;background:#0f1512;border-radius:8px;padding:8px;text-align:center;font-weight:700}.hand{display:flex;gap:8px;flex-wrap:wrap}.hand button{min-width:70px}.chat-box{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px;background:#080808}.chat-line{margin:0 0 6px;font-size:.9rem}.events{max-height:160px;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:8px}.badge{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.8rem}.screen-head{margin-bottom:12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.screen-title{margin:0;line-height:1;font-size:clamp(1.35rem,3vw,2.2rem)}.screen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ghost-btn{border:1px solid #27435b;background:rgba(10,29,44,.45);color:#dcf3ff;border-radius:10px;padding:8px 12px;font-weight:700}.ghost-btn.danger{border-color:#5e1f24;color:#ffdfe2;background:rgba(74,23,31,.45)}.menu-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.08) 0,transparent 35%),radial-gradient(circle at 85% 85%,rgba(0,188,212,.22) 0,transparent 45%),linear-gradient(145deg,#05131f,#08253b 65%,#07304f)}.menu-card{width:min(980px,100%);border-radius:16px;border:2px solid rgba(188,233,255,.4);background:rgba(4,18,32,.75);padding:24px;box-shadow:0 22px 48px rgba(0,0,0,.35)}.menu-card h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.menu-card>p{margin:8px 0 18px;color:#b7d7e8}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.menu-btn{border:0;border-radius:12px;padding:16px 14px;background:linear-gradient(140deg,#0f6e88,#1295aa);color:#eaffff;font-size:1.2rem;font-weight:900}.menu-btn.danger{margin-top:12px;width:100%;background:linear-gradient(140deg,#8b2630,#6b1a23)}@media (max-width:900px){.grid-2,.grid-3,.mesa{grid-template-columns:1fr}.nav{flex-direction:column;align-items:flex-start}.menu-grid{grid-template-columns:1fr}.screen-head{flex-direction:column;align-items:flex-start}}.home-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.07) 0,transparent 35%),radial-gradient(circle at 80% 90%,rgba(255,240,150,.14) 0,transparent 40%),repeating-radial-gradient(circle at 50% 50%,#162447 0 12px,#1f2a5f 13px 24px)}.home-card{width:min(1080px,100%);border-radius:16px;border:3px solid #dff4ff;background:linear-gradient(180deg,#15aabf,#0b7285);color:#fff;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.home-top{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;align-items:center}.home-brand h1{margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:.5px}.home-brand p{margin:12px 0 0;font-size:1rem;color:#e5f7ff;max-width:460px}.home-badge{display:inline-flex;border-radius:999px;border:2px solid #ffe066;color:#ffe066;font-weight:800;padding:4px 12px;margin-bottom:14px}.home-player{display:flex;align-items:center;gap:14px;justify-content:flex-end}.home-avatar{width:132px;height:132px;border-radius:50%;border:5px solid #ffe066;background:radial-gradient(circle at 50% 35%,#33415c 10%,#0b1f3b 62%),radial-gradient(circle at 45% 40%,rgba(0,0,0,.6) 0,transparent 40%);box-shadow:inset 0 8px 16px rgba(0,0,0,.25)}.home-meta{display:flex;flex-direction:column;gap:2px;text-align:left}.home-meta strong{font-size:1.6rem;color:#ffe066}.home-meta span{font-size:1rem;color:#e9f8ff}.home-login{margin-top:26px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.home-login input{background:rgba(8,27,45,.22);border:2px solid rgba(227,247,255,.35);color:#fff}.home-login input::placeholder{color:rgba(255,255,255,.82)}.home-play{grid-column:1/-1;margin-top:6px;border:0;border-radius:14px;padding:18px 16px;background:#ffe066;color:#19324a;font-weight:900;font-size:clamp(1.3rem,2.7vw,2.15rem);letter-spacing:1px;text-transform:uppercase;transition:transform .2s ease,filter .2s ease}.home-play small{display:block;margin-top:4px;font-size:.96rem;font-weight:700;letter-spacing:.4px}.home-play:hover{transform:translateY(-2px);filter:brightness(1.05)}.home-actions{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.home-action{border-radius:14px;border:0;padding:16px;font-size:2rem;font-weight:900;letter-spacing:1px;background:#1d3557;color:#ffe066;text-transform:uppercase}.home-tip{margin-top:18px;background:#fff;color:#0b7285;border-radius:10px;padding:10px 14px;width:-moz-fit-content;width:fit-content;font-weight:700;max-width:100%}.home-error{margin:10px 0 0;color:#fff0f0;font-weight:700}@media (max-width:900px){.home-card{padding:18px}.home-top{grid-template-columns:1fr}.home-player{justify-content:flex-start}}@media (max-width:620px){.home-actions,.home-login{grid-template-columns:1fr}.home-avatar{width:110px;height:110px}.home-action{font-size:1.6rem}}.lobby-shell{border:2px solid #d3f0ff;border-radius:16px;background:linear-gradient(180deg,#1295aa 0 132px,#e9eef2 132px 100%);color:#17324a;overflow:hidden}.lobby-head{display:flex;align-items:baseline;justify-content:space-between;padding:16px 18px 0;color:#f8fdff}.lobby-head h2{margin:0;font-size:2.2rem;line-height:1}.lobby-head p{margin:0;font-size:.95rem;color:#d8f4ff}.lobby-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0;gap:0;max-width:560px;margin:12px auto 0;border-radius:12px;overflow:hidden;border:2px solid rgba(8,45,63,.25)}.lobby-tabs button{border:0;border-radius:0;padding:14px 12px;font-size:1.2rem;font-weight:800;background:#15758f;color:#d4f5ff}.lobby-tabs button.active{background:#ffffff;color:#0f5e74}.lobby-body{display:grid;grid-template-columns:300px 1fr;grid-gap:10px;gap:10px;padding:12px}.lobby-sidebar{display:flex;flex-direction:column;gap:10px}.mode-card{background:#f1f4f7;border:1px solid #d9dfe6;border-radius:12px;padding:12px}.mode-card h3{margin:0;color:#5d1a59;font-size:2rem;line-height:1}.mode-card p{margin:6px 0 0;color:#5f6f7e;font-size:1.1rem}.mode-card-highlight{border:2px solid #2b95ad}.mode-btn{width:100%;margin-top:12px;border:0;border-radius:12px;background:#0f6e88;color:#fff;font-weight:900;font-size:1.05rem;padding:12px;letter-spacing:.3px}.mode-btn-create{background:#8fd600;color:#18343f}.code-row{margin-top:8px;display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.code-row input{background:#fff;color:#264054;border:1px solid #bfd0dd}.lobby-grid-wrap{background:#eef1f4;border:1px solid #d9dfe6;border-radius:12px;padding:8px;max-height:670px;overflow:auto}.lobby-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px}.room-tile{background:#f4f6f8;border:1px solid #d9dfe6;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:10px}.room-tile-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.room-tile-head h4{margin:0;color:#5d1a59;font-size:1.35rem;line-height:1}.status-playing,.status-waiting{border-radius:999px;padding:4px 8px;font-size:.74rem;font-weight:800}.status-waiting{background:#dff8e7;color:#14532d}.status-playing{background:#fce7e7;color:#7f1d1d}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.slot-dot{width:56px;height:56px;border-radius:50%;margin:0 auto;border:3px solid #c6ccd3;background:#e8ebef;box-shadow:inset 0 -8px 0 rgba(0,0,0,.03)}.slot-dot-filled{border-color:#ffd166;background:radial-gradient(circle at 50% 35%,#49a8e3 0,#21699b 72%)}.room-tile-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-tile-foot small{color:#5f6f7e;font-size:.77rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.room-tile-foot .mode-btn{margin-top:0;width:auto;padding:9px 12px;border-radius:10px;font-size:.88rem}.lobby-empty{border:1px dashed #b4c3cf;border-radius:10px;padding:18px;text-align:center;color:#536270;background:#f5f7f9}@media (max-width:1100px){.lobby-body{grid-template-columns:1fr}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.lobby-head{flex-direction:column;align-items:flex-start;gap:6px}.lobby-grid{grid-template-columns:1fr}.slot-dot{width:48px;height:48px}}.wait-shell{border:2px solid #c9f3ff;border-radius:16px;overflow:hidden;background:#e8ecef}.wait-topbar{height:84px;background:#12ceb8;color:#f4ffff;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;padding:0 10px}.wait-topbar h2{margin:0;text-align:center;font-size:clamp(1.5rem,3vw,2.7rem);line-height:1}.wait-icon,.wait-icon-btn{width:48px;height:48px;border-radius:999px;border:3px solid rgba(255,255,255,.85);display:inline-flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;background:transparent}.wait-icon{justify-self:end;font-size:1.8rem;font-family:Georgia,serif}.wait-arena{padding:22px 18px 12px}.wait-grid{position:relative;min-height:360px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px 24px;gap:16px 24px}.wait-slot{display:flex;align-items:center;gap:14px}.wait-slot:first-child{justify-self:start}.wait-slot:nth-child(2){justify-self:end}.wait-slot:nth-child(3){justify-self:start}.wait-slot:nth-child(4){justify-self:end}.wait-avatar{width:144px;height:144px;border-radius:50%;border:4px solid #b8bec5;background:radial-gradient(circle at 50% 33%,#d8dbdf 16%,transparent 17%),radial-gradient(ellipse at 50% 78%,#d9dadd 26%,transparent 27%),#eceff3}.wait-avatar-me{border-color:#ff324e;background:radial-gradient(circle at 50% 33%,#8e0010 16%,transparent 17%),radial-gradient(ellipse at 50% 78%,#9a0012 26%,transparent 27%),radial-gradient(circle at 50% 35%,#e00000 10%,#7f0000 62%)}.wait-slot-meta{display:flex;flex-direction:column;gap:3px}.wait-slot-meta strong{color:#5d1a59;font-size:1.05rem}.wait-slot-meta span{color:#6b7682;font-weight:700;font-size:.94rem}.wait-slot-meta small{border-radius:8px;background:#bcc4cc;color:#f8fbff;padding:4px 8px;width:-moz-fit-content;width:fit-content;font-size:.74rem;font-weight:800}.wait-vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:999px;background:#f2f4f6;border:2px solid #d7dde3;display:flex;align-items:center;justify-content:center;color:#b5bfc8;font-size:2rem;font-weight:900}.wait-bottom{border-top:1px solid #d4dae1;background:#d7d9dc;padding:16px 18px 18px;display:grid;grid-template-columns:1.2fr .8fr;grid-gap:18px;gap:18px}.wait-chat-panel{background:#eceef1;border-radius:12px;border:1px solid #d1d7dd;padding:12px;min-height:260px;display:flex;flex-direction:column;gap:10px}.wait-chat-list{flex:1 1;max-height:220px;overflow:auto;padding-right:4px}.wait-chat-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.wait-chat-form input{background:#fff;color:#274156;border:1px solid #bccad7}.wait-chat-form .mode-btn{margin-top:0;width:auto;padding-inline:16px}.wait-info-box{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;background:#eceef1;border-radius:12px;border:1px solid #d1d7dd;padding:14px}.wait-info-box h3{margin:0;color:#0f6e88;font-size:1.25rem}.wait-info-box p{margin:0;color:#566675;font-size:1rem}.wait-leave-btn{border:0;border-radius:14px;padding:16px 14px;margin-top:auto;font-size:clamp(1rem,1.8vw,1.3rem);font-weight:900;background:#1d3557;color:#f3fbff;text-transform:uppercase}@media (max-width:980px){.wait-grid{min-height:0;grid-template-columns:1fr}.wait-slot{justify-self:stretch!important}.wait-vs{position:static;transform:none;margin:0 auto}.wait-bottom{grid-template-columns:1fr}.wait-slot{flex-direction:row}}@media (max-width:620px){.wait-topbar{height:68px;grid-template-columns:52px 1fr 52px}.wait-icon,.wait-icon-btn{width:40px;height:40px;font-size:1.35rem;border-width:2px}.wait-arena{padding:14px 12px 8px}.wait-grid,.wait-slot{gap:10px}.wait-avatar{width:92px;height:92px;border-width:3px}.wait-slot-meta strong{font-size:.95rem}.wait-slot-meta span{font-size:.82rem}.wait-vs{width:58px;height:58px;font-size:1.4rem}.wait-bottom{padding:10px 12px 12px;gap:10px}.wait-chat-panel,.wait-info-box{min-height:0;padding:10px}.wait-chat-list{max-height:140px}.wait-chat-form{grid-template-columns:1fr}.wait-chat-form .mode-btn{width:100%}}.mesa-shell{--mesa-paper-a:#f8e2a1;--mesa-paper-b:#d2ae62;--mesa-ink:#4b2b1e;--mesa-felt-a:#2f7246;--mesa-felt-b:#17472d;border-radius:20px;overflow:hidden;border:10px solid #2d2116;background:#234f33;box-shadow:0 28px 80px rgba(0,0,0,.35);max-width:1400px;margin:0 auto}.mesa-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 14px 10px;background:linear-gradient(180deg,rgba(255,255,255,.16) 0,transparent 50%),linear-gradient(160deg,var(--mesa-paper-a),var(--mesa-paper-b));border-bottom:2px solid rgba(74,45,20,.45)}.mesa-score-main{display:flex;flex-direction:column;gap:4px;min-width:0}.mesa-score-header{display:grid;grid-template-columns:52px minmax(110px,1fr) 92px 92px 92px;grid-gap:8px;gap:8px;padding:2px 6px 8px;text-transform:uppercase;color:var(--mesa-ink);letter-spacing:.5px;font-size:.9rem;font-weight:900;text-shadow:0 1px 0 rgba(255,255,255,.35)}.mesa-scoreboard{display:flex;flex-direction:column;gap:4px}.mesa-score-row{display:grid;grid-template-columns:52px minmax(110px,1fr) 92px 92px 92px;align-items:center;grid-gap:8px;gap:8px;color:var(--mesa-ink);font-size:1rem;font-weight:800;padding:2px 6px}.mesa-rodada-dots{display:flex;align-items:center;gap:8px}.mesa-rodada-dot{width:28px;height:28px;border-radius:999px;border:3px solid rgba(73,44,29,.72);background:#efe7ca;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12)}.mesa-rodada-dot-win{background:#692933}.mesa-rodada-dot-loss{background:#9e8f67}.mesa-rodada-dot-tie{background:linear-gradient(130deg,#f0e5c7 50%,#7f6a3d 0)}.mesa-dot{width:30px;height:30px;border-radius:50%;border:3px solid rgba(84,50,24,.75);flex-shrink:0}.mesa-dot-a{background:radial-gradient(circle at 35% 30%,#ff7b65,#bc2326)}.mesa-dot-b{background:radial-gradient(circle at 35% 30%,#6cc1e8,#2a6ea0)}.mesa-score-value{justify-self:center;font-size:clamp(1.3rem,2.8vw,2.2rem);line-height:1;min-width:44px}.mesa-round-info{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#513023;font-weight:900;font-size:.8rem;letter-spacing:.2px;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 58%),linear-gradient(160deg,#efd694,#d6b167);border-top:1px solid rgba(255,255,255,.35);border-bottom:2px solid rgba(82,52,24,.4);padding:7px 10px}.mesa-round-info span{border:1px solid rgba(78,47,19,.4);border-radius:999px;padding:5px 10px;background:rgba(255,245,211,.65)}.mesa-round-chip{transition:transform .15s ease,box-shadow .15s ease}.mesa-round-chip-turn{background:#ffe26d!important;color:#17324a!important;border-color:rgba(78,47,19,.45)!important;box-shadow:0 0 0 3px rgba(255,226,109,.3)}.mesa-top-actions{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.mesa-icon-btn{width:72px;height:72px;border-radius:999px;border:4px solid rgba(74,42,22,.9);background:#f8e8ba;color:#4b2b1e;letter-spacing:.4px;font-weight:800;font-size:.82rem;padding:0}.mesa-icon-btn:hover{filter:brightness(1.04)}.mesa-icon-btn-close{font-size:1.8rem;line-height:1}.mesa-board{position:relative;min-height:560px;padding:18px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.08),transparent 35%),radial-gradient(circle at 80% 80%,rgba(0,0,0,.18),transparent 36%),repeating-radial-gradient(circle at 45% 45%,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),linear-gradient(165deg,var(--mesa-felt-a),var(--mesa-felt-b))}.mesa-board:after,.mesa-board:before{content:"";position:absolute;z-index:1;width:88px;height:88px;border-radius:12px;opacity:.72}.mesa-board:before{left:36px;top:96px;transform:rotate(-12deg);background:linear-gradient(145deg,rgba(201,167,95,.9),rgba(115,84,39,.9)),repeating-linear-gradient(45deg,rgba(58,35,14,.35) 0 6px,transparent 6px 10px)}.mesa-board:after{right:42px;bottom:116px;transform:rotate(8deg);background:radial-gradient(circle at 30% 30%,rgba(255,236,179,.7),transparent 40%),linear-gradient(150deg,rgba(137,96,42,.9),rgba(84,52,24,.9))}.mesa-inner{position:absolute;inset:78px 118px 110px;border-radius:48px;border:4px solid rgba(229,237,208,.15);background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),transparent 60%),linear-gradient(150deg,rgba(22,70,43,.35),rgba(26,84,50,.2));box-shadow:inset 0 0 0 1px rgba(7,31,19,.5)}.mesa-player{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;color:#fbf6db;text-shadow:0 1px 0 rgba(0,0,0,.35)}.mesa-player strong{font-size:.95rem;line-height:1;text-transform:uppercase;letter-spacing:.3px;background:rgba(27,17,12,.75);border:1px solid rgba(255,239,174,.25);border-radius:6px;padding:4px 7px}.mesa-player-active strong{color:#ffec85}.mesa-player-active .mesa-avatar{box-shadow:0 0 0 5px rgba(255,233,140,.42)}.mesa-player-top{top:14px;left:50%;transform:translateX(-50%);flex-direction:column}.mesa-player-left{left:20px}.mesa-player-left,.mesa-player-right{top:50%;transform:translateY(-50%);flex-direction:column}.mesa-player-right{right:20px}.mesa-player-bottom{left:50%;bottom:10px;transform:translateX(-50%)}.mesa-player-left strong,.mesa-player-right strong{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed}.mesa-avatar{width:100px;height:100px;border-radius:50%;border:4px solid #582f25;background:radial-gradient(circle at 50% 34%,#f6c961 18%,transparent 19%),radial-gradient(ellipse at 50% 80%,#e98f3e 30%,transparent 31%),radial-gradient(circle at 50% 36%,#f3dd9b 10%,#bc7234 70%);box-shadow:0 10px 18px rgba(0,0,0,.35)}.mesa-avatar.mini{width:78px;height:78px}.mesa-avatar.filled{border-color:#6a2f2a;background:radial-gradient(circle at 50% 34%,#f6d45f 18%,transparent 19%),radial-gradient(ellipse at 50% 80%,#ce5d1f 30%,transparent 31%),radial-gradient(circle at 50% 35%,#f57d44 11%,#af3c1f 70%)}.mesa-backs{display:flex;align-items:center;justify-content:center;gap:8px}.mesa-backs-left,.mesa-backs-right{flex-direction:column}.mesa-back-card{width:50px;height:70px;border-radius:8px;border:2px solid #1e3562;background:radial-gradient(circle at 45% 40%,rgba(146,181,255,.35),transparent 55%),repeating-radial-gradient(circle at 50% 50%,rgba(37,69,123,.92) 0 3px,rgba(20,40,75,.92) 3px 8px);box-shadow:0 8px 12px rgba(0,0,0,.28)}.mesa-center-stack{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,68%);min-height:230px}.mesa-vira-center{position:absolute;left:50%;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:1}.mesa-vira-center>small{color:#fff4c7;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.mesa-vira-card{width:64px;height:90px;border-radius:8px;border:2px solid #d8c087;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.8),transparent 40%),linear-gradient(165deg,#fff8df,#ebd7a4);box-shadow:0 10px 16px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:900}.mesa-vira-card span{font-size:1.9rem;line-height:1}.mesa-vira-card small{font-size:1.1rem}.mesa-turn-center{position:absolute;left:50%;top:102px;transform:translateX(-50%);color:#fffce7;font-size:.84rem;font-weight:800;border-radius:999px;background:rgba(28,21,12,.55);border:1px solid rgba(255,245,192,.3);padding:6px 12px;max-width:92%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mesa-turn-center-alert{background:rgba(255,225,105,.92);color:#17324a;border-color:rgba(74,47,16,.55);animation:mesaPulse 1s ease-in-out infinite}.mesa-truco-alert{top:136px;color:#fff3f3;font-size:.74rem;font-weight:900;border-radius:999px;background:#a11a1a;border:1px solid rgba(255,255,255,.28);padding:5px 10px;letter-spacing:.3px;animation:mesaBlink .9s ease-in-out infinite}.mesa-trick-stack,.mesa-truco-alert{position:absolute;left:50%;transform:translateX(-50%)}.mesa-trick-stack{top:160px;width:230px;min-height:122px}.mesa-table-card{position:absolute;width:76px;height:106px;border-radius:8px;border:2px solid #d8c087;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.8),transparent 45%),linear-gradient(165deg,#fff8df,#ebd7a4);color:#22374a;box-shadow:0 10px 16px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:900}.mesa-table-card span{font-size:2.2rem;line-height:1}.mesa-table-card small{font-size:1.05rem;opacity:.8}.mesa-center-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:rgba(255,252,225,.95);background:rgba(18,15,9,.46);border-radius:999px;padding:8px 14px;font-weight:700}.suit-red{color:#d7263d}.suit-black{color:#22374a}.mesa-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);grid-gap:12px;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 35%),linear-gradient(165deg,#2c5e3f,#20462f);padding:12px;border-top:2px solid rgba(230,241,204,.12)}.mesa-footer.mesa-footer-chat-hidden{grid-template-columns:1fr}.mesa-chat-panel,.mesa-hand-panel{border-radius:12px;border:1px solid rgba(228,236,197,.2);background:rgba(20,34,23,.42);padding:12px}.mesa-hand-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#f2fff2}.mesa-turn{border-radius:999px;padding:4px 10px;background:rgba(28,21,12,.5);color:#f8eec7;font-size:.82rem;font-weight:800}.mesa-turn.turn-on{background:#ffe066;color:#263f56;animation:mesaPulse 1s ease-in-out infinite}.mesa-turn.mesa-turn-pending{background:#a11a1a;color:#fff5f5;animation:mesaBlink .9s ease-in-out infinite}.mesa-hand-cards{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.mesa-play-card{min-width:76px;min-height:108px;border-radius:8px;border:2px solid #d8c087;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.82),transparent 45%),linear-gradient(165deg,#fff8df,#ebd7a4);color:#22374a;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;transition:transform .15s ease,filter .15s ease}.mesa-play-card:nth-child(odd){transform:rotate(-2deg)}.mesa-play-card:nth-child(2n){transform:rotate(2deg)}.mesa-play-card span{font-size:2.15rem;line-height:1}.mesa-play-card small{font-size:1.05rem}.mesa-play-card:not(:disabled):hover{transform:translateY(-4px) rotate(0deg);filter:brightness(1.02)}.mesa-action-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.mesa-answer-btn,.mesa-truco-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:900;letter-spacing:.2px}.mesa-truco-btn{background:linear-gradient(160deg,#f4b336,#cd7b17);color:#3a2518}.mesa-answer-btn{background:linear-gradient(160deg,#2a97b4,#1f6d87);color:#f4feff}.mesa-answer-btn.danger{background:linear-gradient(160deg,#b64844,#7b2625)}.mesa-events{margin-top:10px;max-height:140px;overflow:auto;border-radius:10px;border:1px solid rgba(255,245,189,.2);padding:8px;background:rgba(12,20,13,.3)}.mesa-suit-legend{margin:10px 0 0;color:rgba(244,255,228,.93);font-size:.78rem;line-height:1.35}.mesa-history{margin-top:10px;border-radius:10px;border:1px solid rgba(255,245,189,.2);padding:8px;background:rgba(12,20,13,.28);color:#f0fff0}.mesa-history-list{margin-top:6px;max-height:140px;overflow:auto;display:flex;flex-direction:column;gap:8px}.mesa-history-item{border-radius:8px;border:1px solid rgba(255,245,189,.15);padding:6px;background:rgba(11,18,11,.25)}.mesa-history-cards{margin-top:4px;display:flex;flex-wrap:wrap;gap:4px}.mesa-mini-card{border-radius:6px;border:1px solid rgba(216,192,135,.8);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.82),transparent 45%),linear-gradient(165deg,#fff8df,#ebd7a4);color:#22374a;padding:2px 6px;font-size:.75rem;font-weight:800}.mesa-chat-panel{color:#efffd9;display:flex;flex-direction:column;gap:8px}.mesa-chat-list{max-height:210px;overflow:auto;border-radius:10px;border:1px solid rgba(255,245,189,.2);padding:8px;background:rgba(12,20,13,.32)}.mesa-chat-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.mesa-chat-form input{background:rgba(249,252,233,.95);color:#243a2b;border:1px solid rgba(139,120,73,.7)}.mesa-chat-form .mesa-answer-btn{min-width:92px}@media (max-width:1024px){.mesa-topbar{grid-template-columns:minmax(0,1fr);gap:10px}.mesa-top-actions{justify-content:flex-end;flex-direction:row}.mesa-icon-btn{width:58px;height:58px;font-size:.7rem}.mesa-icon-btn-close{font-size:1.4rem}.mesa-footer{grid-template-columns:1fr}.mesa-board{min-height:500px}.mesa-inner{inset:96px 76px 124px}.mesa-player-left strong,.mesa-player-right strong{writing-mode:horizontal-tb}.mesa-player-left,.mesa-player-right{flex-direction:column}}@media (max-width:760px){.mesa-shell{border-width:6px;border-radius:14px}.mesa-topbar{padding:10px 10px 8px}.mesa-score-header{font-size:.7rem}.mesa-score-header,.mesa-score-row{grid-template-columns:36px minmax(80px,1fr) 58px 58px 58px;gap:6px;padding-inline:2px}.mesa-dot{width:20px;height:20px;border-width:2px}.mesa-rodada-dot{width:19px;height:19px;border-width:2px}.mesa-score-value{font-size:1.3rem}.mesa-round-info{padding:6px 8px;font-size:.72rem}.mesa-round-info span{padding:4px 8px}.mesa-icon-btn{width:50px;height:50px;border-width:3px;font-size:.62rem}.mesa-icon-btn-close{font-size:1.25rem}.mesa-board{min-height:420px;padding:8px}.mesa-inner{inset:98px 20px 120px;border-radius:26px;border-width:3px}.mesa-player strong{font-size:.76rem;max-width:92px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 6px}.mesa-avatar{width:58px;height:58px;border-width:3px}.mesa-avatar.mini{width:48px;height:48px}.mesa-back-card{width:30px;height:44px;border-radius:6px}.mesa-player-top{top:6px}.mesa-player-left{left:4px}.mesa-player-right{right:4px}.mesa-player-bottom{bottom:2px}.mesa-table-card{width:52px;height:74px;border-width:2px}.mesa-table-card span{font-size:1.5rem}.mesa-table-card small{font-size:.85rem}.mesa-hand-cards{justify-content:center;gap:6px}.mesa-play-card{min-width:56px;min-height:82px;border-width:2px}.mesa-play-card span{font-size:1.35rem}.mesa-play-card small{font-size:.78rem}.mesa-chat-form{grid-template-columns:1fr}.mesa-chat-form .mesa-answer-btn{width:100%}.mesa-center-stack{min-height:174px}.mesa-vira-card{width:46px;height:64px;border-radius:8px}.mesa-vira-card span{font-size:1.25rem}.mesa-vira-card small{font-size:.8rem}.mesa-turn-center{top:72px;font-size:.68rem;padding:4px 8px}.mesa-truco-alert{top:96px;font-size:.62rem;padding:4px 8px}.mesa-trick-stack{top:112px;width:150px}.mesa-suit-legend{font-size:.66rem}.mesa-board:after,.mesa-board:before{width:54px;height:54px;opacity:.6}.mesa-board:before{left:14px;top:92px}.mesa-board:after{right:16px;bottom:128px}.mesa-chat-list{max-height:160px}.mesa-events,.mesa-history-list{max-height:110px}}@keyframes mesaPulse{0%,to{box-shadow:0 0 0 0 rgba(255,224,102,.55)}50%{box-shadow:0 0 0 8px rgba(255,224,102,0)}}@keyframes mesaBlink{0%,to{opacity:1}50%{opacity:.6}}