@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/BarlowCondensed-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/BarlowCondensed-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/BarlowCondensed-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/BarlowCondensed-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/BarlowCondensed-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/BarlowCondensed-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/BarlowCondensed-800-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/BarlowCondensed-800-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Inter-400_700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Inter-400_700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/Rajdhani-600-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/Rajdhani-600-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Rajdhani-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/Rajdhani-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{

  --gok-ust:#7fc0e8; --gok-orta:#a9d7ef; --gok-alt:#d6eef9; --gok-sis:#e7f4fc;

  --cayir-ac:#8fb554; --cayir:#7fa845; --cayir-koyu:#6b9139;
  --okra:#c99a5b; --okra-ac:#e0be8a;

  --kagit:#f6eedc; --kagit-golge:#e8dcc2; --kagit-ac:#fbf6ea;

  --lake:#8a3d2c; --lake-ac:#9b4633; --lake-koyu:#5e271c;

  --murekkep:#2a1f18; --murekkep-2:#5b4a3c; --murekkep-3:#6f5d4e;

  --altin:#d9a441; --pirinc:#c9a227; --altin-metin:#8a5f0e;

  --shinsoo:#c0392b; --shinsoo-metin:#9a2e24;
  --chunjo:#e4b23c;  --chunjo-metin:#8a5f0e;
  --jinno:#2e6fb7;   --jinno-metin:#235a96;

  --ok:#4c8a2f; --uyari:#b0722f; --hata:#a8241a;
  --medal-gold:#7a5606; --medal-silver:#6b6b6b; --medal-bronze:#8a5624;

  --cizgi:rgba(42,31,24,.16); --cizgi-2:rgba(42,31,24,.32);
  --altin-hat:rgba(217,164,65,.5); --altin-hat-2:rgba(217,164,65,.85);

  --bg:#e4f2fb; --bg2:#dbecf7; --card:var(--kagit); --card2:var(--kagit-ac);
  --band:var(--kagit-golge);
  --line:var(--cizgi); --line2:var(--cizgi-2); --line-br:var(--cizgi-2);
  --red:var(--lake); --red-hot:var(--lake-ac); --red-deep:var(--lake-koyu);
  --crimson:var(--shinsoo); --crimson-dk:var(--shinsoo-metin);
  --ink:var(--murekkep); --mut:var(--murekkep-2); --dim:var(--murekkep-3);
  --good:var(--ok); --ice:var(--jinno);
  --gold:var(--altin); --gold-br:var(--altin); --gold-hi:var(--altin-metin);
  --hairline:var(--altin-hat); --hairline-in:var(--cizgi);

  --ui-board:url('../img/v6/ui/board.png');
  --ui-thin:url('../img/v6/ui/thin.png');
  --ui-gold:url('../img/v6/ui/gold.png');

  --disp:'Barlow Condensed',Oswald,'Arial Narrow',system-ui,sans-serif;
  --serif:var(--disp);
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --data:'Rajdhani','Barlow Condensed',sans-serif;

  --fs-hero:clamp(1.9rem,3.4vw,3.1rem);
  --fs-h1:clamp(1.8rem,1.2rem + 2.4vw,3rem);
  --fs-h2:clamp(1.65rem,1.2rem + 1.8vw,2.5rem);
  --fs-h3:clamp(1.1rem,1rem + .55vw,1.35rem);
  --fs-lead:clamp(1rem,.95rem + .4vw,1.15rem);
  --fs-body:clamp(.94rem,.9rem + .2vw,1.02rem);
  --fs-over:clamp(.68rem,.66rem + .08vw,.78rem);

  --sec-pad:clamp(48px,5.6vw,84px);
  --gut:clamp(16px,4vw,24px);
  --stack:clamp(26px,4vw,42px);
  --header-h:62px;
  --maxw:1240px;

  --r-sm:3px; --r-md:4px; --r-lg:6px; --r-pill:999px;
  --sh-card:0 10px 26px rgba(60,44,20,.13);
  --sh-yuksek:0 18px 40px rgba(60,44,20,.2);
  --ease:cubic-bezier(.6,.02,.18,1);
  --yay:var(--ease);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{
  margin:0;padding:0;color:var(--murekkep);font-family:var(--sans);
  line-height:1.62;font-size:var(--fs-body);overflow-x:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;

  background:linear-gradient(180deg,#e9f4fb 0%,#e9f2f3 42%,#edf3e7 100%) fixed;
}
img{max-width:100%;height:auto}
a{color:var(--lake);text-decoration:none}
a:hover{color:var(--lake-ac)}
::selection{background:var(--altin);color:var(--murekkep)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.clearfloat{clear:both}
.center{text-align:center}
.sayi{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.gframe{position:relative;border:1px solid var(--cizgi-2);background:var(--kagit);box-shadow:var(--sh-card)}
.gframe::before,.gframe::after{content:none}

.topbar{background:var(--lake-koyu);border-bottom:1px solid rgba(217,164,65,.42);font-size:12.5px}
.topbar .tb-in{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:3px var(--gut)}
.topbar .tb-status{display:flex;align-items:center;gap:9px;color:#e7d9bd;font:700 11.5px/1 var(--disp);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.topbar .tb-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.topbar .tb-links a{display:inline-flex;align-items:center;min-height:32px;padding:9px 2px;color:#e7d9bd;font:700 11.5px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;transition:.15s}
.topbar .tb-links a:hover{color:#fff}
.beta-chip{color:#f2dfae;border:1px solid rgba(217,164,65,.6);padding:4px 9px;font:700 10.5px/1 var(--disp);letter-spacing:.22em;white-space:nowrap;text-transform:uppercase;border-radius:2px}
.sdot{width:8px;height:8px;border-radius:50%;background:var(--cayir);box-shadow:0 0 0 3px rgba(127,168,69,.28);flex:0 0 auto;display:inline-block}
.sdot.off{background:var(--murekkep-3);box-shadow:none}
.est-chip{color:var(--murekkep-2);border:1px solid var(--cizgi);padding:4px 9px;font:700 10.5px/1 var(--disp);letter-spacing:.22em;white-space:nowrap;text-transform:uppercase}

.site-header{position:sticky;top:0;z-index:60;background:rgba(246,238,220,.93);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--altin-hat)}
.nav{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:0 var(--gut);height:var(--header-h)}
.nav .logo{display:flex;align-items:center;margin-right:4px}
.nav .logo img{height:32px;width:auto;display:block}
.wordmark{display:flex;align-items:baseline;font-family:var(--disp);font-weight:800;font-size:25px;letter-spacing:.02em;line-height:1;text-decoration:none}
.wordmark .h{color:var(--murekkep)}
.wordmark .m{color:var(--kagit);background:var(--lake);padding:2px 7px 3px;margin-left:5px;border-radius:2px;box-shadow:inset 0 0 0 1px var(--altin)}
.wordmark:hover .m{background:var(--lake-ac)}
.nav ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;height:100%;gap:2px}
.nav ul li{display:flex;align-items:center;height:100%}
.nav ul a{position:relative;font-family:var(--disp);font-weight:700;font-size:13.5px;letter-spacing:.11em;color:var(--murekkep-2);padding:10px 11px;transition:color .18s;white-space:nowrap;text-transform:uppercase}
.nav ul a::after{content:'';position:absolute;left:11px;right:11px;bottom:14px;height:2px;border-radius:2px;background:var(--altin);transform:scaleX(0);transform-origin:left;transition:transform .24s var(--ease)}
.nav ul li.active a,.nav ul a:hover{color:var(--murekkep)}
.nav ul li.active a::after,.nav ul a:hover::after{transform:scaleX(1)}
.nav-panel{display:flex;flex:1;align-items:center;gap:10px;min-width:0}
.nav-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-left:auto;padding:0;background:rgba(255,255,255,.55);border:1px solid var(--cizgi-2);border-radius:var(--r-sm);cursor:pointer}
.nav-toggle span{display:block;width:20px;height:2px;margin:0 auto;background:var(--murekkep);border-radius:2px;transition:.25s var(--ease)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-scrim{position:fixed;inset:0;z-index:55;background:rgba(42,31,24,.45);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s;pointer-events:none}
.nav-scrim.is-open{opacity:1;pointer-events:auto}
html.nav-open{overflow:hidden}
.online-pill{display:flex;align-items:center;gap:8px;font-family:var(--disp);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--murekkep-2);background:rgba(255,255,255,.62);box-shadow:inset 0 0 0 1px var(--altin-hat);padding:8px 13px;white-space:nowrap;border-radius:var(--r-pill)}
.online-pill i{width:8px;height:8px;border-radius:50%;background:var(--cayir);box-shadow:0 0 0 3px rgba(127,168,69,.24);animation:hpulse 2.4s infinite}
@keyframes hpulse{50%{opacity:.4}}
.online-pill b{color:var(--murekkep);font-size:14px;font-variant-numeric:tabular-nums}
.online-pill.off{color:var(--murekkep-3)}
.online-pill.off i{background:var(--murekkep-3);box-shadow:none;animation:none}

.btn,.btn-big,.btn-hero{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--disp);font-weight:700;letter-spacing:.09em;text-transform:uppercase;transition:.18s var(--ease);text-align:center;cursor:pointer;text-decoration:none;white-space:nowrap;border-radius:var(--r-md)}
.btn-red,.btn-gold,.btn-big,.btn-hero:not(.ghost),.tutorial-btn{
  color:var(--kagit) !important;background:var(--lake);border:0;
  box-shadow:inset 0 0 0 1px var(--altin);padding:12px 24px;font-size:14px;border-radius:var(--r-md)}
.btn-red:hover,.btn-gold:hover,.btn-big:hover,.btn-hero:not(.ghost):hover,.tutorial-btn:hover{background:var(--lake-ac);transform:translateY(-1px);color:#fff !important}
.btn-red:active,.btn-gold:active,.btn-big:active{transform:translateY(1px)}
.btn-hero.ghost,.btn-ghost{color:var(--murekkep);background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px var(--cizgi-2);border:0;padding:12px 22px;font-size:14px;border-radius:var(--r-md)}
.btn-hero.ghost:hover,.btn-ghost:hover{color:var(--murekkep);background:#fff;box-shadow:inset 0 0 0 1px var(--altin-hat-2)}
.btn-fb{font-family:var(--disp);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff !important;background:#1b4a9e;border:0;padding:12px 22px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s;border-radius:var(--r-md);text-decoration:none;white-space:nowrap}
.btn-fb:hover{background:#2d64c8;transform:translateY(-1px);color:#fff}
.btn-discord{font-family:var(--disp);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff !important;background:#5865F2;border:0;padding:12px 18px;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:.18s;border-radius:var(--r-md);text-decoration:none;white-space:nowrap}
.btn-discord:hover{background:#6b76ff;transform:translateY(-1px);color:#fff}
.btn-discord svg{width:18px;height:18px;flex:0 0 auto;fill:currentColor}
.btn-sm{padding:9px 15px !important;font-size:12.5px !important}
.hb-cta{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.nav .btn-gold,.nav .btn-red{padding:9px 16px;font-size:13px}
.nav .btn-ghost{padding:9px 15px;font-size:13px}
.nav .btn-discord{padding:9px 13px;font-size:13px}

.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--disp);font-weight:700;font-size:12px;letter-spacing:.14em;color:var(--murekkep-2);background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px var(--altin-hat);padding:6px 12px;text-transform:uppercase;border-radius:var(--r-pill)}
.chip.red{color:var(--shinsoo-metin);box-shadow:inset 0 0 0 1px rgba(192,57,43,.4)}
.kicker{font-family:var(--disp);font-weight:700;font-size:13px;line-height:1;letter-spacing:.26em;text-transform:uppercase;color:var(--altin-metin);display:flex;align-items:center;gap:12px}
.kicker::before{content:'';width:24px;height:2px;background:var(--altin);flex:0 0 auto;border-radius:2px}
.kicker.center{justify-content:center}
.kicker.center::after{content:'';width:24px;height:2px;background:var(--altin);flex:0 0 auto;border-radius:2px}
h2.sec-t{font-family:var(--disp);font-weight:800;font-size:var(--fs-h2);line-height:1.04;letter-spacing:-.008em;margin:10px 0 6px;color:var(--murekkep)}
.sec-sub{color:var(--murekkep-2);font-size:15px;max-width:640px;margin:0}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}
.sec-more{font-family:var(--disp);font-weight:700;font-size:13px;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:var(--murekkep-2);box-shadow:inset 0 0 0 1px var(--cizgi-2);padding:11px 18px;white-space:nowrap;transition:.18s;background:rgba(255,255,255,.5);border-radius:var(--r-md);text-decoration:none;display:inline-block}
.sec-more:hover{color:var(--murekkep);background:#fff;box-shadow:inset 0 0 0 1px var(--altin-hat-2)}
.sec{padding:var(--sec-pad) 0;position:relative}

.page-main{max-width:1080px;margin:0 auto;padding:38px var(--gut) 64px;min-height:40vh;position:relative;z-index:1}
.page-main.pm-wide{max-width:1240px}
.page-main.pm-home{max-width:none;padding:0}

.v6hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;
  min-height:calc(100svh - var(--header-h) - 32px);border-bottom:1px solid var(--altin-hat)}
.hero-fon{position:absolute;inset:0;z-index:0}

.hero-fon picture{display:block;position:absolute;inset:0}

.hero-fon img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.hero-fon::after{content:'';position:absolute;inset:0;pointer-events:none;background:

  linear-gradient(180deg,rgba(46,17,13,.60) 0%,rgba(46,17,13,.36) 8%,rgba(46,17,13,.14) 17%,
                  rgba(46,17,13,0) 29%),

  linear-gradient(90deg,rgba(246,238,220,.06) 0%,rgba(248,241,225,.20) 14%,
                  rgba(252,247,236,.72) 30%,rgba(253,249,239,.88) 44%,
                  rgba(253,249,239,.88) 56%,rgba(252,247,236,.72) 70%,
                  rgba(248,241,225,.20) 86%,rgba(246,238,220,.06) 100%),

  radial-gradient(58% 44% at 50% 24%,rgba(255,251,240,.90),rgba(255,251,240,.34) 58%,
                  rgba(255,251,240,0) 82%),

  linear-gradient(0deg,var(--kagit) 0%,rgba(246,238,220,.94) 11%,rgba(246,238,220,.62) 24%,
                  rgba(246,238,220,.20) 38%,rgba(246,238,220,0) 54%),

  radial-gradient(126% 92% at 50% 44%,transparent 38%,rgba(56,32,16,.42) 100%)}

.hero-fon::before{content:'';position:absolute;left:0;right:0;top:52%;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(190,150,70,.55) 18%,rgba(190,150,70,.55) 82%,transparent);
  opacity:.6;pointer-events:none}

.hero-fon img{animation:fon-nefes 48s ease-in-out infinite alternate}
@keyframes fon-nefes{from{transform:scale(1)}to{transform:scale(1.07)}}
@media (prefers-reduced-motion:reduce){.hero-fon img{animation:none}}
.hero-sahne{position:relative;z-index:3;width:min(100% - 1.6rem,1560px);margin-inline:auto;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,436px) minmax(0,1fr);
  align-items:end;gap:clamp(.5rem,1.6vw,1.6rem);padding:.8rem 0 .7rem}

.yan{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}

.yan::before{content:'';position:absolute;bottom:2.6rem;left:50%;transform:translateX(-50%);
  width:66%;height:26px;border-radius:50%;z-index:-1;
  background:radial-gradient(ellipse,rgba(60,40,18,.34),transparent 70%);filter:blur(3px)}
.yan.sol{justify-self:start}
.yan.sag{justify-self:end}

.yan img{height:clamp(300px,70vh,700px);width:auto;max-width:none}

.yan.sag img{height:clamp(300px,64vh,640px);transform:translateY(-7%);
  -webkit-mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,0) 100%)}
.yan.sag::before{display:none}
.yan figcaption{display:inline-flex;align-items:center;gap:.45rem;margin-top:.55rem;
  font-family:var(--disp);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  color:var(--murekkep-2);background:rgba(246,238,220,.9);padding:.36rem .9rem;border-radius:100px;
  box-shadow:inset 0 0 0 1px var(--altin-hat)}
.yan figcaption svg{width:15px;height:15px;fill:var(--murekkep-2)}

.orta{text-align:center;padding-bottom:.3rem}

.orta-logo{width:min(100%,288px);margin:0 auto .55rem}
.orta h1{font-family:var(--disp);font-weight:800;font-size:var(--fs-hero);line-height:.96;
  letter-spacing:-.012em;margin:0 0 .45rem;color:var(--murekkep)}

.orta-ust{font-family:var(--disp);font-weight:700;font-size:.74rem;letter-spacing:.24em;
  text-transform:uppercase;color:#6f4f06;margin:0 0 .5rem}
.orta-alt{font-size:.95rem;color:rgba(42,31,24,.86);margin:0 0 1rem}
.orta-alt b{color:var(--murekkep);font-weight:700}
/* Tekerlemenin yarimlari kendi iclerinde bolunmez; kirilma yalniz virgulde olur
   (390 px'te "...yolda / cepte." diye ortasindan kiriliyordu). */
.orta-alt .bol{white-space:nowrap}

.giris{border:26px solid transparent;border-image:var(--ui-board) 32 fill stretch;
  padding:0;margin:0 0 .9rem;text-align:left}

.giris-bar{height:32px;margin:0 0 .6rem;border-style:solid;border-width:0 32px;
  border-image:url('../img/v6/ui/titlebar.png') 0 64 fill stretch;
  display:flex;align-items:center;justify-content:center;padding-right:26px}
.giris-bar span{font-family:var(--disp);font-weight:700;font-size:.82rem;letter-spacing:.22em;
  text-transform:uppercase;color:#f0e2c4;text-shadow:0 1px 2px rgba(0,0,0,.85)}
.giris-ic{display:grid;gap:.5rem}
.giris-ic input.g-alan,.giris-ic .g-dg{margin:0}
.giris input.g-alan{width:100%;height:38px;border:0;outline:none;font:inherit;font-size:.92rem;
  padding:0 .8rem;color:#e8e2d4;caret-color:var(--altin);border-radius:0;
  background:url('../img/v6/ui/input.png') center/100% 100% no-repeat}
.giris input.g-alan::placeholder{color:#8c8578}
.giris input.g-alan:focus{box-shadow:inset 0 0 0 1px rgba(217,164,65,.75)}

.giris .g-dg{width:100%;height:44px;padding:0;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-weight:700;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;
  color:#ded5c2;text-shadow:0 1px 2px rgba(0,0,0,.9);border-radius:0;background:none;
  border:0 solid transparent;border-width:0 12px;
  border-image:url('../img/v6/ui/btn-0.png') 0 12 fill stretch;transition:none}
.giris .g-dg:hover{border-image-source:url('../img/v6/ui/btn-1.png');color:#f2ead8}
.giris .g-dg:active{border-image-source:url('../img/v6/ui/btn-2.png');color:#c9c0ae;padding-top:2px}
.giris-bag{display:flex;justify-content:center;gap:.6rem;margin-top:.15rem;font-size:.78rem;color:#c9b896}
.giris-bag a{color:#e3bf76;text-decoration:underline;text-underline-offset:3px}
.giris-bag a:hover{color:#f6e2b4}
.giris-bag i{color:#8b7a5e;font-style:normal}
.giris-hata{margin:.15rem 0 0;font-size:.8rem;color:#ffb3ac;text-align:center}
.giris-selam{padding:.2rem .2rem .5rem;text-align:center;color:#e9dcbc}
.giris-selam b{color:#f2dfae}
.giris-selam .g-dg{margin-top:.55rem}

.cta-kayit{display:block;margin:.7rem 0 .55rem;padding:.72rem 1rem .66rem;text-align:center;
  border-radius:var(--r-md);text-decoration:none;position:relative;isolation:isolate;
  background:linear-gradient(180deg,#a3312a,#7c2019 62%,#6b1912);
  box-shadow:0 1px 0 rgba(255,225,170,.30) inset,0 10px 22px rgba(76,20,12,.30);
  border:1px solid rgba(226,180,96,.55);transition:.16s var(--ease)}
.cta-kayit span{display:block;font-family:var(--disp);font-weight:800;letter-spacing:.10em;
  text-transform:uppercase;font-size:1.06rem;line-height:1.1;color:#fdf3dc}
.cta-kayit em{display:block;margin-top:.2rem;font-style:normal;font-size:.74rem;
  letter-spacing:.02em;color:rgba(253,243,220,.78)}
.cta-kayit:hover{transform:translateY(-1px);border-color:rgba(240,205,132,.9);
  box-shadow:0 1px 0 rgba(255,232,186,.42) inset,0 14px 26px rgba(76,20,12,.36)}
.cta-kayit:active{transform:translateY(0)}
.indirmeler{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}
.indirmeler .dg{flex:1}
.dg{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:var(--disp);font-weight:700;font-size:.9rem;letter-spacing:.08em;
  text-transform:uppercase;padding:.6rem 1rem;border-radius:var(--r-md);
  background:var(--lake);color:var(--kagit);box-shadow:inset 0 0 0 1px var(--altin);
  transition:transform .16s var(--ease),background .18s}
.dg svg{width:17px;height:17px;fill:currentColor;flex:none}
.dg:hover{background:var(--lake-ac);transform:translateY(-1px);color:var(--kagit)}
.dg:active{transform:translateY(1px)}
.dg-ac{background:rgba(255,255,255,.5);color:var(--murekkep);box-shadow:inset 0 0 0 1px var(--cizgi-2)}
.dg-ac:hover{background:#fff;color:var(--murekkep)}
.indir-not{font-size:.74rem;color:var(--murekkep-3);margin:0 0 .8rem}
.gercekler{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1rem;list-style:none;
  margin:0;padding:.5rem 1.1rem;font-size:.82rem;color:var(--murekkep-2);
  background:rgba(246,238,220,.82);border-radius:100px;box-shadow:inset 0 0 0 1px var(--altin-hat)}
.gercekler b{font-family:var(--disp);font-weight:700;font-size:.98rem;color:var(--murekkep)}

.v5stats{position:relative;background:var(--kagit);border-top:1px solid var(--altin-hat);border-bottom:1px solid var(--altin-hat)}
.v5stats .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cizgi);padding:0}
.v5stats .stat{background:var(--kagit);padding:22px 24px 20px}
.v5stats .stat b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(26px,2.8vw,38px);line-height:1;color:var(--murekkep)}
.v5stats .stat b em{font-style:normal;color:var(--altin-metin)}
.v5stats .stat span{display:block;margin-top:6px;font-family:var(--disp);font-weight:700;font-size:11.5px;line-height:1.45;letter-spacing:.18em;text-transform:uppercase;color:var(--murekkep-3)}

.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ncard{background:var(--kagit);border:1px solid var(--cizgi-2);border-radius:var(--r-lg);position:relative;padding:20px 20px 18px;transition:.18s var(--ease);display:flex;flex-direction:column;gap:9px;overflow:hidden}
.ncard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:.18s}
.ncard:hover{transform:translateY(-3px);box-shadow:var(--sh-card);border-color:var(--altin-hat-2)}
.ncard:hover::before{background:var(--altin)}
.ncard.feat{grid-column:span 2;grid-row:span 2;padding:0;isolation:isolate;justify-content:flex-end;min-height:340px}
.ncard.feat .inner{padding:24px;background:linear-gradient(to top,rgba(42,31,24,.94) 30%,rgba(42,31,24,.45) 72%,transparent);display:flex;flex-direction:column;gap:9px}
.ncard.feat :is(h2,h3),.ncard.feat p{color:#f6eedc}
.ncard.feat .ndate{color:#d6c6a4}
.nmeta{display:flex;align-items:center;gap:12px}
.nbadge{font-family:var(--disp);font-weight:700;font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border:1px solid;border-radius:2px}
.nbadge.duyuru{color:var(--shinsoo-metin);border-color:rgba(192,57,43,.42);background:rgba(192,57,43,.07)}
.nbadge.guncelleme{color:var(--altin-metin);border-color:var(--altin-hat);background:rgba(217,164,65,.1)}
.nbadge.etkinlik{color:var(--ok);border-color:rgba(76,138,47,.4);background:rgba(76,138,47,.08)}
.ndate{font-family:var(--disp);font-weight:700;font-size:12.5px;line-height:1;letter-spacing:.1em;color:var(--murekkep-3)}
.ncard :is(h2,h3){font-family:var(--disp);font-weight:800;font-size:21px;line-height:1.14;letter-spacing:-.005em;margin:0;color:var(--murekkep)}
.ncard.feat :is(h2,h3){font-size:29px}
.ncard p{color:var(--murekkep-2);font-size:13.5px;line-height:1.58;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ncard .oku{margin-top:auto;font-family:var(--disp);font-weight:700;font-size:12.5px;line-height:1;letter-spacing:.16em;color:var(--altin-metin);text-transform:uppercase}
.ncard.feat .oku{color:#eccb84}

.rr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch}
.panel{background:var(--kagit);border:1px solid var(--cizgi-2);border-radius:var(--r-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--sh-card)}
.panel .phd{display:flex;align-items:center;border-bottom:1px solid var(--cizgi);background:var(--kagit-golge)}
.ptab{font-family:var(--disp);font-weight:700;font-size:13.5px;line-height:1;letter-spacing:.16em;text-transform:uppercase;padding:15px 20px;color:var(--murekkep-3);border-right:1px solid var(--cizgi);cursor:pointer;background:none;border-top:0;border-bottom:0;border-left:0}
.ptab.on{color:var(--murekkep);background:var(--kagit-ac);box-shadow:inset 0 -3px 0 var(--altin)}
.phd .spacer{margin-left:auto;padding-right:16px;font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.16em;color:var(--murekkep-3);text-transform:uppercase}
table.rank{width:100%;border-collapse:collapse;font-size:14px}
table.rank td{padding:10px 18px;border-bottom:1px solid var(--cizgi);border-left:0;border-right:0;border-top:0}
table.rank tr:last-child td{border-bottom:0}
table.rank .no{width:44px;font-family:var(--disp);font-weight:800;font-size:15px;color:var(--murekkep-3)}
table.rank .no.m1{color:var(--medal-gold)}
table.rank .no.m2{color:var(--medal-silver)}
table.rank .no.m3{color:var(--medal-bronze)}
table.rank .nm{font-weight:600;color:var(--murekkep)}
table.rank .lv{text-align:right;font-family:var(--disp);font-weight:700;color:var(--murekkep-2)}
table.rank .emp{width:70px;text-align:right}
.emp-dot{display:inline-block;width:9px;height:9px;border-radius:2px;margin-left:6px;vertical-align:middle}
.emp-dot.sh{background:var(--shinsoo)}.emp-dot.ch{background:var(--chunjo)}.emp-dot.ji{background:var(--jinno)}
.panel .pft{margin-top:auto;padding:13px 18px;border-top:1px solid var(--cizgi);background:var(--kagit-golge);display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--murekkep-3);font-size:12px;flex-wrap:wrap}

.shot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.shot-grid a{position:relative;overflow:hidden;border:1px solid var(--cizgi-2);border-radius:var(--r-md);aspect-ratio:16/10;display:block}
.shot-grid img{width:100%;height:100%;object-fit:cover;transition:.35s;display:block}
.shot-grid a:hover img{transform:scale(1.06)}
.shot-grid a::after{content:'';position:absolute;inset:0;border-radius:var(--r-md);box-shadow:inset 0 0 0 2px rgba(217,164,65,0);transition:.2s}
.shot-grid a:hover::after{box-shadow:inset 0 0 0 2px var(--altin)}
.cap{text-align:center;margin-top:18px;font-size:13px;color:var(--murekkep-3)}
.cap b{color:var(--murekkep-2)}

.v5why{position:relative;padding:var(--sec-pad) 0;background:var(--kagit);border-top:1px solid var(--altin-hat);border-bottom:1px solid var(--altin-hat)}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.why-col{border:1px solid var(--cizgi-2);border-radius:var(--r-lg);background:var(--kagit-ac);padding:24px}
.why-col :is(h2,h3){font-family:var(--disp);font-weight:800;font-size:15px;line-height:1;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.why-col.var :is(h2,h3){color:var(--ok)}
.why-col.yok :is(h2,h3){color:var(--shinsoo-metin)}
.why-col ul{list-style:none;margin:0;padding:0}
.why-col li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--cizgi);font-size:14.5px;color:var(--murekkep-2);align-items:baseline}
.why-col li:last-child{border-bottom:0}
.why-col li b{color:var(--murekkep);font-weight:700}
.why-col .ic{font-family:var(--disp);font-weight:700;font-size:13px;line-height:1.5;flex:0 0 auto}
.why-col.var .ic{color:var(--ok)}
.why-col.yok .ic{color:var(--shinsoo-metin)}
.why-quote{margin-top:28px;text-align:center;font-family:var(--disp);font-weight:800;font-size:clamp(22px,3vw,32px);line-height:1.22;color:var(--murekkep)}
.why-quote em{font-style:normal;color:var(--altin-metin)}

.v5community{padding:calc(var(--sec-pad) - 8px) 0;text-align:center;
  background:linear-gradient(180deg,var(--gok-alt),var(--gok-sis));border-top:1px solid var(--altin-hat)}
.v5community h2{font-family:var(--disp);font-weight:800;font-size:clamp(28px,4vw,42px);line-height:1.08;margin:12px 0 8px;color:var(--murekkep)}
.v5community p{color:var(--murekkep-2);max-width:560px;margin:0 auto 24px}
.v5community .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ctas{display:flex;gap:12px;flex-wrap:wrap}

.class-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cls-card{position:relative;border:1px solid var(--cizgi-2);border-radius:var(--r-lg);
  background:linear-gradient(180deg,var(--kagit-ac),var(--kagit-golge));
  display:flex;flex-direction:column;align-items:center;padding:24px 16px 18px;
  transition:.18s var(--ease);text-decoration:none;overflow:hidden}
.cls-card:hover{transform:translateY(-4px);box-shadow:var(--sh-card);border-color:var(--altin-hat-2)}
.cls-card img{width:min(180px,72%);height:auto;filter:drop-shadow(0 14px 20px rgba(60,44,20,.28));transition:.25s}
.cls-card:hover img{transform:scale(1.04)}
.cls-card :is(h2,h3,h4){font-family:var(--disp);font-weight:800;font-size:20px;letter-spacing:.01em;margin:14px 0 2px;color:var(--murekkep)}
.cls-card span{font-family:var(--disp);font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--murekkep-3)}

.content{margin:0 0 24px}
.content-bg{position:relative;border:1px solid var(--cizgi-2);border-radius:var(--r-lg);background:var(--kagit);box-shadow:var(--sh-card);overflow:hidden}
.content-bg::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--altin),rgba(217,164,65,.12))}
.content-bg-bottom{padding:28px 32px}

.content h1,.content-bg-bottom>h1,.content h2,.content-bg-bottom>h2{font-family:var(--disp);font-weight:800;font-size:clamp(23px,2.5vw,29px);line-height:1.12;letter-spacing:-.006em;color:var(--murekkep);margin:0 0 15px}
.content h3,.inner-content h3{font-family:var(--disp);font-weight:800;font-size:19px;letter-spacing:.005em;color:var(--murekkep);margin:24px 0 8px}

h2.gh3,h3.gh3,.content h2.gh3,.inner-content h2.gh3{font-family:var(--disp);font-weight:800;
  font-size:19px;line-height:inherit;letter-spacing:.005em;color:var(--murekkep);margin:24px 0 8px}
h2.gh4,h3.gh4,h4.gh4,.content h2.gh4,.content h3.gh4,.inner-content h2.gh4,.inner-content h3.gh4{
  font-family:var(--disp);font-weight:700;font-size:16px;line-height:inherit;
  color:var(--murekkep-2);margin:16px 0 6px}
.content h4,.inner-content h4{font-family:var(--disp);font-weight:700;font-size:16px;color:var(--murekkep-2);margin:16px 0 6px}
.inner-content p,.content-bg-bottom p{color:var(--murekkep-2)}
.inner-content p b,.inner-content p strong,.content-bg-bottom p b,.content-bg-bottom p strong{color:var(--murekkep)}
.inner-content a{text-decoration:underline;text-underline-offset:3px}
.shadow{height:18px}
.trenner{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--altin-hat-2),transparent);margin:20px 0}
.box-foot{display:none}
table{border-collapse:collapse}
.content table,.inner-content table{width:100%;margin:12px 0 18px}
.content td,.content th,.inner-content td,.inner-content th{padding:9px 12px;border:1px solid var(--cizgi);font-size:14px;color:var(--murekkep-2)}
.content th,.inner-content th{font-family:var(--disp);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--murekkep);font-size:12.5px;background:var(--kagit-golge)}
.content caption,.inner-content caption{font-family:var(--disp);font-weight:800;color:var(--murekkep);padding:8px 0;letter-spacing:.03em}
td.left_td{color:var(--murekkep);font-weight:600;width:34%;background:rgba(232,220,194,.45)}
.pager{display:flex;gap:8px;justify-content:center;margin:16px 0}
.pager a,.pager span{padding:7px 13px;border:1px solid var(--cizgi-2);border-radius:var(--r-sm);font-size:13px;font-family:var(--disp);font-weight:700;letter-spacing:.04em}
.pager a:hover{border-color:var(--altin-hat-2);background:#fff}
.txt{color:var(--murekkep-2)}
.content-last{margin-bottom:4px}

.tabs-nav{display:flex;gap:6px;list-style:none;margin:0 0 20px;padding:0;flex-wrap:wrap}
.tabs-nav li{margin:0}
.tabs-nav a{display:block;font-family:var(--disp);font-weight:700;font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--murekkep-3);border:1px solid var(--cizgi-2);border-radius:var(--r-md);padding:10px 16px;transition:.2s;background:rgba(255,255,255,.5)}
.tabs-nav li.selected a,.tabs-nav a:hover{color:var(--murekkep);border-color:var(--altin-hat-2);background:#fff}

.inner-form-box{max-width:520px;margin:0 auto}
.inner-form-border{border:1px solid var(--cizgi-2);border-radius:var(--r-lg);padding:24px 26px;background:var(--kagit-ac)}
.form-item{margin:0 0 15px}
.form-item label,form label{display:block;font-family:var(--disp);font-weight:700;font-size:12.5px;letter-spacing:.1em;color:var(--murekkep-2);text-transform:uppercase;margin-bottom:6px}
input[type=text],input[type=password],input[type=email],input[type=tel],select,textarea{width:100%;background:#fff;border:1px solid var(--cizgi-2);color:var(--murekkep);padding:11px 13px;font-size:14.5px;font-family:var(--sans);outline:none;transition:.2s;border-radius:var(--r-sm)}
input:focus,select:focus,textarea:focus{border-color:var(--altin);box-shadow:0 0 0 3px rgba(217,164,65,.22)}
input[type=checkbox]{width:auto}
input[type=submit],button[type=submit]{font-family:var(--disp);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:14px;color:var(--kagit);background:var(--lake);border:0;box-shadow:inset 0 0 0 1px var(--altin);padding:13px 28px;cursor:pointer;transition:.18s;border-radius:var(--r-md)}
input[type=submit]:hover,button[type=submit]:hover{background:var(--lake-ac);transform:translateY(-1px)}
.error,.form-error,.error-mini{color:var(--hata)}
.success{color:var(--ok)}
#regLegend{font-size:12.5px;color:var(--murekkep-3);margin-top:10px}
#regLegend a,#regLegend a strong{color:var(--lake)}
#subscribe{margin-top:16px;padding-top:16px;border-top:1px solid var(--cizgi)}
#subscribe :is(h2,h3){font-family:var(--disp);font-weight:800;font-size:16px;color:var(--murekkep);margin:0 0 6px}
#checkerror{margin:10px 0}
#checkerror p{color:var(--murekkep-3);font-size:13px;margin:0}
#topwLost,#toLogin{float:right;font-size:13px;font-weight:400;letter-spacing:0;margin-top:4px}
.hp-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}

.class-card,.empire-card{border:1px solid var(--cizgi-2);border-radius:var(--r-lg);overflow:hidden;background:var(--kagit);transition:.25s var(--ease)}
.class-card:hover,.empire-card:hover{transform:translateY(-4px);box-shadow:var(--sh-card);border-color:var(--altin-hat-2)}
.cc-body,.empire-card>div{padding:14px 16px}
.cc-figure{display:flex;align-items:flex-end;justify-content:center;padding:20px 0 0;
  background:radial-gradient(95% 75% at 50% 88%,rgba(217,164,65,.24),transparent 62%),
             linear-gradient(180deg,var(--kagit-ac),var(--kagit-golge));border-bottom:1px solid var(--cizgi)}
.cc-figure img{display:block;width:min(60%,250px);height:auto;filter:drop-shadow(0 14px 22px rgba(60,44,20,.34))}
.et-name{font-family:var(--disp);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--murekkep)}
.et-sub{font-size:12px;color:var(--murekkep-3)}
.characterclasses-grid,.empires-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:6px}
.empire1,.empire2,.empire3{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}
.empire1{background-image:url(../img/1_s.png)}
.empire2{background-image:url(../img/2_s.png)}
.empire3{background-image:url(../img/3_s.png)}

.wallpaper-links{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.wallpaper-links li a{border:1px solid var(--cizgi-2);border-radius:var(--r-sm);padding:7px 12px;font-size:13px;display:inline-block;background:rgba(255,255,255,.5)}
.wallpaper-links li a:hover{border-color:var(--altin-hat-2);background:#fff}
.screenshots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.screenshots li{margin:0}
.screenshots img{width:100%;border:1px solid var(--cizgi-2);border-radius:var(--r-sm);transition:.3s}
.screenshots a:hover img{border-color:var(--altin-hat-2);transform:scale(1.03)}

.highscore,.rankings-table{width:100%}
.highscore th{font-family:var(--disp);color:var(--murekkep);letter-spacing:.09em;text-transform:uppercase}
.highscore tr:nth-child(even) td{background:rgba(232,220,194,.4)}
.highscore-player ul{list-style:none;margin:0;padding:0}
#ranking td,#ranking th{border-left:0;border-right:0}

.about-inner-content,.firststeps-inner-content,.gallery-inner-content,.download-inner-content,.administration-inner-content{margin:2px 2px 0}
.firststepsbox-1,.firststepsbox-2,.firststepsbox-3,
.tutorialsbox,.gallerybox{background:var(--kagit-ac);border:1px solid var(--cizgi-2);border-radius:var(--r-md);padding:18px 20px;margin:0 0 14px}
.firststepsbox-1>:first-child,.firststepsbox-2>:first-child,.firststepsbox-3>:first-child,
.tutorialsbox>:first-child,.gallerybox>:first-child{margin-top:0}

.ab-art{float:right;width:min(300px,44%);height:auto;margin:0 0 10px 16px;border:1px solid var(--cizgi-2);border-radius:var(--r-sm)}

.administration-box{margin:12px 0}
.administration-box a.btn{margin-right:12px}
.input-data-box,.input-data-box2{background:var(--kagit-ac);border:1px solid var(--cizgi-2);border-radius:var(--r-md);padding:16px 18px;margin:0 0 14px}
.administration-inner-content ul{list-style:none;margin:0;padding:0}
.administration-inner-content ul li{padding:5px 0;font-size:14px;color:var(--murekkep-2)}
.administration-inner-content span.offset,.administration-inner-content strong{color:var(--murekkep)}
a.btn:not(.btn-gold):not(.btn-red):not(.btn-ghost):not(.btn-discord):not(.btn-fb):not(.btn-hero){display:inline-block;padding:10px 20px;background:rgba(255,255,255,.55);border:1px solid var(--cizgi-2);border-radius:var(--r-md);font-family:var(--disp);font-weight:700;font-size:13.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--murekkep);text-decoration:none;transition:.2s;margin:10px 0 2px}
a.btn:not(.btn-gold):not(.btn-red):not(.btn-ghost):not(.btn-discord):not(.btn-fb):not(.btn-hero):hover{border-color:var(--altin-hat-2);background:#fff;color:var(--murekkep)}

.site-footer{position:relative;z-index:1;border-top:1px solid var(--altin-hat);background:var(--kagit);margin-top:40px}
.page-main.pm-home+.site-footer{margin-top:0}
.site-footer .f-grid{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:32px;padding:46px var(--gut) 34px}
.site-footer h2{font-family:var(--disp);font-weight:700;letter-spacing:.22em;font-size:12px;color:var(--murekkep-3);margin:0 0 14px;text-transform:uppercase}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin:1px 0}
.site-footer li a{display:inline-block;padding:7px 0;color:var(--murekkep-2);font-size:13.5px}
.site-footer li a:hover{color:var(--murekkep)}
.site-footer .flogo{display:block}
.site-footer .fnote{margin-top:12px;font-size:13px;color:var(--murekkep-3);max-width:36ch}
.f-emblems{display:flex;gap:10px;margin-top:16px;align-items:center}
.f-emblems img{width:34px;height:34px;object-fit:contain;opacity:.85;transition:.18s}
.f-emblems img:hover{opacity:1;transform:translateY(-2px)}
.f-legal{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;padding:0 var(--gut) 10px}
.f-legal a{color:var(--murekkep-3);font-size:12.5px}
.f-legal a:hover{color:var(--murekkep)}

.footer-alt{background:var(--lake-koyu);border-top:1px solid var(--altin-hat)}
.copy{text-align:center;color:#d9cbb0;font-size:12.5px;padding:16px 16px 0;max-width:900px;margin-inline:auto}
.copy b{color:#f2dfae}

.form-onay{margin:14px 0 8px;display:flex;flex-direction:column;gap:11px;text-align:left;font-size:13.5px;line-height:1.55}

.form-onay label{display:block;position:relative;padding-left:27px;cursor:pointer;
  text-transform:none;letter-spacing:0;font-weight:400;color:var(--murekkep-2)}
.form-onay input[type=checkbox]{position:absolute;left:0;top:2px;margin:0;width:16px;height:16px;accent-color:var(--lake)}
.form-onay a{text-decoration:underline}
.ops{font-weight:400;opacity:.7;font-size:.9em}
.feragat{text-align:center;color:#bfae90;font-size:11.5px;line-height:1.55;padding:10px 16px 18px;margin:0;max-width:900px;margin-inline:auto}

.legal{max-width:74ch}
.legal p,.legal li{color:var(--murekkep-2);font-size:14.5px;line-height:1.75}
.legal ul{margin:6px 0 14px;padding-left:22px}
.legal li{margin-bottom:6px}
.legal h3{margin-top:24px}

.legal h2,.legal h2.content-bg-bottom{font-family:var(--disp);font-weight:800;font-size:19px;
  letter-spacing:.005em;color:var(--murekkep);margin:26px 0 8px;line-height:1.3}
.legal code{background:rgba(217,164,65,.14);border:1px solid var(--cizgi);padding:1px 6px;font-size:13px;color:var(--murekkep)}
.legal-updated{font-size:12.5px;color:var(--murekkep-3);border-left:3px solid var(--altin);padding-left:12px;margin:0 0 20px}

.legal-tablo{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:13.5px;
  display:block;overflow-x:auto}
.legal-tablo th,.legal-tablo td{border:1px solid var(--cizgi-2);padding:8px 10px;
  text-align:left;vertical-align:top;color:var(--murekkep-2);line-height:1.6}
.legal-tablo th{background:rgba(217,164,65,.12);color:var(--murekkep);font-weight:700;
  font-family:var(--disp);letter-spacing:.02em}
.legal-tablo tr:nth-child(even) td{background:rgba(255,255,255,.4)}
.legal-tablo td strong{color:var(--murekkep)}
.legal-disclaimer{margin-top:22px;padding:12px 16px;background:rgba(217,164,65,.12);border:1px solid var(--altin-hat);border-radius:var(--r-md);font-size:13px;color:var(--murekkep-2)}

.news-item + .news-item{border-top:1px solid var(--cizgi);padding-top:14px;margin-top:16px}
.news-date{font-family:var(--disp);font-size:12.5px;font-weight:700;color:var(--murekkep-3);letter-spacing:.05em;white-space:nowrap}

.cookie-notice{position:fixed;left:50%;right:auto;bottom:14px;transform:translateX(-50%);z-index:9000;max-width:660px;width:calc(100% - 28px);display:flex;gap:14px;align-items:center;justify-content:space-between;background:var(--kagit);border:1px solid var(--cizgi-2);border-radius:var(--r-lg);padding:13px 16px;box-shadow:var(--sh-yuksek)}
.cookie-notice p{margin:0;font-size:12.5px;line-height:1.55;color:var(--murekkep-2)}
.cookie-notice .cookie-ok{flex:0 0 auto;padding:9px 20px;font-size:12.5px}

.pw-beta-note{max-width:620px;margin:0 0 18px;padding:11px 15px;font-size:13.5px;line-height:1.6;color:var(--murekkep-2);background:rgba(217,164,65,.12);border:1px solid var(--altin-hat);border-radius:var(--r-md)}
.e404-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:18px 0}
.e404-links a{display:block;text-align:center;padding:12px 14px;border:1px solid var(--cizgi-2);border-radius:var(--r-md);background:rgba(255,255,255,.55);color:var(--murekkep);font-weight:600;text-decoration:none}
.e404-links a:hover{border-color:var(--altin-hat-2);background:#fff}
.e404-art{position:relative;margin:0 0 20px;border:1px solid var(--cizgi-2);border-radius:var(--r-md);overflow:hidden;aspect-ratio:3/1}
.e404-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}

.page-hero{position:relative;isolation:isolate;height:clamp(140px,19vw,250px);border-bottom:1px solid var(--altin-hat);overflow:hidden}
.page-hero::before{content:'';position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 30%;background-repeat:no-repeat}
.page-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to top,var(--gok-sis) 0%,rgba(231,244,252,.35) 38%,rgba(231,244,252,.1) 66%,rgba(231,244,252,.35) 100%)}

.page-hero+.page-main{padding-top:32px}

.side-art{display:none !important}

@media (max-width:1280px){
  .nav ul a{padding:10px 8px;font-size:12.5px;letter-spacing:.08em}
  .nav ul a::after{left:8px;right:8px}
}
@media (max-width:1180px){
  .nav-actions .online-pill{display:none}
}
@media (max-width:1080px){
  .hero-sahne{grid-template-columns:1fr 1fr;grid-template-areas:"orta orta" "sol sag";row-gap:1.2rem}
  .orta{grid-area:orta;max-width:436px;margin-inline:auto}
  .yan.sol{grid-area:sol;justify-self:center}
  .yan.sag{grid-area:sag;justify-self:center}

  .hero-fon{bottom:auto;height:46%}
  .hero-fon img{object-position:50% 60%}
  .hero-fon::before{top:auto;bottom:34%}
  .yan img{height:clamp(170px,26vh,280px)}
  .yan.sag img{height:clamp(190px,29vh,310px)}
  .v6hero{min-height:0;padding-bottom:1.4rem}
  .orta-logo{width:min(100%,210px)}

  .news-grid{grid-template-columns:1fr 1fr}
  .ncard.feat{grid-column:span 2;grid-row:auto}
  .rr-grid,.why-grid{grid-template-columns:1fr}
  .shot-grid{grid-template-columns:repeat(3,1fr)}
  .site-footer .f-grid{grid-template-columns:1fr 1fr}
  .v5stats .wrap{grid-template-columns:repeat(2,1fr)}
  .class-strip{grid-template-columns:repeat(2,1fr)}
  .screenshots{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .nav{position:relative}
  .nav-toggle{display:flex;position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);margin:0;z-index:57}
  .nav-panel{position:fixed;top:0;right:0;z-index:56;height:100dvh;width:min(360px,86vw);
    flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    padding:calc(var(--header-h) + 14px) 22px 28px;
    background:linear-gradient(180deg,var(--kagit-ac),var(--kagit-golge));
    border-left:1px solid var(--altin-hat-2);
    box-shadow:-24px 0 60px rgba(60,44,20,.28);transform:translateX(calc(100% + 24px));
    transition:transform .32s var(--ease);overflow-y:auto;overscroll-behavior:contain;visibility:hidden}
  .nav-panel.is-open{transform:translateX(0);visibility:visible}
  .nav-panel ul{flex-direction:column;align-items:stretch;height:auto;width:100%;gap:0}
  .nav-panel ul li{height:auto}
  .nav-panel ul a{display:block;padding:14px 4px;font-size:14.5px;letter-spacing:.1em;border-bottom:1px solid var(--cizgi);color:var(--murekkep)}
  .nav-panel ul a::after{display:none}
  .nav-panel ul li.active a,.nav-panel ul a:hover{color:var(--lake);background:rgba(217,164,65,.12)}
  .nav-actions{flex-direction:column;align-items:stretch;gap:10px;margin:20px 0 0}
  .nav-actions .online-pill{display:flex;justify-content:center}
  .nav-actions .btn-gold,.nav-actions .btn-red,.nav-actions .btn-ghost,.nav-actions .btn-discord{width:100%;justify-content:center;text-align:center}
}
@media (max-width:900px){
  .characterclasses-grid,.empires-grid{grid-template-columns:1fr}
  }
@media (max-width:640px){
  .topbar .tb-in{flex-wrap:wrap;justify-content:center;padding-top:6px;padding-bottom:6px}
  .v5stats .wrap{grid-template-columns:1fr 1fr}
  .news-grid{grid-template-columns:1fr}
  .ncard.feat{grid-column:auto;min-height:280px}
  .shot-grid{grid-template-columns:1fr 1fr}
  .class-strip{grid-template-columns:1fr 1fr;gap:10px}
  .cls-card :is(h2,h3,h4){font-size:16px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:14px}
  .content-bg-bottom{padding:20px 17px}
  .site-footer .f-grid{grid-template-columns:1fr;gap:22px}
  .screenshots{grid-template-columns:1fr}
  .ab-art{float:none;width:100%;margin:0 0 12px}
  .cookie-notice{left:0;right:0;bottom:0;transform:none;max-width:none;width:100%;border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:10px 14px;gap:10px}
  .cookie-notice p{font-size:11.5px}
  .cookie-notice .cookie-ok{padding:8px 16px;font-size:12px}
}
@media (max-width:640px){

  .hero-sahne{grid-template-areas:"sol sag" "orta orta";row-gap:.9rem}
}
@media (max-width:560px){
  .yan img{height:clamp(140px,20vh,200px)}
  .yan.sag img{height:clamp(155px,22vh,220px)}
  .yan figcaption{font-size:.64rem;padding:.3rem .62rem;letter-spacing:.1em}
  .orta h1{font-size:clamp(1.6rem,7.4vw,2.1rem)}
  .giris{border-width:22px;padding-inline:.1rem}
  .indirmeler .dg{padding:.55rem .5rem;font-size:.82rem}
  .gercekler{gap:.3rem .7rem;font-size:.78rem}
}

.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--lake);color:var(--kagit);font-family:var(--disp);font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:11px 20px;box-shadow:var(--sh-yuksek)}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,.btn:focus-visible,.btn-hero:focus-visible,.btn-gold:focus-visible,
.btn-red:focus-visible,.btn-ghost:focus-visible,.dg:focus-visible,.cta-kayit:focus-visible,.g-alan:focus-visible,.g-dg:focus-visible,
input[type=submit]:focus-visible,button[type=submit]:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--altin-metin);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}

.beta-not{border:1px solid var(--altin-hat);background:rgba(217,164,65,.14);
  border-radius:var(--r-md);padding:10px 14px;font-size:13.5px;margin:0 0 16px;color:var(--murekkep-2)}
.beta-not strong{color:var(--altin-metin)}

#login .content{max-width:430px;margin:8px auto 24px}
#login .content-bg{background:none;border:0;box-shadow:none;overflow:visible;border-radius:0}
#login .content-bg::before{display:none}
#login .content-bg-bottom{padding:0}
#login .content-bg-bottom>h1,#login .content-bg-bottom>h2{text-align:center;font-size:clamp(21px,2.2vw,26px);margin:0 0 14px}
#login .inner-form-border{border:26px solid transparent;border-image:var(--ui-board) 32 fill stretch;
  background:none;border-radius:0;padding:2px .35rem .6rem}
#login .inner-form-box{max-width:none;margin:0}
#login .inner-form-box>:is(h2,h3){font-family:var(--disp);font-weight:700;font-size:.9rem;letter-spacing:.2em;
  text-transform:uppercase;color:#f0e2c4;text-shadow:0 1px 2px rgba(0,0,0,.8);margin:6px 0 2px}
#login .trenner{background:linear-gradient(90deg,transparent,rgba(217,164,65,.6),transparent);margin:12px 0}
#login label{color:#c9b896;letter-spacing:.09em}
#login input[type=text],#login input[type=password]{
  width:100%;height:38px;border:0;outline:none;border-radius:0;padding:0 .8rem;
  font-size:.95rem;color:#e8e2d4;caret-color:var(--altin);
  background:url('../img/v6/ui/input.png') center/100% 100% no-repeat}
#login input[type=text]::placeholder,#login input[type=password]::placeholder{color:#8c8578}
#login input[type=text]:focus,#login input[type=password]:focus{box-shadow:inset 0 0 0 1px rgba(217,164,65,.75)}
#login form>div{margin:0 0 10px}
#login input[type=submit],#login #subscribe a.btn-big{
  width:100%;height:44px;display:flex;align-items:center;justify-content:center;
  border:0 solid transparent;border-width:0 12px;border-radius:0;box-shadow:none;cursor:pointer;
  font-family:var(--disp);font-weight:700;font-size:1rem;letter-spacing:.16em;text-transform:uppercase;
  color:#ded5c2 !important;text-shadow:0 1px 2px rgba(0,0,0,.9);padding:0;margin:2px 0 0;background:none;
  border-image:url('../img/v6/ui/btn-0.png') 0 12 fill stretch;transition:none}
#login input[type=submit]:hover,#login #subscribe a.btn-big:hover{
  border-image-source:url('../img/v6/ui/btn-1.png');color:#f2ead8 !important;transform:none}
#login input[type=submit]:active,#login #subscribe a.btn-big:active{
  border-image-source:url('../img/v6/ui/btn-2.png');color:#c9c0ae !important;padding-top:2px}
#login #checkerror p,#login #regLegend,#login #subscribe p,#login .center font{color:#c9b896 !important}
#login a{color:#e3bf76}
#login a:hover{color:#f6e2b4}
#login #subscribe{border-top:1px solid rgba(217,164,65,.3)}
#login #subscribe :is(h2,h3){color:#f0e2c4}
#login #topwLost{color:#e3bf76}
#login .center strong{color:#ffb3ac}
#login .shadow{height:0}
@media (max-width:560px){
  #login .inner-form-border{border-width:22px}
}

.plat-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.plat{background:var(--kagit);border:1px solid var(--cizgi-2);border-radius:var(--r-lg);
  box-shadow:var(--sh-card);padding:22px 22px 20px;display:flex;flex-direction:column;gap:15px}
.plat-hd{display:flex;align-items:center;gap:13px}
.plat-hd svg{width:30px;height:30px;fill:var(--lake);flex:none}
.plat-hd :is(h2,h3){font-family:var(--disp);font-weight:800;font-size:21px;margin:0;color:var(--murekkep);line-height:1.1}
.plat-hd .chip{margin-left:auto;flex:none}
.plat-sub{margin:3px 0 0;font-size:13px;color:var(--murekkep-3)}
.plat-dg{width:100%}
.plat-dg.is-off{opacity:.55;cursor:not-allowed;background:var(--kagit-golge);color:var(--murekkep-3);
  box-shadow:inset 0 0 0 1px var(--cizgi-2)}
.plat-dg.is-off:hover{transform:none;background:var(--kagit-golge);color:var(--murekkep-3)}
.plat-list{margin:0;padding-left:19px;display:flex;flex-direction:column;gap:7px;
  font-size:13.5px;line-height:1.5;color:var(--murekkep-2)}
.plat-list b{color:var(--murekkep)}
.plat-ops{color:var(--murekkep-3);font-size:.92em}
.plat-not{margin:auto 0 0;padding-top:13px;border-top:1px solid var(--cizgi);
  font-size:12.5px;line-height:1.55;color:var(--murekkep-3)}

.adimlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;counter-reset:ad}
.adimlar li{position:relative;padding:18px 20px 16px 66px;background:var(--kagit);
  border:1px solid var(--cizgi-2);border-radius:var(--r-lg);box-shadow:var(--sh-card)}
.adimlar li::before{counter-increment:ad;content:counter(ad);position:absolute;left:20px;top:17px;
  width:32px;height:32px;border-radius:50%;background:var(--lake);color:var(--kagit);
  font-family:var(--disp);font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.adimlar :is(h2,h3){font-family:var(--disp);font-weight:800;font-size:18px;margin:0 0 5px;color:var(--murekkep)}
.adimlar p{margin:0;font-size:14px;line-height:1.6;color:var(--murekkep-2)}

@media (max-width:860px){
  .plat-grid{grid-template-columns:1fr}
  .adimlar li{padding:16px 16px 14px 58px}
  .adimlar li::before{left:15px;width:29px;height:29px;font-size:15px}
}

.rehber-kaydirac{max-width:660px;margin:0 auto}
.scrollable{position:relative;overflow:hidden;width:100%;border-radius:var(--r-lg)}
.items{position:relative;left:0;display:flex;align-items:flex-start}
.items>div{flex:0 0 100%;min-width:100%;box-sizing:border-box;padding:2px}
.items>div img{display:block;width:100%;height:auto;border:1px solid var(--cizgi-2);
  border-radius:var(--r-md);box-shadow:var(--sh-card)}
.items .pager{margin:12px 0 6px;text-align:center;font-family:var(--disp);font-weight:700;
  font-size:13px;letter-spacing:.14em;color:var(--altin-metin)}
.items .txt{margin:0;font-size:14px;line-height:1.62;color:var(--murekkep-2);min-height:4.9em}
.kaydirac-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin:14px 0 4px}
.browse{display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:132px;min-height:44px;padding:0 18px;cursor:pointer;user-select:none;
  background:var(--kagit);border:1px solid var(--cizgi-2);border-radius:var(--r-md);
  box-shadow:var(--sh-card);font-family:var(--disp);font-weight:700;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--murekkep-2);transition:.16s var(--ease)}
.browse:hover{border-color:var(--altin-hat-2);color:var(--murekkep);background:#fff}
.browse.disabled{opacity:.4;pointer-events:none}
.prevPage::before{content:'ƒ9';font-size:20px;line-height:1}
.nextPage::after{content:'ƒA';font-size:20px;line-height:1}
@media (max-width:560px){
  .browse{min-width:0;flex:1 1 0;padding:0 10px;font-size:12px}
  .items .txt{min-height:6.5em}
}

.gallery-inner-content .shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gallery-inner-content .shot-grid a{display:block;aspect-ratio:auto;line-height:0;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--cizgi-2);box-shadow:var(--sh-card);transition:.18s var(--ease)}
.gallery-inner-content .shot-grid a:hover{transform:translateY(-2px);border-color:var(--altin-hat-2)}
.gallery-inner-content .shot-grid img{display:block;width:100%;height:auto}
@media (max-width:760px){.gallery-inner-content .shot-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:430px){.gallery-inner-content .shot-grid{grid-template-columns:1fr}}
.galeri-not{margin:0 0 14px;font-size:14px;line-height:1.6;color:var(--murekkep-2);max-width:70ch}
.gallerybox h2{margin:0 0 8px}
.gallery-inner-content .shot-grid{margin-bottom:26px}

table.veri-tablo,table.kunye-tablo{width:100%;border-collapse:collapse;margin:10px 0 18px}
table.veri-tablo th,table.veri-tablo td{padding:7px 10px;border:1px solid var(--line)}
table.veri-tablo th{text-align:left}

.veri-tablo.ilk22 tr>:first-child{width:22%}
.veri-tablo.ilk24 tr>:first-child{width:24%}
.veri-tablo.ilk34 tr>:first-child{width:34%}
.veri-tablo.ilk38 tr>:first-child{width:38%}
.veri-tablo.ilk44 tr>:first-child{width:44%}

.sec.ust-yok{padding-top:0}
.sec.ust-tam{padding-top:var(--sec-pad)}
.sec-head.alt-yok{margin-bottom:0}
.wrap.dar{max-width:1080px}
.hb-cta.ust16{margin:16px 0 6px}
.hb-cta.ust18{margin:18px 0 6px}
.hb-cta.ust20{margin:20px 0 6px}
.tutorialsbox.alt10{margin-bottom:10px}
.firststepsbox-1.ust14{margin-top:14px}

.gh4.sik,.content .gh4.sik,.inner-content .gh4.sik{margin:12px 0 4px}

.ust0.ust0{margin-top:0}
.ust8.ust8{margin-top:8px}
.ust16.ust16{margin-top:16px}
.ust18.ust18{margin-top:18px}
.alt14.alt14{margin-bottom:14px}
.liste-alt0.liste-alt0{padding-bottom:0}
.liste-numarali.liste-numarali{margin:8px 0 16px 20px;line-height:1.8}
.soluk{opacity:.7}
.bos-hucre.bos-hucre{padding:18px}

.form-hata,.form-basarili{text-align:center;font-family:var(--disp);font-weight:700;
  font-size:15px;line-height:1.45;border-radius:var(--r-md);padding:10px 14px;margin:0 0 14px}
.form-hata{color:#8c2b21;background:rgba(140,43,33,.08);border:1px solid rgba(140,43,33,.28)}
.form-basarili{color:#2c6b3f;background:rgba(44,107,63,.09);border:1px solid rgba(44,107,63,.3)}

.oy-listesi{list-style:none;margin:10px 0 18px;padding:0;display:grid;gap:10px;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.oy-listesi li{margin:0}

.oy-baglanti,.inner-content .oy-baglanti{display:flex;flex-direction:column;gap:3px;
  padding:14px 16px;min-height:56px;justify-content:center;border:1px solid var(--cizgi-2);
  border-radius:var(--r-md);background:rgba(255,255,255,.55);text-decoration:none;
  color:var(--murekkep);transition:.18s var(--ease)}
.oy-baglanti:hover{border-color:var(--altin-hat-2);background:#fff;transform:translateY(-1px)}
.oy-not{font-size:12.5px;color:var(--murekkep-3)}

.alan-ipucu{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--murekkep-3);max-width:34em}

.wiki-dizin{columns:2;-webkit-columns:2;column-gap:28px;list-style:none;padding:0;margin:8px 0 20px}
.wiki-dizin li{margin:0 0 8px;break-inside:avoid}
.wiki-dizin a{display:block;padding:9px 13px;border:1px solid rgba(206,168,96,.28);
  border-radius:9px;text-decoration:none}

.hata-sayfasi{background:#f6eedc;color:#2a1f18;font-family:Arial,sans-serif;
  text-align:center;padding:60px}