/* Baccarat Rehberi
   Tek gösterişli yer: manşetteki masa (bordo çuha, OYUNCU / BANKER kutuları, komisyon kutuları)
   ve yanındaki elektronik skor panosu. Panonun ızgarası sitenin ortak dilidir; geri kalan her şey
   sakin, sıkı dizilmiş bir okuma sayfasıdır. */
:root{
  --felt:#4a1520; --felt-d:#2e0c14; --felt-hi:#6a2330; --print:#eee3cb; --print-dim:rgba(238,227,203,.42);
  --paper:#f4f4f2; --surface:#ffffff; --ink:#15171c; --ink-2:#363a45; --muted:#626774; --line:#dcdde1; --line-2:#e9eaed;
  --banker:#c42a2a; --player:#1e4fb4; --tie:#15814a;
  --banker-t:#fbeaea; --player-t:#e9effb; --tie-t:#e6f3ec;
  --link:#7c1f30; --board:#121418; --board-2:#1c1f25; --grid:#d5d8de;
  --display:"Cormorant Garamond","Garamond","Baskerville",Georgia,"Times New Roman",serif;
  --body:"Public Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --label:"Oswald","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
  --tex: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(--body);font-size:17px;line-height:1.6}
a{color:inherit;text-decoration:none}
h1,h2,h3{text-wrap:balance}
img,svg{max-width:100%}
.wrap{max-width:1240px;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}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--player);outline-offset:2px}

/* üst bant ve başlık */
.util{background:var(--ink);color:#b4b7c0;font-size:12.5px}
.util .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:7px}
.util span{min-width:0}
.util b{font-family:var(--label);font-size:14px;letter-spacing:.06em;color:#fff;border:1px solid #5a5e69;padding:0 6px;border-radius:3px;line-height:18px}
.mast{background:var(--surface);border-bottom:1px solid var(--line)}
.mast .wrap{display:flex;align-items:center;gap:44px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.01em;padding:14px 0;white-space:nowrap}
.mark{display:grid;grid-template-columns:repeat(3,9px);grid-template-rows:repeat(2,9px);gap:2px;padding:3px;border:1px solid var(--grid);background:#fff}
.mark i{border-radius:50%;background:var(--banker)}.mark i.p{background:var(--player)}
.mast nav{display:flex;gap:30px;flex:1}
.mast nav a{font-weight:600;font-size:15px;padding:23px 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(--felt)}
.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ı */
.pc{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:44px;height:62px;background:#fff;border-radius:4px;font-family:var(--display);font-weight:700;font-size:19px;line-height:1;color:#16171b;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 0 rgba(0,0,0,.2),0 6px 12px -5px rgba(0,0,0,.5)}
.pc i{font-style:normal;font-size:16px;margin-top:3px;font-family:var(--body)}
.pc.r{color:var(--banker)}
.pc.back{background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.18) 3px 4px),#26324f;box-shadow:inset 0 0 0 3px #fff,0 1px 0 rgba(0,0,0,.2),0 6px 12px -5px rgba(0,0,0,.5)}
.pc.sm{width:36px;height:50px;font-size:15px}.pc.sm i{font-size:12px}
.pc.lg{width:74px;height:104px;border-radius:6px}
.pc.lg b{position:absolute;top:7px;left:8px;font-size:21px;line-height:1;text-align:center}
.pc.lg b i{display:block;font-size:15px;margin-top:2px}
.pc.lg em{font-style:normal;font-size:40px;font-family:var(--body)}
.pc.lg .v{position:absolute;right:6px;bottom:5px;font:600 12px/1 var(--label);letter-spacing:.04em;color:var(--muted)}
.side3{display:inline-flex;align-items:center;justify-content:center;width:104px;height:104px;flex:none}
.side3 .pc{transform:rotate(90deg)}
.pc.in{animation:deal .36s cubic-bezier(.2,.7,.2,1) both}
.side3 .pc.in{animation:deal3 .36s cubic-bezier(.2,.7,.2,1) both}
@keyframes deal{from{transform:translate(180px,-160px) rotate(-20deg);opacity:0}}
@keyframes deal3{from{transform:translate(180px,-160px) rotate(60deg);opacity:0}to{transform:rotate(90deg)}}

/* ---------------- manşet: masa + skor panosu ---------------- */
.hero{background:var(--tex),radial-gradient(90% 70% at 35% 0,rgba(255,255,255,.09),transparent 65%),var(--felt);color:var(--print);border-bottom:10px solid var(--felt-d)}
.hero-top{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:end;padding-block:44px 30px}
.eyebrow{font-family:var(--label);font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--print)}
.hero h1{font-family:var(--display);font-weight:600;font-size:clamp(40px,5.6vw,74px);line-height:1;letter-spacing:-.015em;margin:12px 0 0;color:#fff}
.hero-top p{font-size:18px;line-height:1.55;color:#e4d6d0;margin:0 0 20px;max-width:46ch}
.btns{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.btn{display:inline-block;font:600 16px/1 var(--body);padding:13px 20px;border-radius:3px;background:var(--print);color:var(--felt-d);border:1px solid var(--print);cursor:pointer;transition:background-color .15s}
.btn:hover{background:#fff}
.btn.line{background:transparent;color:var(--print);border-color:var(--print-dim)}
.btn.line:hover{background:rgba(255,255,255,.07);border-color:var(--print)}
.hero .upd{display:block;margin-top:16px;font-size:13.5px;color:#c9aeb1}

.stage{display:grid;grid-template-columns:minmax(0,1fr) 404px;gap:28px;align-items:start;padding-bottom:40px}
.layout{position:relative;border:1px solid var(--print-dim);border-radius:18px 18px 48% 48% / 18px 18px 90px 90px;padding:18px 26px 40px;box-shadow:inset 0 0 0 6px rgba(0,0,0,.08)}
.comm{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--label);font-size:13px;letter-spacing:.16em;color:var(--print-dim);text-transform:uppercase}
.comm ol{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.comm li{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--print-dim);font-size:13px;letter-spacing:0;color:var(--print)}
.boxes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px}
.box{border:1.5px solid var(--print-dim);border-radius:6px;padding:12px 14px 16px;min-width:0;transition:border-color .2s,background-color .2s}
.box-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--label);font-weight:700;font-size:21px;letter-spacing:.14em;text-transform:uppercase}
.box.p .box-h span{color:#a9c1ff}.box.b .box-h span{color:#ffb4ab}
.box-h small{font-weight:500;font-size:13px;letter-spacing:.08em;color:var(--print-dim)}
.box output{font-family:var(--display);font-weight:700;font-size:34px;line-height:1;letter-spacing:0;color:#fff;min-width:1ch;text-align:right}
.hand{display:flex;align-items:center;gap:8px;min-height:104px;margin-top:12px}
.box.win{border-color:var(--print);background:rgba(255,255,255,.06)}
.box.win .box-h small{color:var(--print)}
.pays{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 22px;margin:18px 0 0;padding:9px 0 0;border-top:1px solid var(--print-dim);font-family:var(--label);font-size:15px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--print)}
.pays b{font-weight:700;color:#fff}

.reading{margin-top:18px;background:rgba(0,0,0,.24);border-left:3px solid var(--print);padding:14px 18px 6px}
.reading h2{margin:0 0 6px;font:600 13px/1.2 var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--print-dim)}
.rsteps{list-style:none;margin:0;padding:0;counter-reset:r}
.rsteps li{counter-increment:r;position:relative;font-size:15.5px;line-height:1.45;color:#f3e9e4;padding:0 0 9px 26px}
.rsteps li:before{content:counter(r);position:absolute;left:0;top:0;font:700 15px/1.45 var(--label);color:var(--print-dim)}
.rsteps li b{color:#fff}
.rsteps li.res{color:#fff}
.rsteps li.pend{opacity:0}
.rsteps li.show{animation:fade .3s ease both}
@keyframes fade{from{opacity:0;transform:translateY(4px)}}
.ctrl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px}
.ctrl .btn{min-width:150px;text-align:center}
.shoe{font-size:13.5px;color:#d3bcbe;margin-left:auto;text-align:right}
.stage small.fine{display:block;margin-top:10px;font-size:12.5px;color:#c9aeb1}

/* skor panosu (manşette ve makalede ortak) */
.board{background:var(--board);color:#e7e9ee;border-radius:6px;padding:14px 14px 12px;box-shadow:0 0 0 1px #000,0 24px 40px -28px #000;min-width:0}
.board-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font:600 14px/1 var(--label);letter-spacing:.14em;text-transform:uppercase}
.tag{font:600 12px/1 var(--label);letter-spacing:.1em;padding:4px 7px;border-radius:2px;background:#f2c94c;color:#1b1b1b}
.tag.live{background:#2c3038;color:#e7e9ee}
.tally{display:flex;gap:14px;margin:12px 0 10px;font:600 15px/1 var(--label);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.tally span{display:flex;align-items:center;gap:6px}
.tally i{width:12px;height:12px;border-radius:50%;background:var(--banker)}
.tally .o i{background:var(--player)}.tally .e i{background:var(--tie)}
.road-l{display:block;margin:10px 0 5px;font:600 12.5px/1 var(--label);letter-spacing:.12em;text-transform:uppercase;color:#9ea3ae}
.road-l em{font-style:normal;text-transform:none;letter-spacing:.02em;color:#6f7581}
.roadx{overflow-x:auto;background:#fff;border-radius:2px}
.road{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,var(--c));grid-auto-columns:var(--c);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--c) var(--c);width:max-content;min-width:100%;border-right:1px solid var(--grid);border-bottom:1px solid var(--grid)}
.road.bead{--c:31px}
.road.big{--c:18px}
.road span{display:grid;place-items:center;position:relative}
.bead span b{width:80%;height:80%;border-radius:50%;display:grid;place-items:center;font:700 12.5px/1 var(--label);color:#fff;background:var(--banker)}
.bead span.o b{background:var(--player)}.bead span.e b{background:var(--tie)}
.big span b{width:78%;height:78%;border-radius:50%;border:2.5px solid var(--banker)}
.big span.o b{border-color:var(--player)}
.big span.t:after{content:"";position:absolute;width:2px;height:120%;background:var(--tie);transform:rotate(45deg)}
.big span[data-n]:before{content:attr(data-n);position:absolute;right:0;bottom:-1px;font:700 9px/1 var(--label);color:var(--tie)}
.legend-b{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12.5px;color:#9ea3ae}
.legend-b span{display:flex;align-items:center;gap:6px}
.legend-b i{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;font:700 10px/1 var(--label);font-style:normal;color:#fff;background:var(--banker)}
.legend-b i.o{background:var(--player)}.legend-b i.e{background:var(--tie)}
.board p.warn{margin:10px 0 0;padding-top:9px;border-top:1px solid #2c3038;font-size:13px;line-height:1.45;color:#c4c8d0}
.board.light{background:var(--surface);color:var(--ink);box-shadow:none;border:1px solid var(--line)}
.board.light .road-l{color:var(--muted)}
.board.light .roadx{border:1px solid var(--line)}

/* ---------------- bölümler (ana sayfa) ---------------- */
.sec{padding-block:60px 6px}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--ink);padding-bottom:10px}
.sec-h h2{font-family:var(--display);font-weight:600;font-size:32px;line-height:1.1;letter-spacing:-.01em;margin:0}
.sec-h a,.more{font-weight:600;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-family:var(--label);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.date{font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}

/* yazı görselleri: konunun kendisinden */
.th{position:relative;aspect-ratio:16/10;max-width:100%;display:flex;align-items:center;justify-content:center;gap:6px;overflow:hidden;border-radius:3px}
.th.felt{background:var(--tex),radial-gradient(80% 80% at 50% 0,rgba(255,255,255,.1),transparent 70%),var(--felt)}
.th.felt .pc{transform:rotate(-5deg)}.th.felt .pc+.pc{transform:rotate(5deg)}
.th .tot{position:absolute;right:10px;bottom:6px;font:600 13px/1 var(--label);letter-spacing:.12em;color:var(--print);text-transform:uppercase}
.th.grid{background-color:#fff;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line)}
.th.grid .dots{display:grid;grid-auto-flow:column;grid-template-rows:repeat(4,20px);grid-auto-columns:20px}
.th.grid .dots i{margin:3px;border-radius:50%;background:var(--banker)}
.th.grid .dots i.o{background:var(--player)}.th.grid .dots i.e{background:var(--tie)}.th.grid .dots i.x{background:none}
.th.grid .dots.ring i{background:none;border:2.5px solid var(--banker)}.th.grid .dots.ring i.o{border-color:var(--player)}.th.grid .dots.ring i.x{border:0}
.th.ink{background:var(--board)}
.th .cbox{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.th .cbox i{width:30px;height:30px;display:grid;place-items:center;border:1px solid #5a5f6b;font:600 14px/1 var(--label);font-style:normal;color:#cfd3da}
.th .cbox i.on{border-color:#f2c94c;color:#f2c94c}
.th .big-t{font-family:var(--label);font-weight:700;font-size:46px;letter-spacing:.06em;color:var(--print);text-transform:uppercase;line-height:1;text-align:center}
.th .big-t small{display:block;font-size:14px;letter-spacing:.16em;color:var(--print-dim);margin-top:6px}
.post .th{margin-bottom:14px}
.post h3{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.2;letter-spacing:-.005em;margin:6px 0 8px}
.post p{font-size:15.5px;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 .pc{width:84px;height:118px;font-size:34px;border-radius:7px}.feat .th .pc i{font-size:26px}
.feat .th .tot{font-size:16px;right:16px;bottom:12px}
.feat h3{font-size:clamp(26px,2.8vw,34px);line-height:1.12}
.feat p{font-size:17.5px}
.minis{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}
.mini{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.mini:first-child{padding-top:0}
.mini .th{aspect-ratio:4/3}
.mini .th .pc{width:30px;height:42px;font-size:13px;border-radius:3px}.mini .th .pc i{font-size:11px;margin-top:1px}
.mini .th .tot{font-size:10px;right:5px;bottom:4px}
.mini .th .big-t{font-size:24px}.mini .th .big-t small{display:none}
.mini .th.grid{background-size:12px 12px}.mini .th.grid .dots{grid-template-rows:repeat(4,12px);grid-auto-columns:12px}.mini .th.grid .dots i{margin:2px}
.mini .th.grid .dots.ring i{border-width:1.5px}
.mini .th .cbox{gap:3px}.mini .th .cbox i{width:18px;height:18px;font-size:10px}
.mini>div>a{display:block;font-family:var(--display);font-weight:600;font-size:18px;line-height:1.25;margin:2px 0 4px}

/* öğrenme sırası: bir elin gerçek sırası */
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);counter-reset:p}
.path li{counter-increment:p;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.path a{display:flex;flex-direction:column;height:100%;padding:16px 16px 18px;transition:background-color .15s}
.path a:before{content:counter(p);font:600 40px/1 var(--display);color:var(--felt);margin-bottom:14px}
.path a:hover{background:var(--banker-t)}
.path b{font-family:var(--display);font-size:18px;font-weight:600;line-height:1.2;margin-bottom:6px}
.path span{font-size:14.5px;color:var(--muted);line-height:1.45}

.tool-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.tool-g h2{font-family:var(--display);font-weight:600;font-size:32px;line-height:1.1;margin:8px 0 14px}
.tool-g p{font-size:17.5px;max-width:48ch;margin:0 0 18px;color:var(--ink-2)}
.panel-w{background:var(--surface);border:1px solid var(--line);padding:16px;overflow-x:auto}

.gloss-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line)}
.gloss-g div{padding:16px 22px 18px 0}
.gloss-g div+div{padding-left:22px;border-left:1px solid var(--line)}
.gloss-g dt{font-family:var(--display);font-weight:600;font-size:20px}
.gloss-g dt small{font:500 13.5px var(--body);color:var(--muted);margin-left:6px}
.gloss-g dd{margin:4px 0 0;font-size:15.5px;color:var(--ink-2)}

/* ---------------- liste ve makale ---------------- */
.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;color:#a3a7b1}
.page-h{padding:16px 0 26px}
.page-h h1{font-family:var(--display);font-weight:600;font-size:clamp(38px,5vw,58px);letter-spacing:-.015em;line-height:1.05;margin:0 0 10px}
.page-h p{margin:0;font-size:19px;color:var(--ink-2);max-width:60ch}
.cats{display:flex;flex-wrap:wrap;gap:0;margin-top:22px;border:1px solid var(--line);width:fit-content;max-width:100%;background:var(--surface)}
.cats a{font-size:14.5px;font-weight:600;padding:8px 15px;border-right:1px solid var(--line)}
.cats a:last-child{border-right:0}
.cats a:hover{background:var(--paper)}
.cats a[aria-current]{background: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:26px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}
.row-post:first-child{padding-top:4px}
.row-post .th{margin:0}
.row-post h3{font-size:23px}
.pager{display:flex;flex-wrap:wrap;gap:6px;padding-top:26px;font-weight:600;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);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:600 14px/1.2 var(--label);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-family:var(--display);font-weight:700;color:var(--felt);min-width:14px}
.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(--felt);color:var(--ink);font-weight:600!important}
.sticky{position:sticky;top:20px}

.art-h{padding:16px 0 8px;max-width:840px}
.art-h h1{font-family:var(--display);font-weight:600;font-size:clamp(36px,4.8vw,58px);line-height:1.04;letter-spacing:-.015em;margin:10px 0 16px}
.art-h .stand{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);padding-top:12px;border-top:1px solid var(--line)}
.byline b{color:var(--ink);font-weight:600}
.prose{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-family:var(--display);font-weight:600;font-size:31px;line-height:1.15;letter-spacing:-.01em;margin:56px 0 14px}
.prose h3{font-family:var(--display);font-weight:600;font-size:22px;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:1px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 18px}
.prose li{margin:6px 0}
.summary{background:var(--surface);border-top:3px solid var(--ink);padding:18px 24px 20px;font-size:16.5px;line-height:1.55;box-shadow:0 0 0 1px var(--line)}
.summary h2{all:unset;display:block;font:600 15px/1.2 var(--label);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
.summary ul{margin:0;padding-left:20px}
.note{border-left:3px solid var(--player);background:var(--player-t);padding:13px 18px;font-size:16.5px;line-height:1.55}
.note.warn{border-color:var(--banker);background:var(--banker-t)}
.tw{overflow-x:auto;margin:20px 0 24px;background:var(--surface);border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.4}
.data th,.data td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--line-2);vertical-align:top}
.data tr:last-child>*{border-bottom:0}
.data thead th{font:600 13.5px/1.2 var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--paper);border-bottom:1px solid var(--line)}
.data .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.data tbody th{font-weight:700;white-space:nowrap}
.data small{font-weight:500;color:var(--muted)}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:var(--banker);vertical-align:1px}
.dot.o{background:var(--player)}.dot.e{background:var(--tie)}
.steps{list-style:none;padding:0!important;counter-reset:s;border-left:1px solid var(--line)}
.steps li{counter-increment:s;display:grid;grid-template-columns:46px 1fr;margin:0 0 16px;position:relative}
.steps li:before{content:counter(s);font:600 15px/1 var(--label);width:26px;height:26px;display:grid;place-items:center;margin-left:-13px;background:var(--paper);border:1px solid var(--ink);border-radius:50%}
.steps b{display:block;font-weight:700}
.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 24px;background:var(--tex),var(--felt);color:var(--print)}
.vals>div{padding:22px 12px 20px;text-align:center}
.vals>div+div{border-left:1px solid var(--print-dim)}
.vals .cards{display:flex;justify-content:center;gap:5px;margin-bottom:12px}
.vals b{display:block;font-family:var(--display);font-size:26px;color:#fff}
.vals>div>span{font-size:14px;color:#e0cfcb}
.sums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:8px 0 24px;border:1px solid var(--line);background:var(--surface)}
.sums>div{padding:14px 16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sums>div+div{border-left:1px solid var(--line)}
.sums .eq{font-size:15px;color:var(--muted)}
.sums .eq b{color:var(--ink);font-family:var(--display);font-size:24px;margin-left:4px}

/* üçüncü kart tablosu */
.chart{table-layout:fixed;border-collapse:separate;border-spacing:2px;min-width:560px;font-size:14px}
.chart caption{caption-side:top;text-align:left;font-size:13.5px;color:var(--muted);padding-bottom:8px}
.chart th{font-weight:700;text-align:center;padding:6px 0;font-variant-numeric:tabular-nums;font-family:var(--label);font-size:15px}
.chart thead th.grp{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.chart tbody th{text-align:left;width:92px;white-space:nowrap;padding-left:4px}
.chart th.st{width:74px}
.chart td{text-align:center;padding:9px 0;font-weight:700;font-family:var(--label);font-size:15px;letter-spacing:.04em}
.chart td.c{background:var(--banker);color:#fff}
.chart td.d{background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.chart td.n{background:var(--paper);color:var(--muted);font-weight:500;font-size:13px;letter-spacing:.02em}
.chart td.st{border-left:3px solid var(--paper)}
.chart.live td:not(.n){cursor:pointer}
.chart.live td:not(.n):hover,.chart td.sel{outline:2px solid var(--ink);outline-offset:-1px}
.chart th.hl{color:var(--banker)}
.chart.compact{min-width:480px}.chart.compact td{padding:6px 0;font-size:13px}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--ink-2);margin-top:12px}
.legend i{display:inline-block;min-width:26px;height:22px;line-height:22px;text-align:center;font:700 13px/22px var(--label);font-style:normal;margin-right:6px}
.legend i.c{background:var(--banker);color:#fff}.legend i.d{background:#fff;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line)}
.readout{margin-top:12px;padding:11px 14px;background:var(--paper);font-size:15.5px;min-height:46px;border-left:3px solid var(--ink)}

.tool{background:var(--surface);border:1px solid var(--line);margin:24px 0;overflow:hidden}
.tool-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;padding:14px 18px 12px;border-bottom:1px solid var(--line);font:600 16px/1.2 var(--label);letter-spacing:.12em;text-transform:uppercase}
.tool-h span{font-family:var(--body);font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted);font-size:13.5px}
.tool-b{padding:16px 18px 18px}
.solver .sides{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--tex),var(--felt);padding:14px;color:var(--print)}
.solver .box{padding:10px 12px 12px}
.solver .hand{min-height:76px;margin-top:8px;gap:6px}
.solver .box output{font-size:28px}
.slot{width:52px;height:74px;border:1.5px dashed var(--print-dim);border-radius:5px;flex:none}
.slot.next{border-color:#fff;border-style:solid;box-shadow:0 0 0 3px rgba(255,255,255,.15)}
.slot.s3{width:74px;height:52px}
.pc.md{width:52px;height:74px;font-size:20px}.pc.md i{font-size:15px}
.solver .side3{width:76px;height:76px}
.prompt{margin:14px 0 10px;font-size:15.5px;font-weight:600}
.keys{display:flex;flex-wrap:wrap;gap:6px}
.keys button{font:700 17px var(--display);width:42px;height:54px;background:#fff;color:#16171b;border:1px solid var(--line);border-radius:4px;cursor:pointer;box-shadow:0 2px 0 var(--line);transition:transform .12s}
.keys button:hover{transform:translateY(-3px)}
.keys button[disabled]{opacity:.35;cursor:not-allowed;transform:none}
.keys button.r{color:var(--banker)}
.acts2{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.acts2 button{font:600 14.5px var(--body);padding:9px 14px;background:var(--surface);border:1px solid var(--ink);border-radius:3px;cursor:pointer}
.acts2 button:hover{background:var(--paper)}
.acts2 button.pri{background:var(--ink);color:#fff}
.solver .rsteps{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}
.solver .rsteps li{color:var(--ink-2);font-size:16px}
.solver .rsteps li:before{color:var(--muted)}
.solver .rsteps li b{color:var(--ink)}

.terms{margin:0}
.terms div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:16.5px}
.terms dt{font-family:var(--display);font-weight:600}.terms dd{margin:0;color:var(--ink-2)}
.terms.wide div{grid-template-columns:220px 1fr;padding:16px 0;scroll-margin-top:20px}
.terms dt small{display:block;font-family:var(--body);font-weight:500;font-size:13.5px;color:var(--muted)}
.terms.wide div:target{background:var(--banker-t);box-shadow:0 0 0 10px var(--banker-t)}
.az{display:flex;flex-wrap:wrap;gap:0;margin:0 0 10px;padding:0!important;list-style:none;border-top:1px solid var(--line);border-left:1px solid var(--line);width:fit-content;max-width:100%}
.prose .az li{margin:0}
.az a{display:grid;place-items:center;min-width:38px;height:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface);font:600 17px var(--label);color:var(--ink)!important;text-decoration:none!important}
.az a:hover{background:var(--ink);color:#fff!important}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{font-family:var(--display);font-weight:600;font-size:20px;padding:15px 0;cursor:pointer}
.faq details p{margin:0 0 16px}
.log,.legal{font-size:15px;line-height:1.55;background:var(--surface);border:1px solid var(--line);padding:18px 22px;margin-top:24px;color:var(--ink-2)}
.log{margin-top:48px}
.log h2,.legal h2{all:unset;display:block;font:600 14px/1.2 var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.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;border-top:1px solid var(--line-2)}
.log li:first-child{border-top:0}
.log time{color:var(--muted);font-variant-numeric:tabular-nums}
.legal{border-left:3px solid var(--felt)}
.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;padding-top:18px;border-top:1px solid var(--ink)}
.pn a{font-family:var(--display);font-weight:600;font-size:19px;line-height:1.3;color:var(--ink)!important;text-decoration:none!important}
.pn a:hover{text-decoration:underline!important}
.pn span{display:block;font:600 13px/1.2 var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.pn div:last-child{text-align:right}
.fig{margin:22px 0 26px}
.fig figcaption{font-size:14px;color:var(--muted);margin-top:8px}

/* alt */
footer{background:var(--ink);color:#a9adb7;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:600 14px/1.2 var(--label);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;color:#7d828e}
footer .logo{color:#fff;padding:0}
footer .mark{border-color:#3a3e48}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin:8px 0}
footer li a{color:#e6e8ec}
footer p{margin:12px 0 0;max-width:40ch}
.f-legal{border-top:1px solid #2e323b;padding-block:18px 30px;font-size:13px;line-height:1.6;color:#7d828e}

@media (max-width:1100px){
  .stage{grid-template-columns:minmax(0,1fr)}
  .board.hero-board{max-width:560px}
  .path{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@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,.tool-g,.cols{grid-template-columns:minmax(0,1fr);gap:28px}
  .gloss-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gloss-g div:nth-child(3){border-left:0;padding-left:0}
  .f-cols{grid-template-columns:1fr 1fr}
  .sticky{position:static}
  .art-side{order:-1}.cols .side{padding-top:0}
}
@media (max-width:640px){
  body{font-size:16px}
  .util span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .search{display:none}
  .hero-top{padding-block:30px 22px;gap:16px}
  .layout{padding:14px 12px 30px;border-radius:12px 12px 40% 40% / 12px 12px 50px 50px}
  .comm{gap:6px;font-size:11px}.comm li{width:20px;height:20px;font-size:11px}
  .boxes{gap:10px;margin-top:14px}
  .box{padding:9px 8px 10px}
  .box-h{font-size:16px;letter-spacing:.08em}.box-h small{display:none}
  .box output{font-size:26px}
  .pc.lg{width:44px;height:62px;border-radius:4px}.pc.lg b{top:4px;left:5px;font-size:14px}.pc.lg b i{font-size:11px}.pc.lg em{font-size:22px;margin-top:10px}.pc.lg .v{display:none}
  .side3{width:62px;height:62px}
  .hand{gap:3px;min-height:62px}
  .hand .side3{margin-left:-6px}
  .pays{font-size:13px;gap:2px 12px}
  .rsteps li{font-size:15px}
  .ctrl .btn{flex:1}
  .shoe{margin-left:0;text-align:left;flex-basis:100%}
  .path{grid-template-columns:minmax(0,1fr)}
  .path a{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:0 12px}
  .path a:before{font-size:26px;margin:0}
  .path b{flex:1}
  .path span{flex-basis:100%;padding-left:28px}
  .gloss-g{grid-template-columns:minmax(0,1fr)}
  .gloss-g div,.gloss-g div+div{border-left:0;padding-left:0;border-bottom:1px solid var(--line)}
  .vals,.sums{grid-template-columns:minmax(0,1fr)}
  .vals>div+div{border-left:0;border-top:1px solid var(--print-dim)}
  .sums>div+div{border-left:0;border-top:1px solid var(--line)}
  .row-post{grid-template-columns:104px 1fr;gap:14px}
  .row-post h3{font-size:18px}.row-post p{display:none}
  .row-post .th{aspect-ratio:4/3}
  .row-post .th .pc{width:28px;height:40px;font-size:13px}.row-post .th .pc i{font-size:11px}
  .row-post .th .tot{display:none}
  .row-post .th .big-t{font-size:22px}.row-post .th .big-t small{display:none}
  .row-post .th.grid{background-size:12px 12px}.row-post .th.grid .dots{grid-template-rows:repeat(4,12px);grid-auto-columns:12px}.row-post .th.grid .dots i{margin:2px}
  .row-post .th .cbox{gap:3px}.row-post .th .cbox i{width:17px;height:17px;font-size:10px}
  .prose{font-size:17px}
  .prose h2{font-size:27px}
  .terms div,.terms.wide div{grid-template-columns:1fr;gap:2px}
  .log li{grid-template-columns:1fr;gap:0}
  .solver .sides{grid-template-columns:1fr}
  .sec{padding-block:44px 4px}
  .sec-h h2{font-size:26px}
  .f-cols{grid-template-columns:1fr}
  .pn{grid-template-columns:1fr}.pn div:last-child{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.feat .th.grid{background-size:36px 36px}
.feat .th.grid .dots{grid-template-rows:repeat(4,36px);grid-auto-columns:36px}
.feat .th.grid .dots i{margin:5px}