/* Boldsmiths tasarım çizgisi — sayfa <style>'ından SONRA yüklenir ve ortak
   görünümü uygular (zemin ışıkları, panel, serif başlık + altın çizgi,
   giriş/buton, kart yumuşatmaları). Sayfa işlevselliğine dokunmaz. */

/* zemin: yumuşak altın + mavi ışık huzmeleri */
body::before { content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(ellipse 900px 420px at 18% -80px, rgba(225,192,127,.06), transparent 60%),
             radial-gradient(ellipse 800px 380px at 85% -60px, rgba(56,189,248,.05), transparent 55%); }

/* paneller */
.panel { background:linear-gradient(180deg, rgba(225,192,127,.035), rgba(0,0,0,0) 46%), var(--card, #1e293b);
  border-radius:16px; padding:22px 24px; box-shadow:0 10px 30px rgba(0,0,0,.18); }

/* bölüm başlığı: serif + altında sönümlenen altın çizgi */
.panel h2 { font-family:var(--display, Georgia, serif); font-size:19px; color:var(--text, #e2e8f0);
  text-transform:none; letter-spacing:.05em; font-weight:400; margin-bottom:14px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.panel h2::after { content:''; display:block; width:52px; height:2px; margin-top:9px;
  background:linear-gradient(90deg, var(--gold, #E1C07F), rgba(225,192,127,0)); border-radius:1px; }
.hsub { font-size:12.5px; color:var(--dim, #94a3b8); margin:-4px 0 14px; }
.panel p.note { font-size:12.5px; color:var(--dim, #94a3b8); margin:-4px 0 14px; line-height:1.6; }

/* form ögeleri */
label { font-size:11.5px; color:var(--dim, #94a3b8); text-transform:uppercase; letter-spacing:.07em; }
input, select { background:#0b1526; border-radius:10px; }
input:focus, select:focus { outline:none; border-color:var(--accent, #38bdf8);
  box-shadow:0 0 0 1px var(--accent, #38bdf8); }
button.btn { border-radius:10px; font-weight:700; letter-spacing:.02em;
  transition:filter .15s, transform .1s; }
button.btn:hover { filter:brightness(1.1); }
button.btn:active { transform:translateY(1px); }
.suggest { border-radius:10px; box-shadow:0 14px 34px rgba(0,0,0,.4); }

/* kartlar: yumuşak köşe + hover'da hafif yükselme */
.qcard, .mare, .evwrap {
  background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(0,0,0,0)), var(--card, #1e293b);
  border-radius:14px; transition:border-color .15s, transform .15s, box-shadow .15s; }
.qcard:hover, .mare:hover, .evwrap:hover { transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(0,0,0,.25); }

/* modal */
.modal-card { border-radius:16px; }

/* token onay balonu (tokOk) */
.tokpop { position:absolute; z-index:99; min-width:190px; max-width:280px;
  background:linear-gradient(180deg, rgba(225,192,127,.05), rgba(0,0,0,0) 40%), var(--card, #1e293b);
  border:1px solid var(--gold, #E1C07F); border-radius:12px; padding:13px 15px;
  box-shadow:0 18px 44px rgba(0,0,0,.5); }
.tokpop .tp-lbl { font-size:13px; color:var(--text, #e2e8f0); }
.tokpop .tp-cost { font-family:var(--display, Georgia, serif); font-size:17px;
  color:var(--gold, #E1C07F); margin:5px 0 11px; }
.tokpop .tp-btns { display:flex; gap:8px; }
.tokpop .tp-btns button { flex:1; padding:7px 0; border-radius:8px; font-size:13px;
  cursor:pointer; border:none; transition:filter .15s; }
.tokpop .tp-btns button:hover { filter:brightness(1.12); }
.tokpop .tp-ok { background:var(--gold, #E1C07F); color:#3b2f10; font-weight:700; }
.tokpop .tp-no { background:none; border:1px solid var(--line, #334155) !important;
  color:var(--dim, #94a3b8); }

/* mobil: başlıklar gerekirse sarabilsin (kesilmesin) */
@media (max-width:720px){
  .panel { padding:18px; }
  .panel h2 { white-space:normal; }
}