/* FireWing web sitesi. Renkler ve fontlar launcher'daki "Aurora & Mercan" teması,
   sayfa düzeni (üst menü, sayfa başlıkları, kartlar, 4 sütunlu alt bilgi, mobil alt menü) çok sayfalı site yapısı. */
@font-face{font-family:"Minecraftia";src:url(../assets/fonts/Minecraftia-Regular.ttf);font-display:swap}
@font-face{font-family:"Minecrafter";src:url(../assets/fonts/minecrafter/Minecrafter.Reg.ttf);font-display:swap}
:root{
  --ground:#0b0914;--ground-2:#08060f;--surface:rgba(255,255,255,.04);--surface-hover:rgba(255,255,255,.075);
  --line:rgba(255,255,255,.08);--line-strong:rgba(255,255,255,.14);--line-hover:rgba(255,255,255,.2);
  --text:#f2eef6;--muted:#a79fb4;--dim:#8a8298;--faint:#6f6880;
  --a1:#ff5a4e;--a2:#ffb03d;--a1rgb:255,90,78;--primary:#ff7a45;--primary-light:#ffb48a;
  --primary-surface:rgba(255,90,78,.11);--primary-line:rgba(255,90,78,.28);--primary-line-strong:rgba(255,90,78,.5);
  --grad:linear-gradient(135deg,var(--a1),var(--a2));
  --violet:#7c5cff;--teal:#14b8a6;--pink:#e0409a;--gold:#ffd166;--ok:#5ee3a1;--sky:#5cc8ff;--bad:#ff6b7a;
  --r-card:18px;--r-ctl:12px;
  --sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Ubuntu,sans-serif;
  --pix:"Minecraftia",var(--sans);--disp:"Minecrafter","Minecraftia",sans-serif
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text);font:15px/1.6 var(--sans);
  background:radial-gradient(900px 520px at 90% -10%,rgba(255,90,78,.18),transparent 65%),radial-gradient(800px 560px at -10% 40%,rgba(124,92,255,.16),transparent 65%),radial-gradient(700px 500px at 60% 110%,rgba(20,184,166,.12),transparent 70%),var(--ground);background-attachment:fixed}
/* Sayfadaki metinler fareyle seçilip kopyalanamaz; yalnız form alanları seçilebilir kalır. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}
img,a{-webkit-user-drag:none}
a{color:inherit}
img{max-width:100%}
svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
@media(min-width:640px){.wrap{padding:0 26px}}
/* Başlıklar okunaklı kalın sans fontla yazılır. Pixel fontlar (Minecraftia/Minecrafter) Türkçe harflerin
   üst işaretlerini satır dışına taşırdığı için yalnız logo, sayı ve fiyatlarda kullanılır. */
h1,h2,h3{font-family:var(--sans);font-weight:800;letter-spacing:-.015em;margin:0;line-height:1.2}
p{margin:0}
.muted{color:var(--muted)}.dim{color:var(--dim)}.faint{color:var(--faint)}.pri-t{color:var(--primary)}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.grow{flex:1;min-width:0}
.hide{display:none!important}
[hidden]{display:none!important}

/* ---------- üst menü ---------- */
.hdr{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);background:rgba(11,9,20,.85);backdrop-filter:blur(12px)}
.hdr-in{display:flex;align-items:center;gap:20px;padding-top:16px;padding-bottom:16px}
.brand{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;color:var(--text)}
.brand img{width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}
.nav{display:none;align-items:center;gap:22px}
.nav a{font-size:13.5px;font-weight:600;color:var(--muted);text-decoration:none;transition:color .15s}
.nav a:hover{color:var(--text)}
.nav a.on{font-weight:800;color:var(--primary)}
.hdr-act{display:none;align-items:center;gap:18px}
.hdr-act .lnk{font-size:13.5px;font-weight:600;color:var(--muted);text-decoration:none}
.hdr-act .lnk:hover{color:var(--text)}
.menu-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:transparent;color:var(--text);cursor:pointer}
.mnav{border-top:1px solid var(--line);padding:8px 20px 20px}
.mnav a{display:block;padding:10px 12px;border-radius:var(--r-ctl);font-size:14px;font-weight:600;color:var(--muted);text-decoration:none}
.mnav a.on{background:var(--primary-surface);color:var(--primary);font-weight:800}
.mnav .acts{display:flex;gap:10px;margin-top:12px;padding-top:16px;border-top:1px solid var(--line)}
.mnav .acts .btn{flex:1}
@media(min-width:1024px){.nav,.hdr-act{display:flex}.menu-btn,.mnav{display:none!important}}

/* ---------- düğmeler, rozetler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:transparent;color:var(--text);font:800 13.5px var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--surface-hover)}
.btn.pri{border:0;background:var(--grad);color:#1a0b06;box-shadow:0 10px 26px rgba(var(--a1rgb),.28)}
.btn.pri:hover{filter:brightness(1.07)}
.btn.violet{border:0;background:linear-gradient(135deg,#7c5cff,#c06bff);color:#fff}
.btn.dark{border:0;background:var(--ground);color:var(--text)}
.btn.danger{background:rgba(232,58,77,.14);border-color:rgba(232,58,77,.4);color:#ffb3ba}
.btn.sm{min-height:34px;padding:0 14px;font-size:12px}
.btn:disabled,.btn.disabled{opacity:.55;cursor:default;pointer-events:none}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line-strong);font-size:10.5px;font-weight:800;color:var(--dim);white-space:nowrap}
.pill.pri{border-color:var(--primary-line);background:var(--primary-surface);color:var(--primary)}
.pill.solid{border:0;background:var(--grad);color:#1a0b06}
.pill.ok{border-color:rgba(94,227,161,.3);background:rgba(94,227,161,.1);color:var(--ok)}
.pill.sky{border-color:rgba(92,200,255,.3);background:rgba(92,200,255,.1);color:var(--sky)}
.pill.violet{border-color:rgba(124,92,255,.35);background:rgba(124,92,255,.12);color:#b7a6ff}
.pill.bad{border-color:rgba(255,107,122,.3);background:rgba(255,107,122,.1);color:var(--bad)}
.pill.gold{border-color:rgba(255,209,102,.3);background:rgba(255,209,102,.1);color:var(--gold)}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}
@media(max-width:639px){.hide-sm{display:none!important}}
.more{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--primary);text-decoration:none}

/* ---------- sayfa iskeleti ---------- */
.main{flex:1;width:100%;padding-bottom:112px}
@media(min-width:768px){.main{padding-bottom:44px}}
.phero{padding:48px 0}
@media(min-width:1024px){.phero{padding:64px 0}}
.phero h1{margin-top:12px;max-width:48rem;font-size:clamp(30px,5vw,46px);line-height:1.12}
.phero p{margin-top:16px;max-width:42rem;font-size:14px;line-height:1.75;color:var(--muted)}
.phero .row{margin-top:28px}
.sec{padding:48px 0}
.sec.bordered{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.sec-head h2{margin-top:8px;font-size:clamp(22px,3vw,28px)}
.mt8{margin-top:32px}.mt10{margin-top:40px}.mt12{margin-top:48px}.mt6{margin-top:24px}.mt4{margin-top:16px}

/* ---------- kartlar, ızgaralar ---------- */
.card{display:block;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);padding:20px;color:var(--text);text-decoration:none;transition:border-color .15s,background .15s}
.card:hover{border-color:var(--line-hover)}
.card h3{font-size:15px}
.card p{font-size:13px;line-height:1.7;color:var(--muted)}
a.card:hover h3{color:var(--primary)}
.card.accent{border-color:var(--primary-line);background:var(--primary-surface)}
.card.fill{border:0;background:linear-gradient(135deg,rgba(255,90,78,.92),rgba(255,176,61,.9)),url(../assets/banner.jpg) center/cover;color:#1a0b06}
.card.fill p{color:rgba(26,11,6,.75)}
.card.fill .eyebrow{color:rgba(26,11,6,.65)}
.icbox{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--primary-surface);color:var(--primary);flex:none}
.icbox.lg{width:48px;height:48px;background:var(--grad);color:#1a0b06}
a.card:hover .icbox{background:var(--grad);color:#1a0b06}
.g2,.g3,.g4,.grid3{display:grid;gap:12px}
.grid3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
@media(min-width:640px){.g2,.g4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.g3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.g4{grid-template-columns:repeat(4,1fr)}}
.g-wide{display:grid;gap:16px}
@media(min-width:768px){.g-wide{grid-template-columns:1.2fr .8fr}}
.stat-card{display:flex;align-items:center;gap:16px}
.stat-card b{display:block;font:800 24px/1.1 var(--sans);letter-spacing:-.02em}
.stat-card span{display:block;margin-top:6px;font-size:12px;color:var(--muted)}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.notice{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--r-card);border:1px solid var(--primary-line);background:var(--primary-surface);font-size:13px;line-height:1.7;color:var(--muted)}
.notice.plain{border-color:var(--line);background:var(--surface)}
.notice svg{color:var(--primary);margin-top:2px}
.notice b{color:var(--text)}
.empty{padding:40px;text-align:center}
.empty svg{width:32px;height:32px;color:var(--faint)}
.empty h3{margin-top:16px;font-size:17px}
.empty p{margin:8px auto 0;max-width:28rem}
.steps{display:grid;gap:16px;font-size:13px;color:var(--muted)}
@media(min-width:640px){.steps.h{grid-template-columns:repeat(3,1fr)}}
.step{display:flex;align-items:flex-start;gap:12px}
.num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--primary-surface);color:var(--primary);font-size:11px;font-weight:800;flex:none}
code.k{padding:2px 6px;border-radius:6px;background:var(--surface-hover);color:var(--primary-light);font-size:12px}

/* ---------- anasayfa ---------- */
.hero{display:grid;align-items:center;gap:40px;padding:48px 0}
.hero>*,.g-wide>*,.g2>*,.g3>*,.g4>*{min-width:0}
@media(min-width:1024px){.hero{grid-template-columns:1fr 1.1fr;padding:80px 0 48px}}
.hero h1{max-width:13ch;font-size:clamp(34px,6vw,58px);line-height:1.08}
.hero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{margin-top:20px;max-width:50ch;font-size:15px;line-height:1.75;color:var(--muted)}
.hero .row{margin-top:28px}
.badge-line{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 12px;border-radius:999px;border:1px solid var(--primary-line);background:var(--primary-surface);font-size:11px;font-weight:800;color:var(--primary-light)}
.badge-line i{width:6px;height:6px;border-radius:50%;background:var(--primary)}
.showcase{position:relative}
.showcase:before{content:"";position:absolute;inset:-32px;border-radius:50%;background:rgba(255,90,78,.12);filter:blur(60px)}
.showcase .frame{position:relative;padding:12px;border-radius:var(--r-card);border:1px solid var(--primary-line);background:var(--surface);box-shadow:0 30px 80px rgba(0,0,0,.45)}
.showcase .scr{position:relative;aspect-ratio:1.5;border-radius:var(--r-ctl);border:1px solid var(--line);overflow:hidden;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(8,6,15,.35),rgba(8,6,15,.8) 70%),linear-gradient(180deg,rgba(8,6,15,.45),rgba(8,6,15,.9)),url(../assets/hero.jpg) center/cover}
.showcase .scr img{width:96px;height:96px;filter:drop-shadow(0 0 22px rgba(255,90,78,.7))}
.showcase .scr img.big-logo{width:clamp(170px,22vw,250px);height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6)) drop-shadow(0 0 26px rgba(255,90,78,.45))}
.showcase .scr .nm{margin-top:14px;font:28px var(--disp);letter-spacing:3px}
.showcase .scr .nm em{font-style:normal;color:var(--a2)}
.fadeup{animation:fadeup .5s ease both}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- sunucu durumu, IP ---------- */
.live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--ok)}
.live.off{color:var(--faint)}
.live i{position:relative;width:8px;height:8px;border-radius:50%;background:currentColor}
.live i:after{content:"";position:absolute;inset:0;border-radius:50%;background:currentColor;animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}
.live.off i:after{display:none}
@keyframes ping{75%,to{transform:scale(2.2);opacity:0}}
.copyip{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding:8px 13px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font:800 12px var(--sans);cursor:pointer}
.copyip:hover{border-color:var(--primary-line-strong);background:var(--surface-hover)}
.copyip .c{color:var(--primary)}
.copyip.done .c{color:var(--ok)}

/* ---------- sekmeler, akordeon, form ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chipbtn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--muted);font:800 12.5px var(--sans);cursor:pointer;text-decoration:none}
.chipbtn:hover{border-color:var(--primary);color:var(--text)}
.chipbtn.on{border-color:transparent;background:var(--grad);color:#1a0b06}
.chipbtn .n{padding:1px 6px;border-radius:999px;background:var(--surface-hover);font-size:10px}
.chipbtn.on .n{background:rgba(26,11,6,.15)}
.seg{display:inline-flex;padding:4px;border-radius:var(--r-ctl);border:1px solid var(--line-strong)}
.seg button{padding:6px 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:800 12px var(--sans);cursor:pointer}
.seg button.on{background:var(--grad);color:#1a0b06}
.acc{border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);overflow:hidden}
.acc+.acc{margin-top:8px}
.acc button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:16px 20px;border:0;background:transparent;color:var(--text);font:800 14px var(--sans);text-align:left;cursor:pointer}
.acc button span{color:var(--primary);font-size:18px;transition:transform .15s}
.acc.open button span{transform:rotate(45deg)}
.acc p{display:none;padding:0 20px 20px;font-size:13px;line-height:1.8;color:var(--muted)}
.acc.open p{display:block}
.search{position:relative;max-width:36rem}
.search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--faint);pointer-events:none}
.search input{padding-left:42px;min-height:52px;font-size:14px}
label.f{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted)}
input,select,textarea{width:100%;min-height:46px;padding:10px 14px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:rgba(0,0,0,.3);color:var(--text);font:14px var(--sans);outline:0}
input::placeholder,textarea::placeholder{color:var(--faint)}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--primary)}
select option{background:#14101f}
.form{display:flex;flex-direction:column;gap:16px}
.form .two{display:grid;gap:16px}
@media(min-width:640px){.form .two{grid-template-columns:1fr 1fr}}
.check{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--muted)}
.check input{width:16px;min-height:16px;margin-top:3px;accent-color:var(--primary)}

/* ---------- tablo ---------- */
.tbl{overflow-x:auto;border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:13px}
td,th{padding:12px 16px;border-bottom:1px solid var(--line);text-align:left}
.tbl table{min-width:640px}
.tbl th{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.tbl tr:last-child td{border-bottom:0}
.tbl tbody tr:hover{background:rgba(255,255,255,.025)}

/* ---------- mağaza, haber, ekip ---------- */
.prod{display:flex;flex-direction:column}
.prod .thumb{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;overflow:hidden;background:var(--primary-surface)}
.prod .thumb img{width:100%;height:100%;object-fit:cover}
.prod h3{margin-top:24px;font-size:16px}
.prod p{margin-top:8px;min-height:44px}
.prod .foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:24px}
.price{font:800 20px/1.2 var(--sans);color:var(--gold)}
.price s{font:13px var(--sans);color:var(--faint);margin-right:6px}
.prod small{margin-top:14px;font-size:10.5px;color:var(--faint)}
.news h3{margin-top:16px;line-height:1.5}
.news .cv{margin:-20px -20px 0;height:150px;border-radius:var(--r-card) var(--r-card) 0 0;background:center/cover}
.news .cv+.card-top{margin-top:16px}
.feature-art{border-radius:var(--r-ctl);min-height:220px;background:center/cover}
.member h3{margin-top:18px}
.member .av{width:44px;height:44px;border-radius:12px;image-rendering:pixelated}
.role-h{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.role-h h2{font-size:17px}
.role-h hr{flex:1;height:1px;border:0;background:var(--line)}

/* ---------- launcher görünümü ---------- */
.mock{position:relative;border-radius:var(--r-card);border:1px solid var(--primary-line);background:var(--surface);padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.mock .win{display:grid;grid-template-columns:58px 1fr;aspect-ratio:1.55;border-radius:var(--r-ctl);overflow:hidden;border:1px solid var(--line);background:#0d0a17}
.mock .rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 0;background:rgba(0,0,0,.35);border-right:1px solid var(--line)}
.mock .rail img{width:30px;height:30px}
.mock .rail i{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.07)}
.mock .rail i.on{background:var(--grad)}
.mock .view{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:22px;background:linear-gradient(90deg,rgba(13,10,23,.95) 25%,rgba(13,10,23,.3)),url(../assets/hero.jpg) center/cover}
.mock .ttl{font:26px var(--disp);letter-spacing:2px}
.mock .ttl em{font-style:normal;color:var(--a2)}
.mock .play{display:inline-flex;width:fit-content;padding:10px 26px;border-radius:10px;background:var(--grad);color:#1a0b06;font:800 13px var(--sans)}
.mock .bar{height:6px;width:60%;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden}
.mock .bar b{display:block;height:100%;width:64%;background:var(--grad)}
.dl{display:grid;align-items:center;gap:16px;margin-top:24px;padding:20px;border-radius:var(--r-card);border:1px solid var(--line);background:rgba(0,0,0,.25)}
@media(min-width:640px){.dl{grid-template-columns:1fr auto}}
.dl .fn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;font-weight:800}
.chlog{display:flex;flex-direction:column;gap:8px}
@media(min-width:640px){.chlog{flex-direction:row;align-items:flex-start}.chlog .v{width:170px}}
.chlog ul{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;font-size:12.5px;color:var(--muted)}
.chlog li{display:flex;gap:8px}
.chlog li svg{width:14px;height:14px;margin-top:3px;color:var(--primary)}

/* ---------- harita ---------- */
.mapcard{padding:12px}
.maptool{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:4px 6px 12px}
.mapbox{position:relative;height:min(72vh,760px);min-height:420px;border-radius:var(--r-ctl);overflow:hidden;border:1px solid var(--line);background:#0d0a17}
.mapbox iframe{display:block;width:100%;height:100%;border:0}
.mapmsg{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;background:radial-gradient(circle at 50% 40%,rgba(255,90,78,.12),transparent 60%),#0d0a17}
.mapmsg h3{margin-top:14px;font-size:17px}
.mapmsg p{margin:8px auto 0;max-width:30rem;font-size:13px;color:var(--muted)}
.mapcard:fullscreen{padding:0;border:0;border-radius:0;background:#000}
.mapcard:fullscreen .maptool{padding:10px}
.mapcard:fullscreen .mapbox{height:calc(100vh - 56px);border-radius:0;border:0}

/* ---------- sözleşmeler ---------- */
.doc{scroll-margin-top:96px}
.doc h2{display:flex;align-items:center;gap:12px;font-size:19px}
.doc h3{margin-top:20px;font-size:14px}
.doc p,.doc li{font-size:13px;line-height:1.85;color:var(--muted)}
.doc p{margin-top:10px}
.doc ul{margin:10px 0 0;padding-left:20px}

/* ---------- giriş ---------- */
.auth{display:grid;gap:32px;align-items:center;padding:48px 0}
@media(min-width:1024px){.auth{grid-template-columns:1fr 440px;padding:72px 0}}
.authcard{width:100%;max-width:440px;margin:0 auto;padding:28px;border-radius:22px;background:rgba(20,14,30,.85);border:1px solid var(--line);display:flex;flex-direction:column;gap:16px}
.authcard h2{font-size:24px}

/* ---------- alt bilgi ---------- */
.ftr{margin-top:auto}
.ftr .in{max-width:1240px;margin:0 auto;padding:0 20px}
@media(min-width:640px){.ftr .in{padding:0 26px}}
.ftr .cols{display:grid;gap:26px;padding-top:28px;border-top:1px solid var(--line)}
@media(min-width:640px){.ftr .cols{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.ftr .cols{grid-template-columns:1.5fr 1fr 1fr 1.2fr}}
.ftr .about{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ftr .about p{max-width:32ch;font-size:12px;line-height:1.65;color:var(--faint)}
.ftr nav{display:flex;flex-direction:column;gap:9px}
.ftr nav b{font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--faint)}
.ftr nav a{font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none}
.ftr nav a:hover{color:var(--text)}
.ftr .soc{display:flex;gap:8px;margin-top:4px}
.ftr .soc a{padding:6px 12px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);font-size:11px;font-weight:800;color:var(--muted);text-decoration:none}
.ftr .soc a:hover{border-color:var(--primary);color:var(--primary)}
.ftr .legal{display:flex;flex-direction:column;gap:6px;margin-top:24px;padding:16px 0 24px;border-top:1px solid var(--line);font-size:11px;color:var(--faint)}
@media(min-width:640px){.ftr .legal{flex-direction:row;justify-content:space-between}}
.mobnav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;padding:8px 10px max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--ground-2)}
.mobnav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;color:var(--faint);text-decoration:none;font-size:9.5px;font-weight:800}
.mobnav a.on,.mobnav a:hover{color:var(--primary)}
@media(min-width:768px){.mobnav{display:none}}

/* ---------- hesap paneli (panel.html) ---------- */
.subbar{display:flex;justify-content:flex-end;padding-top:18px;font-size:13px;color:var(--muted)}
.panelapp{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;padding:18px 0 60px}
@media(max-width:900px){.panelapp{grid-template-columns:1fr}}
.side{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);align-self:start;position:sticky;top:90px}
@media(max-width:900px){.side{position:static;flex-direction:row;flex-wrap:wrap}}
.side button{padding:10px 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:600 14px var(--sans);text-align:left;cursor:pointer}
.side button:hover{color:var(--text)}
.side button.on{color:var(--primary);font-weight:800;background:var(--primary-surface)}
.box{padding:22px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}
.box+.box{margin-top:18px}
.box h2{font-size:20px}
.item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line);flex-wrap:wrap}
.feat{padding:20px;border-radius:var(--r-card);background:var(--surface);border:1px solid var(--line)}
.chip{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:10.5px;font-weight:800;color:var(--primary);background:var(--primary-surface);border:1px solid var(--primary-line)}
.tabs{display:inline-flex;padding:4px;border-radius:var(--r-ctl);background:var(--surface);border:1px solid var(--line)}
.tabs button{flex:1;padding:8px 18px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:800 13px var(--sans);cursor:pointer}
.tabs button.on{color:#1a0b06;background:var(--grad)}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.stat{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.stat b{display:block;font:800 20px/1.25 var(--sans);margin-top:2px}
.msg{max-width:85%;padding:10px 14px;border-radius:16px 16px 16px 4px;background:rgba(255,255,255,.07)}
.msg.staff{border:1px solid rgba(124,92,255,.5)}
.msg.mine{align-self:flex-end;border-radius:16px 16px 4px 16px;background:rgba(var(--a1rgb),.2)}
.toast{position:fixed;right:20px;bottom:96px;max-width:380px;padding:12px 16px;border-radius:14px;background:rgba(24,18,38,.97);border:1px solid rgba(255,176,61,.6);z-index:60}
@media(min-width:768px){.toast{bottom:20px}}
.toast.err{border-color:#e83a4d;color:#ffb3ba}