/* Düzen fikri: kart odası ve TV yayını. Tek gösterişli yer, yukarıdan görülen mavi çuhalı dokuz kişilik masa
   ve üzerindeki yayın grafikleri (koltuk plakaları, el etiketleri, adım çubuğu). Geri kalan her şey sakin bir okuma sayfası. */
:root{
  --room:#0c1420; --room-2:#142236; --room-line:#24364f; --room-text:#c3cedb; --room-muted:#8796a9;
  --felt:#1c4a85; --felt-d:#123563; --felt-hi:#2c63a9; --rail:#17120f; --wood:#6b4426;
  --paper:#f0f1ef; --surface:#ffffff; --ink:#101924; --ink-2:#36404d; --muted:#5b6574; --line:#d7dbe0;
  --link:#1c4a85; --signal:#dd4428; --signal-d:#b83518; --tint:#e3ebf5; --tint-r:#f9e6e0;
  --sp:#15171b; --he:#c42d28; --di:#1b5cc2; --cl:#17773b;
  --cond:"Barlow Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
  --sans:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --serif:"Source Serif 4","Source Serif Pro",Georgia,"Times New Roman",serif;
  --noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55}
a{color:inherit;text-decoration:none}
h1,h2,h3{text-wrap:balance}
button{font-family:inherit}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}

/* üst */
.util{background:var(--room);color:var(--room-muted);font-size:12.5px;border-bottom:1px solid var(--room-line)}
.util .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:7px}
.util span{min-width:0}
.util b{color:#fff;font-family:var(--cond);font-weight:700;font-size:13.5px;letter-spacing:.04em;border:1px solid var(--room-muted);border-radius:3px;padding:0 5px}
.mast{background:var(--surface);border-bottom:1px solid var(--line)}
.mast .wrap{display:flex;align-items:center;gap:40px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--cond);font-weight:700;font-size:25px;letter-spacing:.005em;padding:13px 0;white-space:nowrap}
.mark{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--ink);font:700 15px/1 var(--cond);box-shadow:inset 0 0 0 2px var(--ink),inset 0 0 0 4px #fff,inset 0 0 0 5px var(--ink)}
.mast nav{display:flex;gap:30px;flex:1}
.mast nav a{font-weight:600;font-size:15.5px;padding:22px 0;color:var(--muted)}
.mast nav a:hover,.mast nav a[aria-current]{color:var(--ink)}
.mast nav a[aria-current]{box-shadow:inset 0 -3px 0 var(--signal)}
.search input{font:inherit;font-size:14.5px;width:190px;padding:8px 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}

/* oyun kartı: dört renkli deste (maça siyah, kupa kırmızı, karo mavi, sinek yeşil) */
.cd{--cw:40px;position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:var(--cw);height:calc(var(--cw)*1.4);flex:none;padding:calc(var(--cw)*.08) 0 0 calc(var(--cw)*.12);background:#fff;border-radius:calc(var(--cw)*.1);font-family:var(--cond);line-height:1;box-shadow:0 1px 0 rgba(0,0,0,.3),0 4px 10px -4px rgba(0,0,0,.5);vertical-align:middle}
.cd b{font-weight:700;font-size:calc(var(--cw)*.5);letter-spacing:-.02em}
.cd i{font-style:normal;font-size:calc(var(--cw)*.42);margin-top:calc(var(--cw)*.02)}
.cd:after{position:absolute;right:calc(var(--cw)*.09);bottom:calc(var(--cw)*.05);font-size:calc(var(--cw)*.55);line-height:1}
.cd.s{color:var(--sp)}.cd.h{color:var(--he)}.cd.d{color:var(--di)}.cd.c{color:var(--cl)}
.cd.s:after{content:"♠"}.cd.h:after{content:"♥"}.cd.d:after{content:"♦"}.cd.c:after{content:"♣"}
.cd.back{background:repeating-linear-gradient(45deg,transparent 0 3px,rgba(255,255,255,.22) 3px 4px),repeating-linear-gradient(-45deg,transparent 0 3px,rgba(255,255,255,.22) 3px 4px),#a22a2c;box-shadow:inset 0 0 0 3px #fff,0 1px 0 rgba(0,0,0,.3),0 4px 10px -4px rgba(0,0,0,.5)}
.cd.dim{filter:brightness(.55) saturate(.6)}
.cd.in{animation:deal .36s cubic-bezier(.2,.7,.2,1) both}
@keyframes deal{from{transform:translateY(-26px) rotate(-8deg);opacity:0}}
.ci{font-family:var(--cond);font-weight:700;font-size:1.06em;white-space:nowrap;padding:0 .18em;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ci.s{color:var(--sp)}.ci.h{color:var(--he)}.ci.d{color:var(--di)}.ci.c{color:var(--cl)}

/* çuha yüzeyi */
.feltbg,.th,.tool.felt,.diagram{background:var(--noise),radial-gradient(120% 100% at 50% 40%,var(--felt-hi),var(--felt) 55%,var(--felt-d))}

/* ============ manşet: yayın masası ============ */
.hero{background:var(--room);color:#fff;padding:34px 0 40px}
.hero-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:end;margin-bottom:26px}
.eyebrow{display:inline-block;font:700 13.5px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--room-muted)}
.eyebrow b{color:#fff;background:var(--signal);padding:3px 6px;margin-right:8px;border-radius:2px}
.hero h1{font-family:var(--cond);font-weight:700;font-size:clamp(46px,6.4vw,84px);line-height:.95;letter-spacing:-.01em;margin:12px 0 0;text-transform:uppercase}
.hero-top p{font-family:var(--serif);font-size:19px;line-height:1.5;color:var(--room-text);max-width:48ch;margin:0 0 18px}
.btns{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;font:700 15px/1 var(--sans);padding:13px 18px;border-radius:4px;background:#fff;color:var(--ink);border:1.5px solid #fff;cursor:pointer;transition:background-color .15s}
.btn:hover{background:#e7ecf2}
.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.btn.ghost:hover{background:rgba(255,255,255,.08)}
.btn[disabled]{opacity:.35;cursor:not-allowed}
.upd{font-size:13.5px;color:var(--room-muted)}

.bc{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:stretch}
.bc-main{min-width:0;display:flex;flex-direction:column;gap:14px}
.streets{display:flex;list-style:none;margin:0;padding:0;border:1px solid var(--room-line);border-radius:4px;overflow:hidden}
.streets li{flex:1;min-width:0}
.streets button{width:100%;font:600 14px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--room-muted);background:var(--room-2);border:0;border-right:1px solid var(--room-line);padding:10px 4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.streets li:last-child button{border-right:0}
.streets button.done{color:#dfe6ee}
.streets button[aria-current]{background:var(--signal);color:#fff}
.streets button:hover:not([aria-current]){background:#1b2c44}

/* masa: stadyum biçimli ray, ahşap şerit, mavi çuha */
.table{position:relative;aspect-ratio:2/1.02;margin:12px 34px 30px;container-type:inline-size}
.rail{position:absolute;inset:0;border-radius:999px;background:radial-gradient(100% 140% at 50% 0,#3a302a,var(--rail) 60%);box-shadow:0 30px 60px -30px rgba(0,0,0,.9),inset 0 2px 0 rgba(255,255,255,.08)}
.rail:before{content:"";position:absolute;inset:4.2%;border-radius:999px;background:linear-gradient(180deg,#8a5a34,var(--wood) 50%,#4e3019);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.rail:after{content:"";position:absolute;inset:5.6%;border-radius:999px;background:var(--noise),radial-gradient(90% 90% at 50% 45%,var(--felt-hi),var(--felt) 55%,var(--felt-d));box-shadow:inset 0 0 40px rgba(0,0,0,.45)}
.print{position:absolute;inset:17% 15%;border-radius:999px;border:1.5px solid rgba(255,255,255,.18);pointer-events:none}
.print span{position:absolute;left:50%;top:13%;transform:translateX(-50%);font:700 clamp(10px,1.7cqw,16px)/1 var(--cond);letter-spacing:.32em;color:rgba(255,255,255,.2);white-space:nowrap}
.seats{position:absolute;inset:0}
.krupiye{position:absolute;left:50%;top:-1%;transform:translate(-50%,-50%);font:600 11.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--room-muted);background:var(--room);padding:4px 8px;border-radius:2px}
.seat-w{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:2}
.seat{display:flex;flex-direction:column;align-items:center;gap:4px;transition:opacity .25s}
.hole{display:flex;min-height:calc(30px*1.4);gap:0}
.hole .cd{--cw:30px}
.hole .cd+.cd{margin-left:-6px}
.hole .cd:after,.mini .th .cd:after,.row-post .th .cd:after{display:none}
.hole .cd{align-items:center;padding-left:0}.hole .cd b{font-size:calc(var(--cw)*.52);margin-top:2px}.hole .cd i{font-size:calc(var(--cw)*.5)}
.plate{display:flex;flex-direction:column;align-items:center;min-width:66px;padding:4px 8px 5px;background:rgba(9,15,24,.92);border:1px solid #2f4360;border-radius:3px;line-height:1.05;white-space:nowrap}
.plate b{font:700 14px/1 var(--cond);letter-spacing:.06em;color:#fff}
.plate span{font:500 11.5px/1.1 var(--sans);color:var(--room-text);margin-top:2px}
.tag{font:600 12.5px/1 var(--cond);letter-spacing:.02em;color:var(--ink);background:#fff;padding:4px 7px;border-radius:2px;white-space:nowrap;box-shadow:0 3px 8px -3px rgba(0,0,0,.6)}
.seat.out{opacity:.42}
.seat.win .tag{background:var(--signal);color:#fff}
.seat.win .plate{border-color:var(--signal)}
.bet{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;font:700 13px/1 var(--cond);color:#fff;z-index:1}
.bet i{width:16px;height:16px;border-radius:50%;background:repeating-conic-gradient(#b8292b 0 30deg,#fff 30deg 45deg);box-shadow:0 0 0 1px rgba(0,0,0,.35),0 2px 0 #7e1b1d}
.bet i:after{content:"";display:block;margin:3.5px;width:9px;height:9px;border-radius:50%;background:#b8292b}
.dbtn{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#f4f4f2;color:var(--ink);display:grid;place-items:center;font:700 13px/1 var(--cond);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #9aa3ad,0 3px 5px -1px rgba(0,0,0,.6);z-index:1}
.mid{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}
.street{font:600 12px/1 var(--cond);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.board{display:flex;gap:6px}
.board .cd,.slot{--cw:46px}
.slot{display:block;width:var(--cw);height:calc(var(--cw)*1.4);border-radius:5px;border:1.5px dashed rgba(255,255,255,.28)}
.pot{font:500 13px/1 var(--sans);color:var(--room-text);background:rgba(9,15,24,.55);padding:5px 10px;border-radius:99px}
.pot b{font:700 15px/1 var(--cond);color:#fff}

.lt{display:flex;flex-direction:column;background:var(--room-2);border:1px solid var(--room-line);border-top:3px solid var(--signal);border-radius:3px;padding:16px 18px 18px;min-width:0}
.hands{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--room-line)}
.hands>span{font:600 12px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--room-muted);margin-bottom:2px}
.hands button{display:flex;gap:10px;align-items:baseline;text-align:left;background:none;border:0;color:var(--room-text);font:500 14.5px/1.3 var(--sans);padding:3px 0;cursor:pointer}
.hands button b{font:700 13px/1 var(--cond);color:var(--room-muted);min-width:30px}
.hands button[aria-pressed=true]{color:#fff;font-weight:700}
.hands button[aria-pressed=true] b{color:var(--signal)}
.hands button:hover{color:#fff}
.caption{flex:1;min-height:210px}
.lt-s{font:600 12.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.lt-t{font:700 26px/1.05 var(--cond);margin:8px 0 10px;color:#fff}
.lt-x{font-size:15.5px;line-height:1.55;color:var(--room-text);margin:0}
.lt-x .ci{font-size:1em}
.lt-b{display:flex;gap:8px;margin-top:16px}
.lt-b .btn{padding:12px 14px}
#b-next{flex:1;justify-content:center;background:var(--signal);border-color:var(--signal);color:#fff}
#b-next:hover{background:var(--signal-d);border-color:var(--signal-d)}
#b-prev{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.lt small{display:block;margin-top:12px;font-size:12.5px;color:var(--room-muted)}

/* ============ bölümler ============ */
.sec{padding-block:60px 8px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;border-bottom:2px solid var(--ink);padding-bottom:10px}
.sec-h h2{font:700 34px/1 var(--cond);letter-spacing:-.005em;margin:0;text-transform:uppercase}
.sec-h a,.more{font-weight:700;font-size:15px;color:var(--link);white-space:nowrap}
.sec-h a:hover,.more:hover,.post h3 a:hover,.mini>div>a:hover,.side li a:hover,footer li a:hover,.crumbs a:hover{text-decoration:underline;text-underline-offset:3px}
.kicker{font:700 13px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--signal-d)}
.date{font-size:13.5px;color:var(--muted)}

/* yazı görselleri: çuhanın üstündeki el, board ya da fiş */
.th{position:relative;aspect-ratio:16/10;max-width:100%;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:4px;overflow:hidden}
.th .cd{--cw:34px}
.th.hole2 .cd{--cw:44px}.th.hole2 .cd:first-child{transform:rotate(-5deg)}.th.hole2 .cd+.cd{transform:rotate(5deg);margin-left:-10px}
.th em{position:absolute;left:8px;bottom:7px;font:700 12px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:rgba(255,255,255,.75)}
.th big{font:700 46px/1 var(--cond);color:#fff;letter-spacing:-.01em}
.th big small{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);text-align:center;margin-top:4px}
.stack{display:flex;align-items:flex-end;gap:8px}
.stack span{display:flex;flex-direction:column-reverse}
.stack i{display:block;width:40px;height:7px;border-radius:50%/60%;background:var(--c,#b8292b);box-shadow:0 1px 0 rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.35);margin-top:-2px}
.post .th{margin-bottom:14px}
.post h3{font:700 23px/1.12 var(--cond);margin:8px 0 8px}
.post p{font-family:var(--serif);font-size:16px;color:var(--ink-2);margin:0 0 8px}
.feat-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px}
.feat .th{aspect-ratio:16/8}
.feat .th .cd{--cw:62px}
.feat h3{font-size:clamp(28px,3vw,38px);line-height:1.02}
.feat p{font-size:18px}
.minis{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}
.mini{display:grid;grid-template-columns:118px 1fr;gap:16px;align-items:center}
.mini .th{aspect-ratio:4/3;margin:0}
.mini .th .cd{--cw:22px}.mini .th.hole2 .cd{--cw:30px}.mini .th big{font-size:28px}.mini .th em{display:none}
.mini .th .stack i{width:24px;height:5px}
.mini>div>a{display:block;font:700 19px/1.12 var(--cond);margin:4px 0 4px}

/* öğrenme sırası: bir elin akışı */
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line)}
.flow li{border-right:1px solid var(--line)}
.flow li:last-child{border-right:0}
.flow a{display:flex;flex-direction:column;gap:6px;padding:18px 16px 20px;height:100%;transition:background-color .15s}
.flow a:hover{background:var(--surface)}
.slots{display:flex;gap:3px;height:30px;align-items:flex-end;margin-bottom:6px}
.slots i{width:16px;height:22px;border-radius:2px;border:1.5px solid var(--line);background:transparent}
.slots i.f{background:var(--felt);border-color:var(--felt)}
.slots i.h{background:var(--signal);border-color:var(--signal)}
.slots i.n{border-color:var(--ink);background:var(--surface);box-shadow:inset 0 -6px 0 var(--felt)}
.slots .sep{width:6px}
.slots .chip{width:18px;height:18px;border-radius:50%;background:repeating-conic-gradient(#b8292b 0 30deg,#fff 30deg 45deg);box-shadow:0 0 0 1px rgba(0,0,0,.25);align-self:center}
.flow small{font:700 12.5px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.flow b{font:700 21px/1.05 var(--cond)}
.flow span.d{font-family:var(--serif);font-size:15px;line-height:1.4;color:var(--ink-2)}

/* el sıralaması önizleme / merdiven */
.rank-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.rank-g h2{font:700 38px/1 var(--cond);text-transform:uppercase;margin:10px 0 14px}
.rank-g p{font-family:var(--serif);font-size:18px;max-width:46ch;margin:0 0 18px;color:var(--ink-2)}
.ladder{list-style:none;margin:0;padding:0;counter-reset:l;background:var(--surface);border:1px solid var(--line);border-radius:4px}
.ladder li{counter-increment:l;display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:8px 16px;border-bottom:1px solid var(--line)}
.ladder li:last-child{border-bottom:0}
.ladder li:before{content:counter(l);font:700 18px/1 var(--cond);color:var(--muted);text-align:right}
.ladder b{font:700 19px/1.1 var(--cond)}
.ladder b small{font:500 13.5px/1 var(--sans);color:var(--muted);margin-left:6px}
.ladder .five{display:flex;gap:3px}
.ladder .five .cd{--cw:24px;box-shadow:0 0 0 1px var(--line)}
.ladder .five .cd:after{display:none}
.ladder .n{font:600 15px/1 var(--cond);color:var(--ink-2);text-align:right;min-width:86px;font-variant-numeric:tabular-nums}
.gloss-g{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:0}
.gloss-g dt{font:700 21px/1.1 var(--cond)}
.gloss-g dt small{font:500 14px var(--sans);color:var(--muted);margin-left:6px}
.gloss-g dd{margin:6px 0 0;font-family:var(--serif);font-size:16px;color:var(--ink-2)}

/* ============ iç sayfalar ============ */
.crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:20px 0 0;font-size:13.5px;color:var(--muted)}
.crumbs li+li:before{content:"›";margin-right:6px}
.page-h{padding:18px 0 26px}
.page-h h1{font:700 clamp(42px,5.4vw,66px)/.98 var(--cond);text-transform:uppercase;margin:0 0 12px}
.page-h p{margin:0;font-family:var(--serif);font-size:19px;color:var(--ink-2);max-width:60ch}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cats a{font:600 15px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;padding:9px 13px;border-radius:3px;background:var(--surface);border:1px solid var(--line)}
.cats a:hover{border-color:var(--ink)}
.cats a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;padding-bottom:40px}
.row-post{display:grid;grid-template-columns:230px 1fr;gap:24px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.row-post .th{margin:0}
.row-post h3{font-size:25px}
.pager{display:flex;gap:6px;padding-top:26px;font-weight:700;font-size:15px}
.pager a,.pager span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 14px;border:1px solid var(--line);border-radius:3px;background:var(--surface)}
.pager [aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pager a:hover{border-color:var(--ink)}
.side{padding-top:18px}
.side section{margin-bottom:36px}
.side h2{font:700 13.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.side ul,.side ol{list-style:none;margin:0;padding:0}
.side li{padding:9px 0;font-size:15.5px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}
.side li a{font-weight:600}
.side li span{color:var(--muted);font-size:13.5px;font-variant-numeric:tabular-nums}
.side ol{counter-reset:n}.side ol li{counter-increment:n;justify-content:flex-start;gap:12px}
.side ol li:before{content:counter(n);font:700 17px/1.2 var(--cond);color:var(--signal-d);min-width:12px}
.toc li{display:block;padding:0;border:0}
.toc a{display:block;padding:6px 0 6px 14px;border-left:2px solid var(--line);font-size:15px;font-weight:500!important;color:var(--muted)}
.toc a.on{border-color:var(--signal);color:var(--ink);font-weight:700!important}
.sticky{position:sticky;top:20px}

.art-h{padding:16px 0 8px;max-width:860px}
.art-h h1{font:700 clamp(40px,5vw,64px)/.98 var(--cond);text-transform:uppercase;margin:12px 0 16px}
.art-h .stand{font-family:var(--serif);font-size:21px;line-height:1.5;color:var(--ink-2);margin:0 0 18px}
.byline{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--muted)}
.byline b{color:var(--ink);font-weight:600}
.prose{font-family:var(--serif);font-size:18px;line-height:1.7;padding-top:26px;min-width:0}
.prose>*,.prose section>*{max-width:720px}
.prose section{scroll-margin-top:20px}
.prose h2{font:700 34px/1.02 var(--cond);margin:56px 0 14px}
.prose h3{font:700 23px/1.1 var(--cond);margin:32px 0 8px}
.prose p{margin:0 0 18px}
.prose a{color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 18px}
.prose li{margin:6px 0}
.prose strong{font-weight:600}
.summary{background:var(--surface);border-left:5px solid var(--ink);padding:18px 24px;font-family:var(--sans);font-size:16.5px;line-height:1.55}
.summary h2{all:unset;display:block;font:700 14px/1 var(--cond);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px}
.summary ul{margin:0;padding-left:20px}
.note{background:var(--tint);border-radius:3px;padding:14px 18px;font-family:var(--sans);font-size:16.5px;line-height:1.55}
.note.warn{background:var(--tint-r)}
.tw{overflow-x:auto;margin:20px 0 24px;background:var(--surface);border:1px solid var(--line);border-radius:4px}
.prose .tw{max-width:none}
table{border-collapse:collapse;width:100%;font-family:var(--sans);font-size:15.5px;line-height:1.4}
.data th,.data td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.data tr:last-child>*{border-bottom:0}
.data thead th{font:700 13px/1.2 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:#f6f7f8;white-space:nowrap}
.data .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.data tbody th{font:700 17px/1.2 var(--cond);white-space:nowrap}
.data small{font:500 13px var(--sans);color:var(--muted)}
.data .hl td,.data .hl th{background:#fbf3f1}
.data .cds{white-space:nowrap}
.data .cds .cd{--cw:24px;box-shadow:0 0 0 1px var(--line)}.data .cds .cd:after{display:none}
.steps{list-style:none;padding:0!important;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;margin:0 0 20px}
.steps li:before{content:counter(s);font:700 30px/1 var(--cond);color:var(--signal-d)}
.steps b{display:block;font:700 21px/1.15 var(--cond)}
.handrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 18px}
.handrow .cd{--cw:38px;box-shadow:0 0 0 1px var(--line),0 2px 4px -2px rgba(0,0,0,.3)}
.handrow .plus{font:700 18px var(--cond);color:var(--muted);margin:0 6px}
.handrow .eq{font:600 16px/1.2 var(--sans);margin-left:10px}

/* el sıralaması sayfası */
.hr-list{list-style:none;padding:0!important;margin:20px 0 0;counter-reset:h}
.hr-list>li{counter-increment:h;display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 8px;padding:22px 0;border-top:1px solid var(--line);margin:0}
.hr-list>li:before{content:counter(h);font:700 40px/1 var(--cond);color:#c3c9d1;grid-column:1;grid-row:1 / span 6}
.hr-list>li>*{grid-column:2}
.hr-list h3{margin:0 0 4px!important;scroll-margin-top:20px}
.hr-list h3 small{font:500 15px var(--sans);color:var(--muted);margin-left:8px}
.hr-list p{margin:0 0 8px}
.hr-list .handrow{margin:6px 0 10px}
.hr-list .stat{font-family:var(--sans);font-size:14.5px;color:var(--muted)}
.hr-list .stat b{color:var(--ink);font-weight:600}

/* araçlar */
.tool{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin:24px 0;overflow:hidden;font-family:var(--sans)}
.prose .tool{max-width:none}
.tool-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:14px 18px 0;font:700 22px/1.1 var(--cond)}
.tool-h span{font:500 13.5px var(--sans);color:var(--muted)}
.tool-b{padding:14px 18px 18px}
.tool.felt{border:0;color:#fff}
.tool.felt .tool-h span{color:var(--room-text)}
.fslots{display:flex;flex-wrap:wrap;gap:18px 26px;align-items:flex-end}
.fslots>div>span{display:block;font:600 12.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:8px}
.fslots .row{display:flex;gap:6px}
.fslot{--cw:50px;width:var(--cw);height:calc(var(--cw)*1.4);border-radius:5px;border:1.5px dashed rgba(255,255,255,.35);background:transparent;padding:0;cursor:pointer;display:block}
.fslot .cd{--cw:50px}
.fslot:has(.cd){border:0}
.fres{margin-top:18px;padding:14px 16px;background:rgba(6,14,26,.55);border-radius:4px;min-height:132px}
.fr-name{font:700 28px/1 var(--cond);margin:0 0 10px}
.fr-name small{font:500 14px var(--sans);color:var(--room-text);margin-left:10px}
.fr-five{display:flex;gap:5px;margin-bottom:10px}.fr-five .cd{--cw:34px}
.fr-x{margin:0;font-size:15px;line-height:1.55;color:#dbe3ec}
.fr-x .ci{font-size:1em}
.pick{display:grid;grid-template-columns:repeat(13,minmax(24px,1fr));gap:4px;margin-top:18px;min-width:390px}
.pick-w{overflow-x:auto}
.pick button{font:700 15px/1 var(--cond);height:38px;border:0;border-radius:3px;background:#fff;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.pick button small{font-size:12px}
.pick .s{color:var(--sp)}.pick .h{color:var(--he)}.pick .d{color:var(--di)}.pick .c{color:var(--cl)}
.pick button[aria-pressed=true]{opacity:.28}
.pick button:hover{transform:translateY(-2px)}
.f-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.f-acts .btn{padding:10px 14px;font-size:14.5px}

.diagram{border-radius:4px;margin:20px 0 24px;padding:10px;overflow-x:auto}
.diagram svg{display:block;width:100%;min-width:480px;height:auto}
.diagram text{font-family:var(--cond)}

.terms{margin:0}
.terms div{display:grid;grid-template-columns:200px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.terms dt{font:700 21px/1.15 var(--cond)}
.terms dt small{display:block;font:500 14px var(--sans);color:var(--muted);margin-top:2px}
.terms dd{margin:0;color:var(--ink-2);font-size:17px}
.terms div:target{background:var(--tint);box-shadow:0 0 0 10px var(--tint)}
.az{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;padding:0!important;list-style:none}
.az li{margin:0!important}
.az a{display:grid;place-items:center;min-width:36px;height:36px;border-radius:3px;background:var(--surface);border:1px solid var(--line);font:700 17px/1 var(--cond);color:var(--ink)!important;text-decoration:none!important}
.az a:hover{border-color:var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font:700 21px/1.2 var(--cond);padding:15px 0;cursor:pointer}
.faq details p{margin:0 0 16px}
.log,.legal{font-family:var(--sans);font-size:15px;line-height:1.55;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:18px 22px;margin-top:24px;color:var(--ink-2)}
.log{margin-top:48px}
.log h2,.legal h2{all:unset;display:block;font:700 13.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.log ul{list-style:none;padding:0;margin:0}
.log li{display:grid;grid-template-columns:140px 1fr;gap:10px;padding:6px 0;margin:0}
.log time{color:var(--muted);font-variant-numeric:tabular-nums}
.legal p{margin:0 0 8px}.legal p:last-child{margin:0}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;font-family:var(--sans)}
.pn a{font:700 20px/1.15 var(--cond);color:var(--ink)!important;text-decoration:none!important}
.pn a:hover{text-decoration:underline!important}
.pn span{display:block;font:700 13px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.pn div:last-child{text-align:right}

/* alt */
footer{background:var(--room);color:var(--room-muted);margin-top:64px;font-size:15px}
.f-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px;padding-block:44px 32px}
footer h2{font:700 13.5px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;color:var(--room-muted)}
footer .logo{color:#fff}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin:8px 0}
footer li a{color:#e2e8ef}
footer p{margin:12px 0 0;max-width:40ch}
.f-legal{border-top:1px solid var(--room-line);padding-block:18px 30px;font-size:13px;line-height:1.6}

@media (max-width:1060px){
  .bc{grid-template-columns:minmax(0,1fr)}
  .caption{min-height:0}
  .hands{flex-direction:row;flex-wrap:wrap;gap:6px 18px}
  .hands>span{flex-basis:100%}
}
@media (max-width:980px){
  .mast .wrap{flex-wrap:wrap;gap:0 20px}
  .mast nav{order:3;flex-basis:100%;overflow-x:auto;gap:24px;border-top:1px solid var(--line)}
  .mast nav a{padding:13px 0;white-space:nowrap}
  .search{margin-left:auto}.search input{width:150px}
  .hero-top,.feat-g,.rank-g,.cols{grid-template-columns:minmax(0,1fr);gap:28px}
  .flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .flow li:nth-child(3){border-right:0}
  .flow li:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .gloss-g{grid-template-columns:repeat(2,1fr)}
  .f-cols{grid-template-columns:1fr 1fr}
  .sticky{position:static}
  .art-side{order:-1}.cols .side{padding-top:0}
}
@media (max-width:700px){
  .table{aspect-ratio:3/4.1;margin:22px 8px 26px}
  .seat-w,.bet,.dbtn{left:var(--px);top:var(--py)}
  .print{inset:15% 18%}
  .print span{top:7%;letter-spacing:.2em}
  .hole .cd{--cw:24px}.hole{min-height:calc(24px*1.4)}
  .hole .cd+.cd{margin-left:-5px}
  .plate{min-width:50px;padding:3px 5px 4px}
  .plate b{font-size:12.5px}.plate span{font-size:10px}
  .tag{font-size:11px;padding:3px 5px;white-space:normal;text-align:center;max-width:96px}
  .board{gap:4px}.board .cd,.slot{--cw:clamp(30px,10cqw,40px)}
  .streets button{font-size:12px;letter-spacing:.02em;padding:9px 2px}
  .bet{font-size:12px}.bet i{width:13px;height:13px}.bet i:after{margin:3px;width:7px;height:7px}
  .dbtn{width:20px;height:20px;font-size:11px}
}
@media (max-width:600px){
  body{font-size:16px}
  .util span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .search{display:none}
  .hero{padding-top:26px}
  .hero-top p{font-size:17px}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow li{border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)}
  .flow li:nth-child(2n){border-right:0!important}
  .gloss-g{grid-template-columns:minmax(0,1fr)}
  .ladder li{grid-template-columns:22px minmax(0,1fr) auto;gap:10px;padding:8px 12px}
  .ladder .n{display:none}
  .ladder b small{display:block;margin:2px 0 0}
  .row-post{grid-template-columns:110px 1fr;gap:14px}
  .row-post h3{font-size:20px}.row-post p{display:none}
  .row-post .th{aspect-ratio:4/3}
  .row-post .th .cd{--cw:20px}.row-post .th.hole2 .cd{--cw:28px}.row-post .th big{font-size:26px}.row-post .th em{display:none}
  .row-post .th .stack i{width:22px;height:5px}
  .prose{font-size:17px}
  .prose h2{font-size:30px}
  .terms div{grid-template-columns:1fr;gap:2px}
  .log li{grid-template-columns:1fr;gap:0}
  .sec{padding-block:44px 4px}
  .sec-h h2{font-size:28px}
  .hr-list>li{grid-template-columns:34px minmax(0,1fr)}
  .hr-list>li:before{font-size:28px}
  .handrow .cd{--cw:32px}
  .fslot,.fslot .cd{--cw:40px}
  .fslots{gap:14px 18px}
  .pn{grid-template-columns:1fr}.pn div:last-child{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---- platform eklemeleri (veritabanından gelen yazılar için) ---- */
a.kicker{text-decoration:none}
a.kicker:hover{text-decoration:underline}
.th{overflow:hidden;position:relative}
.th img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.th-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:90px;aspect-ratio:16/9;font-size:2.2rem;font-weight:700;opacity:.55;background:color-mix(in srgb,currentColor 10%,transparent)}
figure.cover{margin:1.5rem 0 2rem;max-width:100%}
figure.cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.prose .table-wrap{overflow-x:auto;margin:1.4rem 0;max-width:100%}
.prose .table-wrap table{margin:0;min-width:28rem}
.prose table{border-collapse:collapse;width:100%}
.prose th,.prose td{padding:.55rem .7rem;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);text-align:left;vertical-align:top}
.prose thead th{border-bottom-width:2px}
.prose blockquote{margin:1.4rem 0;padding:.9rem 1.1rem;border-left:4px solid currentColor;background:color-mix(in srgb,currentColor 6%,transparent)}
.prose blockquote p{margin:0}
.faq{margin-top:2.2rem}
.faq details{border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);padding:.8rem 0}
.faq details:last-child{border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.faq summary{cursor:pointer;font-weight:600;list-style-position:outside}
.faq details p{margin:.6rem 0 0}
.upd{margin-top:2rem;font-size:.88em;opacity:.75}
.empty{padding:2rem 0;opacity:.8}
.page-h h1 small{font-size:.5em;opacity:.7;font-weight:400}
.info-page .prose{max-width:46rem}