/* FUFF Eryaman · cihaz.html (kaynak: build/site_src/cihaz.css) */
.map{display:grid;grid-template-columns:6fr 5fr;gap:clamp(28px,5vw,80px);align-items:start}
.figs{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--kirec-2);padding:clamp(16px,3vw,40px)}
.fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.figsvg{width:100%;max-width:260px}.figsvg svg{width:100%;height:auto}
.sil{fill:#D3D0C7}
.zn{cursor:pointer;fill:var(--akim);fill-opacity:.18;transition:fill-opacity .5s var(--ease-k)}
.zn:hover{fill-opacity:.45}
.zn.sel{fill-opacity:var(--zi,.6);stroke:var(--gece);stroke-width:2}
.zn.sel.k{fill-opacity:1}
.mapside{display:flex;flex-direction:column;gap:22px}
.zbs{display:flex;flex-wrap:wrap;gap:8px}
.zb{min-height:44px;padding:0 14px;background:transparent;border:1.5px solid var(--gece);font:500 12.5px var(--m);text-transform:uppercase;cursor:pointer}
.zb[aria-pressed=true]{background:var(--gece);color:var(--kirec)}
.zpanel h3,.ptxt h3,.tlinfo h3,.borg h3,.ema h3{font-size:clamp(24px,2.4vw,34px)}
.zd{display:grid;gap:10px}
.rng{display:grid;gap:10px;font:500 12.5px var(--m);text-transform:uppercase;letter-spacing:.03em}
.rng output{font:500 28px/1 var(--m);letter-spacing:-.03em;text-transform:none}
.rng input{width:100%;accent-color:var(--akim);min-height:32px}
.path{position:relative;margin-bottom:36px}
.pline{position:absolute;left:10%;right:10%;top:34px;height:3px;background:var(--cizgi)}
.pline i{position:absolute;left:-6px;top:-5px;width:13px;height:13px;background:var(--akim);transition:left .9s var(--ease-k)}
.pst{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.st{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:0;cursor:pointer;padding:0;min-height:44px;color:inherit}
.st b{width:70px;height:70px;display:grid;place-items:center;background:var(--kirec-2);border:2px solid var(--gece);font:500 20px var(--m)}
.st span{font:500 12.5px var(--m);text-transform:uppercase;text-align:center}
.st[aria-pressed=true] b{background:var(--akim);border-color:var(--akim)}
.ptxt{max-width:760px}.sd{display:grid;gap:12px}
.lab{display:grid;grid-template-columns:7fr 4fr;gap:clamp(24px,4vw,56px);align-items:start}
.labc{background:#161a20;padding:16px}.labc canvas{width:100%;height:auto;display:block}
.labk{display:flex;justify-content:space-between;padding-top:10px;color:rgba(242,241,236,.6)}
.labs{display:flex;flex-direction:column;gap:24px}
.labst b{display:block;font:800 clamp(30px,3vw,44px)/1 var(--f);font-stretch:112%;letter-spacing:-.03em;color:var(--akim);margin:8px 0 10px}
.dark .btn.line{color:var(--kirec)}
.presets{display:flex;flex-wrap:wrap;gap:8px}.presets .btn{min-height:42px}
.tl{display:grid;gap:22px}.tl canvas{width:100%;height:auto;background:var(--kirec-2)}
.tlinfo{display:grid;gap:10px;max-width:760px}
.borg{display:grid;grid-template-columns:4fr 8fr;gap:clamp(24px,4vw,56px);margin-top:clamp(56px,7vw,96px);align-items:start}
.bgs{display:grid;grid-template-columns:repeat(11,1fr);gap:4px}
.bg{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px 6px;border:0;cursor:pointer;background:var(--kirec-2);min-height:90px;text-align:left;color:var(--gece)}
.bg b{font:500 26px var(--m)}.bg span{font:500 10.5px/1.25 var(--m);text-transform:uppercase}
.bg.b4{background:#DCE8F7}.bg.b5,.bg.b6{background:#E6EFD6}.bg.b7,.bg.b8{background:#FBE2D4}.bg.b9,.bg.b10{background:#F4D4D0}
.bg[aria-pressed=true]{outline:3px solid var(--gece);outline-offset:-3px}
.bginfo{grid-column:2;display:grid;gap:8px}.bginfo b{font:800 26px var(--f);font-stretch:108%}
.rules{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--cizgi-a);margin-bottom:2px}
.rules>div{background:var(--gece);padding:clamp(22px,2.6vw,36px);display:grid;gap:10px;align-content:start}
.rules b{font:500 40px var(--m);color:var(--akim)}
.spec{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,5vw,80px)}
.ema{background:var(--kirec-2);padding:clamp(22px,3vw,40px);display:grid;gap:12px;align-content:start}
.src{margin-top:56px;border-top:1px solid var(--cizgi);padding-top:20px;display:grid;gap:10px}
.src ol{margin:0;padding-left:1.2em;display:grid;gap:8px;font-size:15px;color:var(--metin-2)}
@media (max-width:900px){.map,.lab,.spec,.borg{grid-template-columns:1fr}.bginfo{grid-column:1}.rules{grid-template-columns:1fr 1fr}.st b{width:52px;height:52px;font-size:16px}.pline{top:25px}.bgs{grid-template-columns:repeat(6,1fr)}}
@media (max-width:540px){.rules{grid-template-columns:1fr}.st span{font-size:10px}.figs{gap:8px;padding:12px}}
.ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mapside .ctas{gap:16px}
@media (max-width:900px){.ph-hero .ic{display:none}}