@font-face{font-family:'Alegreya Sans';font-weight:500;font-display:swap;src:url(assets/fonts/alegreya-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Alegreya Sans';font-weight:500;font-display:swap;src:url(assets/fonts/alegreya-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Alegreya Sans';font-weight:700;font-display:swap;src:url(assets/fonts/alegreya-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-024F}
@font-face{font-family:'Alegreya Sans';font-weight:700;font-display:swap;src:url(assets/fonts/alegreya-sans-latin-700-normal.woff2) format('woff2')}

/* Renkler deneme sayfasıyla aynı aile */
/* Tek görünüm: madenin karanlık dünyası (oyunun deneme sayfasıyla aynı aile), her iki temada da aynı. */
:root{
  color-scheme:dark;
  --bg:#17130f;--kart:#231c15;--kart2:#2d241b;--cizgi:#4a3a27;--yazi:#efe4d0;--soluk:#b3a48c;
  --altin:#e8b85c;--iyi:#78c98c;--uyari:#e5a33a;--kotu:#e2735f;--bilgi:#8fb3d9;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;background:var(--bg);color:var(--yazi);font:500 15px/1.4 'Alegreya Sans',system-ui,sans-serif}
button,select,input,textarea{font:inherit;color:inherit}
button,.dugme{background:var(--kart2);border:1.5px solid var(--cizgi);border-radius:9px;padding:7px 11px;cursor:pointer;display:inline-block}
button:hover:not(:disabled),.dugme:hover{border-color:var(--altin)}
button:disabled{opacity:.4;cursor:default}
button.ana{background:linear-gradient(#f0c56b,#d79a3a);color:#2a1a08;border:0;font-weight:700}
button.etkin{border-color:var(--altin);color:var(--altin);font-weight:700}
button:focus-visible{outline:2px solid var(--altin);outline-offset:2px}
select,input,textarea{background:#120f0c;border:1.5px solid var(--cizgi);border-radius:7px;padding:5px 7px}
input[type=number]{width:4.5em}
textarea{width:100%}

.ust{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;padding-block:10px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));border-bottom:1px solid var(--cizgi);position:sticky;top:env(safe-area-inset-top,0px);background:var(--bg);z-index:5}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
.ust h1{font-size:19px;margin:0;color:var(--altin)}
.secim{display:flex;gap:10px;flex-wrap:wrap}
.secim select{max-width:62vw}
main{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(300px,360px);align-items:start;gap:16px;padding-block:12px 40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1320px;margin:0 auto}
@media (max-width:860px){main{grid-template-columns:1fr}}
@media (min-width:861px) and (max-width:1100px){main{grid-template-columns:190px minmax(0,1fr)}.sag{grid-column:1/-1}}
.sol{display:flex;flex-direction:column;gap:10px}
.bolum-bilgi{background:var(--kart);border:1.5px solid var(--cizgi);border-radius:12px;padding:8px 12px}

.mod{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.mod button{padding:8px 4px}

.tahta{display:grid;grid-template-columns:20px repeat(6,1fr);gap:3px;padding:6px;border-radius:14px;background:#0d0b09 url(assets/tx_rock.webp) center/cover;user-select:none;touch-action:manipulation}
.tahta .kose{height:16px}
.tahta .baslik{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--soluk);font-weight:700}
.tahta .baslik.giris{color:var(--altin)}
.tahta .baslik.secili-satir{color:#fff;background:rgba(232,184,92,.25);border-radius:5px}
.h{position:relative;aspect-ratio:122/126;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#1a1510}
.h img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h img.catlak{filter:brightness(.8) contrast(1.3)}
.h.acik img{border-radius:3px}
.h .ad{position:absolute;left:3px;top:1px;font-size:10px;font-weight:700;text-shadow:0 0 3px #000,0 0 2px #000}
.adsiz .h .ad{display:none}
.h .isaret{position:absolute;z-index:1}
.h img.isaret.cep{inset:auto 3px 3px auto;width:34%;height:34%}
.h .giris-i{right:3px;top:0;color:var(--altin);font-size:18px;font-weight:700;text-shadow:0 0 3px #000}
.h .esya{left:2px;bottom:1px;font-size:15px}
.h .kilit{right:2px;top:1px;font-size:12px}
.h .rota-no{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);min-width:22px;padding:0 4px;border-radius:99px;background:var(--altin);color:#2a1a08;font-weight:700;font-size:13px;text-align:center;line-height:20px;box-shadow:0 0 6px #000}
.h.rotada{border-color:rgba(232,184,92,.65)}
.h.secili{border-color:#fff;transform:scale(.92)}
.h.s-hata{border-color:var(--kotu)}
.h.s-uyari{border-color:var(--uyari)}
.h.vurgu{outline:3px solid #fff;z-index:3}
.h.ulas{border-color:var(--altin);box-shadow:0 0 8px rgba(232,184,92,.55)}

.palet{background:var(--kart);border:1.5px solid var(--cizgi);border-radius:12px;padding:8px}
.palet .grup{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-bottom:6px}
.palet button{padding:3px;display:flex;flex-direction:column;align-items:center;gap:2px}
.palet button img{width:38px;height:38px;border-radius:6px;object-fit:cover}
.palet button .ikon{font-size:26px;line-height:38px}
.palet button small{font-size:10.5px;line-height:1.1;text-align:center}
.palet button.erken{opacity:.45}
.esya-sec{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--soluk)}
.esya-sec select{flex:1;min-width:0}

.dene-bant{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center;background:var(--kart);border:1.5px solid var(--cizgi);border-radius:12px;padding:6px}
.dene-bant b{display:block;font-size:22px;color:var(--altin)}
.dene-bant span{font-size:11px;color:var(--soluk)}
.kayit-satiri{margin:0;font-size:13.5px;color:var(--soluk)}

.gorunum{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--soluk)}
.buyuk{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
.satir{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kucuk{font-size:12.5px;color:var(--soluk);margin:4px 0}

.sag{display:flex;flex-direction:column;gap:12px}
.kart{background:var(--kart);border:1.5px solid var(--cizgi);border-radius:12px;padding:12px 14px}
.kart h2{margin:0 0 8px;font-size:16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.etiket{font-size:11px;font-weight:700;color:var(--bg);background:var(--soluk);border-radius:99px;padding:1px 8px}
.rozet{font-size:12px;border-radius:99px;padding:1px 8px}
.rozet.iyi{background:var(--iyi);color:#082a0a}.rozet.orta{background:var(--uyari);color:#2a1a08}.rozet.kotu{background:var(--kotu);color:#fff}

table.olcum{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:6px}
table.olcum th{text-align:left;font-weight:700;vertical-align:top;padding:5px 8px 5px 0;width:42%;color:var(--soluk)}
table.olcum td{padding:5px 0;vertical-align:top;border-bottom:1px solid var(--cizgi)}
table.olcum .yol{font-size:12px;color:var(--soluk);word-break:break-word}

.sorunlar{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:420px;overflow:auto}
.sorunlar li{padding:5px 8px;border-left:4px solid var(--cizgi);background:var(--kart2);border-radius:4px;font-size:13.5px}
.sorunlar li b{margin-right:4px}
.sorunlar .simge{display:inline-block;width:16px;font-weight:700}
.s-hata{border-color:var(--kotu)!important}.s-hata .simge,.s-hata b{color:var(--kotu)}
.s-uyari{border-color:var(--uyari)!important}.s-uyari .simge,.s-uyari b{color:var(--uyari)}
.s-tamam{border-color:var(--iyi)!important}.s-tamam .simge,.s-tamam b{color:var(--iyi)}
.s-bilgi .simge,.s-bilgi b{color:var(--bilgi)}

#hucre{display:flex;flex-direction:column;gap:8px}
#hucre p{margin:0}
#hucre label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--soluk)}
label.kutu{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;color:var(--yazi)!important;font-size:14px;margin:6px 0}
.ayarlar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.ayarlar label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--soluk)}
.ayarlar b{font-size:18px;color:var(--yazi)}
label.tam{display:block;font-size:13px;color:var(--soluk);margin-top:8px}
details summary{cursor:pointer;color:var(--soluk)}
.kayitlar{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.kayitlar li{background:var(--kart2);border-radius:6px;padding:6px 8px;border-left:4px solid var(--cizgi)}
.kayitlar li.onay{border-color:var(--iyi)}
.istisna{color:var(--uyari);margin-left:4px;cursor:help;text-decoration:underline dotted}

.bildirim{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#000d;border:1px solid var(--altin);padding:9px 16px;border-radius:10px;max-width:calc(100% - 32px);z-index:20}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.soru{position:fixed;inset:0;z-index:30;background:rgba(10,8,6,.72);display:flex;align-items:center;justify-content:center;padding:16px}
.soru-kutu{background:var(--kart);border:2px solid var(--altin);border-radius:14px;padding:16px;max-width:520px;width:100%;display:flex;flex-direction:column;gap:10px;max-height:90%;overflow:auto}
.soru-kutu p{margin:0;white-space:normal}
.soru-kutu textarea{font-family:ui-monospace,monospace;font-size:11.5px}
.motor-sec{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--soluk)}
.mini{display:grid;grid-template-columns:repeat(var(--w,6),1fr);gap:2px;max-width:240px;padding:4px;border-radius:10px;background:#0d0b09 url(assets/tx_rock.webp) center/cover;margin:4px 0 8px}
.m-h{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;background:#1a1510;display:flex;align-items:center;justify-content:center;font-size:11px}
.m-h img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m-h img.m-cep{inset:auto 1px 1px auto;width:45%;height:45%}
.m-h img.m-ikon{inset:12%;width:76%;height:76%;object-fit:contain;filter:drop-shadow(0 0 2px #000)}
.m-h img.catlak{filter:brightness(.8) contrast(1.3)}
.m-h b{position:relative;z-index:1;text-shadow:0 0 3px #000}
.rozet{background:var(--kart2);color:var(--yazi)}
.tam-satir{flex-basis:100%;margin:2px 0}
.not p{margin:0 0 6px;font-size:13.5px}
.not b{color:var(--altin)}
#harfGirdi{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.12em}
.alt-baslik{font-size:14px;margin:10px 0 4px}

/* sürükle bırak */
.h img,.palet button img{-webkit-user-drag:none;user-select:none}
.tahta.surukle .h,.palet button[data-tas]{touch-action:none;cursor:grab}
.surukleniyor,.surukleniyor *{cursor:grabbing!important;user-select:none}
.h.hedef{border-color:var(--altin);box-shadow:0 0 0 2px var(--altin) inset,0 0 12px rgba(240,190,90,.6)}
.hayalet{position:fixed;left:-30px;top:-30px;width:60px;height:60px;z-index:50;pointer-events:none;border-radius:10px;overflow:hidden;opacity:.85;box-shadow:0 6px 18px #000a}
.hayalet img{width:100%;height:100%;object-fit:cover}

/* palet tahtanın yanında; rotalar çizgi olarak */

/* sol araç sütunu: modlar, seçili modun araçları (palet ya da rota) */
.arac{position:sticky;top:8px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 16px);overflow:auto;padding-bottom:4px}
.arac .mod{grid-template-columns:repeat(2,1fr)}
.arac .palet{padding:6px}
.arac .palet .grup{grid-template-columns:repeat(2,1fr)}
.arac .palet button img{width:44px;height:44px}
.arac .palet button small{font-size:9.5px}
.arac .esya-sec{flex-direction:column;align-items:stretch}
.rota-araclar{display:flex;flex-direction:column;gap:6px;background:var(--kart);border:1.5px solid var(--cizgi);border-radius:12px;padding:8px}
.rota-araclar label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.rota-araclar[hidden]{display:none}
.sol .tahta{width:100%;max-width:600px;margin:0 auto}
@media (max-width:860px){.arac{position:static;max-height:none}.arac .mod{grid-template-columns:repeat(4,1fr)}.arac .palet .grup{grid-template-columns:repeat(5,1fr)}}
.tahta{position:relative}
.rota-cizgi{position:absolute;left:0;top:0;pointer-events:none;z-index:3;filter:drop-shadow(0 0 2px #000)}
.tahta .h .rota-no{z-index:4}

/* her şey bir ekranda: tahta ekran yüksekliğine göre boyutlanır, sağ panel yan yana sütunlara bölünür */
main{max-width:none;grid-template-columns:190px auto minmax(0,1fr)}
.arac{top:62px;max-height:calc(100vh - 70px)}
.sol{--tahtaG:calc((100vh - 112px - var(--satir,12) * 3px) / (var(--satir,12) * 1.033) * 6 + 50px);width:clamp(320px,var(--tahtaG),640px)}
.sol .tahta{max-width:none}
.sag{display:block;columns:330px;column-gap:12px}
.sag>*{break-inside:avoid;margin-bottom:12px}
@media (min-width:861px) and (max-width:1100px){main{grid-template-columns:190px auto}.sag{grid-column:1/-1}}
@media (max-width:860px){main{grid-template-columns:1fr}.sol{width:auto}.sag{columns:auto}}

/* düzen: solda araçlar (geniş), ortada tahta, sağda kartlar; uzun açıklamalar altta yatay şeritte */
main{grid-template-columns:230px auto minmax(0,1fr)}
.arac .palet button img{width:52px;height:52px}
.arac .palet button small{font-size:10.5px}
.sol{--tahtaG:calc((100vh - 235px - var(--satir,12) * 3px) / (var(--satir,12) * 1.033) * 6 + 50px)}
.tahta-ust{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:var(--soluk)}
.tahta-ust label{display:flex;gap:6px;align-items:center}
#oyunSecAlan{color:var(--metin,#eee);font-weight:700}
#oyunSec{max-width:260px}
.oyun-uyari{margin:0;padding:7px 10px;border-radius:10px;font-size:13px;line-height:1.35;background:rgba(232,184,92,.12);border:1.5px solid var(--altin)}
.oyun-uyari.dikkat{background:rgba(229,163,58,.2);border-color:var(--uyari)}
.oyun-uyari.bilgi{background:rgba(143,179,217,.12);border-color:var(--bilgi)}
.oyun-uyari[hidden]{display:none}
.h.onizleme{cursor:default}
.alt{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;align-items:start}
@media (min-width:861px) and (max-width:1100px){main{grid-template-columns:230px auto}.sag{grid-column:1/-1}}
@media (max-width:860px){main{grid-template-columns:1fr}.alt{grid-template-columns:1fr}}
.sol{width:clamp(260px,var(--tahtaG),640px)}

/* tek ekran: başlıkta oyun seçici; solda büyük palet ve tahta; sağda daraltılmış kartlar sütunlarda */
.ust{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 16px;padding-block:8px}
.ust-orta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--soluk);min-width:0}
.ust-orta label{display:flex;gap:6px;align-items:center}
.ust-orta .oyun-uyari{padding:4px 10px;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:help}
main{grid-template-columns:250px auto minmax(0,1fr);padding-block:10px 16px;gap:12px}
.arac{top:56px;max-height:calc(100vh - 64px)}
.sol .tahta .h{aspect-ratio:122/102}
.sol{--tahtaG:calc((100vh - 128px - var(--satir,12) * 3px) / var(--satir,12) * 1.196 * 6 + 50px);width:clamp(280px,var(--tahtaG),760px)}
.sag{columns:290px;column-gap:10px;font-size:12.5px}
.sag>*{margin-bottom:10px}
.sag .kart{padding:9px 11px}
.sag .kart h2{font-size:14.5px;margin:0 0 6px}
.sag .kucuk,.sag p{font-size:11.5px;line-height:1.35}
.sag button{padding:5px 9px;font-size:12.5px}
.sag .buyuk{gap:5px}
.sag .buyuk button{padding:7px 6px}
.sag textarea{font-size:12px}
.sag #harfGirdi{height:84px}
.sag .not p{margin:0 0 5px}
.sag .sorunlar li{padding:5px 8px;font-size:12px}
.sag table.olcum th,.sag table.olcum td{padding:3px 5px;font-size:11.5px}
.bolum-bilgi{font-size:12px;padding:7px 10px}
@media (max-width:1100px){.ust{grid-template-columns:1fr}main{grid-template-columns:250px auto}.sag{grid-column:1/-1}}
@media (max-width:860px){main{grid-template-columns:1fr}.sol{width:auto}.sag{columns:auto}}
.sol{width:clamp(280px,var(--tahtaG),640px)}
.sag .sorunlar{max-height:300px;overflow:auto}
.sag #oyunBilgi{max-height:360px;overflow:auto}

/* Oyna: oyundaki gibi animasyonlar */
.arac .dene-bant{grid-template-columns:repeat(5,1fr);padding:5px 3px;gap:2px}
.arac .dene-bant b{font-size:17px}
.arac .dene-bant span{font-size:9.5px}
.arac .kayit-satiri{font-size:11.5px;margin:0}
.arac .kayit-satiri[hidden],.arac .dene-bant[hidden]{display:none}
.anim{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden;border-radius:14px}
.a-tas{position:absolute;object-fit:cover;border-radius:8px}
.a-kir{animation:a-kir .45s ease-in forwards}
@keyframes a-kir{0%{transform:scale(1);opacity:1;filter:brightness(1.7)}100%{transform:scale(.35) rotate(14deg);opacity:0}}
.a-topla{animation:a-topla .7s ease-out forwards}
@keyframes a-topla{0%{transform:scale(1);opacity:1;filter:brightness(1.9) drop-shadow(0 0 12px #ffb347)}50%{transform:scale(1.18) translateY(-8px);opacity:1}100%{transform:scale(.45) translateY(-70px);opacity:0}}
.a-dus{z-index:2;filter:drop-shadow(0 6px 6px #000a)}
.toz{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;animation:toz .6s ease-out forwards}
@keyframes toz{to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}
.h.vuruldu{animation:sars .28s}
@keyframes sars{20%{transform:translate(-3px,1px) rotate(-2deg)}50%{transform:translate(3px,-1px) rotate(2deg)}80%{transform:translate(-2px,0)}}
.h.catladi{animation:catla .5s}
@keyframes catla{0%,100%{filter:none}30%{filter:brightness(2) contrast(1.4)}}
.h.indi{animation:indi .3s}
@keyframes indi{0%{transform:translateY(-5px)}45%{transform:translateY(3px) scaleY(.93)}100%{transform:none}}
.ucan{position:absolute;z-index:3;font-weight:800;font-size:15px;white-space:nowrap;text-shadow:0 0 4px #000,0 0 2px #000,0 0 1px #000;opacity:0;transform:translate(-50%,6px);animation:ucan 1.4s ease-out forwards;display:flex;align-items:center;gap:4px}
.ucan img{width:20px;height:20px}
.ucan.kazanc{color:#ffcf6a}.ucan.cep{color:#ffe08a;font-size:16px}.ucan.usta{color:#8fe3a1;font-size:17px}.ucan.patlama{color:#ff9a5a;font-size:16px}.ucan.olay{color:#efe3d2;font-size:12.5px;font-weight:700}
@keyframes ucan{0%{opacity:0;transform:translate(-50%,6px)}12%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-64px)}}
.afis{position:absolute;z-index:4;left:50%;top:42%;transform:translate(-50%,-50%);padding:14px 24px;border-radius:14px;background:rgba(20,14,8,.94);border:2px solid var(--altin);color:var(--altin);font-size:22px;font-weight:800;text-align:center;white-space:nowrap;animation:afis 2.4s ease forwards;box-shadow:0 10px 30px #000c}
.afis small{display:block;font-size:13px;color:#eadfcd;font-weight:600;margin-top:4px}
.afis.usta{color:#8fe3a1;border-color:#8fe3a1;top:25%}
.afis.bitti{color:var(--kotu);border-color:var(--kotu)}
@keyframes afis{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}12%{transform:translate(-50%,-50%) scale(1.06);opacity:1}20%{transform:translate(-50%,-50%) scale(1)}82%{opacity:1}100%{opacity:0}}

/* düzen: tek bölüm seçici üstte; araçlar | tahta | işlem kartları (dar) | yazılar (tek sütun) */
.ust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.ust-orta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;flex:1;min-width:0}
.ust-orta label,.ust-sag label{display:flex;gap:6px;align-items:center}
.ust-orta select{max-width:280px}
.ust-orta button{padding:5px 10px;font-size:13px}
.ust-sag{display:flex;gap:12px;font-size:13px;color:var(--soluk)}
main{grid-template-columns:230px auto 300px minmax(260px,1fr);align-items:start}
.arac{position:static;max-height:none;overflow:visible}
.sag-is,.sag-yazi{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:12.5px}
:is(.sag-is,.sag-yazi) .kart{padding:9px 11px;margin:0}
:is(.sag-is,.sag-yazi) .kart h2{font-size:14.5px;margin:0 0 6px}
:is(.sag-is,.sag-yazi) :is(.kucuk,p){font-size:11.5px;line-height:1.35}
:is(.sag-is,.sag-yazi) .not p{margin:0 0 5px}
:is(.sag-is,.sag-yazi) .sorunlar li{padding:5px 8px;font-size:12px}
:is(.sag-is,.sag-yazi) table.olcum :is(th,td){padding:3px 5px;font-size:11.5px}
.sag-is button{padding:4px 8px;font-size:12px}
.sag-is .satir{gap:4px}
.sag-is .buyuk{display:flex;flex-wrap:wrap;gap:4px}
.sag-is .buyuk button{padding:4px 8px;font-size:12px}
.sag-is .buyuk #olc{flex:1 0 100%;padding:6px 8px;font-size:13.5px}
.sag-is .motor-sec{font-size:12px;display:flex;gap:6px;align-items:center}
.sag-is .motor-sec select{flex:1;padding:3px 6px;font-size:12px}
.sag-is input[type=number]{width:64px;padding:3px 6px}
.sag-is textarea{font-size:12px}
.sag-is #harfGirdi{height:76px}
.sag-is #aNot{height:44px}
:is(.sag-is,.sag-yazi) .sorunlar{max-height:300px;overflow:auto}
.sag-yazi #oyunBilgi{max-height:380px;overflow:auto}
@media (max-width:1450px){main{grid-template-columns:230px auto minmax(280px,1fr)}.sag-yazi{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}}
@media (max-width:1100px){main{grid-template-columns:220px auto}.sag-is{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}}
@media (max-width:860px){main{grid-template-columns:minmax(0,1fr)}.sol{width:auto}.arac .mod{grid-template-columns:repeat(4,1fr)}.arac .palet .grup{grid-template-columns:repeat(5,1fr)}.ust-orta select{max-width:200px}}
main{grid-template-columns:230px auto 300px minmax(240px,420px);justify-content:start}
.sag-is .motor-sec{justify-content:flex-start;text-align:left;margin:0 0 6px}
.ust-orta button{white-space:nowrap}
@media (max-width:1450px){main{grid-template-columns:230px auto 300px minmax(240px,420px)}.sag-yazi{grid-column:auto;display:flex}}
@media (max-width:1250px){main{grid-template-columns:230px auto 300px}.sag-yazi{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
@media (max-width:1100px){main{grid-template-columns:220px auto}.sag-is{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start}}
@media (max-width:860px){main{grid-template-columns:minmax(0,1fr)}.ust{display:grid;grid-template-columns:1fr;gap:6px}.ust-orta .oyun-uyari{white-space:normal}.ust-orta select{max-width:none;flex:1}.ust-orta label{flex:1 1 100%}}
.sag-is .motor-sec{flex-direction:row}

/* sol araç sütunu geniş: palet üç sütun, büyük taşlar */
:root{--arac:340px}
main{grid-template-columns:var(--arac) auto 300px minmax(240px,420px)}
.arac .palet .grup{grid-template-columns:repeat(3,1fr);gap:6px}
.arac .palet button{padding:6px 3px}
.arac .palet button img{width:64px;height:64px}
.arac .palet button small{font-size:11.5px}
.arac .mod button{padding:10px 4px;font-size:15px}
@media (max-width:1700px){main{grid-template-columns:var(--arac) auto 300px}.sag-yazi{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start}}
@media (max-width:1300px){:root{--arac:290px}main{grid-template-columns:var(--arac) auto}.sag-is{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start}.arac .palet button img{width:54px;height:54px}}
@media (max-width:860px){main{grid-template-columns:minmax(0,1fr)}.arac .palet .grup{grid-template-columns:repeat(5,1fr)}.arac .palet button img{width:46px;height:46px}}
.arac .palet{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.arac .palet .grup{display:contents}
.arac .palet>:not(.grup){grid-column:1/-1}
.sag-is,.sag-yazi{contain:inline-size}
@media (max-width:860px){.arac .palet{grid-template-columns:repeat(5,1fr)}}
/* yazı sütunu da dar: 320 piksel; dört sütun 1500 piksele kadar yan yana */
main{grid-template-columns:var(--arac) auto 300px 320px;justify-content:center}
@media (max-width:1700px){main{grid-template-columns:var(--arac) auto 300px 320px}.sag-yazi{grid-column:auto;display:flex}}
@media (max-width:1500px){main{grid-template-columns:var(--arac) auto 300px}.sag-yazi{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
@media (max-width:1300px){main{grid-template-columns:var(--arac) auto}}
@media (max-width:860px){main{grid-template-columns:minmax(0,1fr)}}