:root{--ink:#233c33;--green:#173a31;--green2:#245341;--paper:#f6f4ed;--cream:#ebe7db;--gold:#e3bb78;--muted:#7e8980;--line:#e2e4da;--red:#ac4b3a;--blue:#32688e;--shadow:0 18px 60px #203e2814}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit}button{border:0}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Georgia,'Times New Roman',serif}h1{font-weight:400;letter-spacing:-2.5px;line-height:1.07}h2{font-weight:400;letter-spacing:-.7px}h3{font-size:16px}input,textarea,select{border:1px solid #d9ded3;background:#fff;padding:12px 14px;border-radius:9px;color:var(--ink);width:100%}input:focus,textarea:focus,select:focus{border-color:#508266;outline:2px solid #50826620}label{display:block;font-weight:600;font-size:12px;margin-bottom:5px}.field{margin:15px 0}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:10px 19px;border-radius:8px;font-weight:600;background:var(--green);color:#fff;text-decoration:none;transition:background .15s}.btn:hover{background:var(--green2)}.btn.gold{background:var(--gold);color:var(--green)}.btn.light{background:#edf0e8;color:var(--ink)}.btn.outline{background:transparent;color:var(--ink);border:1px solid #d0d7ca}.btn.tiny{min-height:32px;padding:6px 11px;font-size:12px}.btn.danger{background:#f7e5df;color:#963b2a}.icon-btn{background:transparent;color:var(--muted);padding:8px;border-radius:7px}.icon-btn:hover{background:#e7ebe1}.flex{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.brand{font-weight:700;font-size:22px;letter-spacing:-1px;display:flex;align-items:center;gap:11px}.brand img{width:38px;height:38px}.brand em{font-style:normal;font-weight:400}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#68a47f;margin-right:6px}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:30px;font-size:11px;background:#e9eee5;color:#456151}.avatar{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#dfe8d8;color:#3c5848;font-weight:700}.avatar.a1{background:#eddfcb;color:#957443}.avatar.a2{background:#dde6ec;color:#4b7690}.avatar.a3{background:#eadce2;color:#8e5f74}.avatar.large{width:52px;height:52px;font-size:19px}.empty{padding:30px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px}.landing{max-width:1300px;margin:auto;padding:0 5%}.landing-nav{height:102px;border-bottom:1px solid var(--line)}.landing-nav .nav-links{display:flex;gap:28px;font-size:13px;color:#68766b}.nav-links button{background:none;color:inherit}.hero{display:grid;grid-template-columns:1fr 1.04fr;gap:18px;align-items:center;min-height:610px;padding:42px 0 60px}.hero h1{font-size:clamp(44px,5vw,68px);margin:22px 0}.hero h1 i{color:#66866b;font-weight:400}.hero-copy{max-width:420px;font-size:15px;color:#7a847a;line-height:1.85}.hero-art{background:var(--green);border-radius:140px 140px 24px 24px;position:relative;height:485px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-art img{width:115%;height:100%;object-fit:contain}.hero-art.custom img{width:100%;object-fit:cover}.hero-art .corner{position:absolute;top:40px;left:38px;color:#e2d3b2;letter-spacing:3px;font-size:10px;z-index:1}.hero .actions{margin:30px 0 25px}.hero-foot{font-size:11px;display:flex;gap:22px;color:#7c887c}.mini-title{display:flex;align-items:center;gap:15px;margin-bottom:24px}.mini-title:after{content:'';height:1px;background:var(--line);flex:1}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:22px;overflow:hidden;position:relative}.game-card .art{height:95px;display:flex;align-items:center;justify-content:center;margin:12px 0 20px}.tile-mini{display:inline-flex;width:43px;height:59px;align-items:center;justify-content:center;font-weight:700;font-size:29px;background:#fff7e7;border:1px solid #ddd0b4;border-bottom:5px solid #dacdb3;border-radius:6px;color:var(--red);box-shadow:0 5px 9px #273f3310;margin-left:-2px;transform:rotate(-8deg)}.tile-mini:nth-child(2){transform:translateY(-10px) rotate(2deg)}.tile-mini:nth-child(3){transform:rotate(10deg)}.game-card:nth-child(2) .tile-mini{color:var(--blue)}.card-mini{font-family:Georgia;font-size:35px;width:50px;height:70px;border-radius:6px;background:#fff9ef;border:1px solid #dbcdb3;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0001;transform:rotate(-12deg)}.card-mini+.card-mini{transform:translateY(-9px) rotate(12deg);margin-left:-7px;color:var(--red)}.game-card p{color:var(--muted);font-size:12px;margin:8px 0 16px}.game-card .game-bottom{display:flex;align-items:center;justify-content:space-between}.landing .game-grid{margin-bottom:48px}.welcome-strip{background:#e9ede3;border-radius:12px;padding:28px 34px;margin:30px 0 45px;display:flex;align-items:center;justify-content:space-between;gap:25px}.welcome-strip h2{font-size:25px}.welcome-strip p{margin-top:7px;color:#7b877b;font-size:13px}.footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;justify-content:space-between;gap:16px;color:#8b9287;font-size:11px}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{background:#f1f0e8;border-right:1px solid var(--line);padding:28px 21px;display:flex;flex-direction:column;gap:25px;position:fixed;width:238px;height:100vh;z-index:20}.sidebar .brand{font-size:21px}.sidebar .brand img{width:33px;height:33px}.sidebar-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#89917f;margin-bottom:9px}.side-link{display:flex;width:100%;align-items:center;gap:12px;padding:11px 12px;background:none;color:#7b8577;text-align:left;border-radius:8px;margin:3px 0;font-size:13px}.side-link .symbol{font-size:17px;display:inline-flex;width:18px;justify-content:center}.side-link:hover{background:#e9ebe0}.side-link.active{background:var(--green);color:#fff}.side-link .lock{font-size:11px;margin-left:auto}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:19px}.profile-name{font-size:12px;font-weight:700;max-width:128px;overflow:hidden;text-overflow:ellipsis}.profile-role{font-size:10px;color:var(--muted)}.main{grid-column:2;min-width:0}.topbar{height:83px;padding:0 38px;border-bottom:1px solid var(--line);background:#f9f8f2;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:12px;color:#899181}.topbar .status{font-size:11px;color:#7e897d}.content{padding:32px 38px 45px;max-width:1530px;margin:auto}.salon-banner{display:grid;grid-template-columns:1.3fr 1fr;background:var(--green);color:#fff8e9;border-radius:17px;min-height:232px;overflow:hidden;margin-bottom:31px}.salon-banner .copy{padding:34px 36px}.salon-banner h1{font-size:41px;margin:12px 0 14px;letter-spacing:-1.5px}.salon-banner p{color:#b2c4b5;font-size:12px;max-width:310px}.salon-banner .btn{margin-top:20px}.salon-banner .art{position:relative;max-height:255px}.salon-banner .art img{height:120%;width:100%;object-fit:contain;transform:translateY(-12px)}.salon-banner .art.custom img{height:100%;object-fit:cover;transform:none}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 18px}.section-head h2{font-size:25px}.section-head .muted{font-size:11px}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:24px}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:21px}.room-card{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #edf0e8;gap:12px}.room-card:last-child{border:0}.room-icon{width:42px;height:42px;border-radius:11px;background:#eef1e9;display:flex;align-items:center;justify-content:center;font-size:22px;color:#6c836b}.room-name{font-size:13px;font-weight:700}.room-desc{font-size:11px;color:var(--muted);margin-top:4px}.online-person{display:flex;gap:11px;align-items:center;padding:9px 0}.online-person .dot{margin-left:auto}.online-person .nick{font-size:12px;overflow:hidden;text-overflow:ellipsis}.note-card{background:#eaece1;padding:22px;border-radius:12px;margin-top:18px}.note-card h3{font-family:Georgia;font-size:19px;font-weight:400;margin-bottom:9px}.note-card p{font-size:11px;line-height:1.8;color:#7f8a78}.table-list{display:grid;gap:12px}.table-row{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px}.table-row .table-data{flex:1}.table-row .avatars{display:flex}.table-row .avatars .avatar{margin-left:-7px;border:2px solid white;width:29px;height:29px;font-size:10px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.filter{background:#eaece3;color:#6f7d6b;border-radius:30px;padding:8px 15px;font-size:11px}.filter.active{background:var(--green);color:white}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:20px}.chat-box{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.chat-head{padding:20px 24px;border-bottom:1px solid var(--line)}.chat-head h2{font-size:23px}.messages{height:calc(100vh - 300px);min-height:320px;max-height:640px;overflow:auto;padding:24px;scroll-behavior:smooth}.message{display:flex;gap:12px;margin:17px 0}.message .avatar{width:31px;height:31px;font-size:11px}.message-content{max-width:83%}.message-meta{display:flex;gap:9px;align-items:center;font-size:11px;margin-bottom:5px}.message-meta strong{font-weight:700}.message-meta time{color:#a3ab9b;font-size:10px}.message-bubble{background:#f2f4ee;padding:9px 13px;border-radius:0 12px 12px 12px;color:#4b5b4e;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.message.mine .message-bubble{background:#e6eee2}.chat-compose{display:flex;gap:10px;padding:15px 20px;border-top:1px solid var(--line)}.chat-compose input{background:#f8f9f4;border:0}.chat-compose .btn{min-width:65px}.chat-notice{font-size:10px;color:#929b88;text-align:center;margin:0 0 20px}.board-wrap{background:var(--green);padding:26px;border-radius:17px;color:#ececda;margin-top:18px}.board-wrap .board-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.board-wrap .board-top .muted{color:#a7bfab}.players{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.seat{padding:13px 10px;border:1px solid #ffffff24;border-radius:9px;display:flex;gap:9px;align-items:center;font-size:12px;overflow:hidden}.seat.turn{border-color:var(--gold);background:#ffffff08}.seat .muted{font-size:10px;color:#a8bcac}.seat .avatar{width:29px;height:29px;font-size:10px}.seat strong{max-width:120px;display:block;overflow:hidden;text-overflow:ellipsis}.table-felt{min-height:205px;border:1px dashed #fff2;border-radius:90px;background:radial-gradient(ellipse,#36634733,transparent);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;gap:17px;position:relative}.table-felt .board-label{color:#abc0ad;font-size:11px}.board-stack{display:flex;align-items:center;gap:17px}.game-info{display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:11px;color:#b3c6b6;margin:17px 0}.game-info strong{color:var(--gold)}.hand-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:22px 0 12px}.rack{display:flex;gap:5px;flex-wrap:wrap;background:#6f5137;border:8px solid #896444;border-bottom:13px solid #b28b5e;padding:10px 9px 4px;border-radius:8px}.tile{position:relative;min-width:39px;width:39px;height:59px;border:1px solid #d6c8ac;border-bottom:5px solid #d6c8ac;border-radius:5px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#fff8e8;color:#273a32;font-size:25px;font-weight:700;flex-shrink:0;padding:0;transition:transform .1s}.tile.c0{color:#c45143}.tile.c1{color:#34739b}.tile.c2{color:#303c35}.tile.c3{color:#c19129}.tile small{font-size:8px;margin-top:-3px;opacity:.75}.tile.joker{border-color:#e1b955}.tile.selected{transform:translateY(-9px);outline:3px solid var(--gold)}.playing-card{min-width:68px;width:68px;height:98px;position:relative;border-radius:7px;border:1px solid #dbcdb3;background:#fff9ef;color:#263c32;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia;font-size:33px;flex-shrink:0;padding:0;box-shadow:0 3px 6px #0002}.playing-card.red{color:#ba4b42}.playing-card .rank{position:absolute;left:7px;top:6px;font-size:17px;line-height:1}.playing-card .rank.bottom{left:auto;top:auto;right:7px;bottom:6px;transform:rotate(180deg)}.playing-card.back{background:repeating-linear-gradient(45deg,#e3bb78,#e3bb78 3px,#d7ad67 3px,#d7ad67 6px);border:5px solid #f5ebd3;color:#41614c;font-size:20px}.playing-card.selected{outline:3px solid var(--gold);transform:translateY(-8px)}.card-hand{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px}.game-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.game-actions .btn.light{background:#fff1;color:#e7eedf;border:1px solid #fff2}.game-log{margin-top:18px;border-radius:8px;background:#fff1;padding:12px 16px;display:flex;gap:12px;font-size:11px;color:#bacbbc;overflow:hidden}.game-log span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.waiting{padding:28px 14px;text-align:center}.waiting h2{color:var(--gold);font-size:26px;margin-bottom:10px}.waiting p{color:#b3c6b6;font-size:13px}.waiting .btn{margin-top:23px}.meld-list{display:flex;flex-wrap:wrap;gap:13px;justify-content:center}.meld-group{background:#ffffff0b;border:1px solid #fff2;padding:9px;border-radius:8px;display:flex;gap:3px;align-items:center;flex-wrap:wrap;max-width:100%}.meld-group .tile{min-width:27px;width:27px;height:40px;font-size:18px}.meld-group .btn{margin-left:8px}.stage-groups{margin:17px 0;padding:13px;border-radius:9px;background:#e3bb7817}.stage-groups p{font-size:11px;color:#dfca9e;margin-bottom:10px}.stage-groups .tile{width:30px;min-width:30px;height:44px;font-size:20px}.result-banner{background:#e3bb78;color:var(--green);padding:22px;border-radius:11px;text-align:center;margin:17px 0}.result-banner h2{font-size:27px;margin-bottom:8px}.result-banner p{font-size:12px}dialog{border:1px solid #dedfce;background:var(--paper);border-radius:18px;padding:35px;width:min(480px,calc(100vw - 28px));max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 30px 100px #102c3240}dialog::backdrop{background:#162f277d;backdrop-filter:blur(4px)}dialog.wide{width:min(790px,calc(100vw - 28px))}.modal-close{position:absolute;right:12px;top:10px;width:29px;height:29px;background:transparent;border-radius:50%;color:#798675;font-size:23px}.modal-heading{font-size:33px;margin:8px 0 10px}.modal-subtitle{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:22px}.auth-tabs{display:flex;gap:5px;background:#e9ede3;border-radius:9px;padding:4px;margin:24px 0}.auth-tabs button{flex:1;padding:10px;border-radius:7px;background:none;color:#798575;font-size:12px}.auth-tabs button.active{background:white;color:var(--ink);box-shadow:0 2px 5px #0001}.error-text{color:#a64132;font-size:12px;min-height:18px;margin:12px 0}.full{width:100%}.auth-foot{font-size:10px;color:#87917f;line-height:1.8;text-align:center;margin-top:15px}.admin-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.admin-row h3{font-size:13px}.admin-row .muted{font-size:11px}.member-checks{max-height:210px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px}.check-row{display:flex;align-items:center;gap:9px;padding:7px;font-size:12px;font-weight:400;margin:0}.check-row input{width:16px;height:16px;margin:0}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-preview{max-height:190px;max-width:100%;border-radius:10px;margin:15px 0}.rules{font-size:12px;color:#6f7e6c;line-height:1.9}.rules p{margin:12px 0}.rules h3{color:var(--ink);margin-top:18px}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);max-width:90%;background:#1d4135;color:#fff7e6;border-radius:9px;padding:13px 20px;box-shadow:var(--shadow);font-size:12px;z-index:1000;display:none}.mobile-menu{display:none}.reconnect{background:#f3e8ce;color:#86673a;padding:9px 20px;text-align:center;font-size:11px}.search-box{margin:12px 0}button:focus-visible,a:focus-visible{outline:3px solid #99b886}body.no-scroll{overflow:hidden}@media(min-width:1500px){.content{padding:40px 60px}.salon-banner{min-height:285px}.salon-banner .art{max-height:295px}.salon-banner .copy{padding:45px}.salon-banner h1{font-size:48px}}@media(max-width:1100px){.shell{grid-template-columns:208px 1fr}.sidebar{width:208px;padding:25px 17px}.content{padding:25px}.topbar{padding:0 25px}.home-columns{grid-template-columns:1fr 220px;gap:17px}.game-card{padding:17px}.game-card .art{height:78px}.chat-layout{grid-template-columns:1fr}.chat-layout>aside{display:none}.players{grid-template-columns:repeat(2,1fr)}.salon-banner h1{font-size:35px}.home-columns .game-grid{gap:10px}.hero-art{height:440px}}@media(max-width:850px){.home-columns{grid-template-columns:1fr}.home-columns>aside{display:none}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:47px}.hero-art{height:410px;border-radius:110px 110px 20px 20px}.hero-foot{gap:10px;font-size:10px}.table-row .avatars{display:none}.brand{font-size:20px}}@media(max-width:680px){.landing{padding:0 22px}.landing-nav{height:80px}.landing-nav .nav-links{display:none}.landing-nav .btn{padding:8px 11px;min-height:36px;font-size:11px}.landing-nav .brand{font-size:19px;gap:7px}.landing-nav .brand img{width:30px;height:30px}.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.hero h1{font-size:51px;letter-spacing:-2px}.hero-copy{font-size:14px}.hero-art{height:340px;border-radius:95px 95px 18px 18px}.game-grid{grid-template-columns:1fr}.landing .game-grid{grid-template-columns:repeat(3,1fr);gap:8px}.landing .game-card{padding:12px}.landing .game-card .art{height:75px}.landing .game-card h3{font-size:14px}.landing .game-card p{min-height:50px;font-size:10px}.landing .game-card .game-bottom{flex-direction:column;gap:10px;align-items:start}.landing .game-card .tile-mini{width:25px;height:39px;font-size:19px}.landing .game-card .card-mini{width:31px;height:48px;font-size:24px}.welcome-strip{padding:23px;display:block}.welcome-strip .btn{margin-top:17px}.footer{flex-direction:column}.shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:238px}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #173a3155}.main{width:100%}.topbar{height:68px;padding:0 18px;position:sticky;top:0;z-index:15}.mobile-menu{display:block;font-size:18px}.content{padding:21px 17px}.topbar .status{font-size:10px}.topbar .btn{font-size:10px;padding:6px 9px}.salon-banner{grid-template-columns:1.2fr 1fr;min-height:218px}.salon-banner .copy{padding:24px}.salon-banner h1{font-size:31px}.salon-banner .copy p{font-size:11px}.salon-banner .art img{width:145%;max-width:none;margin-left:-25%}.salon-banner .art{max-height:240px}.salon-banner .btn{font-size:11px;padding:8px 13px}.home-columns .game-grid{grid-template-columns:repeat(3,1fr)}.home-columns .game-card{padding:12px}.home-columns .game-card h3{font-size:13px}.home-columns .game-card .art{height:65px;margin:5px 0 10px}.home-columns .tile-mini{width:24px;height:36px;font-size:18px}.home-columns .card-mini{width:30px;height:44px;font-size:23px}.home-columns .game-card p{font-size:10px;min-height:45px}.home-columns .game-bottom{flex-direction:column;align-items:start;gap:10px}.home-columns .btn.tiny{padding:5px 8px;font-size:10px}.section-head h2{font-size:23px}.section-head .muted{font-size:10px}.table-row{padding:14px;gap:10px}.table-row .room-icon{display:none}.table-row .btn{padding:6px 10px;font-size:11px}.chat-head{padding:17px}.messages{padding:16px;height:calc(100dvh - 275px);max-height:none;min-height:300px}.chat-compose{padding:12px}.chat-compose input{font-size:12px}.board-wrap{padding:16px 12px}.board-wrap .board-top h2{font-size:23px}.seat{padding:9px;gap:7px;font-size:11px}.seat .avatar{width:25px;height:25px}.table-felt{border-radius:32px;min-height:180px;padding:18px 10px}.rack{gap:3px;border-width:5px;border-bottom-width:10px;padding:9px 5px 3px}.tile{min-width:32px;width:32px;height:49px;font-size:21px}.game-actions .btn{padding:8px 12px;font-size:11px}.game-info{gap:12px;font-size:10px}.playing-card{min-width:58px;width:58px;height:84px}.admin-row{flex-wrap:wrap}.form-cols{grid-template-columns:1fr}.modal-heading{font-size:29px}dialog{padding:28px 23px}.hand-title{flex-wrap:wrap;gap:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

[hidden]{display:none!important}

/* TheRespect — Crimson Citadel theme */
:root{--ink:#efe1c1;--green:#160b0b;--green2:#852326;--paper:#0d0a0a;--cream:#17110f;--gold:#d0a25b;--muted:#a59683;--line:#c58a4438;--red:#9b2729;--blue:#6a8294;--shadow:0 24px 70px #0009}
html{background:#080606}body{color:var(--ink);background:radial-gradient(circle at 80% 8%,#39150f 0,transparent 28%),linear-gradient(160deg,#0a0808 0%,#15100e 46%,#090707 100%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(115deg,#fff0 0 24px,#d5a76c08 25px,#fff0 26px 62px);opacity:.35}
input,textarea,select{border-color:#6b4a303d;background:#120e0d;color:#f1dfbe;box-shadow:inset 0 1px 0 #fff1}input::placeholder,textarea::placeholder{color:#796d61}input:focus,textarea:focus,select:focus{border-color:#c08a4f;outline:2px solid #c08a4f22}
.btn{border:1px solid #dfb66b66;border-radius:3px;background:linear-gradient(180deg,#992b2e,#5d1014);color:#fff2d7;box-shadow:0 8px 22px #0007,inset 0 1px 0 #ffd6a13b;text-transform:uppercase;letter-spacing:.8px;font-size:11px}.btn:hover{background:linear-gradient(180deg,#b23938,#75161a);border-color:#f1c779}.btn.gold{background:linear-gradient(180deg,#e1bd79,#9a6128);border-color:#f1d299;color:#1b0c09}.btn.light{background:#231816;color:#e3ceb0;border:1px solid #946b3a55}.btn.light:hover{background:#38221d}.btn.outline{background:#100b0aaa;color:#e7cca3;border:1px solid #c2925575}.btn.danger{background:#431012;color:#f4bab0;border-color:#973a38}.icon-btn{color:#b5a28c}.icon-btn:hover{background:#ffffff0a;color:#e6c589}
.brand{display:flex;align-items:center}.brand .brand-wordmark{display:block;width:238px;height:94px;object-fit:contain;filter:drop-shadow(0 4px 10px #000)}
.dot{background:#d0a25b;box-shadow:0 0 12px #d89338}.pill{background:#2a1915;color:#e0bd82;border:1px solid #9f653d55}.avatar{background:linear-gradient(145deg,#7b2723,#31120f);color:#f6d59f;border:1px solid #b4774570}.avatar.a1{background:linear-gradient(145deg,#875020,#35200f);color:#f0cf91}.avatar.a2{background:linear-gradient(145deg,#4e6472,#1d252a);color:#d8e6ea}.avatar.a3{background:linear-gradient(145deg,#784455,#2d1720);color:#f0ccd7}.empty{border-color:#b2844b44;background:#120d0c;color:#9f9080}
.landing{max-width:none;padding:0;background:#0b0808}.landing-nav{position:absolute;top:0;left:0;width:100%;height:122px;padding:0 clamp(24px,5vw,82px);z-index:5;border-bottom:1px solid #e3ba6d2b;background:linear-gradient(180deg,#080606e8,#08060683 70%,transparent);backdrop-filter:blur(3px)}.landing-nav .nav-links{color:#d1bfa7}.nav-links button{color:inherit;text-transform:uppercase;letter-spacing:1.5px;font-size:10px}.landing-nav .icon-btn{color:#ddc8a9}
.hero{position:relative;display:block;min-height:760px;padding:205px clamp(28px,7vw,120px) 110px;overflow:hidden;border-bottom:1px solid #c9944e4a;background:#080606}.hero-content{position:relative;z-index:2;max-width:650px}.hero-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;border-radius:0;background:#070505;overflow:hidden}.hero-art img,.hero-art.custom img{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080606fa 0%,#0b0806d9 27%,#0a070678 52%,#07050510 77%),linear-gradient(0deg,#090606e8 0%,transparent 35%,#08060662 100%)}.hero-art .corner{top:auto;bottom:38px;left:auto;right:5vw;color:#d5ae72;letter-spacing:4px;opacity:.75}.hero .eyebrow{color:#d6ac6f;text-shadow:0 2px 8px #000}.hero h1{font-size:clamp(58px,7vw,92px);margin:25px 0 22px;color:#f2dfbc;letter-spacing:-3px;text-shadow:0 5px 24px #000;line-height:.97}.hero h1 i{color:#d8a45d;font-weight:400}.hero-copy{max-width:520px;color:#c5b39e;font-size:16px;line-height:1.9;text-shadow:0 2px 8px #000}.hero .actions{margin:34px 0 28px}.hero .actions .icon-btn{color:#d4c0a6}.hero-foot{color:#ad9982;gap:28px}.hero-foot span{white-space:nowrap}
#games-preview{width:min(1220px,90%);margin:0 auto;padding:70px 0 10px}.mini-title:after{background:linear-gradient(90deg,#bf874a55,transparent)}.landing .game-grid{margin-bottom:58px}.game-card{border-color:#a9763e42;border-radius:5px;background:linear-gradient(145deg,#1d1411 0%,#100c0b 68%,#27130f 100%);box-shadow:0 18px 45px #0005,inset 0 1px 0 #fff1;transition:transform .2s,border-color .2s}.game-card:before{content:"";position:absolute;inset:0;border:1px solid #f5d28c08;pointer-events:none}.game-card:hover{transform:translateY(-4px);border-color:#d3a45c88}.game-card h3{color:#f0d9b2;font-family:Georgia,serif;font-size:21px}.game-card p{color:#9f9180}.game-card .eyebrow{color:#ca9e60}.tile-mini{background:#e8d9b9;border-color:#7e5d38;border-bottom-color:#8b623a;color:#982728;box-shadow:0 8px 18px #0008}.game-card:nth-child(2) .tile-mini{color:#456d83}.card-mini{background:#eadbbd;border-color:#815e39;box-shadow:0 8px 18px #0008}.welcome-strip{width:min(1220px,90%);margin:45px auto;background:linear-gradient(100deg,#451316,#1b0e0d 48%,#100b0a);border:1px solid #b87c3e55;border-radius:5px;padding:34px 40px;box-shadow:var(--shadow)}.welcome-strip h2{color:#f0d8ae}.welcome-strip p{color:#ae9a84}.footer{width:min(1220px,90%);margin:auto;border-color:#b47c3e38;color:#837568}
.shell{background:#0c0909}.sidebar{background:linear-gradient(180deg,#120b0a,#0a0707 70%);border-right-color:#ae793b42;box-shadow:8px 0 40px #0005}.sidebar .brand .brand-wordmark{width:195px;height:80px;margin:-18px 0 -5px}.sidebar-label{color:#a98253}.side-link{color:#9f8c79;border:1px solid transparent}.side-link:hover{background:#2b1715;color:#dbc4a4;border-color:#7e4d302f}.side-link.active{background:linear-gradient(90deg,#7d1b20,#391012);color:#f6dfba;border-color:#c58e4e6b;box-shadow:inset 3px 0 #d6a55d,0 10px 25px #0005}.sidebar-bottom{border-color:#9e6d393d}.profile-role{color:#9b8168}
.main{background:radial-gradient(circle at 92% 4%,#30120e55,transparent 28%),#0d0a0a}.topbar{background:#110d0ce8;border-color:#9e713d3c;backdrop-filter:blur(10px)}.breadcrumb{color:#867769}.topbar .status{color:#a8927a}.content{max-width:1510px}
.salon-banner{position:relative;grid-template-columns:1fr 1.25fr;min-height:315px;border:1px solid #b57b3e5a;border-radius:5px;background:#160d0c;box-shadow:var(--shadow)}.salon-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#130b0b 2%,#160b0be8 42%,transparent 76%);pointer-events:none}.salon-banner .copy{position:relative;z-index:2;padding:45px 46px}.salon-banner .copy .eyebrow{color:#d4a45f}.salon-banner h1{color:#f1d9b2;font-size:46px;text-shadow:0 4px 18px #000}.salon-banner p{color:#b5a18a}.salon-banner .art{position:absolute;inset:0 0 0 30%;max-height:none}.salon-banner .art img,.salon-banner .art.custom img{width:100%;height:100%;object-fit:cover;object-position:center}.section-head h2{color:#e8d0a9}.panel,.table-row,.chat-box{background:linear-gradient(145deg,#18110f,#100c0b);border-color:#a5713d42;border-radius:5px;box-shadow:0 14px 38px #0004}.room-card{border-color:#8d65393b}.room-icon{background:#351916;color:#d4a664;border:1px solid #a56f3e4d}.room-name{color:#e8d4b4}.room-desc{color:#8f8174}.note-card{background:linear-gradient(145deg,#421417,#1c0e0d);border:1px solid #a9673b4c}.note-card h3{color:#e9c88e}.note-card p{color:#a9937c}.online-person .dot{background:#c59a58}
.filter{background:#241714;color:#aa9680;border:1px solid #825c3538}.filter.active{background:linear-gradient(180deg,#8c2528,#531316);color:#f4dfbd;border-color:#bd864a}.chat-head,.chat-compose{border-color:#8e663b3d}.messages{background:linear-gradient(180deg,#0e0b0a,#130d0c)}.message-bubble{background:#211815;color:#cbb9a2;border:1px solid #84613b2d}.message.mine .message-bubble{background:#3a1717;border-color:#9e553b4d}.chat-compose input{background:#0e0b0a}.chat-notice{color:#84766a}
.board-wrap{background:radial-gradient(circle at 50% 45%,#321815 0,#130c0b 58%,#090707 100%);border:1px solid #b47f454f;border-radius:6px;box-shadow:var(--shadow)}.seat{border-color:#a47a4c40;background:#160f0e}.seat.turn{border-color:#d4a75e;background:#4c1b18;box-shadow:0 0 20px #a8492635}.table-felt{border-color:#c38c4a33;background:radial-gradient(ellipse,#6b291f2e,transparent 67%)}.rack{background:#3d271b;border-color:#6a4227;border-bottom-color:#8e6037}.game-log{background:#210f0f;color:#b9a289}.playing-card.back{background:repeating-linear-gradient(45deg,#68191c,#68191c 3px,#3d0d10 3px,#3d0d10 6px);border-color:#d9b36f;color:#e5c181}.result-banner{background:linear-gradient(135deg,#d6ab66,#875024);color:#1b0c08}
dialog{background:radial-gradient(circle at top right,#37140f,#140f0d 42%,#0c0908);border-color:#b17c434f;color:#e9d6b8;box-shadow:0 35px 110px #000d}dialog::backdrop{background:#050303d9;backdrop-filter:blur(7px)}.auth-tabs{background:#1d1412}.auth-tabs button{color:#a28e77}.auth-tabs button.active{background:#53171a;color:#f2dbb5;box-shadow:none}.modal-heading{color:#ecd2a7}.modal-subtitle,.rules{color:#a8947c}.rules h3{color:#e7c896}.admin-tabs{border-color:#8f643a3d}.admin-row{border-color:#86603936}.member-checks{background:#0f0c0b;border-color:#815c3639}.hero-preview{border:1px solid #a7743d55}
#toast{background:#5f171b;color:#f5ddbb;border:1px solid #c68f4b;box-shadow:0 20px 60px #000b}.reconnect{background:#43201a;color:#e6c79a}
@media(max-width:850px){.brand .brand-wordmark{width:190px;height:76px}.hero{min-height:700px;padding-top:180px}.hero-art img,.hero-art.custom img{object-position:58% center}.hero-art:after{background:linear-gradient(90deg,#070505f5,#090606c4 55%,#0705053b),linear-gradient(0deg,#080606e5,transparent 50%)}.hero h1{font-size:60px}.salon-banner{grid-template-columns:1fr}.salon-banner .art{left:20%}.salon-banner:after{background:linear-gradient(90deg,#120b0bf5,#140b0bd1 50%,transparent)}}
@media(max-width:680px){.landing-nav{height:92px;padding:0 18px}.landing-nav .brand .brand-wordmark{width:155px;height:68px}.landing-nav>.flex{gap:4px}.landing-nav .icon-btn{font-size:10px;padding:5px}.landing-nav .btn{padding:7px 9px}.hero{min-height:690px;padding:145px 23px 60px;display:flex;align-items:flex-end}.hero-content{width:100%}.hero-art img,.hero-art.custom img{object-position:65% center}.hero-art:after{background:linear-gradient(90deg,#080606df,#08060694),linear-gradient(0deg,#070505fc 0%,#080606d6 45%,#0705052e 88%)}.hero h1{font-size:49px;letter-spacing:-2px}.hero-copy{font-size:13px;max-width:390px}.hero-foot{flex-wrap:wrap;gap:7px 15px}.hero .actions{flex-wrap:wrap}.hero-art .corner{display:none}#games-preview{width:calc(100% - 34px);padding-top:45px}.landing .game-grid,.home-columns .game-grid{grid-template-columns:1fr}.landing .game-card,.home-columns .game-card{padding:20px}.landing .game-card .art,.home-columns .game-card .art{height:92px}.landing .game-card p,.home-columns .game-card p{min-height:auto;font-size:12px}.landing .game-card .game-bottom,.home-columns .game-card .game-bottom{flex-direction:row;align-items:center}.landing .game-card .tile-mini,.home-columns .tile-mini{width:42px;height:58px;font-size:28px}.landing .game-card .card-mini,.home-columns .card-mini{width:49px;height:69px;font-size:34px}.welcome-strip,.footer{width:calc(100% - 34px)}.welcome-strip{padding:24px}.sidebar{background:#0d0908}.sidebar.open{box-shadow:0 0 0 100vmax #050303c7}.topbar{background:#0f0b0bee}.salon-banner{min-height:275px}.salon-banner .copy{padding:28px 24px}.salon-banner h1{font-size:34px}.salon-banner .art{left:0}.salon-banner .art img{margin:0;width:100%;object-position:67% center}.salon-banner:after{background:linear-gradient(90deg,#120b0bf4,#120b0ba6 80%,transparent)}dialog{background:#130e0c}}

/* Live voice and professional game tables */
#voice-audio{display:none}
.voice-join{min-height:36px;padding:7px 12px;background:linear-gradient(180deg,#34231d,#1c1311);white-space:nowrap}
.voice-join.active{background:linear-gradient(180deg,#27624d,#143629);border-color:#65b88f;box-shadow:0 0 0 1px #65b88f25,0 8px 24px #0008}
.voice-join .mic-icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;background:#d4a65d;color:#1b0e0a;font-size:9px;box-shadow:0 0 12px #d3a45d55}
.voice-join.active .mic-icon{background:#66c79b;box-shadow:0 0 14px #55d0927d}
.voice-count{min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:#ffffff12;display:inline-flex;align-items:center;justify-content:center;font-size:9px}
.room-voice-strip{min-height:38px;padding:9px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid #8e663b3d;background:linear-gradient(90deg,#251310,#120d0c);font-size:10px;color:#978576}
.room-voice-strip>span:first-child{color:#d5b785;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.sound-wave{display:inline-block;width:14px;height:10px;margin-right:8px;background:linear-gradient(90deg,transparent 0 8%,#d2a35e 8% 18%,transparent 18% 28%,#d2a35e 28% 43%,transparent 43% 53%,#d2a35e 53% 73%,transparent 73% 83%,#d2a35e 83% 93%,transparent 93%);vertical-align:-1px}
.voice-badge{margin-left:auto;font-size:9px;color:#70c99f;text-transform:uppercase;letter-spacing:.7px}
.voice-dock{position:fixed;right:24px;bottom:24px;width:320px;z-index:90;border:1px solid #c18b4e76;background:linear-gradient(155deg,#211410f5,#0b0808f8);box-shadow:0 25px 80px #000d,inset 0 1px #fff1;backdrop-filter:blur(16px);color:#e8d4b4}
.voice-dock:before{content:"";position:absolute;inset:4px;border:1px solid #e5ba730e;pointer-events:none}
.voice-dock-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #a876403d}.voice-dock-head>div{display:grid;gap:3px}.voice-dock-head .eyebrow{color:#b58b53}.voice-dock-head strong{font-family:Georgia,serif;font-size:16px;font-weight:400}.voice-live{font-size:8px;letter-spacing:1.2px;color:#6bc89e}.voice-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5fd196;box-shadow:0 0 11px #5fd196;margin-right:5px}
.voice-people{padding:8px 16px;max-height:205px;overflow:auto}.voice-person{height:44px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff0a;font-size:11px}.voice-person:last-child{border:0}.voice-person .avatar{width:29px;height:29px;font-size:9px}.voice-person>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-person .level{height:17px;display:flex;align-items:end;gap:2px}.voice-person .level b{display:block;width:2px;height:5px;background:#715e4c;transition:.1s}.voice-person .level b:nth-child(2){height:10px}.voice-person .level b:nth-child(3){height:15px}.voice-person.speaking .avatar{box-shadow:0 0 0 2px #65d49b,0 0 18px #42b87c}.voice-person.speaking .level b{background:#65d49b;animation:voiceBars .45s ease-in-out infinite alternate}.voice-person.speaking .level b:nth-child(2){animation-delay:.12s}.voice-person.speaking .level b:nth-child(3){animation-delay:.24s}.voice-person.muted-mic{opacity:.56}
@keyframes voiceBars{to{height:3px}}
.voice-controls{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a876403d}.voice-control{padding:13px;background:#170e0c;color:#d2b992;border-right:1px solid #a876403d;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.voice-control:last-child{border:0}.voice-control:hover{background:#291512}.voice-control.danger,.voice-control.leave{color:#e59a8c}.voice-control span{margin-left:5px}

.table-nav{margin-bottom:12px}.pro-board{position:relative;padding:26px 28px 24px;overflow:hidden;background:radial-gradient(circle at 50% 38%,#421b16 0,#170d0c 48%,#090706 100%)}.pro-board:before{content:"";position:absolute;inset:7px;border:1px solid #d3a25918;pointer-events:none}.pro-board .board-top{position:relative;z-index:4;padding-bottom:17px;border-bottom:1px solid #ae7a403b}.pro-board .board-top h2{font-size:29px;color:#f0d8b1;margin-top:3px}.board-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.close-table{color:#c69468!important;font-size:18px}.match-state{margin-top:8px;color:#927e6d;font-size:10px;text-transform:uppercase;letter-spacing:1px}.match-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6c5b4c;margin-right:7px}.match-state i.live{background:#70c79b;box-shadow:0 0 10px #5fc18e}
.game-stage{height:530px;position:relative;margin:22px 0 12px;isolation:isolate}.arena-ring{position:absolute;inset:54px 104px;border:1px solid #c8914930;border-radius:48%;background:radial-gradient(ellipse at center,#6f302524 0,#1b100e 63%,#080606 100%);box-shadow:inset 0 0 85px #0009,0 0 0 7px #080605,0 0 0 8px #a9783e38}.arena-ring:before{content:"THERESPECT  •  SAYGI MASADA BAŞLAR  •  THERESPECT";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72%;text-align:center;color:#b8844230;font-family:Georgia,serif;font-size:12px;letter-spacing:4px;line-height:1.7}
.table-surface{position:absolute;z-index:2;inset:112px 177px;border:1px solid #c68d4844;border-radius:46%;background:radial-gradient(ellipse,#4a231c 0,#21100e 68%,#120a09 100%);box-shadow:inset 0 0 48px #000a,0 18px 48px #0008;display:flex;align-items:center;justify-content:center;padding:38px 60px}.table-surface:after{content:"";position:absolute;inset:12px;border:1px dashed #bd88442c;border-radius:46%;pointer-events:none}
.game-seat{position:absolute;z-index:4;width:215px;padding:10px 12px;border:1px solid #9d704139;background:linear-gradient(135deg,#201310ed,#100b09f5);box-shadow:0 10px 28px #0008;transition:.2s}.game-seat.north{top:0;left:50%;transform:translateX(-50%)}.game-seat.south{bottom:0;left:50%;transform:translateX(-50%)}.game-seat.east{right:0;top:50%;transform:translateY(-50%)}.game-seat.west{left:0;top:50%;transform:translateY(-50%)}.game-seat.active-turn{border-color:#d4a35d;box-shadow:0 0 0 1px #d4a35d35,0 0 34px #a638263d}.game-seat.active-turn:before{content:"";position:absolute;inset:-1px;border-left:3px solid #dfa95b;pointer-events:none}.game-seat.is-me{background:linear-gradient(135deg,#381714f3,#140d0bf8)}.seat-profile{display:flex;align-items:center;gap:9px;min-width:0}.seat-profile .avatar{width:34px;height:34px;font-size:10px}.seat-profile>div{min-width:0;flex:1}.seat-profile strong{display:block;color:#e7d0ae;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat-profile span{display:block;color:#8f7b68;font-size:8px;margin-top:2px;text-transform:uppercase;letter-spacing:.45px}.seat-mic{color:#62c896;font-size:10px;text-shadow:0 0 10px #4cce90}.turn-flag{position:absolute;right:8px;top:-9px;padding:3px 7px;background:#d2a158;color:#1a0c09;font-size:7px;font-weight:800;letter-spacing:.8px}.opponent-rack{height:17px;margin:8px 4px -2px;display:flex;justify-content:center;gap:2px;overflow:hidden}.opponent-rack i{display:block;width:16px;height:19px;border:1px solid #9f713e;background:repeating-linear-gradient(45deg,#6d1d1e,#6d1d1e 2px,#2c0c0c 2px,#2c0c0c 4px);border-radius:2px;box-shadow:0 2px 3px #0007}.opponent-rack.cards i{width:13px;border-radius:2px;transform:rotate(calc((var(--i,0) - 2)*2deg))}.empty-seat{min-height:65px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7f6e5d;font-size:10px;border-style:dashed}.empty-avatar{width:28px;height:28px;display:grid;place-items:center;border:1px dashed #7f633f;border-radius:50%}
.center-board{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;gap:27px;color:#c7af8d}.center-piece{display:grid;justify-items:center;gap:7px}.center-piece>span:last-child,.tile-wall span{font-size:8px;text-transform:uppercase;letter-spacing:.75px;color:#977f67}.tile-wall{position:relative;width:58px;height:74px;display:grid;place-items:center}.tile-wall i{position:absolute;width:45px;height:59px;background:#d7c7aa;border:1px solid #7e5d38;border-radius:4px;transform:translate(-5px,-5px);box-shadow:0 3px 0 #8c6338}.tile-wall i:nth-child(2){transform:translate(0,0)}.tile-wall b{position:relative;color:#772023;font-family:Georgia,serif;font-size:17px}.tile-wall span{position:absolute;top:68px;white-space:nowrap}.tile.placeholder{opacity:.28}.discard-piece .tile{transform:rotate(7deg)}.table-melds{position:absolute;left:50%;bottom:-76px;transform:translateX(-50%);width:min(620px,90vw);text-align:center}.table-melds>.eyebrow{display:block;color:#8e765f;margin-bottom:7px}.table-melds .meld-list{max-height:95px;overflow:auto}.table-melds .meld-group{background:#0d0807bd;padding:6px}.table-melds .tile{min-width:25px;width:25px;height:38px;font-size:16px}.meld-add{width:27px;height:27px;display:grid;place-items:center;margin-left:5px;border-radius:50%;background:#6e2522;color:#eac68a;border:1px solid #b77a43}.meld-add:disabled{opacity:.3}.meld-add.remove{background:#281512;color:#c78f76}.card-pile,.played-pile{position:relative;min-width:75px;min-height:103px}.card-pile i{position:absolute;inset:3px 4px;border:1px solid #c39352;background:#3f0e10;z-index:-1;transform:translate(5px,5px)}.card-pile i:nth-child(2){transform:translate(9px,9px);z-index:-2}.play-direction{color:#c7954f;font-size:24px}.empty-card{width:68px;height:98px;border:1px dashed #946e43;border-radius:7px;display:grid;place-items:center;color:#765e48;font-size:9px;letter-spacing:1px}.center-rule{position:absolute;bottom:-32px;font-size:9px;color:#806e5d;white-space:nowrap}
.waiting-center{text-align:center}.waiting-center .crest{width:67px;height:67px;margin:0 auto 13px;border:1px solid #a8783f;border-radius:50%;display:grid;place-items:center;color:#d5aa67;font:23px Georgia;box-shadow:inset 0 0 25px #000,0 0 28px #9b352323}.waiting-center .eyebrow{color:#9e794b}.waiting-center h3{font:22px Georgia;margin:7px 0;color:#e5c99d}.waiting-center p{font-size:9px;color:#8a7764}.waiting-actions{text-align:center;padding:12px 0 3px;color:#a8937d;font-size:11px}.waiting-actions .btn{min-width:185px}
.score-panel{position:absolute;z-index:5;left:13px;top:13px;width:150px;padding:11px;border:1px solid #9e70403b;background:#0c0807dc;box-shadow:0 10px 30px #0008}.score-panel>.eyebrow{display:block;color:#9c7c50;margin-bottom:6px}.score-panel>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:5px 0;border-top:1px solid #ffffff0b}.score-panel strong{font-size:9px;color:#cbb495;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-panel b{font:16px Georgia;color:#d5a35d}.score-panel small{grid-column:1/-1;font-size:7px;color:#756657;text-transform:uppercase;letter-spacing:.4px}.score-panel.compact{width:130px}
.game-hud{display:flex;align-items:stretch;justify-content:center;gap:1px;margin:3px 0 18px;border:1px solid #9e704035;background:#0b0807}.game-hud span{min-width:115px;padding:8px 15px;display:grid;gap:2px;text-align:center;color:#d1b996;font-size:10px;border-right:1px solid #9e704035}.game-hud span:last-child{border:0}.game-hud b{font-size:7px;color:#846f59;text-transform:uppercase;letter-spacing:1px}
.player-console{position:relative;margin-top:11px;padding:17px 18px 19px;border:1px solid #a676403f;background:linear-gradient(180deg,#160e0c,#0c0807);box-shadow:inset 0 1px #fff1}.player-console.your-turn{border-color:#cf994f8c;box-shadow:0 0 35px #a3312022,inset 0 1px #fff1}.console-head{display:flex;align-items:center;gap:13px;margin-bottom:13px;min-height:34px}.console-head>div:first-child{display:grid;gap:2px;margin-right:auto}.turn-kicker{font-size:7px;letter-spacing:1.3px;color:#c89551}.console-head strong{font-size:11px;color:#d7c0a0}.selection-count{font-size:9px;color:#9f8a74;border:1px solid #7d5a363d;padding:5px 8px}.rack-tools{display:flex;gap:5px}.tool-button{padding:6px 9px;border:1px solid #77563642;background:#211410;color:#aa9277;font-size:8px;text-transform:uppercase;letter-spacing:.45px}.tool-button:hover{background:#351a16;color:#e1c391}.pro-rack{display:grid;grid-template-columns:repeat(15,39px);justify-content:center;gap:5px;min-height:88px;overflow-x:auto;background:linear-gradient(180deg,#2d1a13,#4a2e1d);border:8px solid #5d3822;border-bottom:15px solid #825431;box-shadow:inset 0 9px 18px #0007,0 12px 24px #0007}.pro-rack .tile{box-shadow:0 4px 6px #0006}.pro-hand{min-height:130px;background:radial-gradient(ellipse,#27120f,#0d0807);border:1px solid #7d593639}.game-actions{padding-top:3px}.game-actions .primary-move{min-width:160px}.stage-groups{border:1px solid #aa7a403e;background:#1c100d;margin-top:12px}.stage-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:9px}.stage-head p{margin:0;color:#d0ad77}.stage-head span{font-size:8px;color:#816e5b}.spectator-panel{margin-top:15px;padding:18px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #8a623a38;background:#100b09;color:#8f7c68}.spectator-panel>span{color:#bd8f53}.spectator-panel strong{color:#cbb18d;font-size:11px}.spectator-panel p{font-size:9px;margin-top:3px}.pro-board .game-log{border:1px solid #835d3737}.pro-board .game-log strong{color:#c19355;font-size:8px;letter-spacing:1px}.pro-result{position:relative;z-index:6;margin:17px 0 0;border:1px solid #ebc77b;background:linear-gradient(110deg,#c99a54,#74401f);box-shadow:0 15px 40px #0009}.pro-result .eyebrow{color:#3b1c10}.pro-result h2{font-size:30px}.table-footnote{margin-top:15px;color:#7f7164;font-size:10px}

@media(max-width:1100px){.game-stage{height:510px}.table-surface{inset:108px 135px;padding:35px}.arena-ring{inset:52px 77px}.game-seat{width:185px}.score-panel{width:125px}.pro-rack{grid-template-columns:repeat(12,39px)}}
@media(max-width:760px){.chat-head{align-items:flex-start}.chat-head>.flex{flex-wrap:wrap;justify-content:flex-end}.room-voice-strip{padding:8px 16px;align-items:flex-start;flex-direction:column;gap:2px}.voice-dock{right:12px;bottom:12px;width:calc(100% - 24px)}.voice-dock-head{padding:13px 15px}.voice-people{max-height:132px}.pro-board{padding:17px 10px}.pro-board .board-top{align-items:flex-start;flex-direction:column}.board-buttons{width:100%;justify-content:flex-start}.pro-board .board-top h2{font-size:25px}.game-stage{height:570px;margin-top:14px}.arena-ring{inset:72px 16px 75px}.table-surface{inset:135px 45px 137px;padding:24px 15px}.game-seat{width:155px;padding:7px}.game-seat.north{top:7px}.game-seat.south{bottom:7px}.game-seat.east{right:-3px}.game-seat.west{left:-3px}.seat-profile .avatar{width:28px;height:28px}.seat-profile strong{font-size:9px}.seat-profile span{font-size:7px}.opponent-rack{height:13px;margin-top:5px}.opponent-rack i{width:11px;height:14px}.turn-flag{font-size:6px}.score-panel{display:none}.center-board{gap:12px}.center-board .tile{min-width:31px;width:31px;height:48px;font-size:20px}.tile-wall{transform:scale(.8)}.table-melds{bottom:-101px;width:260px}.table-melds .meld-list{max-height:112px}.center-rule{white-space:normal;width:210px;text-align:center;bottom:-48px}.game-hud{overflow-x:auto;justify-content:flex-start}.game-hud span{min-width:95px;padding:7px 10px}.console-head{flex-wrap:wrap}.rack-tools{order:3;width:100%;overflow-x:auto}.tool-button{white-space:nowrap}.pro-rack{grid-template-columns:repeat(11,32px);gap:3px;justify-content:start;padding:8px 5px 3px}.pro-rack .tile{min-width:32px;width:32px;height:49px;font-size:20px}.player-console{padding:13px 8px}.game-actions{gap:6px}.game-actions .btn{flex:1 1 140px}.stage-head{align-items:flex-start;flex-direction:column}.pro-hand{padding:13px 2px}.pro-hand .playing-card{min-width:58px;width:58px;height:84px}.table-footnote{line-height:2}}
@media(max-width:430px){.game-stage{height:535px}.game-seat{width:137px}.seat-profile .avatar{width:25px;height:25px}.opponent-rack i:nth-child(n+7){display:none}.table-surface{inset:126px 26px 128px}.arena-ring{inset:63px 6px 66px}.center-board{transform:scale(.92)}.pro-rack{grid-template-columns:repeat(10,30px)}.pro-rack .tile{min-width:30px;width:30px;height:47px}.voice-control span{display:none}.voice-control{font-size:15px}.room-voice-strip>span:last-child{display:none}}