:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#091317;color:#f2f3ed}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.mint{color:#adf9cb}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{background:#0a171b;border-right:1px solid #253037;padding:29px 19px;display:flex;flex-direction:column;gap:8px}.brand{display:flex;align-items:center;font-size:19px;font-weight:900;letter-spacing:-.9px;margin:0 0 48px 9px}.brandmark{display:grid;place-items:center;background:#d0f5af;color:#152322;border-radius:11px;width:36px;height:36px;font-size:23px;margin-right:11px}.sidebar-label{font-size:10px;letter-spacing:2.1px;color:#819a9c;font-weight:800;margin:0 11px 12px}.side{color:#b2bdba;border-radius:10px;padding:13px 12px;font-size:13px;font-weight:600}.side.active{background:#1a3435;color:#cff8de;border:1px solid #365c51}.side.dim{opacity:.55;display:flex;justify-content:space-between}.side small{font-size:9px}.sideline{height:1px;background:#25353a;margin:22px 6px}.sidebar-foot{margin-top:auto;color:#bed1bd;font-size:11px;line-height:2;letter-spacing:1px;padding:20px 10px}.sidebar-foot span{color:#718784;letter-spacing:0}main{min-width:0;padding:0 5.2%}header{height:91px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #243338}.crumb,.overline{color:#90a9a5;font-size:11px;letter-spacing:2px;font-weight:750}.crumb span{margin:0 10px;color:#536965}.header-right{display:flex;align-items:center;gap:19px}.status{font-size:12px;color:#c3d3ca;display:flex;align-items:center;gap:7px}.status i{width:8px;height:8px;border-radius:100%;background:#f2ad62}.status i.good{background:#92e6a0;box-shadow:0 0 10px #4baf80}.avatar{width:36px;height:36px;border-radius:50%;background:#263e3d;display:grid;place-items:center;color:#c8eed8;font-size:12px;font-weight:800}.mobilelogo{display:none}.hero{min-height:365px;background:radial-gradient(ellipse at 92% 35%,#2d5a4a 0%,transparent 36%),linear-gradient(112deg,#172b2c,#0b2024 75%);border:1px solid #2d4640;border-radius:20px;margin:30px 0 20px;padding:55px 5%;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:5%;top:-25%;width:42%;height:165%;border-radius:50%;border:1px solid #426d5a;box-shadow:0 0 0 38px #173d3540,0 0 0 78px #173d3528,0 0 0 120px #173d351b;transform:rotate(18deg)}.hero-kicker{position:relative;z-index:1;font-size:10px;letter-spacing:2.2px;font-weight:900;color:#c2e5bc;display:flex;align-items:center;gap:11px}.hero-kicker .line{height:2px;width:24px;background:#b9efae}.hero h1{position:relative;z-index:1;font-size:clamp(34px,4.2vw,65px);line-height:1.09;margin:22px 0 17px;letter-spacing:-2.5px;max-width:780px}.hero h1 em{font-style:normal;color:#c6efb8}.hero p{position:relative;z-index:1;color:#b3c5bd;max-width:490px;font-size:14px;line-height:1.75}.hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:24px;margin-top:26px;flex-wrap:wrap}.primary{border:0;border-radius:10px;background:#c7edb1;color:#132a22;padding:15px 19px;font-weight:800;font-size:13px;display:inline-flex;justify-content:space-between;gap:24px}.primary:hover{background:#e0ffd2}.demotag{font-size:11px;color:#92aca5}.hero-symbol{position:absolute;right:13%;top:15%;font-size:205px;color:#bce6b5;opacity:.08;transform:rotate(-18deg);pointer-events:none}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metrics>div{border:1px solid #26383b;border-radius:14px;background:#0e1c20;padding:20px;display:grid;grid-template-columns:30px 1fr;gap:3px 14px}.metric-icon{grid-row:span 2;color:#a8dcaf;font-size:21px}.metrics b{font-size:25px;line-height:1}.metrics small{color:#92aaa4;font-size:11px}.section{margin-top:50px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:23px}.section h2{font-size:28px;letter-spacing:-.9px;margin:7px 0 0}.hint{font-size:12px;color:#829791}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.game{min-height:188px;padding:20px;border-radius:15px;border:1px solid #294040;background:linear-gradient(140deg,var(--bg1),var(--bg2));display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.game .symbol{font-size:49px;position:absolute;top:21px;right:24px;opacity:.75;filter:drop-shadow(0 8px 10px #0007)}.game .label{font-size:10px;letter-spacing:1.6px;color:#d0e1d2;font-weight:800}.game h3{margin:34px 0 4px;font-size:22px;letter-spacing:-.5px}.game p{font-size:11px;color:#c7d6ce;margin:0}.game .open{position:absolute;bottom:19px;right:20px;font-size:18px;color:#d5f8c9}.rooms-section{padding-bottom:70px}.outline{border:1px solid #476956;background:#1b312d;border-radius:9px;color:#d9f5df;font-size:12px;font-weight:700;padding:11px 15px}.outline:hover{background:#2c5141}.note{background:#142323;border-left:2px solid #7bc28e;padding:13px 17px;border-radius:6px;font-size:12px;color:#b6c8c0;line-height:1.6;margin-bottom:18px}.rooms{display:grid;gap:11px}.room{padding:18px;border:1px solid #2d403d;border-radius:12px;background:#101e21;display:flex;gap:15px;align-items:center}.room .room-icon{height:45px;width:45px;border-radius:11px;background:#203d36;display:grid;place-items:center;font-size:24px}.room .info{flex:1}.room .info b{display:block;font-size:14px}.room .info small{font-size:11px;color:#97aaa5}.room .outline{min-width:103px}.empty{padding:40px 20px;text-align:center;border:1px dashed #36504a;border-radius:13px;color:#92aaa1;font-size:13px}footer{padding:25px 0;border-top:1px solid #263638;display:flex;justify-content:space-between;color:#7d9791;font-size:11px}dialog{background:#132426;color:white;border:1px solid #426457;border-radius:17px;width:min(430px,calc(100vw - 30px));box-shadow:0 40px 120px #000b;padding:28px}dialog::backdrop{background:#020d0edb}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:8px 0 20px}.close{background:none;color:#d0e2db;border:0;font-size:24px}dialog label{display:block;color:#b4c7c0;font-size:12px;margin:16px 0}dialog input,dialog select{width:100%;margin-top:8px;border:1px solid #456057;background:#0b191c;color:white;padding:13px;border-radius:8px;outline:none}.full{width:100%;justify-content:center;margin-top:7px}#toast{position:fixed;bottom:25px;right:25px;z-index:30;background:#c9ebbd;color:#1b3025;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:700;opacity:0;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:1000px){.shell{grid-template-columns:190px 1fr}.games{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:0 4%}.hero{padding:40px 5%}}@media(max-width:700px){.shell{display:block}.sidebar{display:none}header{height:68px}.mobilelogo{display:block;font-size:14px;font-weight:900}.crumb{display:none}.hero{margin-top:17px;min-height:auto;padding:36px 25px}.hero h1{letter-spacing:-1.5px}.hero:after{opacity:.4}.hero-actions{gap:13px}.metrics{gap:7px}.metrics>div{padding:13px 9px;display:block;text-align:center}.metric-icon{display:none}.metrics b{display:block;font-size:20px}.metrics small{font-size:10px}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.game{padding:14px;min-height:162px}.game h3{font-size:17px}.game .symbol{font-size:33px;top:16px;right:14px}.game .open{right:12px;bottom:11px}.section{margin-top:36px}.section h2{font-size:24px}.hint{display:none}.section-head{align-items:center}.section-head .outline{font-size:10px;padding:10px}.room{gap:9px;padding:12px}.room .outline{min-width:auto;padding:9px 11px}footer span{display:none}}
/* v0.2 rooms */
[hidden]{display:none!important}.nick{width:126px;max-width:31vw;background:#18302d;color:#e7f7e5;border:1px solid #345649;border-radius:10px;padding:10px;font-size:12px}.room-page{padding:30px 0 60px}.room-top,.room-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.room-heading h1{font-size:clamp(25px,4vw,42px);margin:7px 0}.room-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.75fr);gap:18px}.premium-table{background:linear-gradient(145deg,#493321,#221b16);border:9px solid #6f4e2f;border-radius:34px;padding:20px;box-shadow:0 17px 60px #0009,inset 0 0 0 3px #a1844c;min-height:450px}.table-inner{height:100%;border-radius:135px;background:radial-gradient(ellipse at 50% 40%,#256a58,#0d403a 72%,#082923);box-shadow:inset 0 0 0 5px #294d3c,inset 0 0 40px #0009;position:relative;padding:32px 22px;display:flex;flex-direction:column;justify-content:center;gap:35px}.table-insignia{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a2d1b533;font-size:75px;pointer-events:none}.table-insignia small{font-size:9px;letter-spacing:4px}.seats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seat{display:flex;gap:10px;align-items:center;background:#09251dd9;border:1px solid #507961;border-radius:13px;padding:13px;min-width:0}.seat-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#274e41;color:#caf0d2;font-weight:800}.seat.occupied .seat-avatar{background:#d3edb7;color:#192820}.seat b{font-size:13px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seat small{font-size:10px;color:#95afa0}.room-message{position:relative;text-align:center;font-size:11px;line-height:1.6;color:#cae2d0;margin:0}.table-chat{border:1px solid #294b41;background:#102321;border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:450px}.chat-messages{min-height:200px;flex:1;overflow-y:auto;margin:18px 0;font-size:12px;line-height:1.6}.chatline{padding:10px 0;border-bottom:1px solid #2b403a;overflow-wrap:anywhere}.chatline b{color:#c4eab1}.chat-form{display:flex;gap:7px}.chat-form input{min-width:0;flex:1;background:#0b191a;color:white;border:1px solid #39584d;border-radius:8px;padding:11px}.chat-form .primary{padding:11px 12px}.chat-disclaimer{color:#859f98;font-size:10px;line-height:1.5}@media(max-width:960px){.room-layout{grid-template-columns:1fr}.table-chat{min-height:260px}.chat-messages{max-height:240px}}@media(max-width:520px){.room-heading{align-items:start}.premium-table{padding:8px;border-width:6px;border-radius:24px;min-height:340px}.table-inner{padding:18px 9px;border-radius:72px;gap:20px}.seats{gap:8px}.seat{gap:6px;padding:8px}.seat-avatar{flex-basis:30px;width:30px;height:30px}.seat b{font-size:11px}.seat small{font-size:9px}.room-top .overline{font-size:9px}}

/* v0.3 Okey hand */
.okey-area{z-index:2;position:relative;background:#0b261fe8;border:1px solid #759a6d;border-radius:16px;padding:15px;box-shadow:0 10px 32px #0006}.okey-state{font-size:12px;line-height:1.6;color:#e2f4df;font-weight:700;margin-bottom:11px}.okey-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.okey-actions button:disabled{opacity:.4;cursor:not-allowed}.my-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:8px 0}.okey-tile{width:34px;height:51px;border-radius:5px;background:linear-gradient(#fffdf2,#e2dcc6);border:1px solid #bfb79c;box-shadow:0 4px 0 #a79b7b;color:#182c31;font-weight:900;font-size:19px;cursor:pointer}.okey-tile.color0{color:#df3227}.okey-tile.color1{color:#245eac}.okey-tile.color2{color:#1a2426}.okey-tile.color3{color:#e59e17}.okey-tile.color4{color:#3f855f}.okey-tile:disabled{opacity:.93;cursor:default}.okey-tile:not(:disabled):hover{transform:translateY(-5px);box-shadow:0 9px 0 #a79b7b}.tile-help{display:block;color:#bdd6c2;line-height:1.6;font-size:10px}@media(max-width:520px){.okey-tile{width:27px;height:40px;font-size:15px}.okey-area{padding:10px}}

/* v0.3.1 independent rack sorting */
.okey-tile{touch-action:manipulation;user-select:none;transition:transform .12s,border-color .12s;flex-shrink:0}.okey-tile.selected{transform:translateY(-9px);outline:3px solid #99f6ad;outline-offset:2px}.my-tiles{align-content:start;min-height:55px}.okey-actions .primary:disabled{opacity:.4;cursor:not-allowed}#startGame:disabled{opacity:.45;cursor:not-allowed}.okey-area .tile-help{margin-top:8px}

.indicator-choice{display:flex!important;flex-direction:row!important;align-items:center;gap:12px}.indicator-choice input{width:auto!important;flex:0 0 auto}#tableSettings{margin-top:9px}

/* v0.6 two-tier rack and visible tabletop */
.my-tiles{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;min-height:126px;padding:13px 9px 19px;border:9px solid #4c2c1c;border-top:5px solid #8e5731;border-bottom:16px solid #59311c;border-radius:8px 8px 20px 20px;background:linear-gradient(180deg,#8c593a 0%,#b07848 9%,#673f28 11%,#58341f 47%,#ab7348 50%,#8b542d 57%,#4e2c1b 94%,#bf8351 97%);box-shadow:inset 0 8px 8px #0005,0 12px 22px #0008;justify-items:center;align-items:center;overflow-x:auto}
.my-tiles .okey-tile{width:100%;max-width:38px;height:47px;box-sizing:border-box;padding:1px;min-width:0}.rack-label{font-size:10px;color:#ebd4ad;letter-spacing:2px;text-align:center;margin-top:10px}.table-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.table-pile{padding:9px;border:1px solid #59836b;border-radius:10px;background:#12392f;min-height:40px}.table-pile strong{display:block;font-size:10px;color:#c4e2c3;margin-bottom:5px}.mini-tile{display:inline-grid;place-items:center;background:#f8f2df;color:#222;width:21px;height:29px;border:1px solid #afaa9f;border-radius:3px;margin:2px;font-weight:800;font-size:12px}.mini-tile.color0{color:#d73225}.mini-tile.color1{color:#2561b8}.mini-tile.color3{color:#d99409}.mini-tile.color4{color:#448651}@media(max-width:650px){.my-tiles{gap:1px;padding:8px 2px 12px;border-width:5px;border-bottom-width:12px}.my-tiles .okey-tile{height:31px;font-size:12px}.table-tiles{grid-template-columns:1fr 1fr}.mini-tile{width:17px;height:23px;font-size:10px}}

/* Tombala v0.7 */
.tombala-area{padding:16px 8px 22px;color:#f9f1dd}.tombala-stage{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px;border:1px solid #64806a;border-radius:18px;background:linear-gradient(125deg,#14292c,#2a3d30)}.tombala-ball{display:grid;place-items:center;background:radial-gradient(circle at 28% 24%,#fff6ca,#f4bd4f 68%,#bf7926);color:#40220f;font-weight:900;font-size:3.6rem;width:112px;height:112px;border-radius:50%;box-shadow:inset -9px -12px 17px #75400e77,0 9px 18px #0009}.tombala-preferences{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0}.tombala-preferences label{display:flex;gap:8px;align-items:center;font-size:13px}.tombala-preferences select{color:#fff;background:#1b3031;padding:8px;border:1px solid #45635a;border-radius:8px}.tombala-notice{color:#f5d68a;font-weight:700;margin:10px 0}.tombala-history{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0}.drawn-chip{background:#2b4c45;border:1px solid #4f746a;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-weight:700;font-size:13px}.tombala-tickets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px}.tombala-ticket{background:#f4ead2;color:#352a20;padding:12px;border-radius:13px;border:5px solid #76522f;box-shadow:0 8px 20px #0004}.tombala-ticket h3{font-size:13px;margin:0 0 10px;color:#513922}.ticket-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px}.ticket-cell{aspect-ratio:1;min-width:0;padding:0;border-radius:4px;border:1px solid #b1a17f;background:#fffaf0;color:#322c25;font-size:clamp(11px,2.2vw,19px);font-weight:800;cursor:pointer}.ticket-blank{background:#aa8b67;opacity:.65}.ticket-called{outline:2px solid #a36b19}.ticket-marked{background:#2c8e65;color:white;border-color:#17633d}.ticket-cell:disabled{cursor:default}@media(max-width:600px){.tombala-stage{gap:12px;padding:10px}.tombala-ball{width:86px;height:86px;font-size:2.5rem}.tombala-area{padding:10px 0}.tombala-tickets{grid-template-columns:1fr}}

/* Tombala v0.8: dedicated mobile-first layout and compact player list */
.tombala-room .room-layout{display:flex;flex-direction:column;gap:16px}
.tombala-room .premium-table{display:contents}
.tombala-room .table-inner{order:4;min-height:0!important;padding:12px!important;border-radius:14px}
.tombala-room .table-insignia{display:none}
.tombala-room #seats{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:8px!important;position:static!important;transform:none!important;margin:0!important;max-height:210px;overflow-y:auto}
.tombala-room #seats .seat{position:static!important;transform:none!important;max-width:none!important;min-width:0!important}
.tombala-room .room-message{order:2;margin:0!important;padding:6px!important;font-size:12px}
.tombala-room .tombala-area{order:1;display:block!important;min-width:0;width:100%;padding:0!important}
.tombala-room .table-chat{order:3;width:100%;max-width:none}
.tombala-room .tombala-stage{position:sticky;top:8px;z-index:5;flex-wrap:wrap;justify-content:flex-start;background:#18312d;border:1px solid #9e7d4a;box-shadow:0 12px 26px #0008}
.draw-heading{width:100%;font-size:12px;letter-spacing:.16em;font-weight:800;color:#e4c185}
.tombala-room .tombala-ball{flex:none;width:110px;height:110px;font-size:3.7rem}
.ticket-section-title{margin:14px 0 10px;font-size:13px;letter-spacing:.15em;color:#e5ce9e}
.tombala-room .tombala-tickets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px}
.tombala-room .tombala-ticket{min-width:0;padding:9px;border-width:3px}
.tombala-room .ticket-grid{gap:2px}
.tombala-room .ticket-cell{touch-action:manipulation;font-size:clamp(12px,3.3vw,19px);min-height:29px;aspect-ratio:1.1}
.tombala-room .ticket-cell:disabled:not(.ticket-blank){opacity:1}
.tombala-room .ticket-marked{background:#217a55!important;color:#fff!important}
@media(max-width:650px){.tombala-room .room-layout{display:flex!important}.tombala-room .tombala-stage{top:0;border-radius:12px;padding:10px}.tombala-room .tombala-ball{width:86px;height:86px;font-size:2.9rem}.tombala-room .tombala-tickets{grid-template-columns:1fr}.tombala-room #seats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tombala-room .ticket-cell{min-height:30px;font-size:15px}.tombala-room .table-chat{min-width:0}}

#tombalaRoomSettings[hidden],#tombalaIntervalRow[hidden]{display:none!important}#tombalaRoomSettings label{display:block;margin-block:10px}#tombalaRoomSettings input,#tombalaRoomSettings select{width:100%}#tombalaRules{padding:8px 0;color:#d7bd8d;font-size:.88rem}

/* Tombala conversation stays reachable while players watch their cards. */
.tombala-room .room-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(265px,320px);align-items:start;gap:14px}
.tombala-room .premium-table{display:contents}
.tombala-room .table-chat{order:0;position:sticky;top:10px;height:min(78vh,760px);max-height:760px;min-height:380px}
.tombala-room .chat-messages{min-height:120px;overflow-y:auto;max-height:none}
.tombala-room #seats{max-height:175px}
.mobile-chat-toggle,.mobile-chat-close{display:none}
.tombala-room .tombala-ticket{min-width:0}
@media(max-width:900px){
 .tombala-room .room-layout{display:flex!important;flex-direction:column}
 .tombala-room .table-chat{display:none;position:fixed;inset:auto 9px 70px 9px;z-index:1000;height:clamp(290px,55vh,500px);max-height:60vh;min-height:0;background:#102321;border:2px solid #c4a778;box-shadow:0 0 0 100vmax #0009}
 .tombala-room .table-chat.chat-open{display:flex}
 .tombala-room .chat-messages{min-height:0}
 .tombala-room .mobile-chat-toggle{display:block;position:fixed;bottom:12px;right:12px;z-index:999;background:#d5b57b;color:#17221d;border:0;border-radius:40px;padding:12px 18px;font-weight:800;box-shadow:0 10px 30px #0009}
 .tombala-room .mobile-chat-close{display:inline-block;margin-left:12px}
 .tombala-room .tombala-area{order:0}
 .tombala-room .table-inner{order:5}
}

/* v1.1 - premium Okey masasi; Tombala arayuzunu etkilemez */
.okey-room .room-layout{display:flex;flex-direction:column;gap:12px;max-width:1450px;margin:auto}
.okey-room .premium-table{background:linear-gradient(135deg,#8d522e,#362018 18%,#aa7041 50%,#291b15);border:8px solid #9a663b;border-radius:30px;padding:15px;box-shadow:0 20px 65px #0009,inset 0 0 0 2px #d19a56}
.okey-room .table-inner{height:auto;min-height:690px;display:flex;flex-direction:column;justify-content:flex-start;gap:12px;border-radius:60px;padding:24px;background:radial-gradient(ellipse at center,#155d69,#07334a 72%,#05202f);box-shadow:inset 0 0 0 6px #183d49,inset 0 0 55px #000a}
.okey-room .table-insignia{display:none}
.okey-room #seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:center;order:0}
.okey-room #seats .seat{min-width:0;background:linear-gradient(#112b42,#071b2d);border:1px solid #b3864e;border-radius:16px;box-shadow:0 7px 15px #0006;padding:10px}
.okey-room #seats .seat-avatar{background:#e1b977;color:#14263b;border:2px solid #e9d0a1}
.okey-room .room-message{order:1;flex:none;color:#e5d2a9;background:#061c2dc9;border-radius:9px;padding:9px}
.okey-room .okey-area{order:2;width:100%;background:transparent;border:0;box-shadow:none;padding:4px;display:flex;flex-direction:column;gap:12px}
.okey-room .okey-state{order:0;background:#081d2ccc;border:1px solid #406c77;border-radius:10px;padding:10px;text-align:center}
.okey-room .table-tiles{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0;min-height:130px}
.okey-room .table-pile{background:linear-gradient(#103b4b,#092636);border:1px solid #7d997e;border-radius:13px;text-align:center;padding:12px;min-height:88px}
.okey-room .table-pile strong{color:#e3c58f;letter-spacing:.6px}
.okey-room .rack-label{order:2;margin:10px 0 0;color:#f5d3a0;font-size:12px;font-weight:700}
.okey-room .my-tiles{order:3;display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(2,62px);gap:6px 3px;max-width:1040px;width:100%;align-self:center;overflow:visible;min-height:164px;padding:18px 15px 23px;border:9px solid #422416;border-bottom:17px solid #402213;border-top:8px solid #bf824d;background:linear-gradient(180deg,#6b361b 0%,#b57e50 7%,#5a2f1a 12%,#542a18 46%,#d19a66 48%,#532a19 55%,#4e2916 92%,#b07548 98%);box-shadow:inset 0 7px 10px #0009,0 18px 25px #0008;border-radius:9px 9px 19px 19px}
.okey-room .my-tiles .okey-tile{height:59px;max-width:45px;width:100%;font-size:22px;touch-action:manipulation}
.okey-room .my-tiles .rack-empty{height:59px;width:100%;border:1px dashed #c8a07830;border-radius:4px;background:#2d150c22;cursor:pointer}
.okey-room .my-tiles .rack-empty:hover{background:#ddad6c3b}
.okey-room .okey-actions{order:5;justify-content:center;gap:10px}
.okey-room .okey-actions button{padding:12px 15px;border-radius:11px;background:#0c314b;color:#ecf4fa;border:1px solid #377ca1;font-weight:750;cursor:pointer}
.okey-room .okey-actions #discardSelected{background:linear-gradient(#b43c3c,#842329);border-color:#df7b71}
.okey-room .okey-actions #drawWall{background:linear-gradient(#16699d,#0a446a)}
.okey-room .tile-help{order:6;text-align:center}
.okey-room .table-chat{min-height:0;max-height:290px;padding:15px 20px;background:#071c2cf5;border:1px solid #446e85;border-radius:16px;display:flex}
.okey-room .chat-messages{min-height:90px;max-height:115px;overflow:auto;margin:8px 0}
.okey-room .chatline{padding:5px 0}
@media(max-width:680px){.okey-room .premium-table{padding:5px;border-width:4px}.okey-room .table-inner{min-height:0;padding:10px 5px;border-radius:20px}.okey-room #seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.okey-room .table-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.okey-room .table-pile{padding:6px;min-height:65px}.okey-room .my-tiles{grid-template-rows:repeat(2,34px);min-height:104px;padding:9px 3px 15px;border-width:5px;gap:4px 1px}.okey-room .my-tiles .okey-tile,.okey-room .my-tiles .rack-empty{height:32px;font-size:12px;min-width:0}.okey-room .okey-actions{gap:5px}.okey-room .okey-actions button{padding:8px;font-size:11px}.okey-room .table-chat{padding:10px;max-height:230px}}

/* v1.2: Gerçek masa yerleşimi, dört yönde oyuncular, tek son taş */
.okey-room .premium-table{padding:9px;border-radius:25px;background:linear-gradient(125deg,#6a351b,#bd8050 40%,#452212 75%,#ad6d3e)}
.okey-room .table-inner{position:relative;display:block;height:760px;min-height:760px;overflow:hidden;border-radius:45px;background:radial-gradient(ellipse at 48% 42%,#146177 0%,#06445d 55%,#052b40 90%);border:3px solid #173d4a;box-shadow:inset 0 0 70px #0009}
.okey-room #seats{display:contents!important}
.okey-room #seats .seat{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;padding:7px 10px;min-width:130px;max-width:210px;transform:none;background:#041a2edc;border:1px solid #c29960;border-radius:25px}
.okey-room #seats .seat-bottom{bottom:252px;left:50%;transform:translateX(-50%)}
.okey-room #seats .seat-top{top:10px;left:50%;transform:translateX(-50%)}
.okey-room #seats .seat-left{top:34%;left:10px}
.okey-room #seats .seat-right{top:34%;right:10px}
.okey-room #okeyArea{display:contents}
.okey-room #okeyArea[hidden]{display:none}
.okey-room .okey-state{position:absolute;left:50%;top:78px;transform:translateX(-50%);z-index:3;max-width:65%;font-size:11px;padding:7px 12px}
.okey-room .table-tiles{display:block;position:absolute;inset:0;pointer-events:none;margin:0;min-height:0}
.okey-room .table-pile{position:absolute;z-index:2;min-height:0;padding:7px 10px;background:#041d30d9;border:1px solid #51839a;border-radius:9px;text-align:center;box-shadow:0 5px 10px #0004}
.okey-room .table-pile strong{font-size:10px;letter-spacing:.03em;color:#f5dba5}
.okey-room .wall-pile{left:50%;top:25%;transform:translateX(-50%);min-width:200px}
.okey-room .tile-wall{display:flex;justify-content:center;flex-wrap:wrap;max-width:270px;gap:2px;margin-top:6px}
.okey-room .tile-back{display:block;width:18px;height:28px;background:linear-gradient(95deg,#ebd2ac,#bfa47d);border:1px solid #9e7852;border-radius:3px;box-shadow:1px 2px #846246}
.okey-room .indicator-pile{left:50%;top:40%;transform:translateX(-50%)}
.okey-room .discard-top{top:15%;left:50%;transform:translateX(-50%)}
.okey-room .discard-left{top:40%;left:13%}
.okey-room .discard-right{top:40%;right:13%}
.okey-room .discard-bottom{top:55%;left:50%;transform:translateX(-50%)}
.okey-room .table-pile .mini-tile{width:30px;height:41px;font-size:20px}
.okey-room .my-tiles{position:absolute;bottom:74px;left:50%;transform:translateX(-50%);z-index:6;margin:0;max-width:1000px;width:96%;box-shadow:0 10px 30px #000b,inset 0 7px 10px #0009}
.okey-room .okey-actions{position:absolute;bottom:8px;left:0;right:0;z-index:7;justify-content:center;display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;padding:0 8px}
.okey-room .okey-actions button{white-space:nowrap;font-size:12px;padding:10px}
.okey-room .rack-label{display:none}
.okey-room .tile-help{display:none}
.okey-room .room-message{margin:8px 0}
.okey-room .table-chat{display:flex;max-height:260px}
@media(max-width:750px){
 .okey-room .table-inner{height:570px;min-height:570px;border-radius:18px;padding:0}
 .okey-room #seats .seat{min-width:0;max-width:42%;font-size:10px;padding:4px 6px}
 .okey-room #seats .seat-top{top:4px}.okey-room #seats .seat-bottom{bottom:194px}
 .okey-room #seats .seat-left{left:1px;top:32%}.okey-room #seats .seat-right{right:1px;top:32%}
 .okey-room #seats .seat-avatar{width:25px;height:25px;font-size:12px}
 .okey-room #seats .seat small{display:none}
 .okey-room .okey-state{top:48px;max-width:85%;font-size:9px;white-space:normal}
 .okey-room .wall-pile{top:25%;min-width:0;width:47%}
 .okey-room .tile-back{width:10px;height:17px}
 .okey-room .indicator-pile{top:40%}
 .okey-room .discard-top{top:14%}.okey-room .discard-bottom{top:55%}
 .okey-room .discard-left{left:1%;top:42%}.okey-room .discard-right{right:1%;top:42%}
 .okey-room .table-pile{padding:4px}.okey-room .table-pile strong{font-size:8px}
 .okey-room .table-pile .mini-tile{width:21px;height:30px;font-size:14px}
 .okey-room .my-tiles{bottom:63px;width:99%;grid-template-rows:repeat(2,35px);min-height:102px}
 .okey-room .okey-actions{bottom:4px;justify-content:flex-start}
 .okey-room .okey-actions button{padding:7px;font-size:10px}
}

/* v1.3 compact match board, scoreboard, private chat */
.okey-room .room-layout{max-width:1180px}
.okey-room .premium-table{padding:5px;border-width:5px}
.okey-room .table-inner{height:630px;min-height:630px}
.okey-room .seat.messageable{cursor:pointer;outline-offset:2px}
.okey-room .seat.messageable:hover,.okey-room .seat.messageable:focus{outline:2px solid #e7be78}
.okey-room .my-tiles{bottom:66px;max-width:880px;min-height:145px;grid-template-rows:repeat(2,54px);padding:12px 10px 18px}
.okey-room .my-tiles .okey-tile,.okey-room .my-tiles .rack-empty{height:52px}
.okey-room .okey-actions button{font-size:11px;padding:8px 10px}
body.active-okey-match .sidebar{display:none!important}
body.active-okey-match .shell{display:block!important}
body.active-okey-match main{max-width:none!important;margin:auto!important;width:100%!important}
.scoreboard-dock{position:fixed;bottom:15px;left:15px;z-index:80}
.scoreboard-dock>button{background:#123448;color:#f4dcb7;border:1px solid #d5a86a;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}
.scoreboard-panel{width:min(330px,calc(100vw - 30px));max-height:65vh;overflow:auto;background:#0b2536;color:#eff4f7;border:2px solid #b88e58;border-radius:13px;padding:14px;box-shadow:0 15px 50px #000a}
.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;color:#f3d29b}
.panel-heading button{cursor:pointer;background:#203e50;color:#fff;border:0;border-radius:7px;padding:4px 9px}
.score-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:10px 4px;gap:15px}
.score-row strong{font-size:19px;font-variant-numeric:tabular-nums}.score-row .negative{color:#ff9595}.score-row .positive{color:#8fdfb6}
.scoreboard-panel p{color:#b5c4ce;font-size:11px}
.private-panel{position:fixed;bottom:14px;right:14px;z-index:100;display:flex;flex-direction:column;width:min(365px,calc(100vw - 28px));height:310px;background:#0a2335;color:#fff;border:2px solid #b78b56;border-radius:14px;box-shadow:0 20px 55px #000b;padding:12px}
.private-panel[hidden],.scoreboard-panel[hidden]{display:none!important}
.private-messages{flex:1;overflow-y:auto;background:#071a29;border-radius:8px;padding:8px;min-height:0}
.private-line{padding:6px;border-bottom:1px solid #ffffff12;overflow-wrap:anywhere}.private-line.mine{color:#9ce9b8}
.private-form{display:flex;gap:6px;margin-top:9px}.private-form input{min-width:0;flex:1;border:1px solid #3f6572;background:#102e40;color:#fff;border-radius:7px;padding:8px}.private-form button{border:0;background:#1673a9;color:white;border-radius:7px;padding:8px 10px;cursor:pointer}
@media(max-width:750px){
 .okey-room .table-inner{height:515px;min-height:515px}
 .okey-room .my-tiles{bottom:55px;width:99%;min-height:94px;grid-template-rows:repeat(2,32px);padding:7px 2px 12px}
 .okey-room .my-tiles .okey-tile,.okey-room .my-tiles .rack-empty{height:30px}
 .okey-room .okey-actions{bottom:1px;gap:3px}
 .okey-room .okey-actions button{font-size:9px;padding:6px 5px}
 .okey-room .seat-bottom{bottom:168px!important}
 .scoreboard-dock{left:7px;bottom:7px}.scoreboard-dock>button{font-size:11px;padding:7px 9px}
 .private-panel{right:7px;bottom:7px;height:min(310px,48vh)}
}

/* v1.4: entering ANY table hides the lobby navigation, regardless of match state */
body.inside-game-room .sidebar{display:none!important}
body.inside-game-room .shell{display:block!important}
body.inside-game-room main{width:100%!important;max-width:1600px!important;margin:0 auto!important}
/* Mülk Turu has its own independent game arena; room chat remains below the board */
.mulk-room .room-layout{display:flex!important;flex-direction:column;gap:16px}
.mulk-room .mulk-area{width:100%;order:0;min-width:0;display:block}
.mulk-room .premium-table{order:1;display:none}
.mulk-room .table-chat{order:2;position:static;display:flex;width:100%;max-height:320px;min-height:190px}
.mulk-area{padding:14px;background:linear-gradient(150deg,#0a2533,#0e2329);border:1px solid #477078;border-radius:16px}
.mulk-info{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.mulk-info h2{font-size:clamp(20px,3vw,30px);margin:4px 0}
.mulk-eyebrow{font-size:11px;letter-spacing:2px;color:#a6d7b8;font-weight:800}
.mulk-roll{background:#173d48;border:1px solid #5a9592;padding:12px 18px;border-radius:12px;font-size:22px;font-weight:800}
.mulk-board{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));grid-template-rows:repeat(11,minmax(0,1fr));aspect-ratio:1;background:radial-gradient(circle at center,#376f71,#16474d);border:7px solid #905b39;border-radius:17px;padding:4px;box-shadow:0 15px 45px #0008,inset 0 0 0 2px #c48f5d;max-width:min(100%,790px);margin:auto}
.mulk-square{border:1px solid #8ca7a3;background:#eef1e5;color:#162c37;min-width:0;min-height:0;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;position:relative;cursor:pointer;overflow:hidden;text-align:center}
.mulk-square.selected{outline:3px solid #ffd56f;outline-offset:-3px;z-index:2}
.mulk-square .colorband{height:12%;width:100%;background:var(--square-color,#bfd8ca);flex:none}
.mulk-square .sq-label{font-size:clamp(5px,0.85vw,11px);font-weight:800;line-height:1.12;overflow-wrap:anywhere}
.mulk-square .sq-price{font-size:clamp(5px,0.75vw,10px);color:#38515b;font-weight:700}
.mulk-square .tokens{display:flex;gap:1px;flex-wrap:wrap;align-items:center;justify-content:center}
.mulk-square .token{width:clamp(7px,1.3vw,15px);height:clamp(7px,1.3vw,15px);border-radius:100%;border:2px solid #fff;background:var(--token-color);box-shadow:0 1px 3px #3339}
.mulk-square .owner-dot{position:absolute;top:2px;right:2px;background:#172e34;color:#fff;font-size:9px;padding:1px 3px;border-radius:6px}
.mulk-board-center{grid-column:2/11;grid-row:2/11;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:14px;min-width:0}
.mulk-board-center h2{font-size:clamp(24px,5vw,50px);margin:0;color:#f8e6c6}
.mulk-board-center p{margin:0;color:#b8d8d7}
.mulk-events{width:min(100%,460px);height:140px;overflow:auto;text-align:left;background:#062e38b8;border:1px solid #ffffff28;border-radius:10px;padding:10px;font-size:12px;line-height:1.7}
.mulk-event{border-bottom:1px solid #ffffff1a;padding:3px 0}
.mulk-players{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;margin:14px 0}
.mulk-player{border:1px solid #477a76;border-radius:10px;background:#112f3b;padding:12px}
.mulk-player.turn{border-color:#e3b56b;box-shadow:inset 0 0 0 1px #e3b56b}
.mulk-player b{display:block;margin-bottom:4px}.mulk-player small{color:#bed8d5}
.mulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.mulk-actions button,.mulk-controls button,.mulk-trade button{border:1px solid #48828b;background:#166075;color:#fff;padding:11px 14px;border-radius:9px;cursor:pointer;font-weight:700}
.mulk-actions button:disabled{opacity:.4;cursor:not-allowed}
.mulk-property-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;border:1px solid #3b686b;background:#0b202b;border-radius:12px;padding:14px;margin-bottom:12px}
.mulk-property-controls p{color:#b7c8ca;font-size:12px;max-width:550px;line-height:1.5}
.mulk-controls{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mulk-trade{background:#0b2834;border:1px solid #315967;padding:13px;border-radius:12px}
.mulk-trade summary{cursor:pointer;font-weight:800}
.mulk-trade-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:8px 0}
.mulk-trade-fields label{font-size:12px;color:#bdd1ce}
.mulk-trade-fields input,.mulk-trade-fields select,.mulk-bid-input{width:100%;margin-top:4px;background:#112e3b;color:#fff;border:1px solid #477078;border-radius:8px;padding:9px}
#mulkTradePending{font-size:12px;color:#f5d48d;padding:9px 0}
@media(max-width:700px){.mulk-board{border-width:4px;padding:2px}.mulk-square{padding:1px}.mulk-square .sq-label{font-size:clamp(4px,1.65vw,8px)}.mulk-square .sq-price{font-size:clamp(4px,1.5vw,8px)}.mulk-square .colorband{min-height:3px}.mulk-square .owner-dot{font-size:6px}.mulk-info{align-items:flex-start}.mulk-roll{font-size:14px;padding:9px}.mulk-board-center h2{font-size:18px}.mulk-board-center p{font-size:9px}.mulk-events{height:100px;font-size:9px;padding:4px}.mulk-area{padding:5px}.mulk-room .table-chat{display:flex;position:static;max-height:290px}.mulk-actions button,.mulk-controls button{font-size:12px;padding:9px}}
/* Member name opens private chat in every live game, including Mülk Turu. */
.room-page .seat.messageable{cursor:pointer;outline-offset:2px}
.room-page .seat.messageable:hover,.room-page .seat.messageable:focus-visible{outline:2px solid #e7be78}