.oa-social-dialog,.oa-room{color:#eefaff;font:14px Arial,sans-serif}.oa-social-dialog{background:linear-gradient(140deg,#093a77,#061938);border:1px solid #26dfff;border-radius:18px;padding:26px;max-width:min(620px,92vw);max-height:88vh;overflow:auto;min-width:min(420px,90vw)}.oa-social-dialog::backdrop{background:#00122cb8;backdrop-filter:blur(5px)}.oa-social-dialog button,.oa-room button,.oa-dm button,.oa-dm-ball{border:1px solid #2ed9ff;border-radius:9px;background:#082d60;color:#fff;padding:9px 12px;cursor:pointer}.oa-social-dialog input,.oa-social-dialog select,.oa-social-dialog textarea,.oa-compose input{background:#102e52;color:#fff;border:1px solid #53caff;border-radius:8px;padding:10px;min-width:0}.oa-social-dialog label{display:grid;gap:7px;margin:9px 0}.oa-social-dialog .oa-close{float:right}.oa-gold,.oa-room .oa-gold,.oa-social-dialog .oa-gold{background:linear-gradient(#ffe97b,#ffca25)!important;color:#082047!important;font-weight:bold}.oa-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.oa-face{flex:none;width:36px;height:36px;border:2px solid #46e5ff;border-radius:10px;display:inline-grid;place-items:center;background:#164d7a;overflow:hidden;color:#fff}.oa-face.round{border-radius:50%}.oa-face.double{border:4px double gold}.oa-face.diamond{border-radius:2px;transform:rotate(6deg)}.oa-face.crown{border-color:gold;box-shadow:0 -3px 4px #ffe281}.oa-face img{width:100%;height:100%;object-fit:cover}.oa-profile-face{width:100px;height:100px}.oa-person{display:flex!important;align-items:center;gap:7px;background:var(--theme,#082e60)!important;width:100%;text-align:left;min-width:0}.oa-person strong{color:var(--nick,#5cecff);overflow-wrap:anywhere;font-size:13px}.oa-person>span:last-child:not(.oa-face){margin-left:auto;font-size:11px}.oa-badge{background:linear-gradient(#d7b85e,#785811);border:1px solid #ffe38a;border-radius:3px;padding:2px 4px;color:white;font:bold 10px Arial;white-space:nowrap}.oa-vip{position:relative;overflow:hidden}.oa-vip:after{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff24,transparent 70%);transform:translateX(-140%);animation:oa-shine 7s infinite}.oa-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.oa-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px}.oa-gallery button{font-size:10px;padding:5px;margin:2px}.oa-zoom img{max-width:85vw;max-height:75vh;object-fit:contain}.oa-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oa-settings input[type=color]{width:100%}.oa-settings input[type=checkbox]{justify-self:start}.oa-scroll{max-height:430px;overflow:auto;display:grid;gap:7px}.oa-dm-ball{position:fixed;right:20px;bottom:20px;z-index:130;width:65px;height:58px;border-radius:30px;background:#083b7d;touch-action:none;color:#ffe876;font-weight:bold;box-shadow:0 0 16px #22c8f7}.oa-dm-ball.has-unread{animation:oa-wiggle 1.3s infinite;box-shadow:0 0 24px #ffd040}.oa-dm{position:fixed;right:20px;bottom:90px;z-index:129;background:#061c3e;color:#fff;width:min(600px,94vw);border:1px solid #2cddff;border-radius:14px;padding:12px;box-shadow:0 12px 55px #001}.oa-dm header{display:flex;justify-content:space-between;align-items:center}.oa-dm-grid{display:grid;grid-template-columns:140px 1fr;gap:10px}.oa-dm-grid nav{display:grid;align-content:start;gap:6px;max-height:330px;overflow:auto}.oa-dm-log{height:230px;overflow:auto;overflow-wrap:anywhere}.oa-dm-log p{background:#123b70;border-radius:8px;padding:8px}.oa-compose{display:flex;gap:5px;margin-top:8px;position:relative}.oa-compose input{flex:1;width:40px}.oa-emojis{position:absolute;bottom:100%;right:0;background:#06264e;padding:10px;display:grid;grid-template-columns:repeat(6,1fr);z-index:15;border:1px solid #35dcff}.oa-emojis button{padding:7px}.oa-room{position:fixed;inset:0;z-index:100;background:#052a66 url('/assets/images/home-theme-final.webp') center/cover;overflow:auto;padding:14px;display:grid;grid-template-columns:minmax(220px,26%) minmax(380px,1fr) minmax(210px,23%);gap:12px;align-items:start;min-height:100vh}.oa-room[hidden],.oa-dm[hidden],.oa-dm-ball[hidden]{display:none!important}.oa-room .oa-panel{background:linear-gradient(130deg,#062551ee,#042044ce);border:1px solid #23d8ff;border-radius:15px;box-shadow:inset 0 0 12px #1251ad80;padding:12px;margin-bottom:12px;min-width:0}.oa-room h2,.oa-room h3{margin:0;font-size:19px}.oa-room header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:space-between}.oa-room .oa-brand{text-align:center;padding:10px;color:#ffdb49;font-size:28px;font-weight:bold}.oa-room .oa-brand svg{width:110px;height:110px;display:block;margin:auto}.oa-room-title{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;color:#ffdf63;padding:8px}.oa-room-nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.oa-room-nav button{flex:1;white-space:nowrap;padding:9px}.oa-room-chatlog{height:calc(100vh - 300px);min-height:320px;overflow:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.oa-message{padding:8px;background:var(--theme,#0c3767);border-radius:9px;position:relative;overflow-wrap:anywhere}.oa-message .oa-person{border:0;background:transparent!important;padding:0 0 6px}.oa-message p{margin:4px 0;font:var(--size,12px) var(--font,Arial);color:var(--text,#fff);white-space:pre-wrap}.oa-message.oa-vip{box-shadow:inset 2px 0 7px #f7df7755}.oa-message.oa-vip:before{content:'✦';position:absolute;right:4px;top:3px;color:#ffe582;animation:oa-glow 1.5s infinite alternate}.oa-message-tools{display:flex;gap:5px;justify-content:end}.oa-message-tools button{padding:2px 5px;font-size:10px}.oa-system{font-size:12px;color:#73edb0;border-left:2px solid #65e1d5;padding:7px}.oa-room-players{max-height:600px;overflow:auto;display:grid;gap:6px}.oa-room-players .oa-person{min-height:51px}.oa-tables{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.oa-table{border:1px solid #26dcff;border-radius:13px;padding:8px;background:#032654b5}.oa-table header{font-weight:bold}.oa-table-art{height:175px;position:relative;margin:10px 8px 0}.oa-table-felt{position:absolute;left:16%;right:16%;top:22%;bottom:22%;border-radius:50%;background:radial-gradient(#189353,#005b31);border:9px ridge #c8943d;box-shadow:0 6px 13px #000}.oa-seat{position:absolute;width:66px;height:57px;border:5px ridge #b48139;border-radius:26px 26px 12px 12px;background:linear-gradient(#164bb0,#041b5e);display:grid;place-items:center;z-index:2}.oa-seat button{border-radius:50%;padding:5px;font-size:11px}.oa-seat .oa-face{width:28px;height:28px}.oa-seat small{font-size:9px;position:absolute;bottom:-17px;max-width:80px;overflow-wrap:anywhere;background:#052749}.oa-seat-0{left:calc(50% - 33px);top:0}.oa-seat-1{right:0;top:calc(50% - 28px);transform:rotate(7deg)}.oa-seat-2{left:calc(50% - 33px);bottom:0;transform:rotate(180deg)}.oa-seat-2>*{transform:rotate(180deg)}.oa-seat-3{left:0;top:calc(50% - 28px);transform:rotate(-7deg)}.oa-marquee{display:flex;align-items:center;gap:8px;overflow:hidden}.oa-marquee-track{overflow:hidden;flex:1}.oa-marquee-text{white-space:nowrap;display:inline-block;padding-left:100%;animation:oa-scroll 28s linear infinite;color:#ffdf66}.oa-room-tabs{display:flex;gap:7px}.oa-room-tabs button{flex:1}.oa-room .selected{background:#125ce7;box-shadow:inset 0 0 10px #62d9ff}.oa-room.no-players{grid-template-columns:minmax(220px,26%) 1fr 100px}.oa-room.no-tables{grid-template-columns:1fr 100px minmax(210px,23%)}.oa-room.no-tables .oa-room-chatlog{height:calc(100vh - 280px)}.oa-room.no-players.no-tables{grid-template-columns:1fr 100px 100px}.oa-room .oa-radio-bottom{text-align:center;color:#ffdf4c}.oa-room .oa-radio-bottom button{border-radius:50%;margin:7px}.oa-page-flip{animation:oa-flip .45s ease-out;transform-origin:left}.oa-report textarea{width:100%;box-sizing:border-box;min-height:90px}.oa-radio-embed{width:100%;height:72vh;border:0;border-radius:12px}.oa-team-host .supporter-default{display:none}.oa-team-host .supporter-body{display:block}.oa-dj-list{max-height:250px;overflow:auto}.oa-dj-list button{display:block;width:100%;text-align:left;margin:4px 0}.oa-table-sound-label{font-size:11px;color:#9deaff}.oa-room-note{font-size:12px;color:#bce9ff;padding:8px}.oa-room .supporter-body{min-height:200px}.oa-room .supporter-chat-grid{grid-template-columns:minmax(0,1fr) 150px}
@keyframes oa-shine{80%{transform:translateX(-140%)}100%{transform:translateX(140%)}}@keyframes oa-glow{to{opacity:.2}}@keyframes oa-wiggle{0%,70%,100%{transform:rotate(0)}75%,85%{transform:rotate(-8deg)}80%,90%{transform:rotate(8deg)}}@keyframes oa-scroll{to{transform:translateX(-100%)}}@keyframes oa-flip{from{transform:perspective(1000px) rotateY(-30deg);opacity:.25}to{transform:none;opacity:1}}@media(max-width:1000px){.oa-room{grid-template-columns:240px 1fr}.oa-room-right{grid-column:1/-1}.oa-room-players{max-height:300px;grid-template-columns:repeat(3,1fr)}.oa-table-art{height:155px}}@media(max-width:680px){.oa-room,.oa-room.no-players,.oa-room.no-tables{display:block}.oa-room-chatlog{height:280px}.oa-room-players{grid-template-columns:1fr 1fr}.oa-tables{grid-template-columns:1fr}.oa-settings{grid-template-columns:1fr}.oa-dm-grid{grid-template-columns:100px 1fr}}@media(prefers-reduced-motion:reduce){.oa-vip:after,.oa-message.oa-vip:before,.oa-page-flip,.oa-dm-ball.has-unread{animation:none}}

[data-old-radio-chat]{display:none!important}.oa-radio-chat header{display:flex;align-items:center;justify-content:space-between}.oa-radio-chat .messages{height:440px;overflow:auto}.oa-radio-chat .oa-compose button{padding:7px;border-radius:7px}.oa-radio-chat .oa-message{margin:8px 0}.standalone-salons #lobby-root{margin:35px auto;width:min(900px,94vw);max-width:900px}.standalone-salons #lobby-rooms{display:grid;grid-template-columns:1fr 1fr;gap:15px}.standalone-salons #lobby-rooms article{padding:16px;border:1px solid #39dcff;border-radius:14px}

.oa-room.no-tables{grid-template-columns:minmax(0,1fr) minmax(210px,23%)}.oa-room.no-tables.no-players{grid-template-columns:minmax(0,1fr) 110px}.oa-room [hidden]{display:none!important}.oa-room.no-tables .oa-room-chatlog{height:calc(100vh - 420px);min-height:280px}.oa-room.no-players .oa-room-right{min-width:0}

.oa-table-art{background:url("/assets/images/salon-table-green-blue.webp") center/contain no-repeat;height:205px}.oa-table-felt{display:none}.oa-seat{background:transparent;border:0;box-shadow:none;width:54px;height:45px;border-radius:0;transform:none}.oa-seat-0{left:calc(50% - 27px);top:4%}.oa-seat-1{right:7%;top:40%}.oa-seat-2{left:calc(50% - 27px);bottom:0}.oa-seat-2>*{transform:none}.oa-seat-3{left:7%;top:40%}.oa-seat button{width:40px;height:40px;border-radius:50%;padding:3px;background:#073877dc;box-shadow:0 0 6px #48dfff}.oa-seat .oa-face{width:32px;height:32px;border-radius:50%}.oa-seat small{bottom:-9px}@media(max-width:1000px){.oa-table-art{height:185px}}

@media(min-width:1001px){.oa-room{height:100dvh;overflow:hidden;align-items:stretch;box-sizing:border-box}.oa-room-left,.oa-room-middle,.oa-room-right{min-height:0;overflow:hidden;display:flex;flex-direction:column}.oa-room .oa-panel{flex-shrink:0}.oa-room .oa-room-chat,.oa-room .oa-roster{display:flex;flex-direction:column;flex:1;min-height:0}.oa-room .oa-room-chatlog{flex:1;min-height:0;height:auto;overflow:auto}.oa-room .oa-room-content{flex:1;min-height:0;overflow:auto}.oa-room .oa-roster .oa-room-players{min-height:0;flex:1;overflow:auto}.oa-room .oa-compose{flex:none}.oa-room .oa-brand{flex:none}.oa-room .oa-radio-bottom{padding:8px}.oa-room .oa-radio-bottom h3{font-size:15px}.oa-room.no-tables .oa-room-chatlog{height:auto;min-height:0}}
.oa-room-players{align-content:start}.oa-radio-bottom a{color:#d5f7ff}

.oa-room.no-players{grid-template-columns:minmax(250px,27%) minmax(0,1fr)}.oa-room.no-tables.no-players{grid-template-columns:minmax(0,1fr)}.oa-room-right[hidden]{display:none!important}.oa-song-search{box-sizing:border-box;width:100%;padding:11px;margin:8px 0;border:1px solid #3cdbff;border-radius:8px;background:#092c58;color:#fff}.oa-dj-list{overflow-x:hidden}.oa-dj-list button{white-space:normal;overflow-wrap:anywhere}.oa-room .oa-radio-bottom{flex:none;margin-bottom:12px}@media(max-width:680px){.oa-room.no-players{display:block}}

.oa-salon-embedded .oa-radio-chat{display:none!important}

.effect-pad[data-effect-state=playing] [data-effect-play]{background:#14743a;color:#fff;opacity:1}.effect-pad[data-effect-state=stopped] button[aria-label$=" durdur"]{background:#b52236;color:#fff}

.oa-team-embedded .supporter-body{min-height:0!important}.oa-team-embedded .supporter-messages{height:210px}.oa-team-embedded .supporter-heading{margin-top:0}.oa-team-embedded .supporter-chat h4{margin:8px 0}.oa-team-embedded .supporter-members{max-height:310px}
/* Salon yerleşimi: sabit üst şeritler, bağımsız oyun renkleri ve açılır paneller. */
.oa-room{--room-hue:212;--room-deep:#071c39;--room-accent:#ebc365;--room-columns:minmax(240px,1fr) minmax(350px,1.45fr) minmax(230px,.85fr);display:grid!important;grid-template-columns:var(--room-columns)!important;grid-template-rows:auto auto auto minmax(0,1fr);height:100dvh;padding:8px;gap:8px;background:radial-gradient(ellipse at 5% 90%,hsl(var(--room-hue) 65% 24%/.55),transparent 65%),repeating-radial-gradient(ellipse at 100% 0,transparent 0 34px,hsl(var(--room-hue) 48% 50%/.08) 35px 37px,transparent 38px 74px),linear-gradient(135deg,hsl(var(--room-hue) 65% 16%),hsl(var(--room-hue) 70% 7%));overflow:hidden}
.oa-room[data-game=batak]{--room-hue:348}.oa-room[data-game=okey]{--room-hue:282}.oa-room[data-game="101okey"]{--room-hue:29}.oa-room[data-game=tavla]{--room-hue:157}
.oa-room .oa-panel{border:1px solid var(--room-accent);border-radius:9px;background:hsl(var(--room-hue) 68% 13%/.74);box-shadow:inset 0 1px 5px #ffffff18,0 2px 6px #0005;padding:8px}
.oa-room .oa-room-top,.oa-room .oa-room-strip,.oa-room .oa-marquee{grid-column:1/-1;margin:0;min-width:0}
.oa-room-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.oa-room-top .oa-brand{display:flex;align-items:center;gap:9px;font-size:22px;margin:0;padding:0;color:#ffe297}.oa-room-top .oa-brand svg{width:46px;height:46px}.oa-room-top .oa-brand small{display:none}.oa-room-top .oa-panel{display:flex;align-items:center;gap:7px;padding:5px 8px;border-color:#bd994d}.oa-room-top h3{font-size:13px;margin:0}.oa-room-top .oa-room-nav{margin:0;display:flex;flex-wrap:wrap;gap:5px;flex:1;justify-content:flex-end}.oa-room-top button{font-size:11px;padding:8px}
.oa-room .oa-marquee{min-height:33px;padding:3px 6px;background:linear-gradient(#fff9df,#e9d49c);color:#3a2808}.oa-room .oa-marquee button{font-size:10px;padding:5px 9px}.oa-room .oa-marquee-text{color:#3a2808}
.oa-room-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oa-room-strip .oa-room-title{gap:6px;margin:0;padding:6px;border:1px solid #b99547;border-radius:5px}.oa-room-strip h2,.oa-room-strip h3{font-size:12px;margin:0;color:#ffe39b}.oa-room-strip .oa-room-nav{display:flex;margin:0;gap:4px}.oa-room-strip .oa-room-tabs{display:flex;padding:0;border:0;background:none;box-shadow:none;margin:0;gap:4px}.oa-room-strip .oa-room-tabs button{padding:8px;font-size:11px}.oa-room-strip .oa-room-nav button{font-size:10px;padding:8px}.oa-pane-switches{display:flex;gap:5px;margin-left:auto}.oa-room .oa-pane-switches button{font-weight:bold;color:#35240b;border-color:#d5af58;background:linear-gradient(#ffefac,#c69330);font-size:11px;padding:9px 12px}.oa-pane-switches button[aria-pressed=false]{opacity:.6}
.oa-room .oa-room-left,.oa-room .oa-room-middle,.oa-room .oa-room-right{grid-row:4;grid-column:auto;display:flex;flex-direction:column;min-height:0;gap:8px;overflow:hidden}.oa-room .oa-room-left[hidden],.oa-room .oa-room-middle[hidden],.oa-room .oa-room-right[hidden]{display:none!important}.oa-room .oa-room-chat,.oa-room .oa-room-content,.oa-room .oa-roster{flex:1;min-height:0;margin:0;overflow:hidden}.oa-room .oa-room-content{overflow:auto}.oa-room .oa-room-chatlog{flex:1;height:auto;min-height:0;overflow:auto}.oa-room .oa-roster .oa-room-players{overflow:auto;flex:1;min-height:0;align-content:start}.oa-room .oa-roster header,.oa-room .oa-room-chat>header,.oa-room .oa-room-content>header{gap:5px;display:flex;align-items:center}.oa-room .oa-roster header>button:first-child,.oa-room .oa-room-chat>header>button:first-child{flex:1;background:linear-gradient(#fff1b6,#b88719);color:#342305;border-color:#f3cf72;font-weight:bold}.oa-room .oa-room-content>header h3{flex:1;padding:8px;margin:0;background:linear-gradient(#fff1b6,#b88719);color:#342305;border-radius:5px;font-size:13px;text-align:center}.oa-room .oa-room-chat>header button,.oa-room .oa-roster header button{font-size:11px;padding:8px}.oa-room button{border-color:#cca84f;background:linear-gradient(hsl(var(--room-hue) 48% 30%),hsl(var(--room-hue) 65% 13%));border-radius:5px}.oa-room button.selected{background:linear-gradient(#ffe599,#b7851c);color:#302109;box-shadow:none}.oa-room .oa-table{border:2px solid #d5b15b;border-radius:10px;background:hsl(var(--room-hue) 60% 17%/.83);padding:7px}.oa-room .oa-table-art{height:180px}.oa-room .oa-tables{gap:9px}.oa-room .oa-table header{color:#ffe7ae}.oa-room .oa-radio-bottom{margin:0;padding:7px;font-size:11px}.oa-room .oa-radio-bottom h3{margin:2px;font-size:12px}.oa-room .oa-radio-bottom strong{font-size:11px}.oa-room .oa-radio-bottom button{padding:5px 12px}.oa-room .oa-radio-bottom a{font-size:10px}.oa-room .oa-roster .oa-person{border:1px solid #b49bcf;border-radius:8px;padding:10px;margin-bottom:5px;background:linear-gradient(#4d5857,#28332f)!important;min-height:62px}.oa-room .oa-roster .oa-person strong{color:var(--nick,#fff)}.oa-room .oa-song-search{background:hsl(var(--room-hue) 65% 9%);border-color:#c5a350}.oa-room .oa-room-players{display:block}.oa-room .oa-room-content:empty:after{content:'Alanı üst düğmelerden açabilirsiniz.';color:#fff0}.oa-room .oa-team-embedded .supporter-body{background:transparent}.oa-room .oa-room-content .oa-dj-list{max-height:calc(100dvh - 370px)}
@media(max-width:1000px){.oa-room{grid-template-columns:var(--room-columns)!important}.oa-room-top{gap:5px}.oa-room-top .oa-brand{font-size:16px}.oa-room-top .oa-brand svg{width:32px;height:32px}.oa-room-top button{padding:5px}.oa-room .oa-room-top .oa-panel{flex-wrap:wrap}.oa-room .oa-table-art{height:145px}}
@media (max-width:760px),(max-height:500px) and (pointer:coarse){.oa-room{display:flex!important;flex-direction:column;height:100dvh;overflow:auto}.oa-room .oa-room-left,.oa-room .oa-room-middle,.oa-room .oa-room-right{min-height:360px;flex:none}.oa-room .oa-room-chatlog{min-height:200px}.oa-room .oa-roster .oa-room-players{max-height:350px}.oa-room .oa-room-content{min-height:300px;max-height:600px}.oa-room-top .oa-brand{font-size:18px}.oa-room-strip{gap:5px}.oa-pane-switches{margin-left:0}.oa-room .oa-tables{grid-template-columns:1fr 1fr}}

.oa-room .oa-seat button{width:40px;height:40px;border-radius:50%;padding:3px}.oa-room .oa-room-tabs button{white-space:nowrap}.oa-room .oa-room-nav button{white-space:nowrap}
/* Onaylanan mavi salon ailesi. */
.oa-room{--room-hue:214;--room-accent:#29dbff;--room-tint:#064abb33;background:linear-gradient(var(--room-tint),var(--room-tint)),url('/assets/images/room-cards-blue.webp') center/cover;grid-template-rows:auto auto auto minmax(0,1fr)}
.oa-room[data-game=batak]{--room-hue:222;--room-tint:#000d43a8}
.oa-room[data-game=okey]{--room-hue:201;--room-tint:#68d6ff33;background-image:linear-gradient(var(--room-tint),var(--room-tint)),url('/assets/images/home-theme-final.webp')}
.oa-room[data-game="101okey"]{--room-hue:225;--room-tint:#1238b877;background-image:linear-gradient(var(--room-tint),var(--room-tint)),url('/assets/images/home-theme-final.webp')}
.oa-room[data-game=tavla]{--room-hue:195;--room-tint:#003b4ec7}
.oa-room .oa-panel{border-color:var(--room-accent);border-radius:14px;background:hsl(var(--room-hue) 80% 15%/.72)}
.oa-room button{border-color:#3cceff;border-radius:8px;background:linear-gradient(hsl(var(--room-hue) 75% 28%),hsl(var(--room-hue) 80% 16%))}
.oa-room .oa-marquee{background:#03235cd9}.oa-room .oa-marquee-text{color:#ffdf66}
.oa-room-top .oa-panel,.oa-room-strip .oa-room-title{border-color:#32d9ff}.oa-room-strip h2,.oa-room-strip h3{font-size:13px;color:#fff}
.oa-room .oa-radio-bottom{display:flex;align-items:center;gap:8px;border:0;background:none;box-shadow:none;padding:0;margin:0;flex:1;justify-content:flex-end}.oa-radio-bottom>strong,.oa-radio-bottom>a{display:none}.oa-room .oa-radio-bottom h3{font-size:12px;white-space:nowrap}.oa-radio-bottom>div{display:flex;align-items:center;gap:6px}.oa-radio-bottom input{width:85px}.oa-room .oa-radio-bottom button{margin:0}
.oa-room .oa-pane-switches{flex:none;align-self:center;margin:0;justify-content:center;gap:7px}.oa-room .oa-pane-switches button{font-size:10px;padding:6px 9px;border-radius:7px;background:linear-gradient(#ffe876,#ffc629)}
.oa-room .oa-room-chat>header>button:first-child,.oa-room .oa-roster header>button:first-child,.oa-room .oa-center-title{flex:1;text-align:center;background:linear-gradient(#104d9c,#04265c);border:1px solid #31d9ff;color:#ffe36b;font-weight:bold;padding:9px;font-size:14px}
.oa-room .oa-room-chatlog{background:#031630e8;border-radius:10px;padding:8px;margin-top:7px}.oa-room .oa-compose{background:#031630ed;padding:5px;border-radius:8px}.oa-room .oa-roster .oa-person{background:hsl(var(--room-hue) 80% 23%/.9)!important;border-color:#2b9feb}
.oa-room .oa-table{border:1px solid #26cfff;background:hsl(var(--room-hue) 75% 17%/.55)}.oa-room .oa-table-art{height:210px}.oa-table-props{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}.oa-game-back,.oa-game-face{width:28px;height:39px;border:2px solid #f7e8bb;border-radius:4px;background:#063979;display:grid;place-items:center;box-shadow:1px 2px 4px #0008}.oa-game-back svg{width:25px;height:31px}.oa-game-face{background:#fff7dc;color:#d51e2c;font:bold 22px Georgia}.oa-room[data-game=okey] .oa-game-face,.oa-room[data-game="101okey"] .oa-game-face{font-family:Arial;height:35px}.oa-room .oa-roster,.oa-room .oa-room-chat{height:100%;box-sizing:border-box}.oa-room .oa-room-content,.oa-room .oa-room-players,.oa-room .oa-room-chatlog{scrollbar-width:thin;scrollbar-color:#37cfff #041b42}
.oa-team-embedded .supporter-heading button:not(.supporter-gear){display:none}.oa-room .oa-team-embedded{height:100%;min-height:0;display:flex;flex-direction:column}.oa-team-embedded .supporter-body{flex:1;min-height:0;display:flex;flex-direction:column}.oa-room .oa-team-embedded .supporter-chat-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(220px,1fr) minmax(180px,1fr);flex:1;min-height:0;gap:10px}.oa-team-embedded .supporter-chat{min-height:0;display:flex;flex-direction:column}.oa-team-embedded .supporter-messages{height:auto!important;flex:1;min-height:100px;background:#031630ed}.oa-team-embedded .supporter-members{max-height:none!important;overflow:auto;min-height:0}.oa-room .oa-team-embedded .supporter-chat-grid>aside{width:auto}
.oa-salon-embedded>body>header,.oa-salon-embedded .hero,.oa-salon-embedded footer,.oa-salon-embedded #admin-tools,.oa-salon-embedded #global-status{display:none!important}.oa-salon-embedded main{padding:0!important}.oa-salon-embedded #studio-view{display:block}.oa-salon-embedded #studio-view[hidden]{display:none}
.oa-salon-embedded .top,.oa-salon-embedded #ticker{display:none!important}.oa-salon-embedded.oa-studio-live #admin-tools,.oa-salon-embedded.oa-studio-live .hero{display:none!important}
.oa-room[data-game=tavla]{background-image:linear-gradient(var(--room-tint),var(--room-tint)),url("/assets/images/room-tavla-blue.webp")}.oa-room .oa-room-tabs:empty{display:none!important}
.oa-room[data-game=okey] .oa-panel{background:#075d91bd}.oa-room[data-game="101okey"] .oa-panel{background:#092a83c9}.oa-room[data-game=batak] .oa-panel{background:#020f38de}.oa-room[data-game=tavla] .oa-panel{background:#033345cf}.oa-room[data-game=okey] .oa-room-chatlog,.oa-room[data-game="101okey"] .oa-room-chatlog{background:#021b35f2}.oa-room .oa-backgammon{inset:33% 30%;display:grid;grid-template-columns:repeat(6,1fr);gap:1px;border:4px ridge #ac7635;background:#d4b77d}.oa-backgammon i{background:linear-gradient(70deg,transparent 48%,#173e59 50%);height:20px}.oa-backgammon i:nth-child(even){background:linear-gradient(70deg,transparent 48%,#773d22 50%)}.oa-room[data-game=okey] .oa-game-back,.oa-room[data-game="101okey"] .oa-game-back{height:35px;background:#e9debf;border-color:#fff4d7}.oa-room .oa-team-embedded .supporter-compose{flex:none}.oa-room .oa-team-embedded .supporter-chat-grid{height:calc(100dvh - 360px)}

/* Persistent controls remain outside the panels they toggle. */
.oa-room{grid-template-rows:auto auto auto auto minmax(0,1fr)}
.oa-room>.oa-pane-switches{grid-column:1/-1;grid-row:4;justify-content:center;display:flex}
.oa-room>.oa-room-left,.oa-room>.oa-room-middle,.oa-room>.oa-room-right{grid-row:5}
.oa-room .oa-panel{background:hsl(var(--room-hue) 75% 23% / .54)}
.oa-room[data-game="batak"] .oa-panel{background:#071c4ba8}
.oa-room[data-game="okey"] .oa-panel{background:#0874a98c}
.oa-room[data-game="101okey"] .oa-panel{background:#123b929c}
.oa-room[data-game="tavla"] .oa-panel{background:#07506199}
.oa-room .oa-room-chatlog,.oa-room .oa-compose{background:#06284cc4}
.supporter-message.event-message{display:grid;grid-template-columns:minmax(80px,110px) minmax(0,1fr);gap:10px;align-items:start}
.supporter-message-identity{min-width:0}.supporter-message-identity>button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.supporter-message-actions{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}
.supporter-message-text{display:block;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.oa-room .supporter-messages{background:#06284cc4}

/* Seat controls share the artwork's coordinate space at every screen width. */
.oa-room .oa-table-art{width:230px;max-width:100%;height:210px;margin:8px auto 0}
.oa-room .oa-seat-1{right:2%;top:40%}.oa-room .oa-seat-3{left:2%;top:40%}
.oa-page-flip{transform-origin:center;animation:oa-room-turn .8s ease-in-out both}
@keyframes oa-room-turn{0%{transform:perspective(1100px) rotateY(-16deg);opacity:.35}45%{transform:perspective(1100px) rotateY(0);opacity:.55}100%{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.oa-page-flip{animation:none}}

/* Header follows the room's three columns, rather than stretching into one line. */
.oa-room-top{display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,1.45fr) minmax(180px,.85fr);grid-template-rows:auto auto;gap:7px}
.oa-room-top .oa-brand{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;gap:2px;justify-content:center;text-align:center;font-size:22px}
.oa-room-top .oa-brand svg{width:65px;height:65px}.oa-room-top .oa-brand small{display:block;font-size:13px}
.oa-room-top>.oa-panel{grid-column:3;grid-row:1/3;flex-wrap:wrap;align-content:center;justify-content:center}
.oa-room-top>.oa-panel h3{width:100%;font-size:16px;text-align:center}
.oa-room-top>.oa-room-nav{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;justify-content:stretch}
.oa-room-top>.oa-room-nav button{min-width:0}
.oa-room .oa-pane-switches{margin:0;align-self:stretch}

.oa-inline-manage{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:6px;margin:4px 0 4px auto;border:1px solid #35dfff;border-radius:8px;background:#08356a;box-shadow:0 4px 12px #0019;flex:none}
.oa-inline-manage button{font:12px Arial!important;padding:5px 10px!important;min-height:0!important;width:auto!important}
dialog.oa-inline-manage{position:static;inset:auto;min-width:0;width:max-content;max-width:100%;color:#fff}
dialog.oa-inline-manage:not([open]){display:none}dialog.oa-inline-manage p{display:none}
.oa-room>.oa-room-top{display:grid!important;grid-template-columns:1fr 1.45fr .85fr!important}
.oa-room>.oa-room-top>.oa-panel{grid-column:3!important}.oa-room>.oa-room-top>.oa-room-nav{grid-column:2!important}
.oa-room.oa-arriving{animation:oa-arrive 1.2s ease-out both}
@keyframes oa-arrive{0%{opacity:.15;transform:perspective(1600px) rotateY(-12deg)}45%{opacity:.6;transform:none}100%{opacity:1;transform:none}}

/* Reuse the homepage's three-column composition during room entry. */
.oa-room>.oa-room-top{display:contents!important}
.oa-room>.oa-room-top>.oa-brand{grid-column:1!important;grid-row:1/4!important;align-self:start;justify-self:center;padding:5px!important;gap:2px!important;font-size:22px!important}
.oa-room>.oa-room-top>.oa-brand svg{width:74px;height:74px}.oa-room>.oa-room-top>.oa-brand small{font-size:17px}
.oa-room>.oa-room-top>.oa-panel{grid-column:3!important;grid-row:1/4!important;margin:0;padding:12px;align-self:stretch;display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-start}
.oa-room>.oa-room-top>.oa-panel h3{font-size:19px;text-align:left;padding:4px}
.oa-room>.oa-room-top>.oa-room-nav{grid-column:2!important;grid-row:2!important;display:flex;flex-wrap:wrap;justify-content:center}
.oa-room>.oa-room-strip{grid-column:2!important;grid-row:1!important;display:flex;flex-wrap:wrap;justify-content:center}
.oa-room>.oa-marquee{grid-column:2!important;grid-row:3!important}
.oa-room .oa-room-strip .oa-room-title{width:100%;justify-content:center}
.oa-room .oa-room-strip .oa-room-title h2,.oa-room .oa-room-strip .oa-room-title h3{font-size:15px}
.oa-room.oa-arriving>.oa-room-left{animation:oa-arrive 1s ease-out both}.oa-room.oa-arriving>.oa-room-middle{animation:oa-arrive 1.2s ease-out both}.oa-room.oa-arriving>.oa-room-right{animation:oa-arrive 1.4s ease-out both}
@media(prefers-reduced-motion:reduce){.oa-room.oa-arriving,.oa-room.oa-arriving>.oa-room-left,.oa-room.oa-arriving>.oa-room-middle,.oa-room.oa-arriving>.oa-room-right{animation:none}}

/* Pişti-only welcome avatar; other games retain their existing account controls. */
.oa-room[data-game="pisti"] .oa-pisti-welcome{align-self:start!important;min-height:0!important;padding:10px!important;gap:6px!important}
.oa-room[data-game="pisti"] .oa-pisti-welcome h3{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:15px!important;margin:0!important;padding:0!important}
.oa-room[data-game="pisti"] .oa-welcome-profile{display:inline-flex;align-items:center;gap:7px;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:inherit!important;color:inherit!important;text-align:left;max-width:100%}
.oa-room[data-game="pisti"] .oa-welcome-profile .oa-face{width:32px;height:32px;flex:none}
.oa-room[data-game="pisti"] .oa-welcome-profile span:not(.oa-face){overflow-wrap:anywhere}
.oa-room[data-game="pisti"] .oa-welcome-greeting{font-size:inherit}

/* Approved three-column composition: stationary identity, local panel turns. */
.oa-room{isolation:isolate;box-sizing:border-box;grid-template-columns:var(--room-columns)!important;grid-template-rows:145px 44px 68px 38px minmax(0,1fr)!important;padding:24px 20px 16px;gap:10px;background:#0865df url('/assets/images/home-theme-final.webp') center/cover!important;--room-image:url('/assets/images/room-cards-blue.webp');--room-wash:#064abb44;--room-hue:214}
.oa-room[data-game=batak]{--room-hue:222;--room-wash:#000d4399}.oa-room[data-game=okey]{--room-hue:201;--room-wash:#68d6ff44;--room-image:url('/assets/images/home-theme-final.webp')}.oa-room[data-game="101okey"]{--room-hue:225;--room-wash:#1238b877;--room-image:url('/assets/images/home-theme-final.webp')}.oa-room[data-game=tavla]{--room-hue:195;--room-wash:#003b4e88}
.oa-room:before,.oa-room:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:1}.oa-room:before{background:var(--room-image) center/cover}.oa-room:after{background:var(--room-wash)}
.oa-room>.oa-room-top{display:contents!important}.oa-room>.oa-room-top>.oa-brand{grid-column:1!important;grid-row:1/4!important;align-self:center;font-size:clamp(24px,3vw,44px)!important;line-height:1.15;padding:0!important}.oa-room>.oa-room-top>.oa-brand svg{width:100px;height:100px}.oa-room>.oa-room-top>.oa-brand small{font-size:clamp(18px,2vw,30px)}
.oa-room>.oa-room-top>.oa-panel{grid-column:3!important;grid-row:1/5!important;align-self:stretch!important;align-content:start!important;padding:16px!important;background:#076291b3!important}.oa-room>.oa-room-top>.oa-panel h3{font-size:clamp(17px,2vw,28px)!important}
.oa-room>.oa-room-top>.oa-room-nav{grid-column:2!important;grid-row:2!important;display:flex!important;flex-wrap:nowrap;margin:0!important;gap:5px}.oa-room-top>.oa-room-nav button{font-size:11px;padding:6px;min-width:0}
.oa-room>.oa-room-strip{grid-column:2!important;grid-row:1!important;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:8px;margin:0}.oa-room .oa-room-strip .oa-room-title{border:0;padding:4px}.oa-room .oa-room-strip h2,.oa-room .oa-room-strip h3{font-size:clamp(13px,1.6vw,23px)}.oa-room .oa-room-strip .oa-room-nav{margin:4px 0 0}.oa-room .oa-room-strip .oa-room-nav button{font-size:14px;padding:8px 30px}
.oa-room>.oa-room-radio{grid-column:2!important;grid-row:3!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px;padding:4px;margin:0!important}.oa-room-radio h3{font-size:13px!important}.oa-room-radio strong{font-size:11px}.oa-room-radio>div{display:flex;align-items:center}.oa-room-radio button{margin:0!important}.oa-room-radio a{width:100%;font-size:10px!important}
.oa-room>.oa-marquee{grid-column:1!important;grid-row:4!important;margin:0;min-height:0;padding:3px 6px;font-size:10px}.oa-room .oa-marquee .oa-vip-label{white-space:nowrap;color:#ffe452;font-size:10px}.oa-room .oa-marquee button{padding:4px;font-size:9px}.oa-room>.oa-pane-switches{grid-column:2!important;grid-row:4!important;display:flex;gap:6px;margin:0;padding:0}.oa-room .oa-pane-switches button{flex:1;min-width:0;padding:5px;font-size:11px;color:#06214b;border:1px solid #ffd94b;border-radius:8px;background:linear-gradient(#ffe976,#ffd029);opacity:1}
.oa-room>.oa-room-left,.oa-room>.oa-room-middle,.oa-room>.oa-room-right{grid-row:5!important;min-height:0}.oa-room .oa-panel{background:hsl(var(--room-hue) 80% 22% / .38)!important;border-color:#32ddff}.oa-room .oa-room-chat,.oa-room .oa-roster,.oa-room .oa-room-content{display:flex;flex-direction:column}.oa-room .oa-room-content{overflow:auto}.oa-room .oa-room-chatlog{background:#06284c66!important}.oa-room .oa-compose{background:#06284c99!important}.oa-room .oa-table{background:#073d7840!important;border:1px solid #36dfff}.oa-room .oa-tables{flex:1;align-content:start}.oa-room .oa-table-actions{display:flex;gap:6px;margin:5px 0 2px}.oa-room .oa-table-actions button{flex:none;font-size:11px;padding:4px 9px;min-height:25px;color:#ffdf5c;border:1px solid #ffd350;background:#082a65}
.oa-room .oa-table-art{width:230px;height:190px;max-width:100%;margin:3px auto}.oa-room .oa-seat-0{top:2%;left:calc(50% - 27px)}.oa-room .oa-seat-1{right:2%;top:40%}.oa-room .oa-seat-2{bottom:0;left:calc(50% - 27px)}.oa-room .oa-seat-3{left:2%;top:40%}
.oa-room.oa-arriving{animation:none!important}.oa-room.oa-arriving>.oa-room-left,.oa-room.oa-arriving>.oa-room-middle,.oa-room.oa-arriving>.oa-room-right{animation:none!important}
.oa-room.oa-arriving .oa-room-chat{animation:oa-local-turn 1.2s ease-in-out both}.oa-room.oa-arriving .oa-room-content{animation:oa-local-turn 1.2s .85s ease-in-out both}.oa-room.oa-arriving .oa-roster{animation:oa-local-turn 1.2s 1.7s ease-in-out both}.oa-room.oa-arriving>.oa-room-strip,.oa-room.oa-arriving>.oa-room-radio,.oa-room.oa-arriving>.oa-room-top>.oa-room-nav{animation:oa-local-turn 1.2s .85s ease-in-out both}
.oa-room.oa-arriving:before{animation:oa-theme-reveal 1.7s 2.9s ease-in-out both}.oa-room.oa-arriving:after{animation:oa-theme-reveal 1.7s 4.6s ease-in-out both}
@keyframes oa-local-turn{0%{opacity:0;transform:perspective(1400px) rotateY(-78deg)}55%{opacity:.7}100%{opacity:1;transform:perspective(1400px) rotateY(0)}}@keyframes oa-theme-reveal{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.oa-room{padding:10px;gap:7px;grid-template-rows:120px 38px 60px 34px minmax(0,1fr)!important}.oa-room>.oa-room-top>.oa-brand svg{width:75px;height:75px}.oa-room .oa-table-art{width:180px;height:165px}.oa-room .oa-pane-switches button{font-size:9px;padding:3px}.oa-room .oa-room-top>.oa-panel{padding:8px!important}}
@media(prefers-reduced-motion:reduce){.oa-room.oa-arriving:before,.oa-room.oa-arriving:after,.oa-room.oa-arriving .oa-room-chat,.oa-room.oa-arriving .oa-room-content,.oa-room.oa-arriving .oa-roster,.oa-room.oa-arriving>.oa-room-strip,.oa-room.oa-arriving>.oa-room-radio,.oa-room.oa-arriving>.oa-room-top>.oa-room-nav{animation:none!important}}

/* Keep the real homepage identity nodes and their event handlers. */
.oa-room>.oa-room-top>.oa-original-brand{align-self:start!important;width:100%;max-width:100%;padding:0!important;gap:0!important;animation:none!important;transform:none!important}
.oa-original-brand>.brand{width:100%;box-sizing:border-box;flex:none}.oa-original-brand>h1{width:100%;box-sizing:border-box;flex:none}
.oa-room>.oa-room-top>.oa-original-account{height:auto!important;min-height:0!important;align-self:start!important;display:block!important;background:linear-gradient(125deg,#008babbf,#064880e6)!important;animation:none!important;transform:none!important}
.oa-original-account>.account-panel{width:100%;min-width:0;box-sizing:border-box}.oa-original-account .card-header{display:block}.oa-original-account .account-heading{justify-content:flex-start}.oa-original-account .account-box{box-sizing:border-box}.oa-original-account .account-box .primary{width:100%;background:linear-gradient(#ffe97b,#ffca25)!important;color:#082047!important}.oa-original-account [hidden]{display:none!important}
.oa-room>.oa-room-radio{grid-column:2!important;grid-row:3!important;display:flex!important;position:static!important;justify-content:space-between!important;flex-wrap:wrap!important;border:1px solid #2fdfff!important;border-radius:14px!important;background:#06285ebf!important;padding:5px 10px!important}
.oa-room-radio>strong{display:block!important;order:0;font-size:12px!important}.oa-room-radio>h3{display:block!important;order:1;font-size:12px!important}.oa-room-radio>div{order:2;display:flex!important;gap:7px}.oa-room-radio>a{order:3;display:block!important;text-align:center;color:#bdefff!important;line-height:1.2}.oa-room-radio button{background:linear-gradient(#ffe97b,#ffca25)!important;color:#082047!important;border-radius:50%!important;padding:5px 10px!important}

/* Compact account content cannot overlap the roster. */
.oa-room>.oa-room-top>.oa-original-account{padding:10px!important;max-height:100%;overflow:auto;box-sizing:border-box}.oa-original-account>.account-panel{padding:8px!important;margin:0!important}.oa-original-account .card-header h2{font-size:clamp(18px,2vw,28px)!important;line-height:1.12!important;margin:8px 0 12px!important;overflow-wrap:anywhere}.oa-original-account .account-box{padding:8px!important;margin-top:8px!important}.oa-original-account .account-box .primary{min-height:34px!important;font-size:14px!important;padding:7px!important}.oa-original-account #mail-settings-link{margin:6px 0!important;padding:7px!important;font-size:11px!important}.oa-original-account .account-heading{margin:0!important}.oa-original-account #account-actions-toggle{padding:5px 11px!important;margin-top:4px!important}
.oa-account-person{display:inline-flex!important;align-items:center;gap:6px;max-width:100%;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;vertical-align:middle;text-align:left;white-space:normal}.oa-account-person .oa-face{width:30px;height:30px}.oa-account-person strong{overflow-wrap:anywhere;font-size:inherit!important}.oa-account-person~span{white-space:normal}.oa-room .oa-roster .oa-person{background:var(--theme,#083d7777)!important}.oa-person{color:var(--text,#fff);font-family:var(--font,Arial)}.oa-face.classic{border-radius:50%}.oa-face.square{border-radius:4px}
/* Keep roster width while chat takes the hidden tables column. */
.oa-room.no-tables:not(.no-players)>.oa-room-left{grid-column:1/3!important}.oa-room.no-tables:not(.no-players)>.oa-room-right{grid-column:3!important}.oa-room.no-tables:not(.no-players){grid-template-columns:minmax(240px,1fr) minmax(350px,1.45fr) minmax(230px,.85fr)!important}
/* Raised headers and luminous controls share the existing blue theme. */
.oa-room>.oa-room-strip{background:linear-gradient(145deg,#236ac0b0,#05285ed9)!important;box-shadow:inset 0 2px 8px #b1eeff66,inset 0 -4px 10px #001b58a0,0 0 10px #24caff55!important}.oa-room .oa-room-title{text-shadow:0 0 8px #75e8ff,0 2px 2px #00194d;color:#fff}
.oa-room-top>.oa-room-nav button,.oa-room .oa-room-chat>header button,.oa-room .oa-roster header button,.oa-room .oa-center-title{background:linear-gradient(#2675c5,#08337c)!important;color:#ffdf62!important;border-color:#47dfff!important;box-shadow:inset 0 1px 5px #b5f6ff55,0 0 7px #20c9ff66!important;text-shadow:0 0 7px #ffdd4477}
.oa-room .oa-table-actions button{background:linear-gradient(#d53a52,#8b102c)!important;border-color:#ff637f!important;color:#fff4c7!important;box-shadow:inset 0 1px 5px #ffd5df66,0 0 9px #ff305a88!important}.oa-room .oa-seat button{border-color:#6bf3ff!important;box-shadow:0 0 7px #23e6ff, inset 0 0 8px #35dfff77!important;animation:oa-seat-glow 2.8s ease-in-out infinite alternate}
.oa-room .oa-marquee-text{color:#fff0a0!important;text-shadow:0 0 6px #ffdc37,0 0 12px #23ccff}.oa-room .oa-marquee{box-shadow:inset 0 0 9px #1abaff88,0 0 7px #27cfff66!important}
.oa-room .oa-pane-switches button{box-shadow:inset 0 1px 6px #fff8,0 0 8px #ffda4b77}.oa-room .oa-panel{box-shadow:inset 0 1px 7px #63cfff44,0 0 7px #20caff44}.oa-room .oa-original-brand .brand-logo{animation:oa-emblem-turn 18s linear infinite!important;transform-origin:center}.oa-room .oa-brand>svg{animation:oa-emblem-turn 18s linear infinite;transform-origin:center}
@keyframes oa-emblem-turn{from{transform:perspective(650px) rotateY(0)}to{transform:perspective(650px) rotateY(360deg)}}@keyframes oa-seat-glow{from{filter:brightness(1)}to{filter:brightness(1.23)}}
@media(prefers-reduced-motion:reduce){.oa-room .oa-seat button,.oa-room .oa-original-brand .brand-logo,.oa-room .oa-brand>svg{animation:none!important}}

.oa-room .oa-message-tools button,.oa-room .oa-inline-manage button,.oa-room .oa-compose button{box-shadow:inset 0 1px 4px #adf5ff44,0 0 6px #2ad8ff66}.oa-room .oa-message-tools button:hover,.oa-room button:hover{filter:brightness(1.12)}
.oa-account-person strong{color:var(--nick,#5cecff)!important}.oa-room .oa-custom-theme{background:var(--theme)!important}.oa-settings label:has(input[type=color]) button{margin-top:4px;width:max-content;font-size:12px;padding:5px 10px}

/* The home emblem turns independently from the stationary wordmark. */
.entry .brand-logo{animation:oa-emblem-turn 18s linear infinite!important;transform-origin:center}
.oa-original-account #welcome .oa-account-person{font-size:inherit!important;line-height:inherit!important;max-width:100%;display:inline-flex!important}.oa-original-account #welcome .oa-account-person strong{font-size:inherit!important;line-height:inherit!important}.oa-original-account #welcome{font-size:clamp(18px,1.7vw,28px)!important;line-height:1.2!important}.oa-original-account #welcome .oa-face{flex:none}
.oa-room [data-view=social]{--view-top:#2675c5;--view-bottom:#08337c;--view-ink:#ffe36a}
.oa-room [data-view=chat]{--view-top:#0d989c;--view-bottom:#07575d;--view-ink:#d7ffff}
.oa-room [data-view=dj]{--view-top:#8451c8;--view-bottom:#392276;--view-ink:#fff0a5}
.oa-room [data-view=table],.oa-room [data-view=tables]{--view-top:#2571bd;--view-bottom:#163e81;--view-ink:#ffe36a}
.oa-room [data-view=team]{--view-top:#128d78;--view-bottom:#09564e;--view-ink:#eeffb7}
.oa-room [data-view=players]{--view-top:#216cb5;--view-bottom:#123b79;--view-ink:#ffe36a}
.oa-room [data-view=friends]{--view-top:#ad5985;--view-bottom:#632d66;--view-ink:#fff0f8}
.oa-room [data-view] header button,.oa-room [data-view] .oa-compose button,.oa-room .oa-pane-switches button[data-view]{background:linear-gradient(var(--view-top,#2675c5),var(--view-bottom,#08337c))!important;color:var(--view-ink,#ffe36a)!important;box-shadow:inset 0 1px 5px #ffffff55,0 0 7px var(--view-top,#2675c5)!important}
.oa-room .oa-hide-tables{flex:none!important;width:auto!important;font-size:12px!important;padding:5px 9px!important}
@media(prefers-reduced-motion:reduce){.entry .brand-logo{animation:none!important}}

.supporter-rank-image{display:inline-flex!important;align-items:center;justify-content:center;flex:none;width:48px;height:48px;border:1px solid #48dfff;border-radius:50%;overflow:hidden;background:#0a3d70;color:#fff!important;font-size:20px}.supporter-rank-image img{width:100%;height:100%;object-fit:cover}.supporter-ranking-row .supporter-rank-image{width:30px;height:30px;font-size:14px}.supporter-podium .supporter-rank-image{margin:0 auto}
.supporter-message-identity .supporter-chat-person{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:4px;padding:3px!important;text-align:left;font-size:10px!important}.supporter-chat-person .supporter-rank-image{width:22px;height:22px;font-size:11px}.supporter-chat-person strong{font-size:10px!important;display:inline!important;min-width:0;overflow-wrap:anywhere}.supporter-chat-person .oa-badge{display:inline-flex!important;white-space:nowrap;font-size:8px!important;padding:2px!important;flex:none}.supporter-message.event-message{grid-template-columns:minmax(85px,115px) minmax(0,1fr);gap:5px;font-size:11px!important}.supporter-message-actions button{font-size:9px!important;padding:3px 5px!important}
.oa-compose,.supporter-compose{position:relative}.oa-compose .oa-emojis,.supporter-compose .oa-emojis{position:absolute!important;bottom:calc(100% + 5px)!important;right:0!important;top:auto!important;left:auto!important;display:flex;flex-wrap:wrap;gap:4px;width:220px;max-width:100%;padding:8px;background:#082b61;border:1px solid #45dcff;border-radius:9px;z-index:30;box-shadow:0 3px 14px #0008}.oa-emojis button{flex:none!important;width:28px!important;padding:4px!important}

/* Announcement colors belong to their author, including previously sent messages. */
.oa-room .oa-marquee-text .oa-announcement strong,.oa-room .oa-marquee-text .oa-announcement span{color:inherit;text-shadow:none;display:inline;white-space:pre;}
.oa-room .oa-marquee-text .oa-announcement{display:inline;white-space:pre;text-shadow:none;}

/* A message must retain its content height in the scrolling flex log. */
.oa-room .oa-room-chatlog > *{flex:0 0 auto;min-height:min-content;}
.oa-room .oa-message{height:auto!important;max-height:none!important;overflow:visible!important;}
.oa-room .oa-message p{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;font-size:var(--size,12px)!important;font-family:var(--font,Arial)!important;line-height:1.4!important;color:var(--text,#fff)!important;}

/* Profile typography and compact private conversations. */
.oa-person strong,.oa-account-person strong{white-space:nowrap!important;overflow:hidden;min-width:0;text-overflow:ellipsis;word-break:normal!important;overflow-wrap:normal!important;font-weight:var(--weight,700);font-style:var(--style,normal);text-decoration:var(--decoration,none)}
.oa-message p{font-weight:var(--weight,400);font-style:var(--style,normal);text-decoration:var(--decoration,none);flex-shrink:0!important;min-height:1.4em;height:auto!important;overflow:visible!important}
.oa-message{flex-shrink:0!important;height:auto!important;min-height:min-content!important}
.oa-weekly-points{font-size:10px;white-space:nowrap;color:#96e8ff}.oa-person:has(.oa-weekly-points){flex-wrap:wrap}.oa-weekly-points{flex-basis:100%;text-align:left;padding-left:34px}
.oa-vip strong{text-shadow:0 0 7px currentColor}.oa-vip{position:relative}.oa-vip-badge{color:#ffe581!important}
.oa-dm{width:430px!important;max-width:calc(100vw - 24px)!important;padding:10px!important;border:1px solid #51e5ff!important;border-radius:15px!important;box-shadow:0 0 22px #00baff66!important;background:linear-gradient(145deg,#103e70,#061b36)!important}
.oa-dm-grid{grid-template-columns:90px minmax(0,1fr)!important;gap:7px!important}.oa-dm-grid section{min-width:0}.oa-dm-log{height:220px!important;overflow-y:auto!important;overflow-x:hidden}.oa-dm-log .oa-message{padding:7px!important}.oa-dm-log p{margin:5px 0!important;overflow-wrap:anywhere}.oa-dm-grid nav button{max-width:100%;overflow:hidden;text-overflow:ellipsis}.oa-dm header{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}
.oa-dm .oa-person{padding:4px!important}.oa-dm .oa-person strong{font-size:12px!important}.oa-dm .oa-message p{font-size:clamp(12px,var(--size,12px),20px)!important}
.home-ad-slot>span:first-child{display:none}.room-ticker,.oa-marquee{font-size:14px}
/* profil: yetkili işlemleri */
.oa-staff{margin-top:14px;padding:12px;border:1.5px solid #ffd54a;border-radius:14px;background:#04173acc;color:#eef8ff;display:flex;flex-direction:column;gap:8px}
.oa-staff h3{margin:0;color:#ffd54a;font:800 14px Arial}
.oa-staff-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.oa-staff-row b{min-width:58px;color:#9ff3ff;font-size:12px}
.oa-staff input,.oa-staff select{background:#05183a;color:#fff;border:1px solid #3fc9ff;border-radius:8px;padding:7px;min-width:0}
.oa-staff button{border:1.5px solid #4fd8ff;border-radius:9px;background:linear-gradient(#1257b8,#0a3478);color:#fff;font:800 12px Arial;padding:7px 10px;cursor:pointer}
.oa-staff button.oa-red{background:linear-gradient(#f24a55,#b5141f);border-color:#ff9aa1}
.oa-staff button.oa-gold{background:linear-gradient(#ffe982,#ffc21f)!important;color:#08204a!important;border-color:#fff3b0}
.oa-staff-status{margin:0;color:#ffd0a0;font-size:12px}.oa-staff-note{color:#9fc8ea;font-size:11.5px}
.oa-staff-reason{width:100%;box-sizing:border-box}
.oa-staff-admin{border-top:1px solid #2f6fb0;padding-top:8px;display:flex;flex-direction:column;gap:6px}
.oa-staff-admin summary{cursor:pointer;color:#ffd54a;font-weight:800;margin-bottom:6px}
.oa-staff-admin>b{color:#9ff3ff;font-size:12px;margin-top:4px;display:block}
.oa-shot-tools{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.oa-shot-tools button{background:linear-gradient(#1257b8,#0a3478)!important;font-weight:800}
.oa-shot-preview{display:flex;gap:8px;align-items:flex-start}.oa-shot-preview img{max-width:220px;max-height:150px;border-radius:10px;border:1px solid #3bcfff}
.oa-report label{display:grid;gap:5px;margin:6px 0}.oa-report select{background:#102e52;color:#fff;border:1px solid #53caff;border-radius:8px;padding:9px}
/* v229: Özel Mesajlar — OGİ paneli gibi derli toplu baloncuklar */
.oa-dm{background:linear-gradient(180deg,#0b3474fa,#061d45fa)!important;border:2px solid #ffd54a!important;border-radius:18px!important;box-shadow:0 12px 34px #000b!important;padding:0!important;overflow:hidden;font:14px Arial,sans-serif}
.oa-dm>header{margin:0!important;padding:9px 12px!important;background:linear-gradient(90deg,#3b2a05,#0e3570);border-bottom:1px solid #3bcfff}
.oa-dm>header strong{color:#ffe27a;font:900 15px Arial}
.oa-dm>header button{width:30px;height:30px;padding:0!important;border-radius:50%!important}
.oa-dm-grid{padding:8px!important}
.oa-dm-grid nav button{font:700 12px Arial!important;padding:7px 8px!important;border-radius:10px!important;text-align:left}
.oa-dm-grid section>.oa-person{margin-bottom:6px;border-radius:12px!important}
.oa-dm .oa-dm-log{display:flex!important;flex-direction:column;gap:8px;padding:8px 4px!important;height:260px!important}
.oa-dm .oa-dm-log .oa-message{position:relative;display:block!important;width:max-content!important;min-width:120px;max-width:86%!important;box-sizing:border-box;margin:0!important;padding:7px 10px 6px!important;border-radius:12px!important;background:#0a2550!important;border:1px solid #2a6db8!important;box-shadow:none!important;min-height:0!important;align-self:flex-start}
.oa-dm .oa-dm-log .oa-message.oa-dm-mine{align-self:flex-end;background:#1a5fc4!important;border-color:#5fb0ff!important}
.oa-dm .oa-dm-log .oa-message:before,.oa-dm .oa-dm-log .oa-message:after{display:none!important}
.oa-dm .oa-dm-log .oa-message .oa-person{padding:0!important;margin:0 0 3px!important;background:none!important;border:0!important;box-shadow:none!important;gap:5px!important;min-height:0!important}
.oa-dm .oa-dm-log .oa-message .oa-person img,.oa-dm .oa-dm-log .oa-message .oa-person .oa-avatar{width:20px!important;height:20px!important;min-width:20px!important;font-size:10px!important}
.oa-dm .oa-dm-log .oa-message .oa-person strong{font:800 11px Arial!important;text-decoration:none!important}
.oa-dm .oa-dm-log .oa-message .oa-person :is(.oa-badge,.oa-flag,b,small,i,img+img){transform:scale(.85);transform-origin:left center}
.oa-dm .oa-dm-log .oa-message p{margin:0!important;padding:0!important;background:none!important;border:0!important;font:400 14px/1.4 Arial,sans-serif!important;color:#eef8ff!important;text-decoration:none!important;text-shadow:none!important;white-space:pre-wrap;overflow-wrap:anywhere}
.oa-dm .oa-dm-log .oa-message>button:not(.oa-person){margin:4px 4px 0 0!important;padding:2px 8px!important;font:700 10px Arial!important;border-radius:7px!important;min-height:0!important;opacity:.8}
.oa-dm .oa-compose,.oa-dm form{border-top:1px solid #1d4a8a;padding-top:7px;margin-top:4px}
.oa-dm .oa-dm-log .oa-message .oa-person{display:flex!important;align-items:center;width:auto!important;max-width:100%}
.oa-dm .oa-dm-log .oa-message p{width:auto!important;max-width:none!important;writing-mode:horizontal-tb!important}
.oa-dm .oa-dm-log .oa-message>.oa-person{width:auto!important;padding:0!important;margin:0 0 3px!important;background:none!important;border:0!important;box-shadow:none!important;cursor:pointer}
.oa-dm .oa-dm-log .oa-message .oa-face{width:20px!important;height:20px!important;min-width:20px!important;flex:none!important}
.oa-dm .oa-dm-log .oa-message .oa-person .oa-badge{font-size:9px!important;padding:1px 4px!important}
.oa-dm .oa-dm-log .oa-message{background:#0a2550!important}.oa-dm .oa-dm-log .oa-message.oa-dm-mine{background:#1a5fc4!important}
.oa-dm .oa-dm-log .oa-message,.oa-dm .oa-dm-log .oa-message *{container-type:normal!important}.oa-dm .oa-dm-log .oa-message .oa-person strong{display:inline!important;width:auto!important;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* v268: profil ve diğer pencereler sayfanın üstünde açılır, arka plan kararmaz/bulanıklaşmaz */
html body dialog::backdrop,html body .oa-social-dialog::backdrop,html body .ms-dialog::backdrop,html body .supporter-dialog::backdrop{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html body dialog.oa-social-dialog[open]{box-shadow:0 14px 40px #000a,0 0 0 2px #3bcfff!important}
/* v270: Batak salonu kendi rengi — açılınca yavaş yavaş bordoya döner */
@keyframes oa-batak-bg{from{opacity:0}to{opacity:.55}}
@keyframes oa-batak-panel{from{background-color:rgba(10,37,80,.5);border-color:#3bcfff}to{background-color:rgba(110,12,38,.24);border-color:#e6a1ad}}
html body .oa-room[data-game=batak]{--room-hue:348;--room-accent:#e6a1ad;isolation:isolate;background:#05246a url('/assets/images/room-cards-blue.webp') center/cover no-repeat fixed!important}
html body .oa-room[data-game=batak]::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#9a1238,#5a0820);mix-blend-mode:color;animation:oa-batak-bg 3s ease-in-out both}
html body .oa-room[data-game=batak]::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:rgba(90,0,28,.18);animation:oa-batak-bg 3s ease-in-out both}
html body .oa-room[data-game=batak] .oa-panel,html body .oa-room[data-game=batak] .oa-room-left,html body .oa-room[data-game=batak] .oa-room-middle,html body .oa-room[data-game=batak] .oa-room-right{background-image:none!important;background-color:rgba(110,12,38,.24)!important;border-color:#e6a1ad!important;box-shadow:0 0 12px rgba(255,90,120,.2)!important;animation:oa-batak-panel 3s ease-in-out both!important}
html body .oa-room[data-game=batak] .oa-rcard:not(.oa-custom-theme){background:rgba(100,12,34,.3)!important;border-color:#e6a1ad!important;transition:background 2.6s}
html body .oa-room[data-game=batak] .oa-pane-switches button{background:linear-gradient(#8a1734,#4d0819)!important;border-color:#f0b4bf!important;color:#fff!important}
html body .oa-room[data-game=batak] .ms-lobby .ms-card{background:linear-gradient(170deg,rgba(130,18,46,.38),rgba(64,6,22,.45))!important;border-color:#e6a1ad!important}
@media(prefers-reduced-motion:reduce){html body .oa-room[data-game=batak]::before,html body .oa-room[data-game=batak]::after,html body .oa-room[data-game=batak] .oa-panel,html body .oa-room[data-game=batak] .oa-room-left,html body .oa-room[data-game=batak] .oa-room-middle,html body .oa-room[data-game=batak] .oa-room-right{animation:none!important}}
/* v270: Batak — paneller sırayla dönerek bordoya geçer (sohbet → masalar → oyuncular) */
html body .oa-room[data-game=batak].oa-arriving .oa-room-chat{animation:oa-local-turn 1.2s ease-in-out both,oa-batak-panel 1.2s ease-in-out both!important}
html body .oa-room[data-game=batak].oa-arriving .oa-room-content{animation:oa-local-turn 1.2s .85s ease-in-out both,oa-batak-panel 1.2s .85s ease-in-out both!important}
html body .oa-room[data-game=batak].oa-arriving .oa-roster{animation:oa-local-turn 1.2s 1.7s ease-in-out both,oa-batak-panel 1.2s 1.7s ease-in-out both!important}
@media(prefers-reduced-motion:reduce){html body .oa-room[data-game=batak].oa-arriving .oa-room-chat,html body .oa-room[data-game=batak].oa-arriving .oa-room-content,html body .oa-room[data-game=batak].oa-arriving .oa-roster{animation:none!important}}
/* OKEY salonu: zemin resmi aynı, mor tonuna yavaşça döner */
@keyframes oa-okey-bg{from{opacity:0}to{opacity:.6}}
@keyframes oa-okey-panel{from{background-color:rgba(10,37,80,.5);border-color:#3bcfff}to{background-color:rgba(70,18,110,.26);border-color:#cfa8f5}}
html body .oa-room[data-game=okey]{--room-accent:#cfa8f5}
html body .oa-room[data-game=okey]::after{background:linear-gradient(#7c2cc0,#3b0b6b)!important;mix-blend-mode:color;animation:oa-okey-bg 3s ease-in-out both}
html body .oa-room[data-game=okey] .oa-panel,html body .oa-room[data-game=okey] .oa-room-left,html body .oa-room[data-game=okey] .oa-room-middle,html body .oa-room[data-game=okey] .oa-room-right{background-image:none!important;background-color:rgba(70,18,110,.26)!important;border-color:#cfa8f5!important;transition:background-color 2.6s,border-color 2.6s}
html body .oa-room[data-game=okey] .oa-rcard:not(.oa-custom-theme){background:rgba(64,16,104,.32)!important;border-color:#cfa8f5!important;transition:background 2.6s}
html body .oa-room[data-game=okey] .oa-pane-switches button{background:linear-gradient(#6a2aa6,#3a0d66)!important;border-color:#dcc0f7!important;color:#fff!important}
html body .oa-room[data-game=okey] .ms-lobby .ms-card{background:linear-gradient(170deg,rgba(96,30,150,.38),rgba(46,10,82,.45))!important;border-color:#cfa8f5!important}
html body .oa-room[data-game=okey].oa-arriving .oa-room-chat{animation:oa-local-turn 1.2s ease-in-out both,oa-okey-panel 1.2s ease-in-out both!important}
html body .oa-room[data-game=okey].oa-arriving .oa-room-content{animation:oa-local-turn 1.2s .85s ease-in-out both,oa-okey-panel 1.2s .85s ease-in-out both!important}
html body .oa-room[data-game=okey].oa-arriving .oa-roster{animation:oa-local-turn 1.2s 1.7s ease-in-out both,oa-okey-panel 1.2s 1.7s ease-in-out both!important}
@media(prefers-reduced-motion:reduce){html body .oa-room[data-game=okey]::after,html body .oa-room[data-game=okey].oa-arriving .oa-room-chat,html body .oa-room[data-game=okey].oa-arriving .oa-room-content,html body .oa-room[data-game=okey].oa-arriving .oa-roster{animation:none!important}}
/* 101 OKEY salonu: altın-mavi (kraliyet mavisi zemin, altın çerçeveler), resim aynı */
@keyframes oa-101-bg{from{opacity:0}to{opacity:.55}}
@keyframes oa-101-panel{from{background-color:rgba(10,37,80,.5);border-color:#3bcfff}to{background-color:rgba(14,40,120,.34);border-color:#e9c25a}}
html body .oa-room[data-game="101okey"]{--room-accent:#e9c25a}
html body .oa-room[data-game="101okey"]::after{background:linear-gradient(160deg,#1a3fb8,#0b1f6b)!important;mix-blend-mode:color;animation:oa-101-bg 3s ease-in-out both}
html body .oa-room[data-game="101okey"] .oa-panel,html body .oa-room[data-game="101okey"] .oa-room-left,html body .oa-room[data-game="101okey"] .oa-room-middle,html body .oa-room[data-game="101okey"] .oa-room-right{background-image:none!important;background-color:rgba(14,40,120,.34)!important;border-color:#e9c25a!important;box-shadow:0 0 12px #e9c25a33!important;transition:background-color 2.6s,border-color 2.6s}
html body .oa-room[data-game="101okey"] .oa-rcard:not(.oa-custom-theme){background:rgba(16,42,130,.36)!important;border-color:#e9c25a!important}
html body .oa-room[data-game="101okey"] .oa-pane-switches button{background:linear-gradient(#2a56d6,#0f2a80)!important;border-color:#f3d27a!important;color:#fff!important}
html body .oa-room[data-game="101okey"] .ms-lobby .ms-card{background:linear-gradient(170deg,rgba(30,70,190,.4),rgba(10,30,100,.48))!important;border-color:#e9c25a!important}
html body .oa-room[data-game="101okey"].oa-arriving .oa-room-chat{animation:oa-local-turn 1.2s ease-in-out both,oa-101-panel 1.2s ease-in-out both!important}
html body .oa-room[data-game="101okey"].oa-arriving .oa-room-content{animation:oa-local-turn 1.2s .85s ease-in-out both,oa-101-panel 1.2s .85s ease-in-out both!important}
html body .oa-room[data-game="101okey"].oa-arriving .oa-roster{animation:oa-local-turn 1.2s 1.7s ease-in-out both,oa-101-panel 1.2s 1.7s ease-in-out both!important}
@media(prefers-reduced-motion:reduce){html body .oa-room[data-game="101okey"]::after,html body .oa-room[data-game="101okey"].oa-arriving .oa-room-chat,html body .oa-room[data-game="101okey"].oa-arriving .oa-room-content,html body .oa-room[data-game="101okey"].oa-arriving .oa-roster{animation:none!important}}
/* 101 salonu: açık turkuaz-mavi zemin, altın çerçeveler */
html body .oa-room[data-game="101okey"]::after{background:linear-gradient(160deg,#0a8ad0,#0a64b8)!important}
html body .oa-room[data-game="101okey"] .oa-panel,html body .oa-room[data-game="101okey"] .oa-room-left,html body .oa-room[data-game="101okey"] .oa-room-middle,html body .oa-room[data-game="101okey"] .oa-room-right{background-color:rgba(8,90,160,.3)!important}
html body .oa-room[data-game="101okey"] .oa-rcard:not(.oa-custom-theme){background:rgba(8,95,170,.34)!important}
html body .oa-room[data-game="101okey"] .ms-lobby .ms-card{background:linear-gradient(170deg,rgba(20,130,210,.4),rgba(6,70,140,.48))!important}
html body .oa-room[data-game="101okey"] .oa-pane-switches button{background:linear-gradient(#1a9ae0,#0a5aa8)!important}
/* V330 tavla salonu: mavi ton kalsın, alt zeminde tavla taşları görünsün */
html body .oa-room[data-game=tavla]{--room-image:url('/assets/images/room-tavla-blue.webp');--room-wash:#00284a55;--room-accent:#29dbff}
html body .oa-room[data-game=tavla]::before{background:var(--room-image) center bottom/cover no-repeat!important}
html body .oa-room[data-game=tavla] .oa-panel,html body .oa-room[data-game=tavla] .oa-room-left,html body .oa-room[data-game=tavla] .oa-room-middle,html body .oa-room[data-game=tavla] .oa-room-right{background-image:none!important;background-color:rgba(4,40,90,.42)!important}
/* V330 tavla salonu: zümrüt yeşili ton (pişti mavisinden ayrı), arkada tavla taşları */
html body .oa-room[data-game=tavla]{--room-accent:#e9c25a}
html body .oa-room[data-game=tavla]::after{background:linear-gradient(160deg,#0f9a5c,#055a3a)!important;mix-blend-mode:color}
html body .oa-room[data-game=tavla] .oa-panel,html body .oa-room[data-game=tavla] .oa-room-left,html body .oa-room[data-game=tavla] .oa-room-middle,html body .oa-room[data-game=tavla] .oa-room-right{background-image:none!important;background-color:rgba(6,80,50,.36)!important;border-color:#e9c25a!important;box-shadow:0 0 12px #e9c25a33!important}
html body .oa-room[data-game=tavla] .oa-rcard:not(.oa-custom-theme){background:rgba(8,90,56,.36)!important;border-color:#e9c25a!important}
html body .oa-room[data-game=tavla] .oa-pane-switches button{background:linear-gradient(#14a868,#076038)!important;border-color:#f3d27a!important;color:#fff!important}
html body .oa-room[data-game=tavla] .ms-lobby .ms-card{background:linear-gradient(170deg,rgba(20,140,90,.4),rgba(6,70,44,.5))!important;border-color:#e9c25a!important}