/* batuhanfirat.com/live — tam ekran, karanlık sahne; telefonda tek el kullanım */
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:#0b0c0f;color:#ecebe7;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sahne{position:fixed;inset:0;overflow:hidden;display:flex;flex-direction:column}
.bekle,.konus{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.konus{opacity:0;pointer-events:none}
.sahne::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 45%,rgba(0,0,0,.82) 100%);pointer-events:none}
.ust,.alt,.kamera{position:relative;z-index:2}
.ust{display:flex;justify-content:space-between;align-items:center;padding:max(14px,env(safe-area-inset-top)) 16px 10px}
.geri{color:#fff;text-decoration:none;font-weight:700;letter-spacing:.01em}
.durum{font-size:.82rem;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.sahne.konusuyor .durum{background:rgba(225,29,72,.85)}
.kamera{position:absolute;top:58px;right:16px;width:96px;height:128px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.6);transform:scaleX(-1)}
.alt{margin-top:auto;padding:0 16px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;max-width:640px;width:100%;align-self:center}
.akis{display:flex;flex-direction:column;gap:8px;max-height:34vh;overflow-y:auto}
.akis:empty{display:none}
.balon{max-width:86%;padding:9px 13px;border-radius:16px;font-size:.95rem;background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.balon.ben{align-self:flex-start;border-bottom-left-radius:4px}
.balon.siz{align-self:flex-end;background:rgba(31,95,191,.85);border-bottom-right-radius:4px}
.balon.sistem{align-self:center;background:rgba(180,83,9,.85);font-size:.88rem}
.giris h1{margin:0 0 4px;font-size:1.5rem}
.giris p{margin:0;color:#d3d4d8;font-size:.95rem}
.basla{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border:0;border-radius:999px;background:#e11d48;color:#fff;font:700 1.08rem/1 inherit;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.basla svg{width:22px;height:22px;fill:currentColor}
.basla:disabled{background:#6b7280;cursor:wait}
.yaz{display:flex;gap:8px}
.yaz input{flex:1;min-width:0;padding:12px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;font:inherit}
.yaz button,.araclar button{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.12);color:#fff;font:600 .92rem/1 inherit;cursor:pointer;backdrop-filter:blur(6px)}
.araclar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.araclar .kirmizi{background:#e11d48;border-color:#e11d48}
[hidden]{display:none!important}
@media (min-width:900px){.bekle,.konus{object-fit:contain}}