/* =====================================================================
   OY-OY-OYNAYALIM · Styles  (mobile-first)
   ===================================================================== */
:root{
  --brand:#5B4BE6;
  --brand-2:#7C6BFF;
  --bg:#F4F3FB;
  --card:#ffffff;
  --ink:#1c1633;
  --muted:#6b6785;
  --line:#e7e4f5;
  --accent:#C6F24E;
  --radius:20px;
  --shadow:0 8px 24px rgba(37,25,90,.10);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  background:radial-gradient(circle at 50% -8%,#e7e0ff 0%,var(--bg) 34%,#f8f7fc 100%); color:var(--ink);
  -webkit-tap-highlight-color:transparent;
}
a{color:var(--brand);text-decoration:none}
.hidden{display:none !important}

.wrap{max-width:520px;margin:0 auto;padding:0 16px 120px}

/* --- Header --- */
.topbar{
  background:linear-gradient(180deg,#e5dfff 0%,#f5f3fc 78%,transparent 100%);
  padding:18px 16px 10px; text-align:center;
}
.login-pill{
  display:flex;align-items:center;gap:10px;justify-content:space-between;
  background:#EDEAFB;border-radius:999px;padding:10px 12px;margin:6px auto 18px;
  max-width:520px;font-size:14px;color:var(--brand);font-weight:600;
}
.login-pill .lp-ico{flex:none;display:grid;place-items:center;width:26px;height:26px;color:var(--brand)}
.login-pill .lp-ico svg{width:20px;height:20px}
.login-pill .lp-txt{flex:1;min-width:0}
.login-pill button{
  flex:none;display:inline-flex;align-items:center;gap:7px;
  background:var(--accent);color:#2b2b2b;border:none;border-radius:999px;
  padding:8px 15px;font-weight:800;cursor:pointer;font-size:14px;
}
.login-pill button .lp-btn-ico{width:17px;height:17px;flex:none}
.brand{
  font-family:"Arial Rounded MT Bold","Comic Sans MS","Trebuchet MS",system-ui,sans-serif;
  font-size:30px;font-weight:900;letter-spacing:.2px;color:var(--brand);
  line-height:1.05;margin:8px 0 2px;
  text-shadow:0 2px 0 #fff,0 5px 12px rgba(54,39,124,.16);
}
.brand small{display:block;font-size:15px;font-weight:700;color:var(--brand-2)}
.brand-lockup{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(10px,3vw,20px);margin:6px auto 4px;flex-wrap:wrap}.platform-logo{display:block;width:auto;max-width:46vw;height:clamp(52px,13vw,72px);object-fit:contain;filter:drop-shadow(0 9px 13px rgba(54,39,124,.13))}.logo-divider{width:2px;align-self:stretch;min-height:44px;border-radius:99px;background:#d9d4f1}.venue-logo{display:block;width:auto;max-width:42vw;height:clamp(48px,12vw,66px);object-fit:contain}.venue-name{font-size:16px;font-weight:900;color:var(--brand-2)}
.tagline{color:var(--muted);font-size:14px;margin-top:6px}

.avatar{
  width:56px;height:56px;border-radius:50%;border:3px solid var(--brand);
  display:grid;place-items:center;margin:16px auto 4px;color:var(--brand);
  font-weight:900;font-size:22px;background:#fff;
}
.avatar-name{font-size:13px;color:var(--muted)}
.avatar-rank{font-size:12px;color:var(--brand);font-weight:800;margin-top:2px}
.avatar{overflow:hidden;cursor:pointer}.avatar img,.profile-avatar img{width:100%;height:100%;object-fit:cover}
/* Profil kimliği (avatar + ad + puan) üst pill'de "Profil" düğmesinin yanında.
   Kayıtlı kullanıcıda her sekmede, misafirde yalnızca Profil sekmesinde görünür. */
.lp-user{display:none;align-items:center;gap:9px;flex:1;min-width:0}
.lp-user-info{display:flex;flex-direction:column;line-height:1.15;min-width:0;text-align:left}
.lp-user-info .avatar-name{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-user-info .avatar-rank{margin-top:1px}
.login-pill .avatar{width:38px;height:38px;border-width:2px;font-size:16px;flex:none;margin:0}
body[data-active-tab="profil"] .lp-user,
body[data-registered="1"] .lp-user{display:flex}
body[data-active-tab="profil"] .login-pill .lp-ico,
body[data-active-tab="profil"] .login-pill .lp-txt,
body[data-registered="1"] .login-pill .lp-ico,
body[data-registered="1"] .login-pill .lp-txt{display:none}
/* Kazanç bildirimi (çıngırak) — ödül varsa header'da görünür */
.win-bell{position:relative;flex:none;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--brand);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 12px rgba(37,25,90,.14)}
.win-bell svg{width:20px;height:20px}
.win-bell.hidden{display:none}
.win-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:#e0463c;color:#fff;font-size:10.5px;font-weight:900;line-height:1;box-shadow:0 2px 6px rgba(224,70,60,.5)}
.win-bell.pulse{animation:winPulse 1.8s ease-in-out infinite}
@keyframes winPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@media(prefers-reduced-motion:reduce){.win-bell.pulse{animation:none}}
body[data-theme="ottomarin"] .win-bell{background:#13211c;color:#f4ddb0}
body[data-theme="cadde"] .win-bell{background:#1f1a11;color:#f3d998}
body[data-theme="latife"] .win-bell{background:#123033;color:#9bd8ec}

/* --- Geo-Banner --- */
.geo{
  margin:14px 0;padding:12px 14px;border-radius:14px;font-size:13.5px;
  display:flex;gap:10px;align-items:center;
}
.geo.ok{background:#E7F8EE;color:#1d7a46}
.geo.warn{background:#FFF3E0;color:#9a6100}
.geo.err{background:#FDECEC;color:#b3261e}
.geo .dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}
.geo{cursor:pointer}.venue-actions{display:flex;margin:12px 0 10px}.menu-btn{width:100%;padding:13px 18px;border-radius:14px;text-align:center;background:#21184d;color:#fff;font-weight:900;box-shadow:var(--shadow)}

/* --- Startseite / Café-Erlebnis --- */
.venue-hero{position:relative;overflow:hidden;margin:7px 0 14px;padding:23px 21px 20px;border-radius:25px;color:#fff;background:linear-gradient(135deg,#241960 0%,#5b4be6 54%,#887af8 100%);box-shadow:0 16px 34px rgba(55,38,132,.24)}
.venue-hero.has-image{container-type:inline-size;aspect-ratio:var(--venue-hero-ratio,20/9);min-height:0;padding:clamp(9px,3.6cqw,22px) clamp(13px,4.4cqw,24px);display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(90deg,rgba(14,10,5,.95) 0%,rgba(14,10,5,.8) 40%,rgba(14,10,5,.3) 72%,rgba(14,10,5,.08) 100%),var(--venue-hero-image);background-position:center;background-repeat:no-repeat;background-size:cover}
.venue-hero.has-image .hero-eyebrow{font-size:clamp(8px,2.3cqw,10px)}
.venue-hero.has-image .hero-eyebrow .he-ico{width:clamp(17px,5cqw,23px);height:clamp(17px,5cqw,23px)}
.venue-hero.has-image h1{font-size:clamp(15px,6.6cqw,31px);margin:clamp(4px,1.4cqw,10px) 0 clamp(3px,1cqw,7px);line-height:1.06}
.venue-hero.has-image p{font-size:clamp(10px,3.4cqw,14px);line-height:1.35}
.venue-hero.has-image .hero-chips{margin-top:clamp(6px,2.2cqw,16px);gap:clamp(5px,1.6cqw,8px)}
.venue-hero.has-image .hero-chips span{padding:clamp(3px,1cqw,6px) clamp(8px,2.4cqw,12px) clamp(3px,1cqw,6px) clamp(3px,1cqw,6px);font-size:clamp(9px,2.5cqw,11.5px)}
.venue-hero.has-image .hero-chips span b{width:clamp(16px,4.4cqw,22px);height:clamp(16px,4.4cqw,22px);font-size:clamp(9px,2.6cqw,12px)}
.venue-hero>*:not(.hero-orb){position:relative;z-index:1}.hero-orb{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.28}.orb-one{right:-40px;top:-48px;width:180px;height:180px;background:#c6f24e}.orb-two{left:-58px;bottom:-90px;width:190px;height:190px;background:#ffb2df}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border:1px solid #ffffff4a;border-radius:99px;background:#ffffff1c;font-size:10px;font-weight:900;letter-spacing:1px}.hero-eyebrow .he-ico{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6dd9b,#c9a24a);color:#3a2a08;box-shadow:0 2px 6px rgba(201,162,74,.5),inset 0 1px 0 rgba(255,255,255,.55);line-height:1}
.hero-eyebrow .he-ico svg{width:15px;height:15px}.venue-hero h1{max-width:350px;margin:12px 0 8px;font-size:clamp(25px,6.8vw,33px);line-height:1.05;letter-spacing:-1.2px}.venue-hero p{max-width:370px;margin:0;color:#f0edff;font-size:14px;line-height:1.45}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-chips span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff25;color:#fff;font-size:11.5px;font-weight:800}.hero-chips span b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ffffff2b;font-size:12px;line-height:1}
.community-hub{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 15px}.community-item{display:flex;flex-direction:column;min-width:0;border-radius:18px;box-shadow:var(--shadow)}.community-item:not(:has(> .community-card:not(.hidden))){display:none}.community-item>.community-card{width:100%;box-shadow:none}.community-item>.community-card:has(+ .reward-hint){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0}.community-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px;border-radius:18px;background:#fff;box-shadow:var(--shadow);color:var(--ink);transition:transform .15s,box-shadow .15s}.community-card:active{transform:scale(.985)}.community-card>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.community-card b{font-size:13.5px}.community-card small{color:var(--muted);font-size:11px;line-height:1.3}.community-card i{display:none}.community-icon{display:grid;flex:none;width:41px;height:41px;place-items:center;border-radius:13px;font-weight:900;font-size:23px}.google-icon{background:#edf4ff;color:#4285f4;font-family:Arial,sans-serif}.instagram-icon{color:#fff;background:linear-gradient(145deg,#833ab4,#fd1d1d 55%,#fcb045)}.instagram-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.review-card{border:1px solid #dce8ff}.instagram-card{border:1px solid #f6d4e7}

/* --- Tabs --- */
.tabs{
  display:flex;gap:6px;background:#EDEAFB;border-radius:20px;padding:6px;margin:18px 0;
}
.tabs button{
  position:relative;
  flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  border:none;background:transparent;padding:9px 4px;border-radius:15px;
  font-weight:800;color:var(--muted);cursor:pointer;font-size:12.5px;line-height:1;
  transition:background .15s,color .15s,box-shadow .15s;
}
.tabs .tab-ic{width:21px;height:21px;line-height:1;display:block}
.tabs button.active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}

/* Sekme sayaç rozetleri */
.tab-badge{
  position:absolute;top:4px;right:calc(50% - 26px);z-index:3;
  min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;
  display:grid;place-items:center;border-radius:999px;
  background:#e0463c;color:#fff;font-size:10.5px;font-weight:900;line-height:1;
  box-shadow:0 2px 6px rgba(224,70,60,.5)}
.bottomnav button{position:relative}
.bottomnav .tab-badge{top:2px;right:calc(50% - 24px)}

/* --- Section head --- */
.hint{color:var(--muted);font-size:13.5px;margin:4px 2px 12px}.games-intro{display:flex;align-items:center;gap:11px;margin:2px 0 13px}.games-intro-icon{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;background:#e9e5ff;font-size:22px}.games-intro div{display:flex;flex-direction:column;gap:2px}.games-intro b{font-size:15px}.games-intro small{color:var(--muted);font-size:12px}

/* --- Game grid --- */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.game{
  position:relative;border:none;border-radius:20px;padding:40px 74px 14px 15px;min-height:96px;
  color:#fff;text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 10px 24px rgba(20,12,55,.20);
  display:flex;flex-direction:column;justify-content:flex-end;
}
.game h3{margin:0;font-size:17px;font-weight:900;letter-spacing:-.3px;line-height:1.12;
  max-width:100%;position:relative;z-index:2;overflow-wrap:normal;word-break:normal;hyphens:none;
  text-shadow:0 1px 3px rgba(0,0,0,.34)}
.game .badge{
  position:absolute;top:12px;left:12px;background:rgba(0,0,0,.26);
  border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;
  display:inline-flex;align-items:center;gap:5px;z-index:3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
.game .emoji{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:2;
  width:56px;height:56px;display:grid;place-items:center;font-size:32px;line-height:1;
  border-radius:16px;background:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 16px rgba(0,0,0,.20)}

/* --- Panel / cards --- */
.panel{background:var(--card);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-top:14px}
.panel h2{margin:0 0 4px;font-size:20px}
.panel .sub{color:var(--muted);font-size:13.5px;margin-bottom:14px}
.empty{
  background:#EFEDF9;border-radius:16px;padding:28px 18px;text-align:center;color:var(--muted);
}
.cafe-chat-panel{padding-bottom:14px}.cafe-chat-list{height:360px;overflow-y:auto;padding:4px 2px 8px;scrollbar-width:thin}.cafe-chat-message{position:relative;width:86%;margin:8px 0;padding:10px 12px;border-radius:15px 15px 15px 4px;background:#efedf9}.cafe-chat-message.mine{margin-left:auto;border-radius:15px 15px 4px 15px;background:#ded8ff}.cafe-chat-message b,.cafe-chat-message small{display:block}.cafe-chat-message b{font-size:12px;color:var(--brand);margin-bottom:3px}.cafe-chat-message span{overflow-wrap:anywhere;font-size:14px}.cafe-chat-message small{margin-top:5px;color:var(--muted);font-size:10px}.cafe-chat-delete{position:absolute;right:7px;top:7px;border:0;border-radius:8px;padding:4px 7px;background:#ffe5e7;color:#a62931;font-size:10px;font-weight:900;cursor:pointer}.cafe-chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:8px}.cafe-chat-form .field{margin:0}.cafe-chat-form .btn{width:auto;padding-inline:18px}.chat-policy{display:block;margin-top:8px;color:var(--muted);text-align:center}

/* --- Inputs / buttons --- */
.field{width:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;
  font-size:16px;margin-bottom:12px;background:#fff;color:var(--ink)}
.field:focus{outline:none;border-color:var(--brand)}
.btn{
  width:100%;padding:15px;border:none;border-radius:14px;background:var(--brand);color:#fff;
  font-weight:800;font-size:16px;cursor:pointer;box-shadow:var(--shadow);
}
.btn.alt{background:#EDEAFB;color:var(--brand)}
.btn.lime{background:var(--accent);color:#2b2b2b}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.small{width:auto;padding:10px 18px;font-size:14px}
.row{display:flex;gap:10px}
.row>*{flex:1}

.seg{display:flex;gap:8px;margin-bottom:12px}
.seg button{flex:1;padding:12px;border:1.5px solid var(--line);background:#fff;border-radius:12px;
  font-weight:700;color:var(--muted);cursor:pointer}
.seg button.on{border-color:var(--brand);color:var(--brand);background:#F3F1FE}

/* --- Player list / lobby --- */
.plist{list-style:none;margin:12px 0;padding:0}
.plist li{
  display:flex;align-items:center;gap:12px;padding:12px 14px;background:#F3F1FE;
  border-radius:14px;margin-bottom:8px;font-weight:700;
}
.plist .seat{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;
  display:grid;place-items:center;font-size:13px}
.plist .host{margin-left:auto;font-size:11px;background:var(--accent);color:#2b2b2b;
  padding:3px 8px;border-radius:999px;font-weight:800}
.lobby-player{display:flex;flex-direction:column;gap:2px}.lobby-player small{font-size:11px;color:var(--muted);font-weight:700}

/* --- Persistentes Spielerprofil --- */
.profile-head{display:flex;align-items:center;gap:15px;margin-bottom:18px}.profile-head h2{margin:0 0 4px}
.profile-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;display:grid;place-items:center;flex:none;
  background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;font-size:28px;font-weight:900;border:4px solid #fff;box-shadow:var(--shadow);cursor:pointer}
.profile-avatar input{display:none}.profile-rank{font-size:14px;color:var(--brand)}
.profile-label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-top:8px}
.profile-label .field{margin-top:6px}.profile-bio{min-height:92px;resize:vertical;font-family:inherit}
.leaderboard li{background:#f6f4ff}.leaderboard .place{width:28px;text-align:center}.leaderboard li>span:not(.place):not(.mini-avatar){display:flex;flex-direction:column;flex:1}
.leaderboard small{font-size:11px;color:var(--muted)}.leaderboard b{margin-left:auto;color:var(--brand)}
.mini-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.mini-avatar.fallback{display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:900;text-transform:uppercase}
.code-box{
  text-align:center;background:#1c1633;color:#fff;border-radius:16px;padding:18px;margin-bottom:14px;
}
.code-box .code{font-size:38px;font-weight:900;letter-spacing:8px;font-family:"Courier New",monospace}
.code-box small{color:#b9b4d6}

/* --- Bottom nav --- */
.bottomnav{
  position:fixed;left:50%;transform:translateX(-50%);bottom:14px;width:min(520px,calc(100% - 24px));
  background:#fff;border-radius:26px;box-shadow:0 10px 30px rgba(37,25,90,.18);
  display:flex;padding:10px;z-index:30;
}
.bottomnav button{
  flex:1;border:none;background:transparent;padding:8px 6px;border-radius:16px;color:var(--muted);
  font-weight:700;font-size:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;
  transition:background .16s,color .16s,box-shadow .16s;
}
.bottomnav button svg{width:24px;height:24px}
.bottomnav button.active{color:var(--brand);font-weight:800;background:#ece7fb;box-shadow:inset 0 0 0 1.5px rgba(91,75,230,.32)}

/* --- Modal --- */
.modal-bg{position:fixed;inset:0;background:rgba(20,14,45,.55);display:grid;place-items:end center;
  z-index:50;padding:0}
.modal{position:relative;background:#EDEBFB;border-radius:22px 22px 0 0;width:100%;max-width:520px;padding:26px 22px 34px;
  max-height:96dvh;overflow-y:auto;animation:up .25s ease}
@keyframes up{from{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}
.modal h2{margin:0 0 4px;text-align:center;font-size:22px}
.modal p.sub{text-align:center;color:var(--muted);font-size:14px;margin:0 0 18px}
.modal .close{position:absolute;top:12px;right:14px;width:38px;height:38px;display:grid;place-items:center;
  border:2px solid #c9333b;border-radius:50%;color:#c9333b;background:#FFE6E8;font-size:28px;font-weight:900;
  line-height:1;cursor:pointer;box-shadow:0 3px 8px rgba(180,35,45,.2)}
.modal .close:active{transform:scale(.94)}

.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#1c1633;color:#fff;
  padding:12px 18px;border-radius:12px;font-size:14px;z-index:80;box-shadow:var(--shadow);opacity:0;
  transition:opacity .2s;pointer-events:none}
.toast.show{opacity:1}

/* Konten und Werbung */
.auth-switch{display:flex;gap:6px;margin:12px 0}.auth-switch button{flex:1;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-weight:800}.auth-switch button.on{color:var(--brand);border-color:var(--brand);background:#f5f2ff}.auth-sep{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:12px}.auth-sep:before,.auth-sep:after{content:'';height:1px;background:var(--line);flex:1}.google-btn{width:100%;padding:13px;border:1px solid #dadce0;border-radius:12px;background:#fff;color:#303134;font-weight:800}.account-state{padding:12px;border-radius:13px;background:#f0edff;color:var(--brand);margin-bottom:12px;font-size:13px}.admin-link{display:block;text-align:center;margin-top:10px;padding:12px;border-radius:12px;background:#241b55;color:#fff;font-weight:800}
.game-ad-overlay{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:16px;background:rgba(12,8,29,.94)}.game-ad-card{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 24px 70px #0008}.game-ad-label{position:absolute;z-index:2;top:12px;left:12px;padding:5px 9px;border-radius:999px;background:#111c;color:#fff;font-size:10px;font-weight:900;letter-spacing:1px}.game-ad-close{position:absolute;z-index:3;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1c1633;font-size:28px;font-weight:900;box-shadow:0 4px 18px #0005;cursor:pointer}.game-ad-close:disabled{font-size:16px;cursor:not-allowed;opacity:.9}.game-ad-media{flex:1 1 auto;min-height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#090713}.game-ad-media>a{display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.game-ad-media img,.game-ad-media video{display:block;max-width:100%;width:auto;height:auto;max-height:calc(100vh - 215px);max-height:calc(100dvh - 215px);object-fit:contain;background:#090713}.game-ad-media video{width:100%}.game-ad-info{display:flex;align-items:center;gap:14px;padding:14px 18px 10px;border-top:1px solid #ecebf4}.game-ad-info>div{min-width:0;flex:1}.game-ad-info b,.game-ad-info small{display:block}.game-ad-info b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:16px;line-height:1.25}.game-ad-info .gai-tag{display:block;margin-bottom:3px;font-size:10px;font-weight:900;letter-spacing:.9px;text-transform:uppercase;color:#7a6fd8}.game-ad-info small{color:var(--muted);margin-top:3px}.game-ad-info a{flex:none;display:inline-flex;align-items:center;gap:6px;padding:11px 16px;border-radius:12px;background:var(--brand);color:#fff;font-size:14px;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 6px 16px #5b4be655}.game-ad-info a svg{width:15px;height:15px}.game-ad-foot{padding:0 18px 14px}.game-ad-progress{height:4px;margin-bottom:8px;border-radius:9px;background:#ecebf4;overflow:hidden}.game-ad-progress i{display:block;width:0;height:100%;border-radius:9px;background:linear-gradient(90deg,#6d5bf0,#ffad00)}.game-ad-status{padding:0;color:var(--muted);font-size:12.5px;text-align:center}@media(max-width:420px){.game-ad-info{padding:12px 14px 8px}.game-ad-info a{padding:10px 13px;font-size:13px}.game-ad-foot{padding:0 14px 12px}}

/* --- Gemeinsamer Bestätigungs-Dialog (Spielseiten) --- */
.oy-modal-bg{position:fixed;inset:0;background:rgba(15,10,35,.62);display:grid;place-items:center;z-index:100;padding:20px}
.oy-modal{background:#fff;color:var(--ink);border-radius:20px;padding:24px;max-width:340px;width:100%;
  text-align:center;box-shadow:var(--shadow);animation:up .2s ease}
.oy-modal h3{margin:0 0 8px;font-size:20px}
.oy-modal p{margin:0 0 18px;color:var(--muted);font-size:14px}
.oy-row{display:flex;gap:10px}
.oy-btn{flex:1;padding:14px;border:none;border-radius:14px;font-weight:800;font-size:15px;cursor:pointer}
.oy-btn.ghost{background:#EDEAFB;color:var(--brand)}
.oy-btn.danger{background:#e5484d;color:#fff}

/* --- Vollbild-Knopf (Spielseiten) --- */
.oy-fs-btn{position:fixed;top:8px;right:8px;z-index:3000;width:38px;height:38px;border-radius:50%;
  border:none;background:rgba(0,0,0,.42);color:#fff;font-size:18px;line-height:1;cursor:pointer;
  display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.35);-webkit-tap-highlight-color:transparent}
.oy-fs-btn.on{background:rgba(210,60,60,.8)}
.oy-fs-btn:active{transform:scale(.94)}
/* Başlığa gömülü tam ekran düğmesi: "Çık" stilini miras alır, sadece simgeyi düzgün hizala */
.oy-fs-inline{font-size:16px;line-height:1;margin-right:6px}
.oy-fs-inline:active{transform:scale(.94)}

/* Anleitung für echtes iPhone-Vollbild über den Home-Bildschirm. */
.oy-ios-install-bg{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:18px;
  background:rgba(5,20,14,.78);font-family:"Segoe UI",system-ui,-apple-system,sans-serif}
.oy-ios-install{position:relative;width:min(360px,94vw);padding:22px 20px 18px;border:5px solid #8a4d20;
  border-radius:20px;color:#422716;background:linear-gradient(#fffdf4,#ead9b9);box-shadow:0 18px 45px rgba(0,0,0,.55)}
.oy-ios-install h3{margin:2px 34px 8px;text-align:center;font-size:21px}
.oy-ios-install p{margin:0 0 9px;text-align:center;font-size:14px}
.oy-ios-install ol{margin:8px 0 16px;padding-left:27px;font-size:14px;line-height:1.65}
.oy-ios-install-icon{width:42px;height:42px;margin:0 auto;display:grid;place-items:center;border-radius:12px;
  color:#fff;background:#1578d3;font-size:25px;font-weight:900}
.oy-ios-install-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border:2px solid #c4383d;
  border-radius:50%;color:#c4383d;background:#ffe6e3;font-size:24px;font-weight:900;line-height:1;cursor:pointer}
.oy-ios-install-ok{width:100%;padding:11px;border:0;border-radius:12px;color:#fff;background:#287f45;font-size:15px;font-weight:900;cursor:pointer}

/* =====================================================================
   TEMA · "cadde" — koyu + altın, poster esintili (yönetici seçebilir)
   ===================================================================== */
body[data-theme="ottomarin"]{
  --brand:#d0a24b;
  --brand-2:#f4ddb0;
  --brand-ink:#071310;
  --bg:#060807;
  --card:#101815;
  --ink:#f8f2e7;
  --muted:#b7ab92;
  --line:#24332d;
  --accent:#d8b45a;
  --pink:#1f6b58;
  --shadow:0 12px 30px rgba(0,0,0,.52);
  --shadow-lg:0 24px 60px rgba(0,0,0,.66);
  color:var(--ink);
  background:
    radial-gradient(1100px 520px at 18% 0%, rgba(208,162,75,.17) 0%, transparent 50%),
    radial-gradient(800px 420px at 100% 8%, rgba(26,101,78,.18) 0%, transparent 46%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.015) 0 2px, transparent 2px 10px),
    linear-gradient(160deg,#0a1110 0%,#070909 56%,#040505 100%);
  min-height:100vh;
}
body[data-theme="ottomarin"] a{color:#f4ddb0}
body[data-theme="ottomarin"] .topbar{
  background:linear-gradient(180deg,#111814 0%,#080b0a 82%,transparent 100%);
  border-bottom:1px solid #24332d;
}
body[data-theme="ottomarin"] .login-pill{background:#101815;color:#f4e2b7;border:1px solid #2d433b;box-shadow:0 8px 20px rgba(0,0,0,.22)}
body[data-theme="ottomarin"] .login-pill button{background:linear-gradient(#f2db96,#c79231);color:#1b1405}
body[data-theme="ottomarin"] .logo-divider{background:linear-gradient(#f1dfb1,#8d6b2a)}
body[data-theme="ottomarin"] .venue-name{color:#f4ddb0}
body[data-theme="ottomarin"] .avatar{border-color:#d0a24b;background:linear-gradient(145deg,#12352b,#0c211a)}
body[data-theme="ottomarin"] .avatar-name{color:#f4ddb0}
body[data-theme="ottomarin"] .avatar-rank{color:#d0a24b}
body[data-theme="ottomarin"] .geo.ok{background:#123626;color:#88d7ad}
body[data-theme="ottomarin"] .geo.warn{background:#2d2412;color:#f1d28a}
body[data-theme="ottomarin"] .geo.err{background:#351812;color:#f1a089}
body[data-theme="ottomarin"] .venue-hero{
  color:#f7edd4;
  background:
    radial-gradient(circle at 18% 0%, rgba(208,162,75,.18), transparent 50%),
    radial-gradient(circle at 100% 0%, rgba(27,109,84,.16), transparent 45%),
    linear-gradient(160deg,#0d1d19 0%,#09110e 58%,#050707 100%);
  border:1px solid #4d3a17;
  box-shadow:0 16px 34px rgba(0,0,0,.5), inset 0 0 0 2px rgba(208,162,75,.22), inset 0 0 0 6px rgba(0,0,0,.35);
}
body[data-theme="ottomarin"] .venue-hero.has-image{background-image:linear-gradient(90deg,rgba(5,11,9,.94) 0%,rgba(5,11,9,.72) 45%,rgba(5,11,9,.12) 100%),var(--venue-hero-image);background-position:center;background-size:cover}
body[data-theme="ottomarin"] .venue-hero::before{
  content:'';position:absolute;inset:9px;border:1px solid rgba(208,162,75,.32);border-radius:18px;pointer-events:none;z-index:0;
}
body[data-theme="ottomarin"] .venue-hero h1{color:#f4ddb0;text-shadow:0 2px 6px rgba(0,0,0,.5)}
body[data-theme="ottomarin"] .venue-hero p{color:#e7dcc2}
body[data-theme="ottomarin"] .hero-eyebrow{border-color:#d0a24a66;background:#d0a24a1f;color:#f0d89a}
body[data-theme="ottomarin"] .hero-chips span{background:#d0a24a1a;border-color:#d0a24a3d;color:#efd9a2}
body[data-theme="ottomarin"] .orb-one{background:#d0a24a;opacity:.18}
body[data-theme="ottomarin"] .orb-two{background:#1e5a38;opacity:.22}
body[data-theme="ottomarin"] .menu-btn{background:linear-gradient(#1d6f53,#104434);color:#f7edd4;border:1px solid #d0a24a66;box-shadow:0 10px 24px rgba(0,0,0,.28)}
body[data-theme="ottomarin"] .tabs{background:#0f1614;border:1px solid #24332d;box-shadow:0 8px 22px rgba(0,0,0,.22)}
body[data-theme="ottomarin"] .tabs button{color:#b7ab92}
body[data-theme="ottomarin"] .tabs button.active{background:linear-gradient(#2a2411,#16120a);color:#f4ddb0;box-shadow:inset 0 0 0 1px #6a5325}
body[data-theme="ottomarin"] .panel{background:#101815;border-color:#24332d;box-shadow:var(--shadow)}
body[data-theme="ottomarin"] .panel h2,
body[data-theme="ottomarin"] .contact-info h2,
body[data-theme="ottomarin"] .section-head h2{color:#f7edd4}
body[data-theme="ottomarin"] .panel .sub,
body[data-theme="ottomarin"] .section-head p,
body[data-theme="ottomarin"] .contact-info p.lead,
body[data-theme="ottomarin"] .form-note,
body[data-theme="ottomarin"] .hint,
body[data-theme="ottomarin"] .games-intro small,
body[data-theme="ottomarin"] .inc-item p,
body[data-theme="ottomarin"] .step p,
body[data-theme="ottomarin"] .faq details p{color:#b7ab92}
body[data-theme="ottomarin"] .empty,
body[data-theme="ottomarin"] .stat,
body[data-theme="ottomarin"] .feature,
body[data-theme="ottomarin"] .step,
body[data-theme="ottomarin"] .inc-item,
body[data-theme="ottomarin"] .ad-visual,
body[data-theme="ottomarin"] .price,
body[data-theme="ottomarin"] .contact-list a,
body[data-theme="ottomarin"] .contact-list div,
body[data-theme="ottomarin"] .faq details{
  background:#101815;border-color:#24332d;box-shadow:var(--shadow);
}
body[data-theme="ottomarin"] .stat b{color:#d0a24b}
body[data-theme="ottomarin"] .feature .ico,
body[data-theme="ottomarin"] .ad-point .ico,
body[data-theme="ottomarin"] .games-intro-icon{background:#13211c;color:#f4ddb0}
body[data-theme="ottomarin"] .feature h3,
body[data-theme="ottomarin"] .step h3,
body[data-theme="ottomarin"] .inc-item h4,
body[data-theme="ottomarin"] .ad-point h4,
body[data-theme="ottomarin"] .contact-list b,
body[data-theme="ottomarin"] .faq summary{color:#f7edd4}
body[data-theme="ottomarin"] .feature p{color:#b7ab92}
body[data-theme="ottomarin"] .feature:hover,
body[data-theme="ottomarin"] .price:hover,
body[data-theme="ottomarin"] .aud-card,
body[data-theme="ottomarin"] .cta-band,
body[data-theme="ottomarin"] .games-band{box-shadow:var(--shadow-lg)}
body[data-theme="ottomarin"] .games-band{background:linear-gradient(135deg,#0e1c18 0%,#12362e 58%,#0b251d 100%);border:1px solid #294139}
body[data-theme="ottomarin"] .game-chips span{background:#ffffff10;border-color:#ffffff22;color:#f7edd4}
body[data-theme="ottomarin"] .included .check{background:#d0a24a;color:#1b1405}
body[data-theme="ottomarin"] .ad-slot,
body[data-theme="ottomarin"] .cta-band,
body[data-theme="ottomarin"] .aud-card.cafe{background:linear-gradient(135deg,#0e1c18 0%,#12362e 58%,#0a251d 100%)}
body[data-theme="ottomarin"] .aud-card.adv{background:linear-gradient(135deg,#10362c 0%,#1b6c54 55%,#0d271f 100%)}
body[data-theme="ottomarin"] .aud-card .btn{color:#1b1405}
body[data-theme="ottomarin"] .price.featured{border-color:#d0a24b;box-shadow:0 20px 50px rgba(208,162,75,.22)}
body[data-theme="ottomarin"] .price .ribbon{background:#d0a24b;color:#1b1405}
body[data-theme="ottomarin"] .price .mult{color:#f7edd4}
body[data-theme="ottomarin"] .price .desc,
body[data-theme="ottomarin"] .price li,
body[data-theme="ottomarin"] .formats-note,
body[data-theme="ottomarin"] .footer-grid p,
body[data-theme="ottomarin"] .footer-col a,
body[data-theme="ottomarin"] .footer-bottom{color:#b7ab92}
body[data-theme="ottomarin"] .price li:before,
body[data-theme="ottomarin"] .faq summary:after{color:#d0a24b}
body[data-theme="ottomarin"] .btn-primary{background:linear-gradient(#f2db96,#c79231);color:#1b1405;box-shadow:0 10px 24px rgba(208,162,75,.22)}
body[data-theme="ottomarin"] .btn-primary:hover{background:linear-gradient(#f5e1ac,#d09e3a);box-shadow:0 14px 30px rgba(208,162,75,.28)}
body[data-theme="ottomarin"] .btn-ghost{background:#101815;color:#f4ddb0;box-shadow:var(--shadow)}
body[data-theme="ottomarin"] .btn-ghost:hover{background:#16211d}
body[data-theme="ottomarin"] .btn-accent{background:#d0a24b;color:#1b1405}
body[data-theme="ottomarin"] .btn.lime{background:linear-gradient(#1e6e53,#114134);color:#f7edd4;box-shadow:0 10px 24px rgba(0,0,0,.28)}
body[data-theme="ottomarin"] .field,
body[data-theme="ottomarin"] .select,
body[data-theme="ottomarin"] .textarea{background:#0c1210;color:#f7edd4;border-color:#2d433b}
body[data-theme="ottomarin"] .field::placeholder,
body[data-theme="ottomarin"] .select::placeholder,
body[data-theme="ottomarin"] .textarea::placeholder{color:#897f6a}
body[data-theme="ottomarin"] .field:focus,
body[data-theme="ottomarin"] .select:focus,
body[data-theme="ottomarin"] .textarea:focus{border-color:#d0a24b;box-shadow:0 0 0 4px rgba(208,162,75,.14)}
body[data-theme="ottomarin"] .seg button{background:#0c1210;color:#b7ab92;border-color:#2d433b}
body[data-theme="ottomarin"] .seg button.on{background:linear-gradient(#2a2411,#16120a);color:#f4ddb0;border-color:#7a5d22}
body[data-theme="ottomarin"] .community-card,
body[data-theme="ottomarin"] .shot-cap b,
body[data-theme="ottomarin"] .contact-list a,
body[data-theme="ottomarin"] .contact-list div,
body[data-theme="ottomarin"] .inc-item,
body[data-theme="ottomarin"] .faq details{color:#f7edd4}
body[data-theme="ottomarin"] .community-card{background:#101815;border:1px solid #24332d}
body[data-theme="ottomarin"] .community-card small,
body[data-theme="ottomarin"] .shot-cap span{color:#b7ab92}
body[data-theme="ottomarin"] .community-card i{color:#d0a24b}
body[data-theme="ottomarin"] .google-icon{background:#12261f;color:#8fd9b3}
body[data-theme="ottomarin"] .instagram-icon{background:linear-gradient(145deg,#7f5a18,#d0a24b 55%,#1c674f);color:#fff}
body[data-theme="ottomarin"] .review-card,
body[data-theme="ottomarin"] .instagram-card{border-color:#32463e}
body[data-theme="ottomarin"] .code-box{background:#0d1411;border:1px solid #24332d;box-shadow:var(--shadow)}
body[data-theme="ottomarin"] .plist li,
body[data-theme="ottomarin"] .leaderboard li,
body[data-theme="ottomarin"] .cafe-chat-message,
body[data-theme="ottomarin"] .card-form,
body[data-theme="ottomarin"] .card,
body[data-theme="ottomarin"] .aud-card,
body[data-theme="ottomarin"] .price,
body[data-theme="ottomarin"] .site-footer,
body[data-theme="ottomarin"] .modal{
  background:#101815;color:var(--ink);
}
body[data-theme="ottomarin"] .plist li,
body[data-theme="ottomarin"] .leaderboard li{border:1px solid #24332d}
body[data-theme="ottomarin"] .plist .seat,
body[data-theme="ottomarin"] .step .num,
body[data-theme="ottomarin"] .profile-avatar,
body[data-theme="ottomarin"] .ad-mini b{background:#d0a24b;color:#1b1405}
body[data-theme="ottomarin"] .plist .host{background:linear-gradient(#f2db96,#c79231);color:#1b1405}
body[data-theme="ottomarin"] .leaderboard small,
body[data-theme="ottomarin"] .cafe-chat-message small{color:#b7ab92}
body[data-theme="ottomarin"] .leaderboard b{color:#f4ddb0}
body[data-theme="ottomarin"] .cafe-chat-message{border-radius:15px 15px 15px 4px;border:1px solid #24332d}
body[data-theme="ottomarin"] .cafe-chat-message.mine{background:#13241f}
body[data-theme="ottomarin"] .cafe-chat-delete{background:#3a1c18;color:#f4c9bc}
body[data-theme="ottomarin"] .account-state{background:#102017;color:#8fd9b3;border:1px solid #234437}
body[data-theme="ottomarin"] .admin-link{background:linear-gradient(#0f6f54,#104434);color:#f7edd4}
body[data-theme="ottomarin"] .toast{background:#0f1613;color:#f7edd4}
body[data-theme="ottomarin"] .modal-bg{background:rgba(3,8,7,.68)}
body[data-theme="ottomarin"] .modal{box-shadow:0 -8px 40px rgba(0,0,0,.62);border:1px solid #24332d}
body[data-theme="ottomarin"] .modal p.sub{color:#b7ab92}
body[data-theme="ottomarin"] .modal .close{background:#13211c;color:#f4ddb0;border-color:#d0a24a}
body[data-theme="ottomarin"] .profile-rank{color:#d0a24b}
body[data-theme="ottomarin"] .profile-head .sub{color:#b7ab92}
body[data-theme="ottomarin"] .empty{color:#b7ab92}
body[data-theme="ottomarin"] .bottomnav{background:#0e1412;border:1px solid #24332d;box-shadow:0 10px 30px rgba(0,0,0,.5)}
body[data-theme="ottomarin"] .bottomnav button{color:#b7ab92}
body[data-theme="ottomarin"] .bottomnav button.active{color:#f4ddb0;background:linear-gradient(#2a2411,#16120a);box-shadow:inset 0 0 0 1px #6a5325}
body[data-theme="ottomarin"] .games-intro b{color:#f7edd4}
body[data-theme="ottomarin"] .hint{color:#b7ab92}
body[data-theme="ottomarin"] .phone{background:#08110f;border:1px solid #24332d;box-shadow:var(--shadow-lg)}
body[data-theme="ottomarin"] .phone-screen{background:linear-gradient(160deg,#12362e 0%,#0b1714 58%,#050606 100%);color:#fff}
body[data-theme="ottomarin"] .phone-notch{background:#07100d}
body[data-theme="ottomarin"] .ps-brand img,
body[data-theme="ottomarin"] .mini-brand img{filter:none}
body[data-theme="ottomarin"] .ps-sub,
body[data-theme="ottomarin"] .mini-venue{color:#f4ddb0}
body[data-theme="ottomarin"] .ps-qr,
body[data-theme="ottomarin"] .mini-pill,
body[data-theme="ottomarin"] .mini-menu{background:#f7edd4;color:#1b1405}
body[data-theme="ottomarin"] .ps-qr .code{background:conic-gradient(from 45deg,#d0a24b 25%,#fff 0 50%,#d0a24b 0 75%,#fff 0);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #d0a24b}
body[data-theme="ottomarin"] .mini-pill b{background:#d0a24b;color:#1b1405}
body[data-theme="ottomarin"] .mini-hero{background:linear-gradient(135deg,#12362e 0%,#0f271f 60%,#070d0b 100%)}
body[data-theme="ottomarin"] .mini-chips span,
body[data-theme="ottomarin"] .mini-game i{background:rgba(255,255,255,.12);color:#f7edd4}
body[data-theme="ottomarin"] .mini-game{box-shadow:0 4px 10px rgba(0,0,0,.22)}
body[data-theme="ottomarin"] .game h3{color:#fff}
body[data-theme="ottomarin"] .game .badge{background:rgba(0,0,0,.36)}
body[data-theme="ottomarin"] .ad-screen{color:#fff}
body[data-theme="ottomarin"] .ad-badge{background:rgba(0,0,0,.34)}
body[data-theme="ottomarin"] .ad-timer{background:rgba(255,255,255,.94);color:#1b1405}
body[data-theme="ottomarin"] .ad-footbar{background:rgba(0,0,0,.3)}
body[data-theme="ottomarin"] .ad-photo{background:rgba(255,255,255,.04)}
body[data-theme="ottomarin"] .game-ad-card{color:#1c1633}

body[data-theme="cadde"]{
  --brand:#c9a24a; --brand-2:#e6c579;
  --bg:#0e0d0b; --card:#191512; --ink:#f3e9d2; --muted:#b9a67d;
  --line:#4a3c22; --accent:#d8b34a;
  --shadow:0 12px 30px rgba(0,0,0,.55);
  color:var(--ink);
  background:
    radial-gradient(circle at 50% -8%, rgba(201,162,74,.18), transparent 42%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.015) 0 2px, transparent 2px 8px),
    linear-gradient(160deg,#151210 0%,#0c0b09 60%,#070605 100%);
  min-height:100vh;
}
body[data-theme="cadde"] a{color:var(--brand-2)}
body[data-theme="cadde"] .topbar{
  background:linear-gradient(180deg,#1b160e 0%,#100e0a 82%,transparent 100%);
  border-bottom:1px solid #3a2f1a;
}
body[data-theme="cadde"] .login-pill{background:#1c1710;color:var(--brand-2);border:1px solid #4a3c22}
body[data-theme="cadde"] .login-pill button{background:linear-gradient(#efce85,#c9a24a);color:#231903}
body[data-theme="cadde"] .logo-divider{background:linear-gradient(#efce85,#8a6d2e)}
body[data-theme="cadde"] .venue-name{color:var(--brand-2)}
body[data-theme="cadde"] .avatar{border-color:#c9a24a}
body[data-theme="cadde"] .avatar-name{color:var(--brand-2)}

/* Konum çubuğu — koyu zeminde okunur tonlar */
body[data-theme="cadde"] .geo.ok{background:#12301f;color:#7fd6a3}
body[data-theme="cadde"] .geo.warn{background:#302512;color:#e6c579}
body[data-theme="cadde"] .geo.err{background:#361713;color:#f0a58f}

/* Karşılama kartı — altın çerçeveli, ornament hissi */
body[data-theme="cadde"] .venue-hero{
  color:#f6ecd4;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,162,74,.14), transparent 55%),
    linear-gradient(160deg,#241d10 0%,#17130c 60%,#0f0c07 100%);
  border:1px solid #6a5325;
  box-shadow:0 16px 34px rgba(0,0,0,.5), inset 0 0 0 2px rgba(201,162,74,.28), inset 0 0 0 6px rgba(0,0,0,.35);
}
body[data-theme="cadde"] .venue-hero.has-image{background-image:linear-gradient(90deg,rgba(11,8,3,.94) 0%,rgba(11,8,3,.72) 45%,rgba(11,8,3,.12) 100%),var(--venue-hero-image);background-position:center;background-size:cover}
body[data-theme="cadde"] .venue-hero::before{
  content:'';position:absolute;inset:9px;border:1px solid rgba(201,162,74,.45);border-radius:18px;pointer-events:none;z-index:0;
}
body[data-theme="cadde"] .venue-hero h1{color:#f3d998;text-shadow:0 2px 6px rgba(0,0,0,.5)}
body[data-theme="cadde"] .venue-hero p{color:#e7dcc2}
body[data-theme="cadde"] .hero-eyebrow{border-color:#c9a24a66;background:#c9a24a1f;color:#f0d89a}
body[data-theme="cadde"] .hero-chips span{background:#c9a24a1a;border-color:#c9a24a3d;color:#efd9a2}
body[data-theme="cadde"] .orb-one{background:#c9a24a;opacity:.18}
body[data-theme="cadde"] .orb-two{background:#1e5a38;opacity:.22}

/* Menü butonu ve genel vurgu */
body[data-theme="cadde"] .menu-btn{background:linear-gradient(#c9a24a,#a6822f);color:#1c1405}
body[data-theme="cadde"] .game h3{color:#fff}

/* cadde teması — açık zeminli bileşenleri koyulaştır (yazılar görünür olsun) */
body[data-theme="cadde"] .tabs{background:#1a150d;border:1px solid #3a2f1a}
body[data-theme="cadde"] .tabs button{color:#c9b98a}
body[data-theme="cadde"] .tabs button.active{background:linear-gradient(#3c2c12,#241a0b);color:#f3d998;box-shadow:inset 0 0 0 1px #6a5325}
body[data-theme="cadde"] .bottomnav{background:#100e0a;border:1px solid #3a2f1a;box-shadow:0 10px 30px rgba(0,0,0,.5)}
body[data-theme="cadde"] .bottomnav button{color:#b9a67d}
body[data-theme="cadde"] .bottomnav button.active{color:#f3d998;background:linear-gradient(#3c2c12,#241a0b);box-shadow:inset 0 0 0 1px #6a5325}
body[data-theme="cadde"] .community-card{background:#191512;border:1px solid #4a3c22;color:var(--ink)}
body[data-theme="cadde"] .community-card small{color:#b9a67d}
body[data-theme="cadde"] .community-card i{color:#e6c579}
body[data-theme="cadde"] .review-card{border-color:#4a3c22}
body[data-theme="cadde"] .instagram-card{border-color:#4a3c22}
body[data-theme="cadde"] .games-intro-icon{background:#2a2110}
body[data-theme="cadde"] .games-intro small{color:#b9a67d}
body[data-theme="cadde"] .hint{color:#b9a67d}
/* Modallar */
body[data-theme="cadde"] .modal{background:#17130d;color:var(--ink);box-shadow:0 -8px 40px rgba(0,0,0,.6)}
body[data-theme="cadde"] .modal p.sub{color:#b9a67d}
body[data-theme="cadde"] .modal .close{background:#2a2110;color:#e6c579}
/* Girişler ve segment düğmeleri */
body[data-theme="cadde"] .field{background:#100e0a;color:#f3e9d2;border-color:#4a3c22}
body[data-theme="cadde"] .field::placeholder{color:#8a7c58}
body[data-theme="cadde"] .seg button{background:#100e0a;color:#c9b98a;border-color:#4a3c22}
body[data-theme="cadde"] .seg button.on{background:#3c2c12;color:#f3d998;border-color:#8a6d2e}
body[data-theme="cadde"] .btn.alt{background:#2a2110;color:#e6c579}
/* Café sohbet balonları */
body[data-theme="cadde"] .cafe-chat-message{background:#221b10;color:var(--ink)}
body[data-theme="cadde"] .cafe-chat-message.mine{background:#2f2512}
/* Oyun kartı başlıkları koyu zeminde beyaz kalsın */
body[data-theme="cadde"] .games-intro b{color:#f3e9d2}

/* cadde teması — puan durumu (leaderboard) ve oyuncu listeleri koyu olsun */
body[data-theme="cadde"] .plist li{background:#191512;color:var(--ink)}
body[data-theme="cadde"] .leaderboard li{background:#191512;box-shadow:inset 0 0 0 1px #3a2f1a}
body[data-theme="cadde"] .leaderboard .place{color:#c9b98a}
body[data-theme="cadde"] .leaderboard small{color:#b9a67d}
body[data-theme="cadde"] .leaderboard b{color:#e6c579}

/* Oda lobisi — "oyuncu bekleniyor" için canlı yükleniyor animasyonu (donmuş görünmesin) */
.lobby-wait{position:relative;overflow:hidden;color:var(--muted)}
.lobby-wait .wait-seat{position:relative;background:transparent;border:2px dashed var(--line);animation:waitSeatSpin 2.6s linear infinite}
.lobby-wait .wait-seat::before{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:var(--brand);animation:waitSeatSpin 1s linear infinite}
.lobby-wait::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.06),transparent);transform:translateX(-100%);animation:waitShimmer 1.6s ease-in-out infinite;pointer-events:none}
.wait-dots{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}
.wait-dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35;animation:waitBounce 1.2s infinite}
.wait-dots i:nth-child(2){animation-delay:.15s}
.wait-dots i:nth-child(3){animation-delay:.3s}
@keyframes waitSeatSpin{to{transform:rotate(360deg)}}
@keyframes waitShimmer{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes waitBounce{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.lobby-wait .wait-seat,.lobby-wait .wait-seat::before,.lobby-wait::after,.wait-dots i{animation-duration:.01ms;animation-iteration-count:1}}
/* cadde teması — lobi bekleme satırı altın parıltı, okunur renkler */
body[data-theme="cadde"] .lobby-wait{color:#b9a67d}
body[data-theme="cadde"] .lobby-wait .wait-seat{border-color:#4a3c22}
body[data-theme="cadde"] .lobby-wait::after{background:linear-gradient(90deg,transparent,rgba(201,162,74,.16),transparent)}
body[data-theme="cadde"] .code-box{background:#17130d;border:1px solid #4a3c22}
body[data-theme="cadde"] .plist .host{background:linear-gradient(#efce85,#c9a24a);color:#231903}

/* Reklam kartı temadan bağımsız her zaman okunur olsun (beyaz kart, koyu yazı) */
.game-ad-card{color:#1c1633}
.game-ad-info b{color:#1c1633}
.game-ad-info small{color:#6b6785}
.game-ad-status{color:#6b6785}
.game-ad-card .game-ad-info a{background:#5B4BE6;color:#fff}

/* =====================================================================
   ★ 2026 Refresh · Logo on dark themes, richer game cards
   ===================================================================== */

/* ---- Platform logo: clean transparent SVG wordmark on dark themes ---- */
body[data-theme="cadde"] .platform-logo,
body[data-theme="ottomarin"] .platform-logo{
  height:clamp(56px,14vw,78px);
  filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));
}

/* ---- Game cards: gradient depth, shine sweep, press feedback ---- */
.game{transition:transform .18s ease,box-shadow .18s ease}
.game::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(115% 80% at 100% 0%,rgba(255,255,255,.26),transparent 52%),
             linear-gradient(180deg,transparent 55%,rgba(0,0,0,.16));}
.game::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;
  background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.28) 50%,transparent 68%);
  transform:translateX(-120%);transition:opacity .3s,transform .55s ease}
.game:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(20,12,55,.24)}
.game:hover::after{opacity:1;transform:translateX(120%)}
.game:active{transform:translateY(0) scale(.985)}
.game:focus-visible{outline:3px solid rgba(255,255,255,.85);outline-offset:2px}
.game h3{position:relative;z-index:2}
.game .emoji{z-index:2;transition:transform .25s ease}
.game:hover .emoji{transform:translateY(-50%) scale(1.12) rotate(-4deg)}
.game[disabled]{cursor:not-allowed}
.game[disabled]:hover{transform:none;box-shadow:var(--shadow)}
.game[disabled]:hover::after{opacity:0}

/* ---- Games intro heading: subtle lift ---- */
.games-intro-icon{box-shadow:0 6px 14px rgba(91,75,230,.18)}

/* ---- Respect reduced-motion ---- */
@media(prefers-reduced-motion:reduce){
  .game,.game .emoji{transition:none}
  .game:hover{transform:none}
  .game::after{display:none}
}

/* ---- Cafeler arası oda etiketi (oda listesi) ---- */
.room-cross-tag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:800;background:#e7f0ff;color:#2563c9;white-space:nowrap}
.room-cross-tag.own{background:#eafff0;color:#1f9d55}

/* ---- Puan durumu: eigener Rang hervorgehoben + Lücke ---- */
.leaderboard li.me{background:#eef0ff;box-shadow:inset 0 0 0 2px var(--brand)}
.leaderboard .lb-you{font-style:normal;font-weight:800;color:var(--brand);font-size:12px}
.leaderboard li.lb-gap{background:transparent;box-shadow:none;justify-content:center;padding:2px 0;min-height:0}
.leaderboard li.lb-gap .place{width:auto;color:var(--muted);letter-spacing:3px}
body[data-theme="ottomarin"] .leaderboard li.me,
body[data-theme="cadde"] .leaderboard li.me{box-shadow:inset 0 0 0 2px #e6c579}
body[data-theme="ottomarin"] .leaderboard .lb-you,
body[data-theme="cadde"] .leaderboard .lb-you{color:#e6c579}

/* ---- Yeni oda bildirimi (misafir) ---- */
.room-alert{position:fixed;left:50%;top:14px;transform:translate(-50%,-140%);z-index:9999;display:flex;align-items:center;gap:11px;max-width:calc(100% - 24px);width:420px;padding:11px 13px;border-radius:16px;background:#20194a;color:#fff;box-shadow:0 12px 34px #1a103f66;transition:transform .28s cubic-bezier(.2,.9,.3,1.2)}
.room-alert.show{transform:translate(-50%,0)}
.room-alert .ra-emoji{font-size:26px;line-height:1}
.room-alert .ra-main{flex:1;min-width:0;line-height:1.25}
.room-alert .ra-main b{display:block;font-size:15px}
.room-alert .ra-main small{color:#c9c2f0;font-size:12px}
.room-alert .ra-join{flex:none;border:0;border-radius:11px;padding:9px 15px;background:#bde94d;color:#1c2b00;font-weight:900;font-size:14px;cursor:pointer}
.room-alert .ra-close{flex:none;border:0;border-radius:10px;width:32px;height:32px;background:#ffffff1f;color:#fff;font-size:20px;line-height:1;cursor:pointer}
body[data-theme="ottomarin"] .room-alert{background:#0f2a25}
body[data-theme="ottomarin"] .room-alert .ra-join,body[data-theme="cadde"] .room-alert .ra-join{background:#e6c579;color:#2a1e00}
body[data-theme="cadde"] .room-alert{background:#191512}

/* ===================== Floating feedback (oyoy.fun) ===================== */
.fb-fab{position:fixed;right:16px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:9000;
  width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;color:#fff;
  background:linear-gradient(145deg,var(--brand),var(--brand-2));
  box-shadow:0 10px 24px rgba(91,75,230,.42),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .18s ease,box-shadow .18s ease}
.fb-fab svg{width:26px;height:26px}
.fb-fab:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 16px 30px rgba(91,75,230,.5)}
.fb-fab:active{transform:scale(.95)}
body[data-theme="cadde"] .fb-fab{background:linear-gradient(145deg,#d8b25a,#b6873a);color:#241a08;box-shadow:0 10px 24px rgba(150,110,40,.45),inset 0 1px 0 rgba(255,255,255,.4)}
body[data-theme="ottomarin"] .fb-fab{background:linear-gradient(145deg,#1c7a63,#0f3b34);color:#f4ddb0;box-shadow:0 10px 24px rgba(10,45,38,.5),inset 0 1px 0 rgba(255,255,255,.22)}

.fb-modal{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:18px}
.fb-backdrop{position:absolute;inset:0;background:rgba(12,8,29,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.fb-card{position:relative;width:min(400px,100%);border-radius:24px;padding:22px 20px 20px;
  background:#fff;color:var(--ink);box-shadow:0 30px 80px rgba(12,8,29,.5);animation:fbPop .22s ease}
@keyframes fbPop{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.fb-x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;
  background:#f0eefb;color:#6b6785;font-size:24px;line-height:1;cursor:pointer}
.fb-head{text-align:center;margin-bottom:14px}
.fb-logo{display:inline-block;font-weight:900;font-size:15px;letter-spacing:-.3px;color:var(--brand);
  background:#efecfd;padding:5px 12px;border-radius:999px;margin-bottom:10px}
.fb-logo span{color:var(--brand-2)}
.fb-head h3{margin:0 0 4px;font-size:20px;font-weight:900;letter-spacing:-.3px}
.fb-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.fb-stars{display:flex;justify-content:center;gap:6px;margin:4px 0 6px}
.fb-stars button{border:0;background:none;cursor:pointer;padding:2px;font-size:38px;line-height:1;
  color:#dcd8ee;transition:transform .12s ease,color .12s ease}
.fb-stars button:hover{transform:scale(1.15)}
.fb-stars button.on{color:#ffb62e;text-shadow:0 3px 10px rgba(255,182,46,.45)}
.fb-hint{text-align:center;font-size:13px;font-weight:700;color:var(--muted);min-height:18px;margin-bottom:12px}
.fb-hint.warn{color:#e0463c}
.fb-text{width:100%;box-sizing:border-box;border:1.5px solid #e4e0f3;border-radius:14px;padding:11px 13px;
  font:inherit;font-size:14px;resize:vertical;min-height:74px;background:#faf9ff;color:var(--ink)}
.fb-text:focus{outline:none;border-color:var(--brand);background:#fff}
.fb-send{width:100%;margin-top:12px;border:0;border-radius:14px;padding:13px;cursor:pointer;
  font-weight:900;font-size:15px;color:#fff;background:linear-gradient(145deg,var(--brand),var(--brand-2));
  box-shadow:0 10px 22px rgba(91,75,230,.32)}
.fb-send:disabled{opacity:.7;cursor:default}
.fb-done{margin-top:12px;text-align:center;font-weight:800;font-size:14px;color:#1f9d63;
  background:#e8f8ef;border-radius:14px;padding:13px}
.fb-cta{margin-top:16px;display:flex;flex-direction:column;gap:9px}
.fb-cta-head{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px}
.fb-cta-head span{flex:1;height:1px;background:#e4e0f3}
.fb-cta-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;
  background:#faf9ff;border:1px solid #ece9f9;color:var(--ink);transition:transform .12s,border-color .12s,background .12s}
.fb-cta-link:active{transform:scale(.98)}
.fb-cta-link:hover{background:#fff;border-color:var(--brand)}
.fb-cta-ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff}
.fb-cta-ic svg{width:20px;height:20px}
.fb-cta-ic.ad{background:linear-gradient(145deg,#e08a1e,#f4b74d)}
.fb-cta-ic.cafe{background:linear-gradient(145deg,#c9a24a,#8a6a24)}
.fb-cta-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.fb-cta-txt b{font-size:13.5px;font-weight:800}
.fb-cta-txt small{color:var(--muted);font-size:11.5px;line-height:1.3}
.fb-cta-link i{flex:none;font-style:normal;font-size:20px;color:var(--brand)}
body[data-theme="cadde"] .fb-cta-link,body[data-theme="ottomarin"] .fb-cta-link{background:#1f1a11;border-color:#3a2f1a}
body[data-theme="cadde"] .fb-cta-link:hover,body[data-theme="ottomarin"] .fb-cta-link:hover{border-color:#c9a24a}
body[data-theme="cadde"] .fb-cta-head span,body[data-theme="ottomarin"] .fb-cta-head span{background:#3a2f1a}
body[data-theme="cadde"] .fb-cta-txt small,body[data-theme="ottomarin"] .fb-cta-txt small{color:#b9a67d}
body[data-theme="cadde"] .fb-cta-link i,body[data-theme="ottomarin"] .fb-cta-link i{color:#e6c579}
body[data-theme="cadde"] .fb-card,body[data-theme="ottomarin"] .fb-card{background:#17130d;color:#f4e9d2}
body[data-theme="cadde"] .fb-head p,body[data-theme="ottomarin"] .fb-head p,
body[data-theme="cadde"] .fb-hint,body[data-theme="ottomarin"] .fb-hint{color:#b9a67d}
body[data-theme="cadde"] .fb-text,body[data-theme="ottomarin"] .fb-text{background:#1f1a11;border-color:#4a3c22;color:#f4e9d2}
body[data-theme="cadde"] .fb-logo,body[data-theme="ottomarin"] .fb-logo{background:#2a2110;color:#f3d998}
body[data-theme="cadde"] .fb-logo span,body[data-theme="ottomarin"] .fb-logo span{color:#e6c579}
body[data-theme="cadde"] .fb-x,body[data-theme="ottomarin"] .fb-x{background:#2a2110;color:#c9b98a}
body[data-theme="cadde"] .fb-send{background:linear-gradient(145deg,#d8b25a,#b6873a);color:#241a08}
body[data-theme="ottomarin"] .fb-send{background:linear-gradient(145deg,#1c7a63,#0f3b34);color:#f4ddb0}
@media (prefers-reduced-motion:reduce){.fb-card{animation:none}.fb-fab,.fb-stars button{transition:none}}

/* ===================== Ödüller / Kasa (Belohnungen) ===================== */
.reward-hint{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border-radius:0 0 18px 18px;background:linear-gradient(135deg,#fff6e6,#ffeccb);border-top:1px dashed #f0c67a}
.reward-hint .rh-gift{flex:1;min-width:0;font-weight:800;font-size:13.5px;color:#7a5713;overflow:hidden;text-overflow:ellipsis}
.reward-hint .rh-claim{flex:none;border:0;border-radius:11px;padding:8px 14px;background:linear-gradient(135deg,#f4b740,#e0902a);color:#3a2600;font-weight:900;font-size:13px;cursor:pointer;box-shadow:0 6px 14px rgba(224,144,42,.32)}
.reward-hint .rh-claim:active{transform:scale(.96)}
.my-rewards-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:2px;border:0;border-radius:15px;padding:12px 14px;background:linear-gradient(135deg,#5b4be6,#8a5cf6);color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 22px rgba(91,75,230,.28)}
.my-rewards-btn b{background:#ffffff2e;border-radius:9px;padding:2px 9px;font-size:13px}
.voucher-modal{text-align:center}
.voucher-qr{width:min(240px,72vw);aspect-ratio:1;margin:6px auto 12px;padding:12px;background:#fff;border-radius:18px;box-shadow:0 8px 22px rgba(20,12,55,.16)}
.voucher-qr svg{display:block;width:100%;height:100%}
.voucher-gift{font-size:19px;font-weight:900;color:var(--ink,#1c1633)}
.voucher-code{margin-top:6px;font-size:22px;font-weight:900;letter-spacing:4px;color:var(--brand,#5b4be6)}
.voucher-exp{margin-top:8px;font-size:12.5px;color:var(--muted,#716d87)}
.proof-modal{text-align:center}
.proof-modal .pf-emoji{font-size:38px;line-height:1}
.proof-modal h2{margin:6px 0 4px}
.proof-modal .pf-gift{display:inline-block;margin:2px 0 8px;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,#fff6e6,#ffeccb);border:1px dashed #f0c67a;color:#7a5713;font-weight:800;font-size:13.5px}
.pf-social-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:14px 0 10px;padding:13px 14px;border-radius:14px;background:var(--brand);color:#fff!important;font-weight:900;font-size:15px;box-shadow:var(--shadow)}
.pf-social-link span{font-size:19px;line-height:1}
.pf-file{display:block;margin:10px 0 4px;border:1.5px dashed #c7bff0;border-radius:14px;padding:16px 12px;background:#faf9ff;color:#5b4be6;font-weight:800;font-size:14px;cursor:pointer}
.pf-file input{display:none}
.pf-preview{display:block;width:100%;max-height:46vh;object-fit:contain;border-radius:14px;margin:10px 0 4px;border:1px solid #ece9f7;background:#fff}
.pf-submit{width:100%;margin-top:10px;border:0;border-radius:14px;padding:14px;background:linear-gradient(135deg,#5b4be6,#8a5cf6);color:#fff;font-weight:900;font-size:15px;cursor:pointer}
.pf-submit:disabled{opacity:.5;cursor:default}
body[data-theme="cadde"] .pf-file,body[data-theme="ottomarin"] .pf-file,body[data-theme="latife"] .pf-file{background:#0a1c1f;border-color:#24332d;color:#f4f0e6}
body[data-theme="latife"] .pf-submit{background:linear-gradient(135deg,#2f9fa1,#176a6c)}
body[data-theme="ottomarin"] .pf-submit{background:linear-gradient(135deg,#1d6f53,#104434)}
body[data-theme="cadde"] .pf-submit{background:linear-gradient(135deg,#d8b25a,#b6873a);color:#241a08}
body[data-theme="cadde"] .pf-social-link{background:linear-gradient(135deg,#d8b25a,#b6873a);color:#241a08!important}
.voucher-list{display:flex;flex-direction:column;gap:9px;margin-top:8px}
.voucher-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #ece9f7;border-radius:13px;padding:12px 14px;background:#faf9ff;cursor:pointer;text-align:left}
.voucher-row .vr-gift{font-weight:800;font-size:14px;color:#1c1633}
.voucher-row .vr-code{font-weight:900;letter-spacing:2px;color:#5b4be6}
body[data-theme="cadde"] .voucher-row,body[data-theme="ottomarin"] .voucher-row,body[data-theme="latife"] .voucher-row{background:#0a1c1f;border-color:#24332d}
body[data-theme="cadde"] .voucher-row .vr-gift,body[data-theme="ottomarin"] .voucher-row .vr-gift,body[data-theme="latife"] .voucher-row .vr-gift{color:#f4f0e6}
body[data-theme="latife"] .voucher-code,body[data-theme="latife"] .voucher-row .vr-code{color:#57cccd}
body[data-theme="latife"] .my-rewards-btn{background:linear-gradient(135deg,#2f9fa1,#176a6c);box-shadow:0 10px 22px rgba(15,60,62,.4)}
body[data-theme="ottomarin"] .my-rewards-btn{background:linear-gradient(135deg,#1d6f53,#104434)}
body[data-theme="cadde"] .my-rewards-btn{background:linear-gradient(135deg,#d8b25a,#b6873a);color:#241a08}

/* =====================================================================
   ★ Latife · Teal (Marke #3db2b4) + Babyblau + Dunkel
   Dunkles Theme im Markenton von Latife Türk Kahvesi, gemischt mit
   Babyblau-Akzenten (#9bd8ec) auf tiefem Teal-Schwarz.
   ===================================================================== */
body[data-theme="latife"]{
  --brand:#3db2b4;
  --brand-2:#9bd8ec;
  --brand-ink:#052528;
  --bg:#050d0e;
  --card:#0e2428;
  --ink:#eaf7f8;
  --muted:#93bcc1;
  --line:#1e3a3e;
  --accent:#57cccd;
  --pink:#2f8f91;
  --shadow:0 12px 30px rgba(0,0,0,.52);
  --shadow-lg:0 24px 60px rgba(0,0,0,.66);
  color:var(--ink);
  background:
    radial-gradient(1100px 520px at 18% 0%, rgba(61,178,180,.22) 0%, transparent 50%),
    radial-gradient(800px 420px at 100% 8%, rgba(155,216,236,.16) 0%, transparent 46%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.015) 0 2px, transparent 2px 10px),
    linear-gradient(160deg,#08181b 0%,#061214 56%,#040a0b 100%);
  min-height:100vh;
}
body[data-theme="latife"] a{color:#9bd8ec}
body[data-theme="latife"] .topbar{
  background:linear-gradient(180deg,#0d1f22 0%,#070f11 82%,transparent 100%);
  border-bottom:1px solid #1e3a3e;
}
body[data-theme="latife"] .login-pill{background:#0e2428;color:#d6eef2;border:1px solid #23464b;box-shadow:0 8px 20px rgba(0,0,0,.22)}
body[data-theme="latife"] .login-pill button{background:linear-gradient(#7fd4e6,#3db2b4);color:#052528}
body[data-theme="latife"] .logo-divider{background:linear-gradient(#bfe8f5,#3aa9ab)}
body[data-theme="latife"] .venue-name{color:#cdeef5}
body[data-theme="latife"] .avatar{border-color:#3db2b4;background:linear-gradient(145deg,#123a3e,#0b2528)}
body[data-theme="latife"] .avatar-name{color:#cdeef5}
body[data-theme="latife"] .avatar-rank{color:#57cccd}
body[data-theme="latife"] .geo.ok{background:#0f3336;color:#7ad8da}
body[data-theme="latife"] .geo.warn{background:#2b2913;color:#ecd98a}
body[data-theme="latife"] .geo.err{background:#351812;color:#f1a089}
body[data-theme="latife"] .venue-hero{
  color:#eaf7f8;
  background:
    radial-gradient(circle at 18% 0%, rgba(61,178,180,.22), transparent 50%),
    radial-gradient(circle at 100% 0%, rgba(155,216,236,.18), transparent 45%),
    linear-gradient(160deg,#0c2a2d 0%,#0a1c1f 58%,#050b0c 100%);
  border:1px solid #1d4045;
  box-shadow:0 16px 34px rgba(0,0,0,.5), inset 0 0 0 2px rgba(61,178,180,.24), inset 0 0 0 6px rgba(0,0,0,.32);
}
body[data-theme="latife"] .venue-hero.has-image{background-image:linear-gradient(90deg,rgba(4,12,13,.94) 0%,rgba(4,12,13,.72) 45%,rgba(4,12,13,.12) 100%),var(--venue-hero-image);background-position:center;background-size:cover}
body[data-theme="latife"] .venue-hero::before{
  content:'';position:absolute;inset:9px;border:1px solid rgba(61,178,180,.34);border-radius:18px;pointer-events:none;z-index:0;
}
body[data-theme="latife"] .venue-hero h1{color:#d4f0f6;text-shadow:0 2px 6px rgba(0,0,0,.5)}
body[data-theme="latife"] .venue-hero p{color:#cfe9ee}
body[data-theme="latife"] .hero-eyebrow{border-color:#3db2b466;background:#3db2b41f;color:#a9e0ee}
body[data-theme="latife"] .hero-chips span{background:#3db2b41a;border-color:#3db2b43d;color:#bfe8f2}
body[data-theme="latife"] .orb-one{background:#3db2b4;opacity:.20}
body[data-theme="latife"] .orb-two{background:#9bd8ec;opacity:.20}
body[data-theme="latife"] .menu-btn{background:linear-gradient(#2f9fa1,#176a6c);color:#eaf7f8;border:1px solid #3db2b466;box-shadow:0 10px 24px rgba(0,0,0,.28)}
body[data-theme="latife"] .tabs{background:#0c1e21;border:1px solid #1e3a3e;box-shadow:0 8px 22px rgba(0,0,0,.22)}
body[data-theme="latife"] .tabs button{color:#8fb4b9}
body[data-theme="latife"] .tabs button.active{background:linear-gradient(#123033,#0b2023);color:#cdeef5;box-shadow:inset 0 0 0 1px #2a5459}
body[data-theme="latife"] .panel{background:#0e2428;border-color:#1e3a3e;box-shadow:var(--shadow)}
body[data-theme="latife"] .panel h2,
body[data-theme="latife"] .contact-info h2,
body[data-theme="latife"] .section-head h2{color:#eaf7f8}
body[data-theme="latife"] .panel .sub,
body[data-theme="latife"] .section-head p,
body[data-theme="latife"] .contact-info p.lead,
body[data-theme="latife"] .form-note,
body[data-theme="latife"] .hint,
body[data-theme="latife"] .games-intro small,
body[data-theme="latife"] .inc-item p,
body[data-theme="latife"] .step p,
body[data-theme="latife"] .faq details p{color:#93bcc1}
body[data-theme="latife"] .empty,
body[data-theme="latife"] .stat,
body[data-theme="latife"] .feature,
body[data-theme="latife"] .step,
body[data-theme="latife"] .inc-item,
body[data-theme="latife"] .ad-visual,
body[data-theme="latife"] .price,
body[data-theme="latife"] .contact-list a,
body[data-theme="latife"] .contact-list div,
body[data-theme="latife"] .faq details{
  background:#0e2428;border-color:#1e3a3e;box-shadow:var(--shadow);
}
body[data-theme="latife"] .stat b{color:#57cccd}
body[data-theme="latife"] .feature .ico,
body[data-theme="latife"] .ad-point .ico,
body[data-theme="latife"] .games-intro-icon{background:#123033;color:#bfe8f2}
body[data-theme="latife"] .feature h3,
body[data-theme="latife"] .step h3,
body[data-theme="latife"] .inc-item h4,
body[data-theme="latife"] .ad-point h4,
body[data-theme="latife"] .contact-list b,
body[data-theme="latife"] .faq summary{color:#eaf7f8}
body[data-theme="latife"] .feature p{color:#93bcc1}
body[data-theme="latife"] .feature:hover,
body[data-theme="latife"] .price:hover,
body[data-theme="latife"] .aud-card,
body[data-theme="latife"] .cta-band,
body[data-theme="latife"] .games-band{box-shadow:var(--shadow-lg)}
body[data-theme="latife"] .games-band{background:linear-gradient(135deg,#0c2427 0%,#123f42 58%,#0a2427 100%);border:1px solid #275055}
body[data-theme="latife"] .game-chips span{background:#ffffff10;border-color:#ffffff22;color:#eaf7f8}
body[data-theme="latife"] .included .check{background:#3db2b4;color:#052528}
body[data-theme="latife"] .ad-slot,
body[data-theme="latife"] .cta-band,
body[data-theme="latife"] .aud-card.cafe{background:linear-gradient(135deg,#0c2427 0%,#123f42 58%,#0a2427 100%)}
body[data-theme="latife"] .aud-card.adv{background:linear-gradient(135deg,#103a3c 0%,#1f8f91 55%,#0d2a2c 100%)}
body[data-theme="latife"] .aud-card .btn{color:#052528}
body[data-theme="latife"] .price.featured{border-color:#3db2b4;box-shadow:0 20px 50px rgba(61,178,180,.24)}
body[data-theme="latife"] .price .ribbon{background:#3db2b4;color:#052528}
body[data-theme="latife"] .price .mult{color:#eaf7f8}
body[data-theme="latife"] .price .desc,
body[data-theme="latife"] .price li,
body[data-theme="latife"] .formats-note,
body[data-theme="latife"] .footer-grid p,
body[data-theme="latife"] .footer-col a,
body[data-theme="latife"] .footer-bottom{color:#93bcc1}
body[data-theme="latife"] .price li:before,
body[data-theme="latife"] .faq summary:after{color:#57cccd}
body[data-theme="latife"] .btn-primary{background:linear-gradient(#5ecfd0,#2f9fa1);color:#052528;box-shadow:0 10px 24px rgba(61,178,180,.28)}
body[data-theme="latife"] .btn-primary:hover{background:linear-gradient(#77dcdd,#37abad);box-shadow:0 14px 30px rgba(61,178,180,.34)}
body[data-theme="latife"] .btn-ghost{background:#0e2428;color:#9bd8ec;box-shadow:var(--shadow)}
body[data-theme="latife"] .btn-ghost:hover{background:#123033}
body[data-theme="latife"] .btn-accent{background:#3db2b4;color:#052528}
body[data-theme="latife"] .btn.lime{background:linear-gradient(#2f9fa1,#176a6c);color:#eaf7f8;box-shadow:0 10px 24px rgba(0,0,0,.28)}
body[data-theme="latife"] .field,
body[data-theme="latife"] .select,
body[data-theme="latife"] .textarea{background:#0a1c1f;color:#eaf7f8;border-color:#23464b}
body[data-theme="latife"] .field::placeholder,
body[data-theme="latife"] .select::placeholder,
body[data-theme="latife"] .textarea::placeholder{color:#6f9297}
body[data-theme="latife"] .field:focus,
body[data-theme="latife"] .select:focus,
body[data-theme="latife"] .textarea:focus{border-color:#3db2b4;box-shadow:0 0 0 4px rgba(61,178,180,.16)}
body[data-theme="latife"] .seg button{background:#0a1c1f;color:#93bcc1;border-color:#23464b}
body[data-theme="latife"] .seg button.on{background:linear-gradient(#123033,#0b2023);color:#cdeef5;border-color:#2a5459}
body[data-theme="latife"] .community-card,
body[data-theme="latife"] .shot-cap b,
body[data-theme="latife"] .contact-list a,
body[data-theme="latife"] .contact-list div,
body[data-theme="latife"] .inc-item,
body[data-theme="latife"] .faq details{color:#eaf7f8}
body[data-theme="latife"] .community-card{background:#0e2428;border:1px solid #1e3a3e}
body[data-theme="latife"] .community-card small,
body[data-theme="latife"] .shot-cap span{color:#93bcc1}
body[data-theme="latife"] .community-card i{color:#57cccd}
body[data-theme="latife"] .google-icon{background:#0f3033;color:#8fdede}
body[data-theme="latife"] .instagram-icon{background:linear-gradient(145deg,#2f9fa1,#3db2b4 55%,#9bd8ec);color:#fff}
body[data-theme="latife"] .review-card,
body[data-theme="latife"] .instagram-card{border-color:#2a5054}
body[data-theme="latife"] .code-box{background:#0a1c1f;border:1px solid #1e3a3e;box-shadow:var(--shadow)}
body[data-theme="latife"] .plist li,
body[data-theme="latife"] .leaderboard li,
body[data-theme="latife"] .cafe-chat-message,
body[data-theme="latife"] .card-form,
body[data-theme="latife"] .card,
body[data-theme="latife"] .aud-card,
body[data-theme="latife"] .price,
body[data-theme="latife"] .site-footer,
body[data-theme="latife"] .modal{
  background:#0e2428;color:var(--ink);
}
body[data-theme="latife"] .plist li,
body[data-theme="latife"] .leaderboard li{border:1px solid #1e3a3e}
body[data-theme="latife"] .plist .seat,
body[data-theme="latife"] .step .num,
body[data-theme="latife"] .profile-avatar,
body[data-theme="latife"] .ad-mini b{background:#3db2b4;color:#052528}
body[data-theme="latife"] .plist .host{background:linear-gradient(#5ecfd0,#2f9fa1);color:#052528}
body[data-theme="latife"] .leaderboard small,
body[data-theme="latife"] .cafe-chat-message small{color:#93bcc1}
body[data-theme="latife"] .leaderboard b{color:#cdeef5}
body[data-theme="latife"] .cafe-chat-message{border-radius:15px 15px 15px 4px;border:1px solid #1e3a3e}
body[data-theme="latife"] .cafe-chat-message.mine{background:#123033}
body[data-theme="latife"] .cafe-chat-delete{background:#3a1c18;color:#f4c9bc}
body[data-theme="latife"] .account-state{background:#0f2a2c;color:#8fdede;border:1px solid #234f52}
body[data-theme="latife"] .admin-link{background:linear-gradient(#2f9fa1,#176a6c);color:#eaf7f8}
body[data-theme="latife"] .toast{background:#0d2124;color:#eaf7f8}
body[data-theme="latife"] .modal-bg{background:rgba(3,9,10,.68)}
body[data-theme="latife"] .modal{box-shadow:0 -8px 40px rgba(0,0,0,.62);border:1px solid #1e3a3e}
body[data-theme="latife"] .modal p.sub{color:#93bcc1}
body[data-theme="latife"] .modal .close{background:#123033;color:#9bd8ec;border-color:#3db2b4}
body[data-theme="latife"] .profile-rank{color:#57cccd}
body[data-theme="latife"] .profile-head .sub{color:#93bcc1}
body[data-theme="latife"] .empty{color:#93bcc1}
body[data-theme="latife"] .bottomnav{background:#0c1e21;border:1px solid #1e3a3e;box-shadow:0 10px 30px rgba(0,0,0,.5)}
body[data-theme="latife"] .bottomnav button{color:#8fb4b9}
body[data-theme="latife"] .bottomnav button.active{color:#cdeef5;background:linear-gradient(#123033,#0b2023);box-shadow:inset 0 0 0 1px #2a5459}
body[data-theme="latife"] .games-intro b{color:#eaf7f8}
body[data-theme="latife"] .hint{color:#93bcc1}
body[data-theme="latife"] .phone{background:#071416;border:1px solid #1e3a3e;box-shadow:var(--shadow-lg)}
body[data-theme="latife"] .phone-screen{background:linear-gradient(160deg,#123f42 0%,#0a1c1e 58%,#050707 100%);color:#fff}
body[data-theme="latife"] .phone-notch{background:#06110f}
body[data-theme="latife"] .ps-brand img,
body[data-theme="latife"] .mini-brand img{filter:none}
body[data-theme="latife"] .ps-sub,
body[data-theme="latife"] .mini-venue{color:#9bd8ec}
body[data-theme="latife"] .ps-qr,
body[data-theme="latife"] .mini-pill,
body[data-theme="latife"] .mini-menu{background:#eaf7f8;color:#052528}
body[data-theme="latife"] .ps-qr .code{background:conic-gradient(from 45deg,#3db2b4 25%,#fff 0 50%,#3db2b4 0 75%,#fff 0);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #3db2b4}
body[data-theme="latife"] .mini-pill b{background:#3db2b4;color:#052528}
body[data-theme="latife"] .mini-hero{background:linear-gradient(135deg,#123f42 0%,#0f2a2c 60%,#070d0d 100%)}
body[data-theme="latife"] .mini-chips span,
body[data-theme="latife"] .mini-game i{background:rgba(255,255,255,.12);color:#eaf7f8}
body[data-theme="latife"] .mini-game{box-shadow:0 4px 10px rgba(0,0,0,.22)}
body[data-theme="latife"] .game h3{color:#fff}
body[data-theme="latife"] .game .badge{background:rgba(0,0,0,.36)}
body[data-theme="latife"] .ad-screen{color:#fff}
body[data-theme="latife"] .ad-badge{background:rgba(0,0,0,.34)}
body[data-theme="latife"] .ad-timer{background:rgba(255,255,255,.94);color:#052528}
body[data-theme="latife"] .ad-footbar{background:rgba(0,0,0,.3)}
body[data-theme="latife"] .ad-photo{background:rgba(255,255,255,.04)}
body[data-theme="latife"] .game-ad-card{color:#1c1633}
body[data-theme="latife"] .platform-logo{height:clamp(56px,14vw,78px);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}
body[data-theme="latife"] .leaderboard li.me{box-shadow:inset 0 0 0 2px #57cccd}
body[data-theme="latife"] .leaderboard .lb-you{color:#57cccd}
body[data-theme="latife"] .room-alert{background:#0c2427}
body[data-theme="latife"] .room-alert .ra-join{background:#3db2b4;color:#052528}
body[data-theme="latife"] .fb-fab{background:linear-gradient(145deg,#3db2b4,#176a6c);color:#eaf7f8;box-shadow:0 10px 24px rgba(15,60,62,.5),inset 0 1px 0 rgba(255,255,255,.22)}
body[data-theme="latife"] .fb-cta-link{background:#0e2428;border-color:#23464b}
body[data-theme="latife"] .fb-cta-link:hover{border-color:#3db2b4}
body[data-theme="latife"] .fb-cta-head span{background:#123033}
body[data-theme="latife"] .fb-cta-txt small{color:#93bcc1}
body[data-theme="latife"] .fb-cta-link i{color:#57cccd}
body[data-theme="latife"] .fb-card{background:#0d2124;color:#eaf7f8}
body[data-theme="latife"] .fb-head p,
body[data-theme="latife"] .fb-hint{color:#93bcc1}
body[data-theme="latife"] .fb-text{background:#0a1c1f;border-color:#23464b;color:#eaf7f8}
body[data-theme="latife"] .fb-logo{background:#123033;color:#9bd8ec}
body[data-theme="latife"] .fb-logo span{color:#57cccd}
body[data-theme="latife"] .fb-x{background:#123033;color:#8fb4b9}
body[data-theme="latife"] .fb-send{background:linear-gradient(145deg,#3db2b4,#176a6c);color:#eaf7f8}

/* ---------- Üst hesap kartı (login-pill) · 2026-10 yeniden tasarım ----------
   Hap yerine sola hizalı kart: ikon + iki satır metin (başlık + açıklama) + zil + kısa düğme. */
.login-pill{border-radius:20px;padding:10px 10px 10px 12px;gap:11px;text-align:left;line-height:1.25}
.login-pill .lp-ico{width:38px;height:38px;border-radius:12px;background:rgba(91,75,230,.12)}
.login-pill .lp-ico svg{width:21px;height:21px}
.login-pill .lp-txt b{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.1px}
.login-pill .lp-txt small{display:block;margin-top:2px;font-size:12.5px;font-weight:600;opacity:.78}
.login-pill #loginBtn{padding:10px 15px;font-size:14px;white-space:nowrap;box-shadow:0 6px 14px rgba(0,0,0,.18)}
/* Zil: düğme genel stilini (renk/dolgu) almasın */
body[data-theme] .login-pill button.win-bell{display:grid;place-items:center;justify-content:center;align-content:center;width:40px;height:40px;padding:0;gap:0;line-height:0;border-radius:50%;background:#fff;color:var(--brand);box-shadow:0 4px 12px rgba(37,25,90,.14)}
body[data-theme] .login-pill button.win-bell svg{display:block;width:20px;height:20px;margin:0}
body[data-theme] .login-pill button.win-bell.hidden{display:none}
body[data-theme="ottomarin"] .login-pill button.win-bell{background:#1b2a24;color:#f4ddb0;box-shadow:inset 0 0 0 1px #2d433b}
body[data-theme="cadde"] .login-pill button.win-bell{background:#2a2316;color:#f3d998;box-shadow:inset 0 0 0 1px #4a3c22}
body[data-theme="latife"] .login-pill button.win-bell{background:#16383c;color:#9bd8ec;box-shadow:inset 0 0 0 1px #2b5a60}
body[data-theme="ottomarin"] .login-pill .lp-ico{background:#1b2a24;color:#f2db96}
body[data-theme="cadde"] .login-pill .lp-ico{background:#2a2316;color:#efce85}
body[data-theme="latife"] .login-pill .lp-ico{background:#16383c;color:#7fd4e6}
body[data-theme="latife"] .login-pill .lp-txt b{color:#eefafc}
@media(max-width:400px){
  .login-pill{gap:9px;padding:9px 9px 9px 10px}
  .login-pill .lp-ico{width:34px;height:34px}
  .login-pill .lp-txt b{font-size:13.5px}
  .login-pill .lp-txt small{font-size:11.5px}
  .login-pill #loginBtn{padding:9px 12px;font-size:13px}
  .login-pill #loginBtn .lp-btn-ico{display:none}
}