@charset "UTF-8";
/* CartaNera 2.0 — mobil öncelikli salon arayüzü.
   styles.css'in üstüne yüklenir: kabuk (üst çubuk, alt sekmeler), Salon, Oyunlar, Ödüller ve oyun ekranlarının mobil düzeni.
   Kırılımlar: < 768 telefon, 768–1023 tablet (yine alt sekmeler), ≥ 1024 masaüstü (kenar menüsü). */
:root{--bg:#0b110d;--card:#131c16;--card-2:#18231c;--stroke:#e6c98d1c;--stroke-2:#e6c98d33;--soft:#a3ab9c;--ok:#8fd0a2;--r:18px;--r-sm:12px;--tabbar:62px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--ease:cubic-bezier(.2,.8,.2,1)}
body{background:var(--bg);overflow-x:hidden}
.desk-only{display:none!important}
.eyebrow{letter-spacing:1.6px}

/* ---------- Açılış ve hata ekranı ---------- */
.app-splash{position:fixed;inset:0;z-index:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(ellipse at 50% 40%,#173324,var(--bg) 70%);transition:opacity .35s}
.app-splash.gone{opacity:0;pointer-events:none}
.splash-mark{width:64px;height:80px;border:1px solid #d9b56f77;border-radius:50% 50% 42% 42%;display:grid;place-items:center;color:var(--gold)}
.splash-mark svg{width:34px;height:34px}
.splash-word{font:26px Georgia,serif;letter-spacing:3px;color:var(--gold)}
.splash-word b{font-weight:400;color:var(--gold-bright)}
.splash-bar{display:block;width:120px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent) 0 0/60% 100% no-repeat,#ffffff12;animation:splash 1.1s ease-in-out infinite}
@keyframes splash{from{background-position:-80% 0,0 0}to{background-position:180% 0,0 0}}
.app-error{position:fixed;inset:0;z-index:950;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:var(--bg)}
.app-error[hidden]{display:none}
.app-error strong{font:24px Georgia,serif;color:var(--gold)}
.app-error p{color:var(--soft);max-width:320px}

/* ---------- Üst çubuk ---------- */
.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;min-height:60px;padding:calc(8px + var(--sat)) calc(16px + var(--sar)) 8px calc(16px + var(--sal));background:#0b110de8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--stroke)}
.top-brand{display:flex;align-items:center;gap:9px;color:var(--gold);min-width:0}
.top-mark{width:30px;height:38px;border:1px solid #d9b56f66;border-radius:50% 50% 42% 42%;display:grid;place-items:center;flex-shrink:0}
.top-mark svg{width:17px;height:17px}
.top-word{font:19px Georgia,serif;letter-spacing:1.5px;white-space:nowrap}
.top-word b{font-weight:400;color:var(--gold-bright)}
.top-title{display:none;min-width:0}
.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.header-actions .round{width:38px;height:38px}
.level-chip{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 4px;border:1px solid var(--stroke-2);border-radius:999px;background:#141d17;color:var(--ink)}
.lv-avatar.avatar{position:relative;width:32px;height:32px;min-width:32px;border:0;border-radius:50%;display:grid;place-items:center;font:600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#151a12;background:var(--avatar,#d9b36a);box-shadow:0 0 0 2px #0b110d,0 0 0 4px #ffffff10}
.lv-avatar.avatar::after{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--gold-bright) calc(var(--p,0)*1%),transparent 0);-webkit-mask:radial-gradient(circle,transparent 17px,#000 17.5px);mask:radial-gradient(circle,transparent 17px,#000 17.5px)}
.level-chip .lv-avatar::after{background:conic-gradient(var(--gold-bright) calc(var(--p,0)*1%),transparent 0)}
.lv-info{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.lv-info small{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--gold)}
.lv-track{display:block;width:44px;height:4px;border-radius:4px;background:#ffffff14;overflow:hidden}
.lv-track b{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#b8954f,var(--gold-bright));transition:width .5s var(--ease)}
.cp-pill{height:40px;padding:0 12px 0 5px;gap:7px}
.cp-pill strong{font-size:15px}
.cp-pill.bump{animation:cp-bump .6s var(--ease)}
@keyframes cp-bump{30%{transform:scale(1.14);box-shadow:0 0 0 6px #f3d59822}}
.cp-fly{position:fixed;z-index:700;pointer-events:none;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#f6dc9b,#c99d4f);color:#2a1f0a;font:700 13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 6px 18px #0007}

/* ---------- Alt sekme çubuğu ---------- */
.mobile-nav.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;height:calc(var(--tabbar) + var(--sab));padding:6px calc(10px + var(--sar)) calc(6px + var(--sab)) calc(10px + var(--sal));gap:4px;background:#0c130ff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--stroke)}
.tabbar button{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:48px;border:0;border-radius:14px;background:none;color:#7f8d76;font-size:11px;font-weight:600;letter-spacing:.2px;padding:0}
.tabbar button svg{width:22px;height:22px}
.tabbar button.active{color:var(--gold-bright);background:#dbba7812}
.tabbar button.active svg{stroke-width:1.9}
.tab-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e0b664;color:#1a1408;font:700 10px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;font-style:normal;box-shadow:0 0 0 2px #0c130f}
.tab-badge[hidden]{display:none}
body.kb-open .tabbar{display:none}

/* ---------- Genel düzen (telefon ve tablet) ---------- */
@media(max-width:1023px){
  .shell{display:block}
  .sidebar{display:none}
  .workspace{margin:0!important;width:100%!important}
  main{padding:14px calc(16px + var(--sar)) calc(var(--tabbar) + var(--sab) + 22px) calc(16px + var(--sal))!important}
  .workspace-footer{display:none}
  .toast{left:50%!important;bottom:calc(var(--tabbar) + var(--sab) + 14px)!important;width:max-content;max-width:calc(100vw - 32px);font-size:13px;padding:11px 16px;border-radius:14px}
  .kecko-toast{left:calc(12px + var(--sal))!important;right:calc(12px + var(--sar))!important;bottom:calc(var(--tabbar) + var(--sab) + 12px)!important;max-width:none}
  .section-heading h2{font-size:28px}
  .section-heading.compact{margin-bottom:16px}
  .section-heading.compact p{font-size:13px}
}
.view.active{animation:view-in .28s var(--ease)}
@keyframes view-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.section-heading.compact h2{font-size:28px;line-height:1.15}
.small-print{font-size:11px}

/* ---------- Salon ---------- */
.salon{display:flex;flex-direction:column;gap:12px;max-width:1040px;margin:0 auto}
.salon-greet{display:flex;align-items:center;gap:12px;padding:2px 0 4px}
.salon-kecko{flex-shrink:0;width:54px;height:54px;padding:0;border:1px solid var(--stroke-2);border-radius:50%;background:radial-gradient(circle at 50% 35%,#24402f,#121a15);overflow:hidden;display:grid;place-items:end center}
.salon-kecko img{width:48px;height:59px;object-fit:contain;transform:translateY(6px)}
.salon-hello{min-width:0}
.salon-hello .eyebrow{font-size:10px}
.salon-hello h2{font:23px/1.15 Georgia,serif;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.salon-hello p{margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.salon-head{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.salon-head h3{font:600 15px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.2px;color:#e8e2d1}
.salon-head .text-button{display:inline-flex;align-items:center;gap:2px;min-height:36px;font-size:13px}
.salon-head .text-button svg{width:16px;height:16px}

.continue-card{display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 14px;border:1px solid #e0bd7a55;border-radius:var(--r);background:linear-gradient(115deg,#2b2614,#17221a 60%);color:var(--ink);text-align:left}
.continue-card[hidden]{display:none}
.cc-art{width:46px;height:60px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:26px;color:#1c2b28;background:linear-gradient(130deg,#fffdf5,#e5dcc6);box-shadow:3px 4px 0 #0004,6px 8px 0 #ffffff10}
.cc-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cc-text small{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--gold)}
.cc-text strong{font:19px/1.2 Georgia,serif}
.cc-text span{font-size:12px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-go{width:46px;height:46px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f3d598,#c49a4f);color:#20180a}
.cc-go svg{width:18px;height:18px;margin-left:2px}

.game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.game-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:128px;padding:14px;border:1px solid var(--stroke-2);border-radius:var(--r);text-align:left;color:var(--ink);background:linear-gradient(150deg,#1b2a20,#111a14)}
.game-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,#ffffff12,transparent 55%);pointer-events:none}
.gc-suit{position:absolute;top:8px;right:12px;font:52px/1 Georgia,serif;color:#ffffff18}
.gc-name{display:flex;flex-direction:column;gap:1px;position:relative}
.gc-name strong{font:21px/1.15 Georgia,serif}
.gc-name small{font-size:12px;color:var(--soft)}
.gc-state{align-self:flex-start;position:relative;padding:3px 9px;border-radius:999px;font:600 10.5px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-style:normal;background:#ffffff0d;color:#c8cdbf}
.gc-state:empty{display:none}
.gc-state.live{background:#8fd0a222;color:var(--ok)}
.gc-state.live::before{content:"● "}
.gc-sol{background:linear-gradient(150deg,#1f3a2a,#101a13)}
.gc-sol .gc-suit{color:#dbba7830}
.gc-pisti{background:linear-gradient(150deg,#26331f,#121a12)}
.gc-bluff{background:linear-gradient(150deg,#2c2133,#141118)}
.gc-bluff .gc-suit{color:#e48aa530}
.gc-bj{background:linear-gradient(150deg,#3a1f22,#160f10)}
.gc-bj .gc-suit{color:#f08a8a30}

.reward-summary{border:1px solid var(--stroke-2);border-radius:var(--r);background:var(--card);overflow:hidden}
.rs-row{display:flex;align-items:center;gap:6px;padding-right:12px}
.rs-row+.rs-row{border-top:1px solid var(--stroke)}
.rs-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 4px 10px 14px;border:0;background:none;text-align:left;color:var(--ink)}
.rs-icon{width:38px;height:38px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:#dbba7814;color:var(--gold)}
.rs-icon svg{width:20px;height:20px}
.rs-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.rs-text small{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#8e977f}
.rs-text strong{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rs-bar{display:block;height:5px;border-radius:5px;background:#ffffff10;overflow:hidden}
.rs-bar b{display:block;height:100%;width:0;border-radius:5px;background:linear-gradient(90deg,#86b98f,#d9c27c);transition:width .5s var(--ease)}
.rs-dots{display:flex;gap:4px}
.rs-dots i{width:100%;max-width:26px;height:5px;border-radius:5px;background:#ffffff12}
.rs-dots i.done,.rs-dots i.claimed{background:var(--ok)}
.rs-dots i.today{background:var(--gold-bright)}
.rs-claim{flex-shrink:0;min-width:56px;height:36px;padding:0 12px;border:0;border-radius:999px;background:linear-gradient(135deg,#f3d598,#c49a4f);color:#20180a;font-weight:700;font-size:13px}
.rs-claim[hidden]{display:none}

.explore{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-16px - var(--sar)) 0 calc(-16px - var(--sal));padding:2px calc(16px + var(--sar)) 6px calc(16px + var(--sal));scrollbar-width:none}
.explore::-webkit-scrollbar{display:none}
.explore-chip{scroll-snap-align:start;flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:150px;min-height:56px;padding:10px 14px 10px 12px;border:1px solid var(--stroke-2);border-radius:16px;background:var(--card);color:var(--ink);text-align:left}
.explore-chip svg{width:20px;height:20px;color:var(--gold)}
.explore-chip span{display:flex;flex-direction:column}
.explore-chip strong{font-size:13px;font-weight:600;white-space:nowrap}
.explore-chip small{font-size:11px;color:var(--soft);white-space:nowrap}
.online-chip{border-style:dashed}
.home-stats{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--stroke);border-radius:var(--r);background:#0f1712}
.home-stats>div{flex:1;display:flex;flex-direction:column;align-items:flex-start}
.home-stats strong{font:20px/1.1 Georgia,serif;color:var(--gold-bright)}
.home-stats small{font-size:10.5px;color:var(--soft)}
.home-stats .text-button{font-size:12px;min-height:36px;white-space:nowrap}
.home-ad:not([hidden]){border-radius:var(--r);overflow:hidden}

/* ---------- Oyunlar ---------- */
.games-list{display:grid;gap:12px;max-width:1040px}
.game-row{display:flex;gap:14px;padding:14px;border:1px solid var(--stroke-2);border-radius:var(--r);background:var(--card)}
.gr-art{width:64px;height:84px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font:34px Georgia,serif;color:#1c2b28;background:linear-gradient(130deg,#fffdf5,#e5dcc6);box-shadow:4px 5px 0 #0003}
.gr-art svg{width:30px;height:30px;color:var(--gold)}
.gr-bluff .gr-art,.gr-bj .gr-art{color:#b0302a}
.gr-online .gr-art{background:#ffffff08;border:1px dashed var(--stroke-2);box-shadow:none}
.gr-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.gr-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gr-title h3{font:21px/1.2 Georgia,serif}
.gr-body>p{font-size:13px;line-height:1.45;color:var(--soft)}
.gr-meta{font-size:11.5px;color:#b9a77c}
.gr-meta:empty{display:none}
.gr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.gr-actions>button{min-height:42px;padding:0 16px;border-radius:12px;font-size:13px;font-weight:600}
.gr-actions>button[hidden]{display:none}
.gr-actions .icon-only{width:42px;padding:0;display:grid;place-items:center}
.gr-online{cursor:pointer;opacity:.85}

/* ---------- Ödüller ---------- */
.seg-tabs{position:sticky;top:calc(60px + var(--sat));z-index:20;display:flex;gap:4px;padding:4px;margin-bottom:14px;border:1px solid var(--stroke-2);border-radius:14px;background:#0f1712f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.seg-tabs button{position:relative;flex:1;min-height:42px;border:0;border-radius:10px;background:none;color:var(--soft);font-size:13px;font-weight:600}
.seg-tabs button.chosen{background:#dbba781c;color:var(--gold-bright)}
.tab-dot{position:absolute;top:8px;right:10px;width:7px;height:7px;border-radius:50%;background:#e9c06c}
.tab-dot[hidden]{display:none}
.reward-pane{display:none;padding:16px;border:1px solid var(--stroke-2);border-radius:var(--r);background:var(--card)}
.reward-pane.current{display:block;animation:view-in .25s var(--ease)}
.pane-head{margin-bottom:14px}
.pane-head h3{font:22px/1.2 Georgia,serif}
.pane-head p{margin-top:4px;font-size:13px;color:var(--soft)}
.login-grid{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.login-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:84px;padding:8px 4px;border:1px solid var(--stroke);border-radius:14px;background:#0f1612;text-align:center}
.login-day.big{grid-column:span 2;background:linear-gradient(140deg,#2b2412,#141a12)}
.login-day small{font-size:10px;font-weight:700;letter-spacing:1px;color:#8e977f}
.login-day strong{font:24px/1.1 Georgia,serif;color:var(--ink)}
.login-day.big strong{font-size:30px;color:var(--gold-bright)}
.login-day em{font-style:normal;font-size:10px;font-weight:700;color:var(--gold)}
.ld-mark{position:absolute;top:6px;right:8px;font-size:12px;font-weight:700}
.login-day.done,.login-day.claimed{border-color:#8fd0a244;background:#122017}
.login-day.done .ld-mark,.login-day.claimed .ld-mark{color:var(--ok)}
.login-day.done strong{color:#c8d8c6}
.login-day.today{border:1.5px solid var(--gold-bright);background:linear-gradient(160deg,#3a2f14,#1a1a10);box-shadow:0 0 0 3px #f3d59814}
.login-day.today .ld-mark{color:var(--gold-bright)}
.login-day.claimed{border-color:var(--gold)}
.login-day.locked{opacity:.42}
.login-day.week-done{animation:week 1.2s var(--ease)}
@keyframes week{20%{transform:scale(1.06);box-shadow:0 0 0 6px #f3d59833,0 0 40px #f3d59855}100%{transform:none}}
.week-spark{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px;border-radius:50%;background:var(--gold-bright);pointer-events:none;animation:spark 1.1s var(--ease) forwards}
@keyframes spark{from{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(calc(var(--d)*-1)) scale(.3);opacity:0}}
.primary.wide{width:100%;min-height:50px;border-radius:14px;font-size:15px}
.pane-foot{margin-top:10px;font-size:12px;color:var(--soft);text-align:center}
.reward-history{margin-top:12px;border-top:1px solid var(--stroke);padding-top:10px}
.reward-history summary{cursor:pointer;min-height:36px;display:flex;align-items:center;font-size:13px;color:var(--gold)}
.time-meter{padding:14px;border-radius:14px;background:#0f1612;border:1px solid var(--stroke);margin-bottom:12px}
.time-now{font-size:14px;color:var(--soft)}
.time-now strong{font:40px/1 Georgia,serif;color:var(--gold-bright);margin-right:4px}
.time-track{position:relative;height:10px;margin:12px 0 10px;border-radius:10px;background:#ffffff10;overflow:hidden}
.time-track i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,#86b98f,#e6c57e);transition:width .6s var(--ease)}
.time-track::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(8.33% - 1px),#0b110d calc(8.33% - 1px) 8.33%,transparent 8.33% calc(25% - 1px),#0b110d calc(25% - 1px) 25%,transparent 25% calc(50% - 1px),#0b110d calc(50% - 1px) 50%,transparent 50%)}
.time-next{font-size:13px;font-weight:600}
.time-state{margin-top:4px;font-size:12px;color:var(--soft);display:flex;align-items:center;gap:6px}
.time-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.time-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:58px;padding:8px 8px 8px 14px;border:1px solid var(--stroke);border-radius:14px;background:#0f1612}
.time-item span{display:flex;flex-direction:column}
.time-item strong{font-size:14px}
.time-item small{font-size:11.5px;color:var(--soft)}
.time-item button{min-width:96px;min-height:42px;border-radius:12px;font-size:13px;font-weight:700}
.time-item.ready{border-color:var(--gold);background:linear-gradient(120deg,#2b2412,#121a14)}
.time-item.claimed{opacity:.75}
.time-item.claimed small{color:var(--ok)}
.time-item.locked{opacity:.6}
#pane-quests .quest-list{gap:8px}
#pane-quests .quest-chest{margin-top:12px}

/* ---------- Profil menüsü ---------- */
.profile-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}
.profile-menu>button,.profile-menu>a{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 12px;border:1px solid var(--stroke-2);border-radius:14px;background:var(--card);color:var(--ink);font-size:13px;font-weight:600;text-align:left}
.profile-menu svg{width:19px;height:19px;color:var(--gold)}
.profile-menu span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-menu small{font-size:11px;color:var(--soft);font-weight:500}
.settings-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.settings-quick button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px}

/* ---------- Oyun ekranları (telefon/tablet): üst çubuk ve sekmeler gizlenir, masa tüm alanı kullanır ---------- */
.game-back{display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:0 12px 0 6px!important}
.game-back svg{width:20px;height:20px}
.game-settings{display:none}
.game-head-actions{display:flex;align-items:center;gap:8px}
@media(max-width:1023px){
  body.in-game .topbar,body.in-game .tabbar{display:none!important}
  body.in-game{overscroll-behavior-y:none}
  body.in-game main{padding:calc(8px + var(--sat)) calc(10px + var(--sar)) calc(12px + var(--sab)) calc(10px + var(--sal))!important}
  body.in-game .toast{bottom:calc(84px + var(--sab))!important}
  body.in-game .kecko-toast{bottom:auto!important;top:calc(64px + var(--sat))}
  .game-settings{display:grid;width:40px;height:40px}
  /* Solitaire */
  .game-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
  .game-header .game-mode{flex:1;min-width:0;justify-content:center;font-size:13px}
  .game-header .game-mode strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .game-header .quiet{min-height:40px}
  .scorebar{margin-bottom:8px}
  .table-wrap{margin:0 -4px}
  #view-game .game-tools{position:sticky;bottom:0;z-index:30;margin:10px -10px 0;padding:8px calc(10px + var(--sar)) calc(8px + var(--sab)) calc(10px + var(--sal));gap:8px;background:#0b110df0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--stroke)}
  #view-game .game-tools button{min-height:48px;flex-direction:column;gap:3px;padding:6px 2px;font-size:11px;border-radius:12px}
  #view-game .game-tools kbd{display:none}
  #view-game .game-tools #hint-count{display:inline;position:absolute;top:4px;right:6px;padding:0 5px;font-size:9px;border-radius:6px}
  #view-game .game-tools button{position:relative}
  .table-note{display:none}
  /* Oda oyunları */
  .room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px!important}
  .room-toolbar>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px!important;min-width:0}
  .room-toolbar>div:last-child{display:flex;align-items:center;gap:6px}
  .room-toolbar h2{font-size:21px!important}
  .room-toolbar .quiet{min-height:40px;padding:0 10px;font-size:12px!important}
  .room-log{max-height:96px;overflow-y:auto;font-size:12px}
  .room-view .small-print{display:none}
}
@media(max-width:479px){
  .room-toolbar .mini-pill{display:none}
  .room-toolbar [data-action="help"]{display:none}
  .game-header [data-action="new"] span{display:none}
  .game-back span{display:none}
}

/* ---------- Tablet ---------- */
@media(min-width:768px){
  .game-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
  .game-card{min-height:150px}
  .explore{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin:0;padding:0}
  .explore-chip{min-width:0}
  .games-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gr-online{grid-column:1/-1}
  .login-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
  .login-day.big{grid-column:auto}
  .profile-menu{grid-template-columns:repeat(4,minmax(0,1fr))}
  .salon-hello h2{font-size:28px}
}

/* ---------- Masaüstü: kenar menüsü kalır, sekme çubuğu ve logo gizlenir ---------- */
@media(min-width:1024px){
  .mobile-nav.tabbar{display:none}
  .desk-only{display:grid!important}
  .top-brand{display:none}
  .top-title{display:block}
  .topbar{position:relative;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;min-height:auto}
  .seg-tabs{display:none}
  .reward-panes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
  .reward-pane{display:block}
  .login-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .login-day.big{grid-column:span 2}
  .salon{gap:14px}
}

/* ---------- Küçük ekranlar (320–360 px) ---------- */
@media(max-width:374px){
  .top-word{font-size:16px;letter-spacing:1px}
  .top-mark{display:none}
  .lv-info{display:none}
  .level-chip{padding:0 4px}
  .header-actions{gap:6px}
  .cp-pill{padding:0 9px 0 4px}
  .game-card{min-height:116px;padding:12px}
  .gc-name strong{font-size:18px}
  .login-day{min-height:74px}
  .login-day strong{font-size:20px}
  .game-row{flex-direction:column}
  .gr-art{width:100%;height:56px}
}

/* ---------- Hareketi azalt ---------- */
@media(prefers-reduced-motion:reduce){
  .view.active,.reward-pane.current,.login-day.week-done,.cp-pill.bump,.splash-bar{animation:none!important}
  .lv-track b,.rs-bar b,.time-track i{transition:none}
}
body.no-motion .view.active,body.no-motion .reward-pane.current,body.no-motion .login-day.week-done,body.no-motion .cp-pill.bump{animation:none!important}

/* Üst çubuk sığdırma: telefonda ayarlar Profil menüsünde ve oyun ekranlarında; logo işareti geniş ekranda görünür. */
@media(max-width:767px){
  .header-actions>[data-action="settings"]{display:none}
  .kecko-toast{bottom:auto!important;top:calc(66px + var(--sat))}
  .kecko-toast:not(.visible){transform:translateY(-14px)}
}
@media(max-width:429px){.top-mark{display:none}}
.primary.wide:disabled{opacity:1;background:#18211b;color:var(--soft);border:1px solid var(--stroke-2);box-shadow:none}
.login-day small{margin-top:4px}
.ld-mark{top:4px;right:6px;font-size:11px}

/* Solitaire dikey ekranda tüm yüksekliği kullanır: masa uzar, araç çubuğu ekranın altında kalır. */
@media(max-width:1023px) and (orientation:portrait){
  body.in-game #view-game.active{display:flex;flex-direction:column;min-height:calc(100vh - 20px - var(--sat) - var(--sab));min-height:calc(100dvh - 20px - var(--sat) - var(--sab))}
  #view-game .game-layout{flex:1;display:flex;flex-direction:column}
  #view-game .game-main{flex:1;display:flex;flex-direction:column;min-width:0}
  #view-game .table-wrap{flex:1;display:flex;margin:0;width:100%}
  #view-game .table{flex:1;padding:12px 5px 18px}
  #view-game .game-tools{margin-top:auto}
}

/* Oda oyunları: dokunmaya uygun kart boyları; bildirimler oyun kontrollerini kapatmasın diye üstte. */
@media(max-width:1023px){
  body.in-game:not([data-view="game"]) .toast{top:calc(58px + var(--sat));bottom:auto!important}
  .pisti-hand{--room-card-width:clamp(60px,19vw,86px);--card-height:calc(var(--room-card-width)*1.43);gap:10px}
  .room-scoreboard span{font-size:10px;letter-spacing:1px}
  .room-scoreboard small{font-size:11px}
  .bj-actions button,.bluff-play-controls button,.bluff-responses button{min-height:46px}
  .rank-chip{min-width:38px!important;height:38px!important;font-size:13px!important}
}
@media(max-width:600px){
  .bluff-hand{grid-template-columns:repeat(7,minmax(0,1fr))!important;--room-card-width:calc((100vw - 76px - var(--sal) - var(--sar))/7)!important;--card-height:calc(var(--room-card-width)*1.43)!important;max-height:none!important;gap:10px 4px!important}
  .bluff-hand .card-corner{font-size:13px}.bluff-hand .card-corner small{font-size:11px}.bluff-hand .card-center{font-size:20px}.bluff-hand .card-corner.bottom{display:none}
}
@media(max-width:359px){
  .bluff-hand{grid-template-columns:repeat(6,minmax(0,1fr))!important;--room-card-width:calc((100vw - 70px)/6)!important}
  .rank-chip{min-width:34px!important;height:36px!important}
}
@media(max-width:1023px){.daily-layout{grid-template-columns:minmax(0,1fr)!important}.daily-intro,.daily-challenge,.calendar-panel{min-width:0}.daily-intro h2{font-size:34px}}
@media(max-width:1023px){.calendar{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}.calendar>span{min-width:0;font-size:12px}.calendar-panel{padding:14px!important}}

/* Profil (telefon/tablet): kompakt bakiye kartları, menü üstte. */
@media(max-width:1023px){
  #view-profile.active{display:flex;flex-direction:column;gap:12px}
  #view-profile>*{margin-top:0!important;margin-bottom:0!important}
  #view-profile .profile-hero{order:-3;padding:16px!important;min-height:0!important;border-radius:var(--r)}
  #view-profile .wallet-grid{order:-2}
  #view-profile .profile-menu{order:-1}
  .profile-hero .profile-avatar{width:56px!important;height:56px!important;font-size:22px!important}
  .profile-hero h2{font-size:24px!important}
  .profile-kecko{width:84px!important;right:6px!important}
  .wallet-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .wallet-card{padding:12px 10px!important;border-radius:14px!important;min-width:0}
  .wallet-card small{font-size:9px!important;letter-spacing:.8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .wallet-card strong{font-size:21px!important;margin:4px 0 0!important}
  .wallet-card p{display:none}
  .convert-panel{padding:14px!important;border-radius:var(--r)!important}
}
/* Telefon yatay: kısa ekranda kartlar küçülür, skor tablosu incelir. */
@media(orientation:landscape) and (max-height:500px){
  .pisti-hand{--room-card-width:58px}
  .room-scoreboard{padding:6px 12px!important;margin-bottom:8px!important}
  .room-scoreboard strong{font-size:20px!important}
  .room-toolbar{margin-bottom:6px!important}
}