*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;background:#f3ede5;color:#24201d}header{height:72px;background:#fff;padding:10px 5vw;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center}.brand b,.brand small{display:block}.brand b{font-size:24px}.brand small{color:#8d633a}.logo{width:48px;height:48px;border-radius:15px;background:#292522;color:#c99a58;display:grid;place-items:center;font-size:28px;font-weight:900}.view{display:none;max-width:1150px;margin:auto;padding:20px}.view.active{display:block}.hero{background:linear-gradient(135deg,#f0dfc8,#d4ad7d);padding:30px;border-radius:30px}.hero h1{font-size:42px;margin:8px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.panel{background:#fff;border-radius:22px;padding:18px}.panel input,.panel button{width:100%;margin-top:10px;padding:13px;border:1px solid #ddd;border-radius:12px}.panel button,.topbar button{background:#2d6a4f;color:#fff;border:0;font-weight:900}.topbar{display:flex;gap:10px;align-items:center;background:#fff;padding:10px;border-radius:18px}.topbar span{margin-right:auto}.topbar button{padding:10px 14px;border-radius:10px}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.seat{background:#fff;padding:14px;border-radius:16px;text-align:center}.seat small{display:block;color:#8d633a}.hidden{display:none!important}.score{display:grid;grid-template-columns:1fr 2fr 1fr;gap:8px}.score>div{background:#fff;border-radius:15px;padding:10px;text-align:center}.score small{display:block;color:#8d633a}.board{height:610px;margin-top:8px;border-radius:30px;position:relative;background:linear-gradient(#c9dce3 0 31%,#ead6b9 31%);overflow:hidden}.table{position:absolute;width:54%;height:54%;left:23%;top:21%;border-radius:46px;background:#e1c5a4;border:3px solid #9c754e;display:grid;place-items:center;box-shadow:0 20px 35px #0003}.merkaz{text-align:center;font-size:40px;font-weight:900;color:#8d633a}.merkaz small{display:block;font-size:12px}.played{display:flex;gap:4px}.card{width:68px;height:100px;margin-left:-12px;background:#fff;border:1px solid #ddd;border-radius:10px;padding:6px;box-shadow:0 6px 12px #0002;font-size:20px;font-weight:900}.red{color:#b84d4d}.played .card{width:46px;height:70px;margin:0;font-size:14px}.hand{position:absolute;bottom:12px;left:5%;right:5%;height:115px;display:flex;justify-content:center;direction:ltr}.hand .card{cursor:pointer}.actions{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:8px}.actions button{padding:12px;border:1px solid #ddd;background:#fff;border-radius:12px;font-weight:800}.log{background:#24201d;color:#fff;border-radius:15px;padding:10px;margin-top:8px;max-height:140px;overflow:auto}.log div{background:#ffffff0d;padding:7px;border-radius:8px;margin-bottom:5px}.badges{position:absolute;top:12px;right:12px;display:grid;gap:5px}.badge{background:#292522;color:#fff;padding:7px 9px;border-radius:9px;font-size:12px}.modal{position:fixed;inset:0;background:#0006;display:grid;place-items:center}.modalBox{background:#fff;width:min(360px,90vw);border-radius:22px;padding:16px}.modalBox button{width:100%;padding:12px;margin-top:7px;border:1px solid #ddd;background:#fafafa;border-radius:10px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#24201d;color:#fff;padding:10px 15px;border-radius:12px}@media(max-width:720px){.view{padding:10px}.cols{grid-template-columns:1fr}.seats{grid-template-columns:repeat(2,1fr)}.board{height:540px}.table{width:66%;left:17%;height:50%}.actions{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:32px}}
.conduct{display:grid;grid-template-columns:auto 1fr;gap:14px;background:#fff;border:1px solid #d9c2a6;border-radius:24px;padding:18px;margin-top:15px;box-shadow:0 10px 30px #5b402012}
.conductIcon{width:52px;height:52px;border-radius:16px;background:#f0e4d4;display:grid;place-items:center;font-size:28px}
.conduct b{color:#8d633a}.conduct h3{margin:5px 0;font-size:21px}.conduct p{margin:6px 0 12px;line-height:1.8;color:#5e564f}
.agreement{display:flex!important;align-items:flex-start;gap:8px;font-weight:900}.agreement input{width:auto!important;margin-top:4px}
.chatBox{background:#fff;border-radius:16px;padding:10px;margin-top:8px}.chatHead{display:flex;justify-content:space-between;gap:10px}.chatHead small{color:#8d633a}
.chatMessages{height:130px;overflow:auto;background:#f7f3ee;border-radius:12px;padding:8px;margin-top:8px}.chatMsg{padding:7px 9px;background:#fff;border-radius:10px;margin-bottom:5px}.chatMsg b{color:#8d633a}.chatComposer{display:flex;gap:7px;margin-top:8px}.chatComposer input{flex:1;padding:11px;border:1px solid #ddd;border-radius:10px}.chatComposer button{padding:10px 16px;border:0;background:#2d6a4f;color:#fff;border-radius:10px;font-weight:900}
@media(max-width:720px){.conduct{grid-template-columns:1fr}.chatHead{display:block}}

.seatActions{display:flex;gap:5px;justify-content:center;margin-top:8px}.seatActions button{border:0;background:#f1ebe3;border-radius:8px;padding:6px 8px;font-size:11px;cursor:pointer}.seatSafety{font-size:10px;color:#786a5e;margin-top:5px}
.safetyBtn{background:#292522!important;color:#fff!important}
.conductMini{background:#f3e7d7;color:#6b4b2e;border-radius:10px;padding:8px 10px;margin-bottom:8px;text-align:center}
.safetyCard{background:#f7f3ee;border-radius:14px;padding:12px;margin-top:10px}.safetyCard h4{margin:0 0 7px}.safetyCard ul{margin:0;padding-right:20px;line-height:1.8}
.reportReasons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.reportReasons button{margin:0!important}
.moderationBanner{background:#2c2927;color:#fff;border-radius:14px;padding:12px;margin-top:10px}.moderationBanner b{color:#e1b36d}
.mutedMsg{opacity:.45;text-decoration:line-through}

.accountCard{display:flex;gap:14px;align-items:center;background:#fff;border-radius:24px;padding:18px;margin-top:15px}
.accountCard h2{margin:3px 0}.accountCard span{color:#8d633a;font-weight:900}
.accountStats{display:grid;grid-template-columns:auto auto;gap:4px 8px;margin-right:auto}.accountStats b{font-size:20px}.accountStats small{align-self:center;color:#777}
.accountCard button{border:0;background:#2d6a4f;color:#fff;padding:10px 14px;border-radius:11px;font-weight:800}.accountCard .ghostBtn{background:#eee7dd;color:#333}
#matchesPanel{margin-top:12px}.matchRow{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #eee}.matchRow:last-child{border-bottom:0}.matchRow .win{color:#2d6a4f;font-weight:900}.matchRow .loss{color:#b84d4d;font-weight:900}
@media(max-width:720px){.accountCard{display:grid}.accountStats{margin-right:0}}

.homeTabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.homeTabs button{border:0;background:#e9dfd2;padding:10px 14px;border-radius:12px;font-weight:800}.homeTabs button.active{background:#292522;color:#fff}
.homeTab{margin-top:12px}.socialGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.socialGrid .wide{grid-column:1/-1}
.inline{display:flex;gap:7px}.inline input{flex:1;padding:11px;border:1px solid #ddd;border-radius:10px}.inline button{border:0;background:#2d6a4f;color:#fff;border-radius:10px;padding:0 14px;font-weight:800}
.personRow,.lobbyRow,.inviteRow{display:flex;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #eee}.personRow:last-child,.lobbyRow:last-child,.inviteRow:last-child{border-bottom:0}.personRow .grow,.lobbyRow .grow,.inviteRow .grow{flex:1}.personRow small,.lobbyRow small,.inviteRow small{display:block;color:#766b62}.personRow button,.lobbyRow button,.inviteRow button{border:0;background:#2d6a4f;color:#fff;padding:8px 10px;border-radius:9px;font-size:12px}.personRow button.ghost,.inviteRow button.ghost{background:#eee7dd;color:#333}
.presence{display:inline-flex;align-items:center;gap:5px;font-size:11px}.presence:before{content:"";width:8px;height:8px;border-radius:50%;background:#999}.presence.online:before{background:#2d9b5f}.presence.in_room:before,.presence.in_match:before{background:#c99a58}
.rejoinCard{background:#2c2927;color:#fff;border-radius:18px;padding:14px;margin-top:12px;display:flex;align-items:center;gap:10px}.rejoinCard span{flex:1;color:#e4caa6}.rejoinCard button{border:0;background:#c99a58;color:#241d17;padding:9px 12px;border-radius:10px;font-weight:900}
.profileHero{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#f0dfc8,#d4ad7d);padding:22px;border-radius:24px}.profileAvatar{width:72px;height:72px;border-radius:22px;background:#fff8;display:grid;place-items:center;font-size:42px}.profileHero h2{margin:0 0 5px}.sectionHead{display:flex;justify-content:space-between;align-items:center}.sectionHead button{border:0;background:#eee7dd;padding:8px 10px;border-radius:9px}
@media(max-width:720px){.socialGrid{grid-template-columns:1fr}.socialGrid .wide{grid-column:auto}.rejoinCard{display:grid}}