:root{font-family:"Cairo",system-ui,sans-serif;color:#edfaff;background:#041b2c;font-synthesis:none;text-rendering:optimizeLegibility;--panel:rgba(5,31,49,.87);--panel2:rgba(11,53,80,.92);--line:rgba(149,223,255,.2);--cyan:#73e2ff;--gold:#ffd66e;--ink:#061923;--danger:#ff7485}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floaty{50%{transform:translateY(-6px)}}@keyframes pop{0%{transform:scale(.5);opacity:0}20%{transform:scale(1.15);opacity:1}100%{transform:translateY(-18px) scale(1);opacity:.9}}
.splash{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 50% 30%,#0c6384,#031a2b 70%);font-size:20px}.splash svg{color:var(--cyan)}
.auth-shell{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:auto;background:radial-gradient(circle at 10% 20%,#0f6f8b 0,transparent 32%),radial-gradient(circle at 90% 80%,#633f96 0,transparent 28%),linear-gradient(160deg,#031826,#082e48 52%,#071b2d)}.auth-ambient{position:fixed;border-radius:50%;filter:blur(30px);opacity:.32;pointer-events:none}.auth-ambient.a1{width:260px;height:260px;background:#36d9f4;left:6%;top:12%}.auth-ambient.a2{width:340px;height:340px;background:#7e58d7;right:3%;bottom:5%}.auth-card{position:relative;width:min(760px,100%);background:linear-gradient(155deg,rgba(10,52,76,.94),rgba(3,26,43,.93));border:1px solid rgba(144,228,255,.25);border-radius:30px;padding:30px;box-shadow:0 40px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(22px)}.auth-card.error-card{max-width:620px;text-align:center}.brand-orb{width:74px;height:74px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#69e7ff,#7b6ef4);box-shadow:0 14px 40px rgba(72,215,255,.28);margin-bottom:16px}.brand-orb svg{width:40px;height:40px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#8bdff5;font-weight:800}.auth-card h1{font-size:clamp(36px,8vw,70px);line-height:1;margin:10px 0;background:linear-gradient(90deg,#fff,#9ae9ff,#ffe58e);-webkit-background-clip:text;color:transparent;font-weight:900}.auth-sub{color:#bfd8e3;max-width:600px;line-height:1.8}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#041c2d;border:1px solid var(--line);border-radius:18px;padding:6px;margin:24px 0 18px}.auth-tabs button{border:0;background:transparent;color:#abc9d7;border-radius:13px;padding:12px;font-weight:800;display:flex;justify-content:center;gap:8px}.auth-tabs button.active{background:linear-gradient(135deg,#176a85,#275474);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:#dff5ff;font-weight:700;font-size:13px}.auth-form label span{color:#7fa7b9;font-weight:500}.auth-form input{width:100%;border:1px solid var(--line);background:#041d2f;color:#fff;border-radius:14px;padding:13px 14px;outline:none}.auth-form input:focus{border-color:#6fe5ff;box-shadow:0 0 0 3px rgba(111,229,255,.08)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-btn{border:0;border-radius:15px;background:linear-gradient(135deg,#6fe5ff,#3ba8d0);color:#031a27;font-weight:900;padding:14px 18px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ghost-btn{border:1px solid var(--line);background:transparent;color:#fff;border-radius:14px;padding:12px;margin-top:10px}.auth-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.auth-features span{font-size:12px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);color:#c6e5f0}
.game-shell{position:relative;width:100%;height:100%;overflow:hidden;background:#031827}.scene-layer{position:absolute;inset:0;touch-action:none}.hud{position:absolute;z-index:10}.top-hud{top:12px;right:12px;left:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;pointer-events:none}.top-hud>*{pointer-events:auto}.profile-chip{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:6px 12px 6px 6px;backdrop-filter:blur(14px);cursor:pointer;box-shadow:0 15px 40px rgba(0,0,0,.25)}.mini-avatar{width:54px;height:54px;border-radius:14px;overflow:hidden;background:linear-gradient(150deg,#174b66,#08273a)}.profile-chip strong{display:block;font-size:14px}.profile-chip small{display:block;color:#93bdcc;font-size:10px;margin-top:2px}.currency-row{justify-self:center;display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:center}.currency-row span,.status-row span{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 10px;font-weight:800;font-size:12px;backdrop-filter:blur(12px)}.currency-row svg,.status-row svg{width:15px;height:15px}.currency-row .boost-chip{color:#fff2a9;border-color:rgba(255,226,102,.35);background:rgba(88,60,8,.78)}.status-row{justify-self:end;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.status-row .online{color:#83f0af}.status-row .offline{color:#ff9a9a}.quick-menu{right:12px;top:94px;display:grid;gap:7px}.quick-menu button{width:70px;min-height:60px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:#fff;backdrop-filter:blur(14px);display:grid;place-items:center;align-content:center;gap:3px;box-shadow:0 12px 30px rgba(0,0,0,.2);position:relative}.quick-menu button:hover{border-color:#6adfff;transform:translateX(-2px)}.quick-menu svg{width:21px;height:21px;color:#86e4ff}.quick-menu span{font-size:10px;font-weight:800}.quick-menu .has-dot:after{content:"";position:absolute;width:8px;height:8px;background:#ff7a8c;border:2px solid #082033;border-radius:50%;top:7px;left:7px}.emote-dock{bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:6px;padding:7px;border:1px solid var(--line);border-radius:18px;background:var(--panel);backdrop-filter:blur(14px)}.emote-dock button{width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.06);font-size:20px}.emote-dock button:hover{background:rgba(255,255,255,.13);transform:translateY(-2px)}.controls{bottom:18px;right:18px;display:flex;align-items:flex-end;gap:10px}.joystick{position:relative;width:124px;height:124px;border-radius:50%;border:1px solid rgba(141,225,255,.28);background:radial-gradient(circle,rgba(109,221,255,.14),rgba(3,27,43,.82));box-shadow:inset 0 0 30px rgba(50,203,255,.09),0 12px 35px rgba(0,0,0,.28);touch-action:none;user-select:none}.joystick:before,.joystick:after{content:"";position:absolute;background:rgba(180,238,255,.09)}.joystick:before{width:2px;top:12px;bottom:12px;left:50%}.joystick:after{height:2px;left:12px;right:12px;top:50%}.joystick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6f8ff,#3fb9dc 55%,#176986);box-shadow:0 0 25px rgba(81,210,248,.45)}.swim-controls{display:grid;gap:8px}.swim-controls button{width:54px;height:54px;border-radius:50%;border:1px solid var(--line);background:var(--panel);color:#8ee8ff}.race-mini{top:100px;left:12px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(83,55,9,.91),rgba(22,44,57,.92));border:1px solid rgba(255,215,94,.34);border-radius:18px;padding:10px 14px;backdrop-filter:blur(14px)}.race-mini svg{color:#ffd45b}.race-mini strong{display:block;font-size:12px}.race-mini small{display:block;color:#ffe8a3;font-size:10px}
.panel-backdrop{position:absolute;inset:0;z-index:50;background:rgba(1,10,17,.56);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px)}.game-panel{position:relative;width:min(920px,96vw);max-height:min(760px,92vh);overflow:auto;background:linear-gradient(160deg,rgba(8,46,69,.98),rgba(3,25,42,.98));border:1px solid rgba(132,224,255,.28);border-radius:28px;padding:26px;box-shadow:0 35px 90px rgba(0,0,0,.55)}.close-panel{position:absolute;left:14px;top:14px;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#09263b;color:#fff;display:grid;place-items:center}.close-panel svg{width:18px}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-left:50px}.panel-title>svg{width:34px;height:34px;color:var(--cyan)}.panel-title h2{margin:0;font-size:22px}.panel-title p{margin:2px 0 0;color:#91b9c9;font-size:12px}.item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.store-card{display:grid;grid-template-columns:56px 1fr;grid-template-rows:auto auto;gap:8px 10px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:18px;padding:12px;min-height:132px}.store-card.premium{border-color:rgba(196,153,255,.36);background:linear-gradient(145deg,rgba(110,60,142,.17),rgba(255,255,255,.025))}.store-card.equipped{border-color:rgba(100,239,173,.42);box-shadow:inset 0 0 0 1px rgba(100,239,173,.08)}.item-icon{grid-row:1/3;width:56px;height:56px;border-radius:15px;background:linear-gradient(145deg,#164b65,#0b2b42);display:grid;place-items:center;font-size:28px}.item-copy b{display:block;font-size:13px}.item-copy small{display:block;color:#8eb7c7;font-size:10px;line-height:1.5;margin-top:3px}.price{display:flex;gap:6px;align-items:center}.price span{font-size:11px;background:#071f31;padding:4px 7px;border-radius:999px}.store-card>button{grid-column:2;border:0;border-radius:11px;background:#147da0;color:#fff;font-weight:800;font-size:11px}.empty-state{padding:30px;text-align:center;color:#84aebe;border:1px dashed var(--line);border-radius:18px}.chat-list{height:360px;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:4px}.chat-message{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.chat-message b{display:block;color:#77e6ff;font-size:11px}.chat-message span{font-size:13px;line-height:1.7}.all-emotes{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.all-emotes button{width:36px;height:36px;border:1px solid var(--line);background:#09283e;border-radius:10px;font-size:18px}.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-compose input{border:1px solid var(--line);background:#041d2f;color:#fff;padding:12px;border-radius:13px;outline:none}.chat-compose button,.race-info button{border:0;border-radius:12px;background:#26a7ce;color:#052231;font-weight:900;padding:0 18px}.world-map{position:relative;width:100%;aspect-ratio:1.35/1;min-height:430px;overflow:hidden;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 30% 25%,rgba(49,178,205,.22),transparent 27%),radial-gradient(circle at 75% 70%,rgba(100,84,181,.23),transparent 24%),linear-gradient(145deg,#053852,#05263e)}.map-water-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:30px 30px}.map-place,.map-race,.map-me{position:absolute;transform:translate(-50%,-50%);z-index:2}.map-place{color:#9fe8ff}.map-place span{display:block;text-align:center;font-size:18px}.map-place small,.map-me small{display:block;white-space:nowrap;background:rgba(2,18,30,.82);padding:3px 6px;border-radius:7px;font-size:9px}.map-race{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#2a7fa2;border:2px solid #a8ebff;font-size:10px;font-weight:900}.map-race.active{background:#e5ad27;color:#1b1604;border-color:#fff1a5;box-shadow:0 0 20px #f7c84f}.map-me{color:#fff26b;font-size:24px;text-align:center;text-shadow:0 0 14px #ffe35b}.race-hero{text-align:center;padding:20px}.race-icon{font-size:70px;animation:floaty 3s ease-in-out infinite}.race-hero h3{margin:4px 0 18px}.race-info{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);margin-bottom:14px}.race-info>div{flex:1}.race-info b,.race-info small{display:block}.race-info small{color:#91b8c8}.joined{color:#84efae;font-weight:800}.checkpoint-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.checkpoint-list>div{display:grid;place-items:center;gap:5px;text-align:center;min-height:80px;border:1px solid var(--line);border-radius:15px;background:#09263a}.checkpoint-list span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#164866;font-size:11px}.checkpoint-list b{font-size:10px}.checkpoint-list .done{opacity:.55;border-color:#59d891}.checkpoint-list .done span{background:#247a51}.checkpoint-list .current{border-color:#f6cb58;box-shadow:0 0 22px rgba(246,203,88,.16)}.checkpoint-list .current span{background:#c99318;color:#171203}.leaderboard{display:grid;gap:6px}.leaderboard>div{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}.leaderboard span{color:#ffdc73;font-weight:900}.leaderboard small{color:#8fb8c8}.character-preview{height:260px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle,#13516d,#06273e 70%);margin-bottom:14px}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.character-grid button{display:flex;align-items:center;gap:9px;text-align:right;border:1px solid var(--line);background:#08253a;color:#fff;border-radius:14px;padding:9px}.character-grid button.selected{border-color:#77e4ff;background:#0b3d56}.character-grid button.premium{box-shadow:inset 3px 0 #9d6ae4}.character-grid i{width:30px;height:30px;border-radius:50%;flex:0 0 auto}.character-grid b,.character-grid small{display:block}.character-grid b{font-size:11px}.character-grid small{font-size:9px;color:#8db4c5}.logout-btn{margin-top:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,116,133,.3);background:rgba(107,31,43,.36);color:#ff9eaa;border-radius:14px;padding:12px}.world-label,.player-tag{white-space:nowrap;border-radius:999px;border:1px solid rgba(156,226,255,.25);background:rgba(3,23,37,.78);padding:4px 8px;font-size:11px;font-weight:800;color:#eefaff;box-shadow:0 5px 18px rgba(0,0,0,.24)}.player-tag.talking{background:#1d8aa8}.world-emote{font-size:38px;animation:pop 3s ease-out both;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.race-marker-label{white-space:nowrap;background:rgba(3,24,36,.78);border:1px solid rgba(110,219,255,.25);padding:4px 7px;border-radius:9px;color:#bfeeff;font-size:9px}.race-marker-label.active{color:#241a02;background:#ffe36b;border-color:#fff3a8;font-weight:900}
@media(max-width:900px){.top-hud{grid-template-columns:1fr auto}.currency-row{grid-column:1/3;grid-row:2;justify-self:start}.status-row{grid-column:2;grid-row:1}.status-row span:nth-child(n+3){display:none}.quick-menu{top:126px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.auth-shell{padding:10px}.auth-card{padding:20px;border-radius:22px}.form-grid{grid-template-columns:1fr}.top-hud{top:7px;right:7px;left:7px;gap:6px}.profile-chip{padding:4px 7px 4px 4px;border-radius:14px}.mini-avatar{width:44px;height:44px}.profile-chip strong{font-size:11px}.profile-chip small{font-size:8px}.currency-row{gap:4px}.currency-row span,.status-row span{padding:5px 7px;font-size:9px}.status-row span:nth-child(n+2){display:none}.quick-menu{right:7px;top:105px;gap:5px}.quick-menu button{width:48px;min-height:48px;border-radius:14px}.quick-menu button span{display:none}.quick-menu svg{width:18px}.controls{right:8px;bottom:8px}.joystick{width:96px;height:96px}.joystick-knob{width:42px;height:42px}.swim-controls button{width:44px;height:44px}.emote-dock{bottom:8px;left:auto;right:164px;transform:none;gap:3px;padding:4px}.emote-dock button{width:31px;height:31px;font-size:16px}.emote-dock button:nth-child(n+5){display:none}.race-mini{left:7px;top:104px;max-width:170px;padding:7px 9px}.panel-backdrop{padding:8px;align-items:flex-end}.game-panel{width:100%;max-height:88vh;border-radius:24px 24px 0 0;padding:20px 14px 18px}.panel-title h2{font-size:18px}.item-grid{grid-template-columns:1fr}.world-map{min-height:360px;aspect-ratio:auto}.checkpoint-list{grid-template-columns:repeat(2,1fr)}.character-preview{height:210px}.chat-list{height:330px}.store-card{min-height:112px}}

/* ========================= QAA AL HAMOUR v3 UI ========================= */
:root{--v3-bg:#031724;--v3-panel:rgba(4,24,38,.82);--v3-panel-solid:#071f31;--v3-line:rgba(158,232,255,.18);--v3-cyan:#78e7ff;--v3-gold:#ffd66f;--v3-purple:#ab8dff;--v3-green:#72efb2}
.auth-shell{padding:14px;background:radial-gradient(circle at 18% 18%,rgba(28,174,208,.28),transparent 29%),radial-gradient(circle at 82% 74%,rgba(97,65,167,.25),transparent 30%),linear-gradient(155deg,#02121d,#06324a 56%,#061a2b)}
.auth-card{width:min(500px,100%);border-radius:24px;padding:20px 22px 18px;background:linear-gradient(160deg,rgba(7,43,63,.95),rgba(3,23,37,.96));box-shadow:0 28px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.07)}
.auth-card .brand-orb{width:52px;height:52px;border-radius:17px;margin-bottom:9px}.auth-card .brand-orb svg{width:28px;height:28px}.auth-card .eyebrow{font-size:9px}.auth-card h1{font-size:clamp(32px,6vw,46px);margin:5px 0 7px}.auth-sub{font-size:12px;line-height:1.65;margin:0 0 12px}.auth-tabs{border-radius:14px;padding:4px;margin:10px 0}.auth-tabs button{min-height:39px;border-radius:10px;font-size:12px}.auth-tabs svg{width:16px}.auth-form{gap:9px}.auth-form label{font-size:10px;gap:4px}.auth-form input{min-height:39px;padding:8px 11px;border-radius:10px;font-size:12px}.auth-form .primary-btn{min-height:42px;border-radius:12px;font-size:13px;margin-top:2px}.form-grid{gap:8px}.auth-features{margin-top:10px;padding-top:10px;gap:5px}.auth-features span{font-size:9px;padding:5px 7px}.auth-ambient.a1{width:190px;height:190px}.auth-ambient.a2{width:230px;height:230px}
.game-shell{background:#061d2c}.hud{border-color:var(--v3-line);box-shadow:0 14px 36px rgba(0,0,0,.24)}
.top-hud{top:10px;right:10px;left:10px;min-height:60px;padding:7px 9px;border-radius:18px;background:linear-gradient(145deg,rgba(4,25,39,.87),rgba(8,47,65,.78));backdrop-filter:blur(18px) saturate(1.25)}
.profile-chip{padding:4px 8px 4px 4px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.mini-avatar{width:47px;height:47px;border-radius:12px;background:radial-gradient(circle at 40% 25%,#185d79,#082a3e)}.profile-chip strong{font-size:12px}.profile-chip small{font-size:9px;color:#9fc4d1}
.currency-row span,.status-row span{background:rgba(2,17,28,.62);border:1px solid rgba(157,226,255,.12);border-radius:11px;padding:6px 9px}.currency-row svg,.status-row svg{width:14px;height:14px}.membership-chip svg{width:13px}.membership-chip.gold{color:#ffe086;border-color:rgba(255,218,112,.24)}.membership-chip.royal{color:#d6c1ff;border-color:rgba(188,157,255,.3);box-shadow:inset 0 0 20px rgba(155,103,255,.08)}
.quick-menu{top:84px;right:10px;gap:5px;padding:5px;border-radius:17px;background:rgba(3,24,38,.72);backdrop-filter:blur(18px)}.quick-menu button{width:64px;min-height:51px;border-radius:13px;background:linear-gradient(155deg,rgba(14,61,82,.88),rgba(7,35,52,.91));border:1px solid rgba(144,224,251,.12);transition:.18s transform,.18s border-color,.18s background}.quick-menu button:hover{transform:translateX(-2px);border-color:rgba(122,232,255,.36);background:linear-gradient(155deg,rgba(20,82,105,.95),rgba(8,43,62,.94))}.quick-menu button svg{width:18px;height:18px}.quick-menu button span{font-size:9px}.quick-menu .voice-btn.active{color:#85f2c2;border-color:rgba(103,241,179,.38);box-shadow:0 0 24px rgba(75,232,166,.12)}.quick-menu .voice-btn.talking{animation:voicePulse 1s ease-in-out infinite;background:linear-gradient(155deg,rgba(24,141,125,.95),rgba(5,69,69,.95));color:#fff}.quick-menu .admin-menu-btn{color:#eadcff;border-color:rgba(182,145,255,.28)}
@keyframes voicePulse{50%{box-shadow:0 0 0 5px rgba(92,239,183,.08),0 0 28px rgba(92,239,183,.3)}}
.voice-pill{position:absolute;top:84px;left:10px;z-index:20;display:grid;grid-template-columns:26px auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:7px 11px;border-radius:14px;background:rgba(5,31,45,.82);backdrop-filter:blur(16px);border:1px solid rgba(112,232,196,.22)}.voice-pill>svg{grid-row:1/3;width:20px;color:#7cf1bd}.voice-pill b{font-size:10px}.voice-pill small{font-size:8px;color:#93c8bd}.voice-pill.talking{border-color:rgba(92,246,181,.5);box-shadow:0 0 26px rgba(62,226,155,.18)}
.emote-dock{background:rgba(3,24,38,.68);backdrop-filter:blur(16px);border-radius:15px;padding:5px}.emote-dock button{background:rgba(13,59,79,.83);border-color:rgba(145,226,255,.12);transition:.16s}.emote-dock button:hover{transform:translateY(-3px) scale(1.06)}
.game-panel{background:linear-gradient(160deg,rgba(7,41,60,.99),rgba(3,21,34,.995));border-radius:22px;padding:22px;border-color:rgba(139,228,255,.22);box-shadow:0 32px 90px rgba(0,0,0,.6)}.panel-title{margin-bottom:15px}.panel-title>svg{width:28px;height:28px}.panel-title h2{font-size:19px}.panel-title p{font-size:10px}.close-panel{width:34px;height:34px;border-radius:10px}
.store-card{border-radius:15px;min-height:120px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.18s transform,.18s border-color}.store-card:hover{transform:translateY(-2px);border-color:rgba(126,230,255,.28)}.item-icon{border-radius:13px}.character-preview.pro-preview{background:radial-gradient(circle at 50% 22%,rgba(77,211,245,.2),transparent 33%),radial-gradient(circle at 50% 70%,rgba(119,83,196,.17),transparent 42%),linear-gradient(155deg,#0a3d55,#061f31);box-shadow:inset 0 0 50px rgba(77,215,255,.08)}.character-grid button{min-height:61px}.character-grid small{line-height:1.45}
/* Luck */
.luck-stage{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 44%,rgba(106,86,211,.19),transparent 34%),linear-gradient(160deg,rgba(7,37,56,.7),rgba(4,24,37,.55));border:1px solid var(--v3-line);border-radius:22px;padding:24px}.luck-wheel{position:relative;width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from 0deg,#173f5a 0 12.5%,#4e3e86 0 25%,#0d6070 0 37.5%,#78582b 0 50%,#174e48 0 62.5%,#633953 0 75%,#164961 0 87.5%,#3d3875 0 100%);border:7px solid rgba(214,241,255,.18);box-shadow:0 0 0 2px rgba(95,220,255,.14),0 24px 60px rgba(0,0,0,.36),inset 0 0 45px rgba(255,255,255,.06)}.luck-wheel:before{content:"";position:absolute;top:-22px;border-left:13px solid transparent;border-right:13px solid transparent;border-top:25px solid #ffe073;filter:drop-shadow(0 4px 4px #0008)}.luck-wheel span{position:absolute;font-size:24px;transform-origin:50% 105px}.luck-wheel b{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fef4c2,#d9a22e);color:#18212a;border:5px solid #0b2c40;box-shadow:0 8px 25px #0008;font-size:15px}.luck-wheel.spinning{animation:luckSpin 1s cubic-bezier(.1,.7,.2,1) both}@keyframes luckSpin{to{transform:rotate(1080deg)}}.luck-spin-btn{min-width:230px;border:0;border-radius:13px;padding:12px 18px;background:linear-gradient(90deg,#f3c34e,#ffe082);color:#18222a;font-weight:900}.luck-result{display:flex;gap:12px;align-items:center;padding:10px 16px;border-radius:13px;background:rgba(76,213,160,.1);border:1px solid rgba(98,236,181,.28)}.luck-result strong{font-size:13px}.luck-result span{color:#8bf1bf;font-weight:900}
/* Admin */
.admin-panel-shell{width:min(1180px,97vw);max-height:94vh}.admin-loading{min-height:280px;display:flex;gap:10px;align-items:center;justify-content:center;color:#b9dbe7}.admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.admin-stats>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:linear-gradient(145deg,rgba(17,67,89,.55),rgba(6,34,51,.65));border:1px solid var(--v3-line)}.admin-stats>div>span{grid-row:1/3;font-size:22px}.admin-stats b{font-size:15px}.admin-stats small{font-size:8px;color:#8fb8c7}.admin-tabs{display:flex;gap:6px;position:sticky;top:-22px;z-index:5;padding:7px 0;background:linear-gradient(#072b40 65%,transparent)}.admin-tabs button{display:flex;align-items:center;gap:6px;border:1px solid var(--v3-line);background:#09283c;color:#cceaf3;padding:8px 12px;border-radius:10px;font-size:10px}.admin-tabs button svg{width:15px}.admin-tabs button.active{background:#176c87;color:#fff;border-color:#3db6d6}.admin-section{display:grid;gap:9px}.admin-search{display:flex;align-items:center;gap:7px;background:#051d2d;border:1px solid var(--v3-line);padding:7px 10px;border-radius:12px}.admin-search svg{width:16px}.admin-search input{flex:1;background:transparent;border:0;color:#fff;outline:0}.admin-user-list,.admin-shop-list,.luck-admin-list{display:grid;gap:7px}.admin-user-row{display:grid;gap:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.admin-user-row.is-online{border-color:rgba(94,231,168,.18)}.admin-user-head{display:flex;align-items:center;gap:8px}.admin-user-head>div{flex:1}.admin-user-head b,.admin-user-head small{display:block}.admin-user-head b{font-size:12px}.admin-user-head small{font-size:8px;color:#83aebb}.online-dot{width:8px;height:8px;border-radius:50%;background:#667985}.is-online .online-dot{background:#62e6a4;box-shadow:0 0 10px #62e6a4}.admin-user-row input,.admin-user-row select,.admin-shop-row input,.admin-shop-row select,.new-shop-box input,.new-shop-box select,.luck-admin-list input,.luck-admin-list select{background:#051e2e;color:#fff;border:1px solid rgba(147,221,245,.14);border-radius:9px;padding:7px 8px;outline:none;min-width:0}.admin-user-head select{width:92px}.admin-user-fields{display:grid;grid-template-columns:repeat(7,minmax(75px,1fr));gap:6px}.admin-user-fields label,.shop-admin-fields label,.luck-admin-list label{display:grid;gap:3px;font-size:8px;color:#8fb6c4}.admin-user-actions{display:flex;gap:6px;align-items:center}.admin-user-actions select{flex:1}.admin-user-actions button,.shop-admin-toggles button,.save-luck-admin,.admin-add-item,.new-shop-box button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--v3-line);background:#0e5970;color:#fff;border-radius:9px;padding:7px 10px;font-weight:800;font-size:9px}.admin-user-actions button svg,.shop-admin-toggles button svg,.save-luck-admin svg{width:14px}.admin-user-actions .save-admin{background:#157a5a;border-color:#2fb583}.check-control{display:flex!important;grid-auto-flow:column;align-items:center;gap:4px!important;white-space:nowrap;color:#c8e2ea!important}.check-control input{width:auto}.admin-shop-row{display:grid;grid-template-columns:45px minmax(220px,1fr) minmax(220px,.8fr) auto;gap:8px;align-items:center;padding:9px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.shop-admin-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:22px;background:#0b3047}.shop-admin-main{display:grid;grid-template-columns:1fr 1.3fr;gap:5px}.shop-admin-main small{grid-column:1/3;font-size:7px;color:#749cac}.shop-admin-fields{display:flex;gap:5px}.shop-admin-fields label{width:72px}.shop-admin-toggles{display:flex;align-items:center;gap:6px;font-size:8px}.shop-admin-toggles label{white-space:nowrap}.admin-add-item{justify-self:start;background:#17465c}.new-shop-box{display:grid;grid-template-columns:1.3fr 1fr .7fr 2fr .7fr .7fr auto auto;gap:6px;padding:9px;border:1px dashed rgba(115,222,255,.25);border-radius:12px}.luck-admin-note{display:flex;gap:8px;align-items:center;padding:9px 11px;border-radius:11px;background:rgba(97,79,180,.12);border:1px solid rgba(168,145,255,.18);font-size:9px;color:#cbbefa}.luck-admin-note svg{width:16px}.luck-admin-list article{display:grid;grid-template-columns:40px 1.4fr .8fr repeat(3,.55fr) auto;gap:6px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.02)}.luck-admin-icon{font-size:22px;text-align:center}.save-luck-admin{justify-self:start;background:#5b4699;border-color:#856dcc;padding:10px 15px}
@media(max-width:950px){.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-user-fields{grid-template-columns:repeat(4,1fr)}.admin-shop-row{grid-template-columns:42px 1fr}.shop-admin-fields,.shop-admin-toggles{grid-column:2}.luck-admin-list article{grid-template-columns:38px 1fr 1fr repeat(3,.65fr)}.luck-admin-list article>.check-control{grid-column:2/7}.new-shop-box{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.auth-card{width:min(430px,100%);padding:16px;border-radius:18px}.auth-card h1{font-size:34px}.auth-sub{font-size:10px}.auth-features{display:none}.quick-menu{top:99px;right:7px;display:grid;grid-template-columns:repeat(2,47px);padding:4px}.quick-menu button{width:47px;min-height:45px}.voice-pill{top:101px;left:7px}.voice-pill small{display:none}.emote-dock{right:112px}.admin-panel-shell{padding:16px 10px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-tabs{overflow:auto}.admin-user-fields{grid-template-columns:repeat(2,1fr)}.admin-user-actions{flex-wrap:wrap}.admin-user-actions select{min-width:100%}.admin-shop-row{grid-template-columns:38px 1fr}.shop-admin-main{grid-template-columns:1fr}.shop-admin-main small{grid-column:1}.shop-admin-fields{grid-column:1/3;flex-wrap:wrap}.shop-admin-toggles{grid-column:1/3;flex-wrap:wrap}.new-shop-box{grid-template-columns:1fr}.luck-admin-list article{grid-template-columns:32px 1fr}.luck-admin-list article>*{grid-column:auto}.luck-admin-list article label{grid-column:1/3!important}.luck-stage{min-height:360px;padding:12px}.luck-wheel{width:180px;height:180px}.luck-wheel span{transform-origin:50% 90px!important}}

/* ==================== QAA AL HAMOUR 3.5 PRO UI ==================== */
:root{--pro-bg:rgba(3,18,31,.82);--pro-card:rgba(7,37,56,.88);--pro-line:rgba(117,226,255,.16);--pro-cyan:#77e9ff;--pro-mint:#70efc3;--pro-violet:#a890ff;--pro-gold:#ffdd7a}
.auth-shell{padding:14px;background:radial-gradient(circle at 18% 8%,rgba(31,165,197,.27),transparent 28%),radial-gradient(circle at 85% 90%,rgba(111,76,197,.23),transparent 32%),linear-gradient(145deg,#031522,#082d45 54%,#041725)}
.auth-card{width:min(470px,94vw);padding:20px 22px;border-radius:24px;border:1px solid rgba(129,226,255,.2);box-shadow:0 28px 85px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.05)}
.brand-orb{width:56px;height:56px;border-radius:18px;margin:0 auto 11px}.brand-orb svg{width:30px;height:30px}.eyebrow{text-align:center;font-size:9px}.auth-card h1{text-align:center;font-size:clamp(34px,6vw,48px);margin:7px 0}.auth-sub{text-align:center;margin:0 auto;font-size:11px;line-height:1.65;max-width:410px}.auth-tabs{margin:15px 0 12px;border-radius:14px}.auth-tabs button{padding:9px}.auth-form{gap:10px}.auth-form label{gap:5px;font-size:11px}.auth-form input{border-radius:11px;padding:10px 12px}.form-grid{gap:8px}.primary-btn{padding:11px 15px;border-radius:12px}.auth-features{justify-content:center;margin-top:11px}.auth-features span{font-size:9px;padding:5px 8px}
.top-hud{top:9px;right:9px;left:9px;gap:8px}.profile-chip{border-radius:15px;padding:5px 9px 5px 5px;background:linear-gradient(145deg,rgba(5,33,49,.88),rgba(6,25,39,.78));box-shadow:0 12px 34px rgba(0,0,0,.22)}.mini-avatar{width:48px;height:48px;border-radius:12px}.currency-row span,.status-row span{padding:6px 9px;background:rgba(3,25,39,.78);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.quick-menu{top:84px;right:9px;grid-template-columns:repeat(2,58px);padding:5px;border-radius:18px;background:rgba(3,19,31,.3);backdrop-filter:blur(8px)}.quick-menu button{width:58px;min-height:52px;border-radius:14px;background:linear-gradient(145deg,rgba(7,44,64,.88),rgba(3,27,43,.86));transition:.16s transform,.16s border-color,.16s box-shadow}.quick-menu button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.25)}.quick-menu .voice-btn.active{background:linear-gradient(145deg,rgba(20,101,78,.9),rgba(5,49,49,.9));border-color:rgba(91,241,184,.32)}.quick-menu .voice-note-quick.recording{background:linear-gradient(145deg,rgba(137,38,57,.94),rgba(76,19,34,.94));border-color:rgba(255,123,144,.42);animation:recordPulse 1.15s ease-in-out infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 5px rgba(255,83,113,.08),0 0 25px rgba(255,62,92,.2)}}
.game-panel{width:min(980px,95vw);border-radius:24px;padding:22px;background:radial-gradient(circle at 15% 5%,rgba(33,116,144,.12),transparent 30%),linear-gradient(160deg,rgba(6,38,57,.985),rgba(3,20,34,.992));box-shadow:0 35px 100px rgba(0,0,0,.64)}.panel-backdrop{background:rgba(0,8,15,.48);backdrop-filter:blur(7px)}
.item-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.store-card{grid-template-columns:50px 1fr;min-height:112px;border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));overflow:hidden;position:relative}.store-card.premium:before{content:"PREMIUM";position:absolute;top:7px;left:-23px;transform:rotate(-38deg);font-size:7px;font-weight:900;letter-spacing:.1em;padding:3px 26px;background:linear-gradient(90deg,#7b56cf,#d19cff);color:#fff}.item-icon{width:50px;height:50px;border-radius:13px}.store-card>button{min-height:28px}
.character-preview.pro-preview{height:250px;border:1px solid rgba(125,232,255,.16);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(81,221,255,.18),transparent 30%),radial-gradient(circle at 50% 76%,rgba(137,93,222,.14),transparent 36%),#061f31}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.character-grid button{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.016));border:1px solid var(--pro-line);transition:.18s transform,.18s box-shadow,.18s border-color}.character-grid button:hover{transform:translateY(-2px);border-color:rgba(115,232,255,.34)}.character-grid button.selected{border-color:rgba(105,238,196,.5);box-shadow:inset 0 0 0 1px rgba(105,238,196,.13),0 10px 30px rgba(17,139,111,.12)}.character-grid button.premium{background:linear-gradient(145deg,rgba(106,73,168,.14),rgba(255,255,255,.018))}.character-grid button i{box-shadow:inset 0 0 12px rgba(255,255,255,.25),0 4px 15px rgba(0,0,0,.2)}
.chat-list{height:min(390px,48vh);padding:8px;border:1px solid rgba(115,220,245,.08);border-radius:16px;background:rgba(1,16,27,.34)}.chat-message{border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.045)}.chat-message b{color:#8be8ff}.chat-message.voice-message{padding:9px 11px}.voice-note{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;margin-top:7px;padding:7px;border-radius:12px;background:rgba(3,25,40,.72);border:1px solid rgba(111,226,255,.12)}.voice-note-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#167b99,#315d94)}.voice-note audio{width:100%;height:32px;min-width:140px}.voice-note small{font-size:9px;color:#92c8d8}.voice-recorder-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;padding:9px 10px;border-radius:14px;background:linear-gradient(145deg,rgba(9,54,73,.64),rgba(5,29,45,.7));border:1px solid rgba(111,224,255,.12)}.voice-recorder-state{display:flex;align-items:center;gap:9px;min-width:0}.voice-recorder-state>svg{width:21px;color:#7ee9ff}.voice-recorder-state b,.voice-recorder-state small{display:block}.voice-recorder-state b{font-size:11px}.voice-recorder-state small{font-size:8px;color:#90bcca;line-height:1.4}.voice-recorder-state.recording>svg{color:#ff728d;animation:recordPulse 1s infinite}.record-note-btn{display:flex;align-items:center;gap:6px;border:1px solid rgba(96,225,255,.18);background:#126782;color:#fff;border-radius:11px;padding:8px 11px;font-size:10px;font-weight:900;white-space:nowrap}.record-note-btn.stop{background:#8c2940;border-color:#cc526a}.record-note-btn svg,.chat-compose button svg{width:15px}.chat-compose button{display:flex;align-items:center;gap:5px}
.voice-pill{background:linear-gradient(145deg,rgba(4,42,46,.86),rgba(4,25,38,.86));border-color:rgba(102,239,190,.25)}.voice-pill.talking{box-shadow:0 0 0 4px rgba(90,238,177,.06),0 0 24px rgba(48,210,146,.18)}
.admin-panel-shell{width:min(1240px,97vw)}.admin-panel-shell:before{content:"CONTROL CENTER";display:block;font-size:8px;letter-spacing:.22em;color:#6faec2;margin-bottom:5px}.admin-stats>div{background:linear-gradient(145deg,rgba(14,62,82,.62),rgba(4,29,45,.78));border-radius:13px}.admin-tabs{backdrop-filter:blur(12px)}.admin-user-row,.admin-shop-row,.luck-admin-list article{transition:.16s border-color,.16s background}.admin-user-row:hover,.admin-shop-row:hover,.luck-admin-list article:hover{border-color:rgba(112,226,255,.17);background:rgba(255,255,255,.035)}
@media(max-width:1100px){.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.auth-card{width:min(410px,95vw);padding:15px}.form-grid{grid-template-columns:1fr}.auth-card h1{font-size:34px}.quick-menu{grid-template-columns:repeat(2,48px)}.quick-menu button{width:48px;min-height:45px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-recorder-box{align-items:stretch;flex-direction:column}.record-note-btn{justify-content:center}.voice-note{grid-template-columns:30px 1fr}.voice-note small{grid-column:2}.admin-panel-shell{width:98vw}.game-panel{padding:17px 12px}}
@media(max-width:430px){.auth-shell{padding:7px}.auth-card{padding:13px;border-radius:17px}.brand-orb{width:46px;height:46px}.auth-sub{font-size:9px}.item-grid{grid-template-columns:1fr}.character-preview.pro-preview{height:210px}.emote-dock{max-width:calc(100vw - 125px);overflow-x:auto;left:auto;right:112px;transform:none}.voice-note audio{max-width:210px}}
.character-grid b{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.character-grid .rarity{font-style:normal;font-size:6px;letter-spacing:.08em;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.08);color:#d8e9ef}.character-grid .rarity.epic{background:rgba(158,91,230,.18);color:#dcb6ff}.character-grid .rarity.legendary{background:rgba(255,188,68,.16);color:#ffe09b}.character-grid .rarity.mythic{background:linear-gradient(90deg,rgba(96,223,255,.16),rgba(193,97,255,.18));color:#d9dcff}
.character-grid b{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.character-grid .rarity{font-style:normal;font-size:6px;letter-spacing:.08em;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.08);color:#d8e9ef}.character-grid .rarity.epic{background:rgba(158,91,230,.18);color:#dcb6ff}.character-grid .rarity.legendary{background:rgba(255,188,68,.16);color:#ffe09b}.character-grid .rarity.mythic{background:linear-gradient(90deg,rgba(96,223,255,.16),rgba(193,97,255,.18));color:#d9dcff}