*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial;color:#eef1f4;background:#05070a}body{overflow:hidden}.hidden{display:none!important}.app-shell{height:100vh;min-height:650px;background:radial-gradient(circle at 20% 40%,rgba(170,124,47,.12),transparent 34%),radial-gradient(circle at 80% 15%,rgba(22,57,78,.22),transparent 36%),linear-gradient(135deg,#05070a 0%,#0b0f14 58%,#071019 100%);position:relative}.app-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(213,168,82,.07) 50%,transparent 50.2%)}.topbar{height:76px;max-width:1440px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,180,100,.15);position:relative;z-index:2}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#f0ce79,#b07a27);display:grid;place-items:center;color:#111;font-weight:900}.brand b{display:block;letter-spacing:1px}.brand small,.mini,.eyebrow{color:#d7b461;letter-spacing:1.4px;font-size:11px}.top-actions{display:flex;gap:12px;align-items:center}.online-dot{font-size:12px;color:#a8b3bf}.online-dot:first-letter{color:#35d07f}.ghost,.outline-btn{background:#10151c;border:1px solid #313843;color:#f4f4f4;padding:10px 14px;border-radius:9px;text-decoration:none;cursor:pointer}body:not(.lobby-active) .landing{height:calc(100vh - 76px);max-width:1440px;margin:auto;padding:28px 34px 84px;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(620px,1.3fr);gap:52px;align-items:center}body:not(.lobby-active) .hero{padding-left:18px}body:not(.lobby-active) .hero h1{font-size:clamp(54px,5vw,84px);line-height:.93;margin:18px 0 20px;letter-spacing:-4px}body:not(.lobby-active) .hero h1 em{font-style:normal;color:#dfb75f;text-shadow:0 8px 38px rgba(207,155,54,.12)}body:not(.lobby-active) .hero p{max-width:600px;color:#aeb6bf;font-size:18px;line-height:1.65}body:not(.lobby-active) .hero-stats{display:flex;gap:12px;margin-top:28px}body:not(.lobby-active) .hero-stats div{min-width:122px;padding:15px 18px;border:1px solid rgba(215,180,97,.18);background:rgba(12,16,22,.68);border-radius:12px}body:not(.lobby-active) .hero-stats strong,body:not(.lobby-active) .hero-stats span{display:block}body:not(.lobby-active) .hero-stats strong{font-size:18px}body:not(.lobby-active) .hero-stats span{font-size:11px;color:#82909d;margin-top:4px}.panel{background:rgba(12,15,20,.92);border:1px solid rgba(220,176,84,.32);box-shadow:0 28px 100px rgba(0,0,0,.42);border-radius:20px}.auth-panel{max-width:650px;padding:30px}.panel-head h2{font-size:32px;margin:7px 0}.panel-head p{color:#929ca7;margin:0 0 20px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#080b0f;border:1px solid #222933;padding:4px;border-radius:10px}.tab{padding:11px;border:0;background:transparent;color:#8d98a3;border-radius:7px;font-weight:700}.tab.active{background:#1a2028;color:#ebc96f}form label{display:block;color:#c9a95f;font-size:12px;margin-top:15px}form input{width:100%;margin-top:7px;background:#07090d;border:1px solid #34302a;color:white;padding:13px 14px;border-radius:8px;outline:none}.gold-btn{width:100%;margin-top:20px;padding:14px;border:0;border-radius:9px;font-weight:900;background:linear-gradient(#e5c46d,#aa7627);color:#0c0b09;cursor:pointer}.secure-row{display:flex;justify-content:space-between;color:#65717d;font-size:10px;margin-top:17px}.profile-strip{height:66px;display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #24272d}.profile-strip img{width:50px;height:50px;border-radius:13px;object-fit:cover;border:2px solid #d6ad54}.profile-strip div:nth-child(2){min-width:180px}.profile-strip small,.wallet small{display:block;color:#7d8791;font-size:9px;letter-spacing:1px}.profile-strip b{display:block;font-size:18px}.profile-strip span{font-size:10px;color:#8b949e}.profile-strip i{display:block;width:110px;height:4px;background:#262d34;border-radius:4px;margin-top:5px;overflow:hidden}.profile-strip u{display:block;height:100%;background:#d8ad51}.wallet{margin-left:auto;text-align:right}.wallet strong{color:#ecc45e}.lobby-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px;margin-top:16px}.rooms-box,.side-box{background:#090d12;border:1px solid #252b33;border-radius:15px;padding:15px;min-height:432px}.section-title,.chat-head{display:flex;align-items:center;justify-content:space-between}.section-title h3,.chat-head h3{margin:2px 0 12px;font-size:16px}.section-title small,.chat-head small{font-size:9px;color:#caa657;letter-spacing:1px}.outline-btn{font-size:11px;padding:8px 11px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:188px;max-height:188px;overflow:auto}.room-card{background:#0e141b;border:1px solid #2b3540;color:#fff;border-radius:12px;text-align:left;padding:13px;cursor:pointer}.room-card:hover{border-color:#c49b49}.room-top{display:flex;justify-content:space-between;font-size:10px;color:#84919d}.room-badge{color:#e6bd5e;font-weight:800}.room-card b{display:block;margin:8px 0 5px}.room-card small{color:#7e8a94}.room-people{display:flex;align-items:center;gap:4px;margin-top:10px}.room-people i{font-style:normal;width:20px;height:20px;border-radius:50%;background:#273748;display:grid;place-items:center;font-size:9px}.room-people span{font-size:10px;color:#84909b;margin-left:3px}.mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.primary-action,.bot-action{height:66px;border-radius:12px;border:1px solid #3b3a2c;background:linear-gradient(135deg,#1c1710,#14110d);color:white;display:flex;align-items:center;gap:11px;padding:12px;text-align:left;cursor:pointer}.bot-action{background:linear-gradient(135deg,#0d1720,#111827);border-color:#243c53}.mode-actions span{font-size:24px}.mode-actions b,.mode-actions small{display:block}.mode-actions small{color:#87919a;margin-top:4px}.lobby-chat{height:185px;overflow:auto;border:1px solid #202832;background:#070a0e;border-radius:10px;padding:9px}.lobby-line{display:grid;grid-template-columns:auto 1fr auto;gap:7px;font-size:11px;padding:7px;border-bottom:1px solid #151b21}.lobby-line b{color:#e0bd68}.lobby-line span{color:#b7c0c8}.lobby-line em{font-size:8px;font-style:normal;background:#26384e;padding:2px 5px;border-radius:7px}.chat-form{display:flex;gap:8px;margin-top:8px}.chat-form input{margin:0;padding:10px}.chat-form button{border:0;background:#d5aa50;color:#111;font-weight:800;padding:0 14px;border-radius:8px}.settings-mini{display:flex;gap:8px;margin-top:10px}.settings-mini label{margin:0;background:#10161c;border:1px solid #242b32;padding:7px 9px;border-radius:8px;color:#aeb7c0;font-size:10px}.cosmetics{display:grid;grid-template-columns:52px 1fr;gap:7px;align-items:center;margin-top:10px;font-size:10px;color:#818c96}.avatar-row,.rack-row{display:flex;gap:6px}.avatar-option,.istaka-option{background:#0b0f13;border:1px solid #313843;color:#d7dde3;border-radius:8px;padding:3px;cursor:pointer}.avatar-option.selected,.istaka-option.selected{border-color:#d6aa51;box-shadow:0 0 0 1px #d6aa51}.avatar-option img{width:28px;height:28px;object-fit:cover;border-radius:6px}.istaka-option{font-size:9px;padding:7px 10px}.live-pill{font-size:9px;color:#35d07f}.radio-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;z-index:20;height:48px;background:#0c1117;border:1px solid #303740;border-radius:14px;display:flex;align-items:center;gap:10px;padding:7px 12px;box-shadow:0 10px 40px rgba(0,0,0,.45)}.radio-title{display:flex;align-items:center;gap:6px;font-size:10px}.radio-title i{width:7px;height:7px;background:#e14f4f;border-radius:50%;box-shadow:0 0 10px #e14f4f}.radio-bar select,.radio-bar button{height:32px;background:#151d24;border:1px solid #333d46;color:#e8edf1;border-radius:8px;padding:0 10px}.radio-bar input{width:90px}.toast{position:fixed;bottom:78px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#151b21;border:1px solid #3b444d;padding:11px 16px;border-radius:10px;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){body{overflow:auto}.app-shell{min-height:100vh;height:auto}body:not(.lobby-active) .landing{height:auto;display:block;padding-bottom:100px}body:not(.lobby-active) .hero{display:none}.auth-panel{margin:20px auto;max-height:none}.lobby-grid{grid-template-columns:1fr}.rooms-box,.side-box{min-height:auto}.radio-bar{width:calc(100% - 24px)}}
/* Geniş tek ekran profesyonel lobi */
.topbar{max-width:1720px;height:70px}body:not(.lobby-active) .landing{max-width:1720px;height:calc(100vh - 70px);padding:22px 34px 74px;grid-template-columns:minmax(340px,.68fr) minmax(820px,1.65fr);gap:42px}body:not(.lobby-active) .hero{padding-left:6px}body:not(.lobby-active) .hero h1{font-size:clamp(58px,4.8vw,88px)}body:not(.lobby-active) .hero p{font-size:17px;max-width:540px}.lobby-grid{height:calc(100% - 82px);grid-template-columns:1.25fr .95fr;gap:18px}.rooms-box,.side-box{min-height:0;height:100%;padding:18px}.room-grid{min-height:0;max-height:none;height:calc(100% - 108px);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.lobby-chat{height:calc(100% - 230px);min-height:180px}.cosmetics{grid-template-columns:58px 1fr;gap:9px}.avatar-row{display:flex;flex-wrap:wrap;gap:7px}.avatar-option img{width:34px;height:34px}.avatar-upload{background:#10161c;border:1px dashed #55606c;color:#d7dde3;border-radius:8px;padding:0 10px;cursor:pointer;font-size:10px}.radio-bar{bottom:12px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;z-index:100;backdrop-filter:blur(8px)}.modal-card{width:min(520px,calc(100vw - 28px));background:#0b0f14;border:1px solid rgba(220,176,84,.38);border-radius:18px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.6)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h3{margin:4px 0 12px;font-size:24px}.modal-head small{color:#d7b461;letter-spacing:1px}.modal-head button{border:0;background:#171d24;color:#fff;width:34px;height:34px;border-radius:9px;font-size:22px;cursor:pointer}.modal-card>label{display:block;color:#c9a95f;font-size:12px}.modal-card>label input{width:100%;margin-top:8px;background:#07090d;border:1px solid #34302a;color:#fff;padding:13px;border-radius:9px}.room-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.room-options label{margin:0;background:#11171d;border:1px solid #2b323b;padding:12px;border-radius:10px;color:#cbd3da;font-size:12px}.room-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.room-summary span{background:#080b0f;border:1px solid #20262d;color:#89949e;border-radius:9px;padding:10px;font-size:10px;text-align:center}
@media(max-width:1250px){body:not(.lobby-active) .landing{grid-template-columns:minmax(300px,.55fr) minmax(700px,1.45fr);gap:24px}body:not(.lobby-active) .hero h1{font-size:58px}}
@media(max-width:1050px){body:not(.lobby-active) .landing{display:block;height:auto}body:not(.lobby-active) .hero{display:none}.lobby-grid{height:auto}.rooms-box,.side-box{height:auto}.room-grid{height:auto;max-height:280px}.lobby-chat{height:220px}.room-summary,.room-options{grid-template-columns:1fr}}
/* Sağlam giriş/kayıt ekranı ve HTTP/IP uyumlu ön yüz */
.auth-stage{width:100%;min-height:560px;display:grid;grid-template-columns:.86fr 1.14fr;background:rgba(9,12,16,.96);border:1px solid rgba(225,183,91,.38);border-radius:24px;overflow:hidden;box-shadow:0 34px 100px rgba(0,0,0,.5);position:relative;isolation:isolate}
.auth-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,rgba(226,178,74,.1),transparent 25%),linear-gradient(120deg,transparent 0 49.85%,rgba(223,179,82,.07) 50%,transparent 50.15%)}
.auth-visual{position:relative;z-index:1;padding:34px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(155deg,rgba(17,22,27,.98),rgba(7,10,14,.98));border-right:1px solid rgba(225,183,91,.2)}
.auth-visual-top{display:flex;justify-content:space-between;align-items:center}.auth-kicker{font-size:11px;letter-spacing:1.6px;color:#ddb65e;font-weight:900}.server-pill{font-size:9px;color:#5de39c;border:1px solid rgba(93,227,156,.28);background:rgba(34,110,75,.12);padding:7px 9px;border-radius:20px}.auth-art{display:flex;justify-content:center;gap:10px;padding:12px 0}.tile{width:78px;height:102px;border-radius:12px;background:linear-gradient(#fff,#dfe5e9);box-shadow:0 14px 32px rgba(0,0,0,.35),inset 0 -5px 0 rgba(0,0,0,.09);display:grid;place-items:center;font-size:48px;font-weight:1000;border:3px solid #eef2f4}.t1{color:#e14b40;transform:rotate(-8deg)}.t2{color:#1e9bd1;transform:translateY(-14px)}.t3{color:#7dbb35;transform:rotate(8deg)}.auth-visual h2{font-size:34px;margin:0 0 8px}.auth-visual p{font-size:14px;line-height:1.7;color:#a5afb8;margin:0;max-width:380px}.auth-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.auth-features span{font-size:11px;color:#c7cfd6;border:1px solid #252e36;background:#0e141a;padding:10px;border-radius:10px}.auth-panel{position:relative;z-index:2;padding:42px 46px;display:flex;flex-direction:column;justify-content:center;background:rgba(8,11,15,.75)}.auth-panel .panel-head h2{font-size:36px;margin:8px 0 7px;letter-spacing:-1.3px}.auth-panel .panel-head p{max-width:480px}.auth-panel .tabs{margin:8px 0 6px}.auth-panel .tab{cursor:pointer;transition:.18s}.auth-panel .tab:hover{color:#f0cf79}.auth-panel form{display:block}.auth-panel form label{font-size:12px;color:#ddbd70;font-weight:700}.auth-panel form input{height:50px;border-color:#343a42;background:#070a0e;font-size:15px;transition:.18s}.auth-panel form input:focus{border-color:#d4ab54;box-shadow:0 0 0 3px rgba(212,171,84,.11)}.auth-panel .gold-btn{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:14px}.auth-help{margin:16px 0 0;color:#606b75;font-size:10px;line-height:1.5}.auth-help b{color:#9da7b0}.auth-stage .secure-row{gap:9px;justify-content:flex-start;flex-wrap:wrap}.auth-stage .secure-row span{border:1px solid #202831;background:#0a0f14;padding:6px 8px;border-radius:16px}
@media(min-width:1051px){body:not(.lobby-active) .landing:has(.auth-stage:not(.hidden)){grid-template-columns:minmax(360px,.72fr) minmax(760px,1.5fr);align-items:center}.auth-stage{height:min(620px,calc(100vh - 145px))}}
@media(max-width:1200px) and (min-width:1051px){.auth-stage{grid-template-columns:.72fr 1.28fr}.auth-visual{padding:26px}.tile{width:62px;height:86px;font-size:40px}.auth-panel{padding:32px}body:not(.lobby-active) .hero h1{font-size:58px}}
@media(max-width:1050px){.auth-stage{max-width:760px;margin:20px auto;grid-template-columns:1fr;min-height:0}.auth-visual{display:none}.auth-panel{padding:28px}.auth-panel .panel-head h2{font-size:30px}}
@media(max-width:560px){.topbar{padding:0 16px}body:not(.lobby-active) .landing{padding:10px 12px 90px}.auth-panel{padding:22px 18px}.secure-row{display:none}.radio-bar{gap:6px;padding:6px 8px}.radio-title{display:none}.radio-bar select{min-width:0;max-width:45vw}.radio-bar input{width:62px}}
.account-actions{display:grid;gap:10px}.danger-account{border:1px solid #7b2c35;background:#35191d;color:#ffabb3;padding:13px 16px;border-radius:12px;font-weight:800;cursor:pointer}body:not(.lobby-active) /* Premium lobi ve gerçek oyuncu bekleme odası */
.landing{grid-template-columns:minmax(300px,.58fr) minmax(760px,1.42fr)!important;gap:30px!important;align-items:center!important}body:not(.lobby-active) .hero h1{font-size:clamp(54px,4.2vw,78px)!important;line-height:.93!important}body:not(.lobby-active) .hero p{max-width:500px!important}.lobby-grid{grid-template-columns:1.08fr .92fr!important}.rooms-box,.side-box{background:linear-gradient(145deg,#0b1117,#080c11)!important;border-color:rgba(219,176,86,.16)!important}.room-card{min-height:128px!important}.mode-actions{margin-top:14px!important}.primary-action,.bot-action{height:74px!important}.radio-bar{z-index:240!important}
.waiting-room{position:fixed;inset:0;z-index:180;background:rgba(3,6,9,.82);backdrop-filter:blur(12px);display:grid;place-items:center;padding:28px}.waiting-card{width:min(1040px,calc(100vw - 40px));background:linear-gradient(145deg,#0c1117,#070a0e);border:1px solid rgba(222,181,91,.34);border-radius:24px;box-shadow:0 35px 120px rgba(0,0,0,.72);padding:24px}.waiting-head{display:flex;justify-content:space-between;gap:30px;align-items:center;padding-bottom:18px;border-bottom:1px solid #202832}.waiting-head small,.waiting-chat-panel small{color:#dcb55c;letter-spacing:1.2px;font-weight:900}.waiting-head h2{margin:6px 0 3px;font-size:30px}.waiting-head p{margin:0;color:#8d98a2;font-size:13px}.waiting-count{min-width:110px;text-align:center;background:#101820;border:1px solid #2a3540;border-radius:14px;padding:12px}.waiting-count b{font-size:25px;color:#e0b85d;display:block}.waiting-count span{font-size:10px;color:#8e99a3}.waiting-body{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:18px}.waiting-left,.waiting-chat-panel{background:#080d12;border:1px solid #202932;border-radius:16px;padding:16px}.waiting-slots{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wait-slot{min-height:86px;border:1px dashed #303b45;border-radius:13px;padding:12px;display:flex;align-items:center;gap:11px;background:#0b1117}.wait-slot.filled{border-style:solid;border-color:rgba(58,208,127,.32);background:linear-gradient(145deg,rgba(20,70,50,.18),#0b1117)}.wait-slot img,.wait-empty{width:48px;height:48px;border-radius:12px;object-fit:cover}.wait-empty{display:grid;place-items:center;background:#131a21;color:#6d7883;font-weight:900}.wait-slot div:nth-child(2){display:flex;flex-direction:column;gap:2px}.wait-slot small{font-size:9px;color:#697580;letter-spacing:1px}.wait-slot b{font-size:14px}.wait-slot span{font-size:10px;color:#7f8a94}.wait-slot em{margin-left:auto;font-style:normal;color:#45d68a}.waiting-pulse{margin:13px 0;display:flex;gap:10px;align-items:center;background:#0d151b;border:1px solid #26323b;border-radius:12px;padding:11px}.waiting-pulse i{width:10px;height:10px;border-radius:50%;background:#e1b75b;box-shadow:0 0 0 0 rgba(225,183,91,.45);animation:waitPulse 1.4s infinite}.waiting-pulse b,.waiting-pulse span{display:block}.waiting-pulse span{font-size:10px;color:#84909a;margin-top:2px}@keyframes waitPulse{70%{box-shadow:0 0 0 10px rgba(225,183,91,0)}}.waiting-leave{width:100%;height:44px;border-radius:11px;background:#171116;border:1px solid #56303a;color:#ffb0b8;font-weight:800;cursor:pointer}.waiting-chat{height:245px;overflow:auto;background:#05080b;border:1px solid #1d252d;border-radius:11px;padding:8px;margin-top:10px}.wait-chat-line{display:grid;grid-template-columns:auto 1fr auto;gap:7px;padding:7px;border-bottom:1px solid #12191f;font-size:11px}.wait-chat-line b{color:#e2bd66}.wait-chat-line span{color:#b9c1c8}.wait-chat-line em{font-size:8px;font-style:normal;background:#26384e;padding:2px 5px;border-radius:7px}.waiting-note{margin-top:10px;font-size:10px;color:#7f8992}.waiting-room+.toast{z-index:300}@media(max-width:900px){.waiting-body{grid-template-columns:1fr}.waiting-slots{grid-template-columns:1fr}.waiting-chat{height:170px}.waiting-card{max-height:90vh;overflow:auto}.waiting-head{align-items:flex-start}body:not(.lobby-active) .landing{display:block!important}body:not(.lobby-active) .hero{display:none!important}}
/* Büyük profesyonel lobi */
@media(min-width:1051px){
.lobby-grid{grid-template-columns:1.3fr .7fr!important;gap:20px!important}
.rooms-box,.side-box{padding:20px!important}
.room-grid{grid-template-columns:repeat(2,minmax(240px,1fr))!important;gap:14px!important}
.room-card{min-height:148px!important;padding:17px!important}
.lobby-chat{min-height:270px!important}
}
.lobby-player-panel{margin-top:14px;border:1px solid #242d36;background:#080c11;border-radius:14px;padding:12px}
.lobby-player-panel h4{margin:0 0 9px;color:#e4bd63;font-size:12px;letter-spacing:.6px}
.lobby-player-list{display:grid;gap:7px;max-height:140px;overflow:auto}
.lobby-player{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;background:#0e141b;border:1px solid #1f2932}
.lobby-player img{width:34px;height:34px;border-radius:9px;object-fit:cover}.lobby-player b{font-size:11px}.lobby-player small{display:block;color:#7f8a94;font-size:9px}.lobby-player strong{color:#e3b95b;font-size:10px}
/* Tam ekran lobi */
@media (min-width:1051px){
body:has(.lobby-v12:not(.hidden)){overflow:hidden}body:not(.lobby-active) .landing:has(.lobby-v12:not(.hidden)){display:block!important;max-width:none!important;width:100%!important;height:calc(100vh - 70px)!important;padding:18px 28px 72px!important}body:not(.lobby-active) .landing:has(.lobby-v12:not(.hidden))>.hero{display:none!important}
.lobby-v12{width:min(1660px,calc(100vw - 56px))!important;height:calc(100vh - 160px)!important;min-height:690px!important;max-height:none!important;margin:0 auto!important;padding:0!important;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(8,12,17,.98),rgba(5,8,12,.99))!important;border:1px solid rgba(228,186,92,.28)!important;box-shadow:0 35px 100px rgba(0,0,0,.52)!important}
}
.lobby-v12{position:relative}.lobby-v12:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 0%,rgba(226,179,73,.07),transparent 24%),radial-gradient(circle at 100% 0%,rgba(47,120,175,.08),transparent 30%)}
.v12-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #202831;background:rgba(9,13,18,.94);position:relative;z-index:1}.v12-profile{display:flex;align-items:center;gap:12px}.v12-profile>img{width:54px;height:54px;border-radius:15px;object-fit:cover;border:2px solid #d9ad4d;box-shadow:0 0 0 4px rgba(217,173,77,.07)}.v12-profile-copy small{display:block;color:#7e8993;font-size:9px;letter-spacing:1.2px}.v12-profile-copy b{display:block;font-size:19px;margin:2px 0}.v12-profile-copy span{font-size:10px;color:#87939e}.v12-profile-copy i{display:block;width:130px;height:4px;background:#202831;border-radius:10px;margin-top:5px;overflow:hidden}.v12-profile-copy u{display:block;height:100%;background:linear-gradient(90deg,#c69338,#f0ca6e)}
.v12-status-strip{display:flex;align-items:center;gap:8px}.v12-status,.v12-wallet{height:52px;min-width:110px;padding:8px 12px;border:1px solid #252e37;border-radius:12px;background:#0c1218;display:flex;flex-direction:column;justify-content:center}.v12-status span,.v12-wallet small{font-size:9px;color:#71808d;letter-spacing:.7px}.v12-status b{font-size:12px;margin-top:2px}.v12-status .green{width:7px;height:7px;border-radius:50%;background:#36d787;box-shadow:0 0 10px rgba(54,215,135,.8);position:absolute;margin-left:-2px}.v12-status:first-child{padding-left:25px;position:relative}.v12-wallet{text-align:right;min-width:140px}.v12-wallet strong{color:#edc463;font-size:13px;margin-top:2px}
.v12-dashboard{height:calc(100% - 158px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.62fr);gap:16px;padding:16px 18px 10px;position:relative;z-index:1}.v12-left,.v12-right{min-height:0}.v12-left{display:flex;flex-direction:column;border:1px solid #202933;border-radius:17px;background:#080d12;padding:17px}.v12-right{display:grid;grid-template-rows:minmax(230px,.78fr) minmax(260px,1.22fr);gap:12px}.v12-section-head,.v12-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.v12-section-head small,.v12-subhead small{font-size:9px;color:#d6ad53;letter-spacing:1.3px;font-weight:900}.v12-section-head h2{font-size:21px;margin:3px 0 0}.v12-subhead h3{font-size:15px;margin:3px 0 0}.v12-create{border:1px solid #6b5228;background:linear-gradient(180deg,#211b11,#15120d);color:#efcc7a;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}.v12-create:hover{border-color:#e3b95b;transform:translateY(-1px)}
.v12-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.v12-action{min-height:112px;border-radius:15px;padding:15px;border:1px solid;display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;color:#fff;text-align:left;cursor:pointer;transition:.18s}.v12-action:hover{transform:translateY(-2px)}.v12-action.live-game{background:linear-gradient(135deg,#1c160d,#0d1116 70%);border-color:#5a4522}.v12-action.bot-game{background:linear-gradient(135deg,#0c1720,#0d1219 70%);border-color:#25445e}.v12-action-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.05);font-size:25px}.v12-action small{color:#d9b65d;font-size:9px;letter-spacing:1px}.v12-action b{display:block;font-size:17px;margin:3px 0}.v12-action p{margin:0;color:#7f8b96;font-size:10px}.v12-action em{font-style:normal;font-weight:900;font-size:10px;color:#eec86b}
.v12-room-block{display:flex;flex-direction:column;min-height:0;flex:1;border-top:1px solid #182028;padding-top:12px}.v12-live,.v12-online-badge{font-size:9px;color:#50dc91}.v12-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#48d889;margin-right:5px;box-shadow:0 0 9px #48d889}.v12-room-grid{margin-top:10px;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding-right:3px}.v12-room-grid .room-card{min-height:130px!important;padding:14px!important}.v12-room-grid .room-card b{font-size:14px}.v12-room-grid .room-card:hover{background:#111922}
.v12-panel{border:1px solid #202933;border-radius:17px;background:#080d12;padding:14px;min-height:0;display:flex;flex-direction:column}.v12-player-list{margin-top:10px;max-height:none!important;overflow:auto!important;display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.v12-player-list .lobby-player{padding:8px 9px!important;background:#0d141b!important}.v12-player-list .lobby-player img{width:36px;height:36px}.v12-chat-note{font-size:8px;color:#6f7c87}.v12-chat{flex:1;height:auto!important;min-height:0!important;margin-top:10px}.v12-chat-form{margin-top:8px}.v12-chat-form input{height:40px}.v12-chat-form button{min-width:76px}
.v12-footer-tools{height:70px;border-top:1px solid #1e2730;background:#080c11;padding:9px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1}.v12-cosmetics,.v12-rack{display:flex;align-items:center;gap:9px}.v12-cosmetics>span,.v12-rack>span{font-size:9px;color:#788590;text-transform:uppercase;letter-spacing:1px}.v12-footer-tools .avatar-row{display:flex;gap:5px;flex-wrap:nowrap}.v12-footer-tools .avatar-option img{width:30px;height:30px}.v12-footer-tools .avatar-upload{height:38px;padding:0 10px;background:#0c1319;border:1px dashed #394551;border-radius:8px;color:#b9c2ca;font-size:9px;cursor:pointer}
body:has(.lobby-v12:not(.hidden)) .radio-bar{bottom:10px!important}
@media(max-width:1280px) and (min-width:1051px){.v12-dashboard{grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr)}.v12-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v12-status{min-width:90px}.v12-action{grid-template-columns:42px 1fr}.v12-action em{display:none}}
@media(max-width:1050px){body{overflow:auto!important}body:not(.lobby-active) .landing{display:block!important;height:auto!important;padding:12px 12px 90px!important}body:not(.lobby-active) .hero{display:none!important}.lobby-v12{height:auto!important;max-height:none!important;margin:10px auto!important;padding:0!important;overflow:visible!important}.v12-header{height:auto;align-items:flex-start;gap:12px;flex-direction:column}.v12-status-strip{width:100%;overflow:auto}.v12-dashboard{height:auto;grid-template-columns:1fr}.v12-right{grid-template-rows:auto auto}.v12-actions{grid-template-columns:1fr}.v12-room-grid{grid-template-columns:1fr 1fr!important;max-height:420px!important}.v12-footer-tools{height:auto;align-items:flex-start;flex-direction:column}.v12-cosmetics{align-items:flex-start;flex-direction:column}.v12-footer-tools .avatar-row{flex-wrap:wrap}}
@media(max-width:620px){.v12-room-grid{grid-template-columns:1fr!important}.v12-status-strip{display:grid;grid-template-columns:1fr 1fr}.v12-wallet{min-width:0}.v12-section-head{align-items:flex-start}.v12-section-head h2{font-size:17px}.v12-create{padding:8px 10px}.v12-action{grid-template-columns:40px 1fr}.v12-action em{display:none}}
.room-card.selected{outline:2px solid #d8b564;background:#233d36}.room-lobby{margin-top:24px;padding-top:20px;border-top:1px solid #ffffff25}.room-card:disabled{opacity:.65;cursor:default}
.guest-entry{margin-top:18px;padding-top:18px;border-top:1px solid #ffffff20;display:grid;gap:10px}.guest-entry h3{margin:0}.guest-entry p{font-size:12px;color:#a3b3ad;margin:0}.guest-entry input{width:100%;box-sizing:border-box}.guest-entry #guestCode{text-transform:uppercase;letter-spacing:.16em}
.guest-challenge-row{display:flex;align-items:center;gap:12px}.guest-challenge-row output{display:block;padding:12px 20px;background:#243f36;color:#f6d789;font:700 24px monospace;letter-spacing:.22em;border:1px solid #b99b5a;border-radius:8px;user-select:none;min-width:120px;text-align:center}
.password-policy{font-size:12px;line-height:1.5;color:#dcc58e;margin:4px 0 10px}
.game-picker{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0}.game-picker>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.game-picker button,.game-picker select{padding:10px 14px;min-height:44px;border:1px solid #ffffff35;border-radius:9px;background:#18392d;color:#edf6ef;font:inherit;cursor:pointer}.game-picker button.active{border-color:#e6bc66;color:#e6bc66;background:#29432e}.game-picker label{font-size:13px;color:#b9cbbc}.game-picker a{color:#e6bc66}.game-picker .hidden{display:none!important}