:root {
  --bg: #080705;
  --bg2: #0e0c09;
  --paper: #f0e6cc;
  --paper2: #e0d0a8;
  --ink: #1a1208;
  --red: #8b1a1a;
  --red2: #c0392b;
  --amber: #d4a017;
  --amber2: #a07010;
  --green: #2d5a27;
  --green2: #4a8a42;
  --cyan: #1a6b7a;
  --cyan2: #2ab8cc;
  --purple: #4a2d6b;
  --purple2: #8860cc;
  --blue: #1a3a6b;
  --blue2: #4a80cc;
  --orange: #8b4a1a;
  --orange2: #e07830;
  --muted: #6b5d4a;
  --muted2: #998870;
  --border: rgba(212,160,23,0.2);
  --font-d: 'Oswald', sans-serif;
  --font-m: 'Share Tech Mono', 'Courier Prime', monospace;
  --font-s: 'Special Elite', cursive;
  --font-b: 'Courier Prime', monospace;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--paper);font-family:var(--font-b);min-height:100vh;overflow-x:hidden;}
button{cursor:pointer;}
input,textarea{font-family:var(--font-b);}

/* SCREENS */
.screen{display:none;min-height:100vh;flex-direction:column;}
.screen.active{display:flex;}

/* SCANLINES */
.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.06) 2px,rgba(0,0,0,0.06) 4px);pointer-events:none;z-index:900;}
.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:901;}

/* LANDING */
#screen-landing{background:var(--bg);background-image:radial-gradient(ellipse at 15% 60%,rgba(139,26,26,.1) 0%,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(212,160,23,.06) 0%,transparent 40%);align-items:center;padding:20px;}
.landing-wrap{width:100%;max-width:860px;display:flex;flex-direction:column;align-items:center;gap:24px;}
.landing-top{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px;}
.stamp-classified{font-family:var(--font-s);font-size:20px;color:var(--red);border:3px solid var(--red);padding:3px 12px;letter-spacing:6px;transform:rotate(-2deg);opacity:.85;}
.case-ref{font-size:10px;letter-spacing:3px;color:var(--muted);}
.landing-hero{text-align:center;}
.hero-op{font-family:var(--font-b);font-size:13px;letter-spacing:8px;color:var(--amber);margin-bottom:4px;}
.hero-title{font-family:var(--font-d);font-size:clamp(60px,14vw,110px);font-weight:700;letter-spacing:18px;color:var(--paper);text-shadow:0 0 60px rgba(212,160,23,.25);line-height:1;}
.hero-sub{font-family:var(--font-s);font-size:15px;color:var(--muted);letter-spacing:2px;margin-top:6px;}

/* COURTROOM ART */
.court-scene-art{width:100%;max-width:500px;background:var(--paper2);padding:14px;box-shadow:4px 4px 0 #2a1e08,8px 8px 24px rgba(0,0,0,.6),inset 0 0 30px rgba(0,0,0,.2);}
.csa-bg{width:100%;height:190px;background:linear-gradient(180deg,#7a5c30 0%,#5a3e1e 40%,#3a2810 100%);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;}
.csa-ceiling{position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(180deg,#2a1e0a,transparent);}
.csa-seats{position:absolute;top:5%;left:5%;right:5%;}
.csa-row{height:14px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5) 16px,transparent 16px,transparent 22px);margin-bottom:10px;border-radius:1px;}
.r1{width:90%;margin:0 auto 10px;}
.r2{width:96%;margin:0 auto 10px;}
.r3{width:100%;margin-bottom:10px;}
.csa-podium-zone{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:120px;}
.csa-podium{width:90px;height:36px;background:linear-gradient(180deg,#c89050,#7a4820);border-top:3px solid #e0b070;margin:0 auto;position:relative;}
.csa-speaker{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:18px;height:30px;background:#1e1008;border-radius:2px;}
.csa-speaker::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:13px;height:13px;background:#c09060;border-radius:50%;}
.csa-guard{position:absolute;right:10%;bottom:24px;width:14px;height:42px;background:#152030;border-radius:2px;}
.csa-guard::before{content:'';position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:11px;height:11px;background:#908070;border-radius:50%;}
.csa-flag{position:absolute;right:4%;top:8%;width:3px;height:70px;background:#3a2a18;}
.csa-flag::after{content:'';position:absolute;top:0;right:0;width:26px;height:16px;background:linear-gradient(135deg,#b0b0b0 50%,#d0d0d0 50%);clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);}
.csa-label{font-family:var(--font-b);font-size:9px;letter-spacing:3px;color:var(--ink);text-align:center;padding:8px 0 2px;opacity:.6;}

/* TICKER */
.news-ticker{width:100%;background:var(--red);overflow:hidden;padding:7px 0;border-top:2px solid #6b0a0a;border-bottom:2px solid #6b0a0a;}
.ticker-track{display:inline-block;white-space:nowrap;font-family:var(--font-m);font-size:11px;letter-spacing:2px;color:var(--paper);animation:ticker 35s linear infinite;}
@keyframes ticker{from{transform:translateX(100vw);}to{transform:translateX(-100%);}}

/* LANDING ACTIONS */
.landing-actions{display:flex;gap:18px;width:100%;}
.la-btn{flex:1;display:flex;align-items:center;gap:16px;padding:20px 22px;border:none;transition:all .2s;position:relative;}
.la-btn.primary{background:var(--red);border:2px solid #5a0808;box-shadow:3px 3px 0 #380606;}
.la-btn.secondary{background:transparent;border:2px solid var(--amber);box-shadow:3px 3px 0 var(--amber2);}
.la-btn:hover{transform:translate(-1px,-1px);}
.la-btn.primary:hover{box-shadow:4px 4px 0 #380606;}
.la-btn.secondary:hover{background:rgba(212,160,23,.08);}
.la-icon{font-size:26px;}
.la-text{display:flex;flex-direction:column;align-items:flex-start;}
.la-main{font-family:var(--font-d);font-size:15px;font-weight:600;letter-spacing:3px;color:var(--paper);}
.la-sub{font-size:10px;color:rgba(240,230,204,.55);margin-top:3px;}
.landing-footer{display:flex;gap:20px;font-size:9px;letter-spacing:2px;color:var(--muted);border-top:1px solid var(--border);padding-top:10px;width:100%;flex-wrap:wrap;}

/* FORM SCREENS */
#screen-create,#screen-join{background:var(--bg);align-items:center;justify-content:center;}
.form-screen-wrap{width:100%;max-width:600px;padding:30px 20px;}
.back-link{background:none;border:none;color:var(--amber);font-family:var(--font-b);font-size:13px;letter-spacing:1px;display:block;margin-bottom:20px;}
.back-link:hover{color:var(--paper);}
.form-box{background:rgba(14,12,9,.97);border:1px solid var(--amber);padding:36px;display:flex;flex-direction:column;gap:22px;}
.form-box-header{border-bottom:1px solid var(--border);padding-bottom:18px;}
.fbh-title{font-family:var(--font-d);font-size:22px;letter-spacing:4px;color:var(--paper);}
.fbh-sub{font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:1px;}
.form-field{display:flex;flex-direction:column;gap:8px;}
.form-field label{font-size:10px;letter-spacing:3px;color:var(--amber);}
.form-field input{background:rgba(255,255,255,.04);border:1px solid rgba(212,160,23,.3);color:var(--paper);font-size:14px;padding:11px 15px;outline:none;transition:border-color .2s;}
.form-field input:focus{border-color:var(--amber);background:rgba(212,160,23,.04);}
.code-display{background:rgba(0,0,0,.5);border:1px solid rgba(212,160,23,.5);color:var(--amber);font-family:var(--font-d);font-size:30px;letter-spacing:10px;text-align:center;padding:14px;}
.gen-code-btn{background:none;border:1px solid rgba(212,160,23,.35);color:var(--amber);font-family:var(--font-b);font-size:11px;letter-spacing:2px;padding:8px 16px;margin-top:6px;align-self:flex-start;transition:all .2s;}
.gen-code-btn:hover{background:rgba(212,160,23,.08);}
.cnt-row{display:flex;gap:8px;}
.cnt-btn{flex:1;padding:10px;background:rgba(255,255,255,.04);border:1px solid rgba(212,160,23,.25);color:var(--muted);font-family:var(--font-d);font-size:18px;transition:all .2s;}
.cnt-btn.sel,.cnt-btn:hover{background:var(--amber);color:var(--ink);border-color:var(--amber);}
.form-submit-btn{background:var(--red);border:none;color:var(--paper);font-family:var(--font-d);font-size:15px;font-weight:600;letter-spacing:4px;padding:15px 28px;transition:all .2s;margin-top:4px;}
.form-submit-btn:hover{background:var(--red2);}

/* ROLE GRID */
.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.role-card{padding:14px;border:2px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer;transition:all .2s;position:relative;}
.role-card.sel{border-color:var(--role-color,var(--amber));background:rgba(var(--role-rgb,212,160,23),.08);}
.role-card:hover:not(.taken){border-color:rgba(255,255,255,.2);}
.role-card.taken{opacity:.35;cursor:not-allowed;}
.rc-icon{font-size:22px;margin-bottom:6px;}
.rc-name{font-family:var(--font-d);font-size:13px;letter-spacing:2px;color:var(--paper);margin-bottom:3px;}
.rc-desc{font-size:10px;color:var(--muted);line-height:1.4;}
.rc-taken-badge{position:absolute;top:6px;right:6px;font-size:8px;letter-spacing:2px;color:var(--red);border:1px solid var(--red);padding:1px 5px;}

/* TOPBAR */
.topbar{background:rgba(8,7,5,.98);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;height:50px;gap:20px;position:sticky;top:0;z-index:800;flex-shrink:0;}
.tb-left{display:flex;align-items:center;gap:14px;}
.tb-logo{font-family:var(--font-d);font-size:16px;font-weight:700;letter-spacing:4px;color:var(--amber);}
.tb-case{font-size:9px;letter-spacing:3px;color:var(--muted);}
.tb-center{display:flex;align-items:center;gap:20px;flex:1;justify-content:center;}
.tb-agent-info{display:flex;align-items:center;gap:10px;}
.tb-role-badge{font-size:10px;letter-spacing:2px;padding:3px 10px;border:1px solid;font-family:var(--font-m);}
.tb-agent-name{font-family:var(--font-d);font-size:14px;letter-spacing:2px;color:var(--paper);}
.tb-game-clock{font-family:var(--font-m);font-size:12px;color:var(--amber);letter-spacing:2px;}
.tb-right{display:flex;align-items:center;gap:10px;margin-left:auto;}
.tb-btn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--paper);font-family:var(--font-m);font-size:10px;letter-spacing:1px;padding:6px 12px;transition:all .2s;}
.tb-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);}
.meeting-btn{border-color:rgba(212,160,23,.4);color:var(--amber);}
.meeting-btn:hover{background:rgba(212,160,23,.08);}
.meeting-btn.active{background:rgba(212,160,23,.15);border-color:var(--amber);animation:pulse-amber 1s infinite;}
@keyframes pulse-amber{0%,100%{box-shadow:0 0 0 0 rgba(212,160,23,.4);}50%{box-shadow:0 0 0 4px rgba(212,160,23,.1);}}

/* AGENTS PANEL */
.agents-panel{position:fixed;top:50px;right:0;width:260px;background:var(--bg2);border:1px solid var(--border);border-top:none;z-index:750;padding:16px;}
.ap-title{font-size:10px;letter-spacing:3px;color:var(--amber);margin-bottom:12px;}
.agent-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.ar-status{width:7px;height:7px;border-radius:50%;background:var(--green2);box-shadow:0 0 5px var(--green2);}
.ar-status.suspended{background:var(--red);animation:blink-red 0.5s infinite;}
@keyframes blink-red{0%,100%{opacity:1;}50%{opacity:.2;}}
.ar-name{font-family:var(--font-d);font-size:13px;letter-spacing:1px;flex:1;}
.ar-role{font-size:9px;letter-spacing:2px;color:var(--muted);}

/* GAME LAYOUT */
.game-body{display:flex;flex:1;overflow:hidden;}
.game-sidebar{width:220px;min-width:220px;background:rgba(8,7,5,.95);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;}
.sidebar-nav{display:flex;flex-direction:column;padding:10px 0;flex:1;}
.nav-item{display:flex;align-items:center;gap:10px;padding:11px 18px;background:none;border:none;color:var(--muted);font-family:var(--font-b);font-size:11px;letter-spacing:1px;text-align:left;border-left:3px solid transparent;transition:all .2s;width:100%;}
.nav-item:hover{color:var(--paper);background:rgba(255,255,255,.03);}
.nav-item.active{color:var(--amber);border-left-color:var(--amber);background:rgba(212,160,23,.05);}
.nav-item.role-nav{font-size:10px;}
.nav-icon{font-size:14px;flex-shrink:0;}
.sidebar-progress{padding:14px 18px;border-top:1px solid var(--border);}
.sp-label{font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:8px;}
.sp-bar{height:3px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden;}
.sp-fill{height:100%;background:var(--amber);transition:width .5s;}
.sp-pct{font-size:10px;color:var(--amber);margin-top:4px;text-align:right;}
.sidebar-day{padding:10px 18px;border-top:1px solid var(--border);}
.sd-label{font-size:9px;letter-spacing:2px;color:var(--muted);}
.sd-value{font-family:var(--font-m);font-size:13px;color:var(--amber);margin-top:2px;}

/* MAIN AREA */
.main-area{flex:1;overflow-y:auto;padding:28px 32px;background:radial-gradient(ellipse at 0 0,rgba(212,160,23,.03) 0%,transparent 50%);}
.section{display:none;animation:fadeup .3s ease;}
.section.active{display:block;}
@keyframes fadeup{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.section-hdr{margin-bottom:24px;border-bottom:2px solid var(--amber);padding-bottom:10px;display:flex;align-items:flex-end;justify-content:space-between;}
.section-hdr h2{font-family:var(--font-d);font-size:24px;letter-spacing:5px;color:var(--paper);}
.section-hdr-sub{font-size:10px;letter-spacing:2px;color:var(--muted);}

/* TIMELINE */
.tl-wrap{position:relative;padding-left:28px;}
.tl-wrap::before{content:'';position:absolute;left:6px;top:0;bottom:0;width:2px;background:rgba(212,160,23,.15);}
.tl-event{position:relative;margin-bottom:20px;background:rgba(255,255,255,.02);border:1px solid rgba(212,160,23,.1);padding:14px 18px;cursor:pointer;transition:all .2s;}
.tl-event::before{content:'';position:absolute;left:-24px;top:18px;width:10px;height:10px;border-radius:50%;border:2px solid var(--amber);background:var(--bg);}
.tl-event.open::before{background:var(--amber);box-shadow:0 0 8px var(--amber);}
.tl-event.open{border-color:rgba(212,160,23,.3);}
.tl-event.locked{opacity:.35;cursor:not-allowed;}
.tl-event:hover:not(.locked){border-color:rgba(212,160,23,.35);background:rgba(212,160,23,.03);}
.tl-date{font-size:9px;letter-spacing:3px;color:var(--amber);margin-bottom:5px;}
.tl-title{font-family:var(--font-d);font-size:14px;letter-spacing:2px;color:var(--paper);margin-bottom:5px;}
.tl-desc{font-size:12px;color:var(--muted);line-height:1.6;}
.tl-tag{display:inline-block;margin-top:8px;font-size:8px;letter-spacing:2px;padding:2px 7px;border:1px solid;}
.tag-d{color:var(--red);border-color:var(--red);}
.tag-e{color:var(--amber);border-color:var(--amber);}
.tag-a{color:var(--green2);border-color:var(--green2);}
.tag-t{color:var(--orange2);border-color:var(--orange2);}
.tl-click-hint{font-size:9px;color:var(--amber);letter-spacing:1px;margin-top:8px;opacity:.7;}

/* SUSPECTS */
.suspects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;}
.suspect-card{background:rgba(255,255,255,.02);border:1px solid rgba(212,160,23,.12);padding:18px;transition:all .2s;position:relative;}
.suspect-card:hover{border-color:rgba(212,160,23,.4);background:rgba(212,160,23,.03);}
.suspect-card.deceased{border-color:rgba(139,26,26,.3);}
.suspect-card.deceased::after{content:'HAYATINI KAYBETTİ';position:absolute;top:8px;right:8px;font-size:7px;letter-spacing:2px;color:var(--red);border:1px solid var(--red);padding:2px 5px;}
.sc-avatar{width:44px;height:44px;border-radius:50%;border:2px solid rgba(212,160,23,.25);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px;background:rgba(212,160,23,.06);}
.sc-name{font-family:var(--font-d);font-size:15px;letter-spacing:2px;color:var(--paper);margin-bottom:3px;}
.sc-role{font-size:9px;letter-spacing:2px;color:var(--amber);margin-bottom:8px;}
.sc-status{font-size:11px;color:var(--muted);line-height:1.5;margin-bottom:10px;}
.sc-threat{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04);}
.sct-bar{flex:1;height:3px;background:rgba(255,255,255,.05);}
.sct-fill{height:100%;background:var(--red);}

/* EVIDENCE */
.evidence-list{display:flex;flex-direction:column;gap:14px;}
.ev-item{display:flex;gap:18px;background:rgba(255,255,255,.02);border:1px solid rgba(212,160,23,.12);padding:18px 22px;transition:all .2s;}
.ev-item:hover{border-color:rgba(212,160,23,.35);}
.ev-icon{font-size:26px;flex-shrink:0;}
.ev-body{flex:1;}
.ev-id{font-size:8px;letter-spacing:3px;color:var(--muted);margin-bottom:4px;}
.ev-title{font-family:var(--font-d);font-size:15px;letter-spacing:2px;color:var(--paper);margin-bottom:5px;}
.ev-desc{font-size:12px;color:var(--muted);line-height:1.6;}
.ev-decoded{margin-top:10px;padding:10px 14px;background:rgba(212,160,23,.05);border-left:3px solid var(--amber);font-family:var(--font-b);font-size:12px;color:var(--amber);font-style:italic;line-height:1.6;}
.ev-locked{margin-top:8px;font-size:10px;letter-spacing:2px;color:var(--red);display:flex;align-items:center;gap:6px;}

/* INTERROGATION LIST */
.interrog-list{display:flex;flex-direction:column;gap:14px;}
.interrog-row{display:flex;gap:18px;background:rgba(255,255,255,.02);border:1px solid rgba(212,160,23,.12);padding:18px 22px;cursor:pointer;transition:all .2s;align-items:flex-start;}
.interrog-row:hover{border-color:var(--amber);background:rgba(212,160,23,.04);}
.interrog-row.unavail{opacity:.3;cursor:not-allowed;}
.ir-num{font-family:var(--font-d);font-size:34px;font-weight:700;color:rgba(212,160,23,.18);line-height:1;flex-shrink:0;}
.ir-info{flex:1;}
.ir-name{font-family:var(--font-d);font-size:16px;letter-spacing:2px;color:var(--paper);margin-bottom:3px;}
.ir-ctx{font-size:11px;color:var(--muted);margin-bottom:8px;line-height:1.5;}
.ir-tags{display:flex;gap:6px;flex-wrap:wrap;}
.ir-tag{font-size:8px;letter-spacing:2px;padding:2px 7px;border:1px solid rgba(212,160,23,.3);color:var(--amber);}
.ir-solo-team{display:flex;gap:8px;margin-top:10px;}
.ir-btn{font-size:10px;letter-spacing:2px;padding:6px 14px;border:1px solid;background:none;font-family:var(--font-b);transition:all .2s;}
.ir-btn.solo{color:var(--cyan2);border-color:var(--cyan2);}
.ir-btn.solo:hover{background:rgba(42,184,204,.08);}
.ir-btn.team{color:var(--amber);border-color:var(--amber);}
.ir-btn.team:hover{background:rgba(212,160,23,.08);}

/* INTERROG MODAL */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.87);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;}
.modal-box{background:#0c0a07;border:1px solid var(--amber);width:100%;max-width:720px;max-height:92vh;overflow-y:auto;padding:28px;position:relative;box-shadow:0 0 50px rgba(212,160,23,.12);}
.modal-box.large{max-width:800px;}
.modal-box.computer-modal-box{max-width:700px;border-color:var(--cyan2);}
.modal-close{position:absolute;top:14px;right:14px;background:none;border:none;color:var(--muted);font-size:18px;line-height:1;}
.modal-close:hover{color:var(--red);}
.im-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.im-subject-info{display:flex;align-items:flex-start;gap:14px;flex:1;}
.im-avatar{width:50px;height:50px;border-radius:50%;background:rgba(212,160,23,.08);border:2px solid rgba(212,160,23,.25);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.im-name{font-family:var(--font-d);font-size:19px;letter-spacing:2px;color:var(--paper);}
.im-role-tag{font-size:10px;letter-spacing:2px;color:var(--amber);margin-bottom:8px;}
.im-stress-row{display:flex;align-items:center;gap:8px;margin-top:6px;}
.im-stress-bar{width:120px;height:4px;background:rgba(255,255,255,.06);}
.im-stress-fill{height:100%;background:var(--red);transition:width .6s;}
.im-team-note{font-size:10px;letter-spacing:2px;color:var(--muted);flex-shrink:0;}
.im-transcript{min-height:200px;max-height:320px;overflow-y:auto;margin-bottom:20px;display:flex;flex-direction:column;gap:14px;}
.tr-block{padding:14px 16px;background:rgba(255,255,255,.02);border-left:3px solid rgba(212,160,23,.2);}
.tr-block.suspect-speak{border-left-color:var(--red);}
.tr-q{font-size:9px;letter-spacing:2px;color:var(--amber);margin-bottom:5px;}
.tr-a{font-size:13px;color:var(--paper);line-height:1.7;font-style:italic;}
.tr-analysis{margin-top:10px;padding:10px;background:rgba(139,26,26,.08);border:1px solid rgba(139,26,26,.2);}
.tra-title{font-size:9px;letter-spacing:3px;color:var(--red);margin-bottom:6px;}
.tra-item{font-size:11px;color:var(--paper);margin-bottom:4px;display:flex;gap:6px;line-height:1.5;}
.im-action-title{font-size:10px;letter-spacing:3px;color:var(--amber);margin-bottom:12px;}
.im-tactics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;}
.tactic-btn{padding:12px 8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:5px;}
.tactic-icon{font-size:22px;}
.tactic-label{font-family:var(--font-d);font-size:11px;letter-spacing:1px;color:var(--paper);}
.tactic-desc{font-size:9px;color:var(--muted);text-align:center;line-height:1.3;}
.good-cop:hover{border-color:var(--green2);background:rgba(74,138,66,.08);}
.bad-cop:hover{border-color:var(--red2);background:rgba(139,26,26,.08);}
.deal:hover{border-color:var(--blue2);background:rgba(74,128,204,.08);}
.bribe:hover{border-color:var(--amber);background:rgba(212,160,23,.08);}
.im-custom-row{display:flex;gap:10px;}
.im-custom-row input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(212,160,23,.3);color:var(--paper);font-size:13px;padding:10px 14px;outline:none;}
.im-custom-row input:focus{border-color:var(--amber);}
.im-ask-btn{background:var(--amber);border:none;color:var(--ink);font-family:var(--font-d);font-size:13px;font-weight:600;letter-spacing:2px;padding:10px 20px;transition:all .2s;}
.im-ask-btn:hover{background:#e8b828;}
.role-action-note{margin-top:10px;font-size:11px;color:var(--cyan2);letter-spacing:1px;min-height:16px;}
.ai-loading-bar{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(212,160,23,.04);border:1px solid rgba(212,160,23,.15);margin-top:10px;font-size:11px;color:var(--amber);letter-spacing:1px;}
.alb-fill{width:20px;height:20px;border:2px solid var(--amber);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

/* NOTES */
.notes-area textarea{width:100%;min-height:380px;background:rgba(244,234,210,.04);border:1px solid rgba(212,160,23,.2);color:var(--paper);font-family:var(--font-s);font-size:14px;line-height:1.9;padding:18px;resize:vertical;outline:none;}
.notes-area textarea:focus{border-color:var(--amber);}
.save-notes-btn{margin-top:10px;background:none;border:1px solid var(--amber);color:var(--amber);font-family:var(--font-d);font-size:12px;letter-spacing:2px;padding:8px 20px;transition:all .2s;}
.save-notes-btn:hover{background:rgba(212,160,23,.08);}

/* VERDICT */
.verdict-q-block{background:rgba(255,255,255,.02);border:1px solid rgba(212,160,23,.12);padding:18px 22px;margin-bottom:14px;}
.vqb-q{font-family:var(--font-d);font-size:14px;letter-spacing:2px;color:var(--paper);margin-bottom:12px;}
.vqb-opts{display:flex;flex-direction:column;gap:7px;}
.vqb-opt{padding:10px 14px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);color:var(--muted);font-family:var(--font-b);font-size:12px;text-align:left;transition:all .2s;}
.vqb-opt:hover{border-color:rgba(212,160,23,.35);color:var(--paper);}
.vqb-opt.sel{border-color:var(--amber);color:var(--amber);background:rgba(212,160,23,.06);}
.submit-vrd{background:var(--red);border:none;color:var(--paper);font-family:var(--font-d);font-size:15px;font-weight:600;letter-spacing:4px;padding:14px 30px;transition:all .2s;margin-top:10px;}
.submit-vrd:hover{background:var(--red2);}
.verdict-result-box{margin-top:16px;padding:22px;border:2px solid var(--amber);background:rgba(212,160,23,.04);font-family:var(--font-s);font-size:14px;line-height:1.8;display:none;}

/* MEETING */
.meeting-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:1800;display:flex;align-items:center;justify-content:center;padding:20px;}
.meeting-box{background:#0c0a07;border:2px solid var(--amber);width:100%;max-width:580px;max-height:88vh;display:flex;flex-direction:column;}
.meeting-header{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid var(--border);}
.mh-title{font-family:var(--font-d);font-size:18px;letter-spacing:3px;color:var(--amber);flex:1;}
.mh-timer{font-family:var(--font-m);font-size:20px;color:var(--red);letter-spacing:2px;}
.mh-close{background:none;border:none;color:var(--muted);font-size:18px;padding:4px;}
.mh-close:hover{color:var(--red);}
.meeting-request{padding:16px 20px;background:rgba(139,26,26,.1);border-bottom:1px solid rgba(139,26,26,.3);}
.mr-text{font-size:13px;color:var(--paper);margin-bottom:12px;line-height:1.5;}
.mr-buttons{display:flex;gap:10px;margin-bottom:8px;}
.mr-yes{background:var(--green);border:1px solid var(--green2);color:var(--paper);font-family:var(--font-d);font-size:14px;letter-spacing:2px;padding:8px 24px;transition:all .2s;}
.mr-yes:hover{background:var(--green2);}
.mr-no{background:rgba(139,26,26,.3);border:1px solid var(--red);color:var(--paper);font-family:var(--font-d);font-size:14px;letter-spacing:2px;padding:8px 24px;transition:all .2s;}
.mr-no:hover{background:var(--red);}
.mr-votes{font-size:10px;letter-spacing:1px;color:var(--muted);}
.meeting-chat{flex:1;overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:8px;min-height:200px;}
.mc-msg{font-size:12px;line-height:1.5;padding:6px 10px;background:rgba(255,255,255,.03);border-left:2px solid rgba(212,160,23,.3);}
.mc-msg .mc-sender{font-family:var(--font-d);font-size:10px;letter-spacing:2px;margin-bottom:2px;}
.mc-msg.system{border-left-color:var(--red);color:var(--red);font-size:11px;letter-spacing:1px;}
.meeting-input-row{display:flex;gap:0;border-top:1px solid var(--border);}
.meeting-input-row input{flex:1;background:rgba(255,255,255,.04);border:none;border-right:1px solid var(--border);color:var(--paper);font-family:var(--font-b);font-size:13px;padding:12px 16px;outline:none;}
.meeting-input-row button{background:var(--amber);border:none;color:var(--ink);font-family:var(--font-d);font-size:12px;letter-spacing:2px;padding:12px 20px;}

/* EVENT POPUP */
.event-popup{position:fixed;top:60px;right:20px;width:360px;z-index:1600;animation:slideInRight .4s ease;}
@keyframes slideInRight{from{transform:translateX(100%);opacity:0;}to{transform:none;opacity:1;}}
.ep-content{background:#100e0a;border:2px solid var(--red);padding:20px;box-shadow:0 0 30px rgba(139,26,26,.3);}
.ep-icon{font-size:28px;margin-bottom:8px;}
.ep-title{font-family:var(--font-d);font-size:16px;letter-spacing:3px;color:var(--red);margin-bottom:8px;}
.ep-body{font-size:12px;color:var(--paper);line-height:1.6;margin-bottom:14px;}
.ep-choices{display:flex;flex-direction:column;gap:7px;}
.ep-choice{padding:9px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);color:var(--paper);font-family:var(--font-b);font-size:11px;text-align:left;transition:all .2s;}
.ep-choice:hover{border-color:var(--amber);color:var(--amber);}

/* COMPUTER MODAL */
.computer-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(42,184,204,.2);}
.ch-icon{font-size:28px;}
.ch-title{font-family:var(--font-d);font-size:18px;letter-spacing:3px;color:var(--cyan2);}
.ch-sub{font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:3px;}
.computer-body{display:flex;flex-direction:column;gap:14px;}
.computer-app{padding:14px;background:rgba(42,184,204,.04);border:1px solid rgba(42,184,204,.2);cursor:pointer;transition:all .2s;}
.computer-app:hover{border-color:var(--cyan2);background:rgba(42,184,204,.08);}
.ca-title{font-family:var(--font-d);font-size:13px;letter-spacing:2px;color:var(--cyan2);margin-bottom:4px;}
.ca-desc{font-size:11px;color:var(--muted);}
.ca-content{margin-top:12px;padding:12px;background:rgba(0,0,0,.4);font-family:var(--font-m);font-size:12px;color:var(--paper);line-height:1.7;display:none;}
.ca-content.open{display:block;}
.ca-input-row{display:flex;gap:8px;margin-top:10px;}
.ca-input-row input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(42,184,204,.3);color:var(--paper);font-family:var(--font-m);font-size:12px;padding:8px 12px;outline:none;}
.ca-input-row button{background:var(--cyan);border:none;color:var(--paper);font-family:var(--font-d);font-size:11px;letter-spacing:2px;padding:8px 16px;}
.ca-result{margin-top:8px;padding:10px;background:rgba(42,184,204,.05);border:1px solid rgba(42,184,204,.2);font-family:var(--font-m);font-size:12px;color:var(--cyan2);line-height:1.7;}
.prison-record{padding:12px;background:rgba(0,0,0,.4);font-family:var(--font-m);font-size:12px;color:var(--paper);line-height:1.8;border:1px solid rgba(212,160,23,.15);}
.law-record{padding:12px;background:rgba(0,0,0,.4);font-family:var(--font-m);font-size:12px;color:var(--paper);line-height:2;}
.ops-deploy{display:flex;flex-direction:column;gap:8px;}
.ops-target{padding:10px 14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,100,50,.2);display:flex;align-items:center;justify-content:space-between;}
.ops-target-name{font-size:12px;color:var(--paper);}
.ops-deploy-btn{background:var(--red);border:none;color:var(--paper);font-family:var(--font-d);font-size:10px;letter-spacing:2px;padding:5px 12px;transition:all .2s;}
.ops-deploy-btn:hover{background:var(--red2);}
.ops-deploy-btn:disabled{opacity:.3;cursor:not-allowed;}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,.2);}
::-webkit-scrollbar-thumb{background:rgba(212,160,23,.25);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:rgba(212,160,23,.5);}

/* RESPONSIVE */
@media(max-width:700px){
  .landing-actions{flex-direction:column;}
  .game-sidebar{width:180px;min-width:180px;}
  .im-tactics{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:500px){
  .game-body{flex-direction:column;}
  .game-sidebar{width:100%;min-width:unset;flex-direction:row;flex-wrap:wrap;}
  .sidebar-nav{flex-direction:row;flex-wrap:wrap;}
  .nav-item{padding:8px 12px;border-left:none;border-bottom:2px solid transparent;font-size:10px;}
  .nav-item.active{border-left:none;border-bottom-color:var(--amber);}
}

/* =================== v2.0 EKLEMELERİ =================== */

/* Computer App — gelişmiş stiller */
.ca-select {
  width: 100%;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(212,160,23,.3);
  color: var(--paper);
  padding: 7px;
  font-family: var(--font-b);
  margin-bottom: 8px;
}
.ca-select option { background: #1a1208; }

.ca-btn {
  background: var(--cyan);
  border: none;
  color: var(--paper);
  font-family: var(--font-d);
  font-size: 11px;
  letter-spacing: 2px;
  padding: 6px 14px;
  cursor: pointer;
  transition: all .2s;
}
.ca-btn:hover { background: var(--cyan2); }
.ca-btn-red { background: var(--red); }
.ca-btn-red:hover { background: var(--red2); }

.ca-verdict-row {
  margin-bottom: 14px;
  padding: 12px;
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(212,160,23,.15);
}
.ca-verdict-out {
  margin-top: 6px;
  font-size: 11px;
  min-height: 16px;
}

.ca-cipher-block {
  margin-bottom: 16px;
  padding: 12px;
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(42,184,204,.15);
}
.ca-cipher-name { font-size: 9px; letter-spacing: 3px; color: var(--cyan2); margin-bottom: 6px; }
.ca-cipher-text { font-family: var(--font-m); font-size: 13px; color: var(--amber); margin-bottom: 4px; }
.ca-cipher-hint { font-size: 10px; color: var(--muted); margin-bottom: 8px; }

.ca-record-block {
  margin-bottom: 14px;
  padding: 12px;
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(136,96,204,.15);
}
.ca-record-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  align-items: center;
}
.ca-record-name { font-family: var(--font-d); font-size: 13px; letter-spacing: 2px; color: var(--paper); }
.ca-risk-badge { font-size: 9px; letter-spacing: 2px; border: 1px solid currentColor; padding: 1px 5px; }

/* Özel Harekat */
.ops-status-badge { font-size: 9px; letter-spacing: 2px; margin-top: 4px; }
.ca-force-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px;
  background: rgba(0,0,0,.2);
  font-size: 12px;
}

/* Baskın Raporları */
.ca-raid-report {
  margin-bottom: 14px;
  padding: 12px;
  background: rgba(224,120,48,.06);
  border: 1px solid rgba(224,120,48,.25);
  border-left: 3px solid var(--orange2);
}
.ca-raid-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.ca-raid-target { font-family: var(--font-d); font-size: 13px; color: var(--orange2); letter-spacing: 1px; }
.ca-raid-time { font-size: 9px; color: var(--muted); }
.ca-raid-ops { font-size: 10px; color: var(--muted); margin-bottom: 6px; }
.ca-raid-findings {
  font-family: var(--font-m);
  font-size: 11px;
  color: var(--paper);
  line-height: 1.7;
  padding: 8px;
  background: rgba(0,0,0,.3);
  border: 1px solid rgba(224,120,48,.15);
}

/* Savcı */
.ca-log-block {
  margin-bottom: 12px;
  padding: 10px;
  background: rgba(0,0,0,.3);
  border-left: 3px solid rgba(255,255,255,.1);
}
.ca-log-block.critical { border-left-color: var(--amber); }
.ca-log-header { display: flex; justify-content: space-between; margin-bottom: 4px; align-items: center; }
.ca-log-date { font-size: 9px; letter-spacing: 2px; color: var(--amber); }
.ca-critical-badge { font-size: 8px; letter-spacing: 2px; color: var(--red); border: 1px solid var(--red); padding: 1px 5px; }
.ca-log-person { font-family: var(--font-d); font-size: 13px; color: var(--paper); margin-bottom: 4px; }
.ca-log-summary { font-size: 11px; color: var(--muted); line-height: 1.5; }

/* Raid alert dot animasyonu */
.raid-alert-dot { animation: blink-red .5s infinite; }

/* Online badge */
#online-badge { transition: color .5s; }

/* ════════ v3.0 EKLEMELERİ ════════ */

/* Timeline Chapter separator */
.tl-chapter-sep{margin:24px 0 8px -28px;padding:6px 14px 6px 28px;background:rgba(212,160,23,.06);border-left:3px solid var(--amber);font-family:var(--font-d);font-size:11px;letter-spacing:3px;color:var(--amber);}

/* ── PUZZLE SEKMESI ── */
.puzzle-list{display:flex;flex-direction:column;gap:18px;}
.puzzle-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,200,80,.2);overflow:hidden;}
.puzzle-card.puzzle-locked{opacity:.4;pointer-events:none;}
.pc-header{padding:14px 18px;border-bottom:1px solid rgba(255,200,80,.1);cursor:pointer;}
.pc-title{font-family:var(--font-d);font-size:15px;letter-spacing:2px;color:var(--amber);}
.pc-desc{font-size:10px;color:var(--muted);margin-top:3px;}
.pc-body{padding:16px 18px;}
.puzzle-table,.bank-table{width:100%;border-collapse:collapse;font-family:var(--font-m);font-size:11px;margin-bottom:14px;}
.pt-row,.bt-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);}
.pt-row.header,.bt-header{color:var(--amber);font-size:9px;letter-spacing:2px;border-bottom:1px solid rgba(212,160,23,.3);margin-bottom:6px;padding-bottom:6px;}
.pt-row.total{color:var(--amber);border-top:1px solid rgba(212,160,23,.3);margin-top:4px;font-weight:bold;}
.red{color:var(--red);}
.bt-city{color:var(--paper)}.bt-date{color:var(--muted)}.bt-amt{color:var(--amber)}.bt-ip{color:var(--cyan2);font-size:10px;}
.bt-header{color:var(--amber);font-family:var(--font-d);font-size:12px;letter-spacing:2px;margin-bottom:8px;}
.puzzle-q{font-family:var(--font-s);font-size:13px;color:var(--paper);margin:12px 0 10px;padding:10px;background:rgba(212,160,23,.05);border-left:3px solid var(--amber);}
.puzzle-input-row{display:flex;gap:8px;margin-top:6px;}
.puzzle-input-row input{flex:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,200,80,.3);color:var(--paper);font-family:var(--font-m);font-size:12px;padding:8px 12px;outline:none;}
.puzzle-input-row button{background:var(--amber);border:none;color:var(--ink);font-family:var(--font-d);font-size:11px;letter-spacing:2px;padding:8px 14px;cursor:pointer;}
.puzzle-result{margin-top:8px;padding:10px;font-family:var(--font-m);font-size:12px;line-height:1.6;border:1px solid;border-color:currentColor;}

/* Rio stages */
.rio-stages{display:flex;flex-direction:column;gap:10px;}
.rio-stage{padding:12px;border:1px solid rgba(42,184,204,.2);}
.rio-stage.solved{border-color:var(--green2);background:rgba(74,138,66,.06);}
.rio-stage.available{border-color:rgba(42,184,204,.4);}
.rio-stage.locked{opacity:.35;}
.rs-num{font-size:9px;letter-spacing:3px;color:var(--cyan2);margin-bottom:4px;}
.rs-name{font-family:var(--font-d);font-size:13px;color:var(--paper);margin-bottom:6px;}
.rs-cipher{font-family:var(--font-m);color:var(--amber);font-size:13px;margin-bottom:3px;}
.rs-hint{font-size:10px;color:var(--muted);margin-bottom:8px;}
.rs-solved{color:var(--green2);font-size:11px;line-height:1.5;}
.rs-waiting{color:var(--muted);font-size:11px;}

/* Yat puzzle */
.yat-desc{font-size:12px;color:var(--muted);margin-bottom:12px;line-height:1.6;}
.yat-options{display:flex;flex-direction:column;gap:10px;}
.yat-opt{padding:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s;}
.yat-opt.sel{border-color:var(--amber);background:rgba(212,160,23,.06);}
.yo-label{font-family:var(--font-d);font-size:13px;color:var(--paper);margin-bottom:5px;}
.yo-stats{display:flex;gap:18px;font-size:10px;color:var(--muted);margin-bottom:8px;}
.yo-btn{background:rgba(212,160,23,.15);border:1px solid var(--amber);color:var(--amber);font-family:var(--font-d);font-size:11px;letter-spacing:2px;padding:5px 14px;cursor:pointer;transition:all .2s;}
.yo-btn:hover:not(:disabled){background:rgba(212,160,23,.3);}
.yo-btn:disabled{opacity:.3;cursor:not-allowed;}

/* ── E-POSTA SİSTEMİ ── */
.email-layout{display:flex;gap:0;height:calc(100vh - 180px);min-height:400px;}
.email-sidebar{width:200px;min-width:200px;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px;}
.compose-btn{background:var(--amber);border:none;color:var(--ink);font-family:var(--font-d);font-size:12px;letter-spacing:2px;padding:10px;cursor:pointer;margin-bottom:14px;transition:all .2s;}
.compose-btn:hover{background:#e8b828;}
.email-folders{display:flex;flex-direction:column;gap:6px;}
.ef-item{font-size:11px;letter-spacing:1px;color:var(--muted);padding:8px 10px;cursor:pointer;border-left:2px solid transparent;transition:all .2s;}
.ef-item:hover,.ef-item.active{color:var(--amber);border-left-color:var(--amber);background:rgba(212,160,23,.04);}
.email-main{flex:1;overflow-y:auto;padding:0 0 0 14px;}
.email-list{display:flex;flex-direction:column;gap:1px;}
.email-row{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;display:grid;grid-template-columns:160px 1fr 80px 20px;align-items:center;gap:8px;transition:background .2s;}
.email-row:hover{background:rgba(212,160,23,.04);}
.email-row.unread{background:rgba(212,160,23,.06);}
.email-row.unread .er-subject{color:var(--paper);font-weight:bold;}
.er-from{font-family:var(--font-d);font-size:11px;letter-spacing:1px;color:var(--amber);}
.er-subject{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.er-date{font-size:9px;color:var(--muted);text-align:right;}
.er-attach{font-size:12px;}
.email-badge{background:var(--red);color:#fff;font-size:9px;padding:1px 5px;border-radius:3px;margin-left:5px;font-family:var(--font-m);}
/* email detail */
.email-back-btn{background:none;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-family:var(--font-b);font-size:11px;padding:6px 12px;cursor:pointer;margin-bottom:14px;}
.email-back-btn:hover{color:var(--amber);}
.ed-header{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px;}
.ed-subject{font-family:var(--font-d);font-size:18px;letter-spacing:2px;color:var(--paper);margin-bottom:6px;}
.ed-meta{display:flex;gap:20px;font-size:10px;color:var(--muted);}
.ed-body{font-family:var(--font-s);font-size:14px;line-height:1.9;color:var(--paper);padding:14px;background:rgba(255,255,255,.02);border-left:3px solid rgba(212,160,23,.2);margin-bottom:14px;}
.ed-attachments{font-size:11px;color:var(--muted);margin-bottom:12px;}
.ed-attach-item{background:rgba(42,184,204,.1);border:1px solid rgba(42,184,204,.3);color:var(--cyan2);padding:2px 8px;margin:0 4px;font-family:var(--font-m);}
.ed-actions{display:flex;gap:8px;flex-wrap:wrap;}
.ed-btn{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.15);color:var(--paper);font-family:var(--font-b);font-size:11px;padding:7px 14px;cursor:pointer;transition:all .2s;}
.ed-btn:hover{border-color:var(--amber);color:var(--amber);}
.ed-btn.kanit{border-color:var(--red);color:var(--red);}
.ed-btn.kanit:hover{background:rgba(139,26,26,.15);}
.reply-area{margin-top:14px;padding:14px;background:rgba(255,255,255,.02);border:1px solid rgba(212,160,23,.2);}
.reply-area textarea{width:100%;min-height:100px;background:rgba(255,255,255,.04);border:1px solid rgba(212,160,23,.2);color:var(--paper);font-family:var(--font-s);font-size:13px;padding:10px;resize:vertical;outline:none;margin-bottom:8px;}
.reply-to-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);}
.reply-to-row select{background:rgba(255,255,255,.04);border:1px solid rgba(212,160,23,.3);color:var(--paper);font-family:var(--font-b);padding:5px 8px;}
.reply-to-row button{background:var(--amber);border:none;color:var(--ink);font-family:var(--font-d);font-size:11px;letter-spacing:1px;padding:6px 14px;cursor:pointer;}

/* ════════ v4.0 — MİNİ OYUNLAR + E-POSTA + YENİ BILEŞENLER ════════ */

/* ── Stress Game ── */
.sg-target {
  position: absolute;
  background: var(--red);
  border: none;
  color: var(--paper);
  font-family: var(--font-d);
  font-size: 11px;
  letter-spacing: 1px;
  padding: 8px 14px;
  cursor: pointer;
  animation: popIn .2s ease;
  z-index: 10;
  transition: transform .1s;
}
.sg-target:hover { transform: scale(1.05); background: var(--red2); }
.sg-result { color: var(--amber); font-family: var(--font-d); font-size: 16px; letter-spacing: 2px; padding: 20px; }
@keyframes popIn { from { transform: scale(0.5); opacity: 0; } to { transform: scale(1); opacity: 1; } }

/* ── Terminal ── */
.term-line { margin-bottom: 2px; }
.term-system { color: #4a8a42; }
.term-cipher { color: var(--amber); font-weight: bold; }
.term-normal { color: #8ab88a; }
.term-input-echo { color: var(--cyan2); }
.term-success { color: var(--green2); font-weight: bold; }
.term-error { color: var(--red); }
.term-revealed { color: var(--amber); padding: 4px 0; border-top: 1px solid rgba(74,138,66,.3); margin-top: 4px; }

/* ── Muhasebe ── */
.muh-intro { font-size: 12px; color: var(--muted); margin-bottom: 14px; line-height: 1.6; }
.muh-table { width: 100%; font-family: var(--font-m); font-size: 11px; margin-bottom: 14px; }
.muh-row { display: grid; grid-template-columns: 80px 1fr 1fr 1fr 1fr 1fr; gap: 8px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.04); }
.muh-row.muh-header { color: var(--amber); font-size: 9px; letter-spacing: 2px; border-bottom: 1px solid rgba(212,160,23,.3); }
.muh-row.muh-total { border-top: 1px solid rgba(212,160,23,.3); color: var(--amber); font-weight: bold; }
.muh-no { color: var(--paper); }
.muh-question { padding: 10px; background: rgba(212,160,23,.05); border-left: 3px solid var(--amber); font-family: var(--font-s); font-size: 13px; color: var(--paper); margin-bottom: 10px; }
.muh-input-row { display: flex; gap: 8px; }
.muh-input-row input { flex: 1; background: rgba(255,255,255,.04); border: 1px solid rgba(212,160,23,.3); color: var(--paper); font-family: var(--font-m); font-size: 12px; padding: 8px 12px; outline: none; }
.muh-input-row button { background: var(--amber); border: none; color: var(--ink); font-family: var(--font-d); font-size: 11px; letter-spacing: 2px; padding: 8px 14px; cursor: pointer; }

/* ── Rio Tracker ── */
.rio-track-map { display: flex; align-items: center; gap: 0; margin-bottom: 20px; overflow-x: auto; }
.rtm-city { display: flex; flex-direction: column; align-items: center; gap: 5px; flex-shrink: 0; }
.rtm-dot { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--muted); background: var(--bg); transition: all .3s; }
.rtm-city.done .rtm-dot { background: var(--green2); border-color: var(--green2); box-shadow: 0 0 8px var(--green2); }
.rtm-city.current .rtm-dot { background: var(--amber); border-color: var(--amber); animation: pulse-amber 1s infinite; }
.rtm-name { font-size: 9px; letter-spacing: 1px; color: var(--muted); text-align: center; max-width: 70px; }
.rtm-city.done .rtm-name { color: var(--green2); }
.rtm-city.current .rtm-name { color: var(--amber); }
.rtm-line { width: 40px; height: 2px; background: rgba(255,255,255,.1); margin: 0 4px; align-self: center; margin-bottom: 20px; }
.rio-clue { padding: 12px; background: rgba(42,184,204,.06); border: 1px solid rgba(42,184,204,.2); margin-bottom: 12px; }
.rc-label { font-size: 9px; letter-spacing: 3px; color: var(--cyan2); margin-bottom: 4px; }
.rc-text { font-size: 13px; color: var(--paper); font-family: var(--font-s); line-height: 1.6; }
.rio-question { font-size: 12px; color: var(--muted); margin-bottom: 10px; }
.rio-options { display: flex; flex-direction: column; gap: 8px; }
.rio-opt { padding: 10px 14px; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.1); color: var(--paper); font-family: var(--font-b); font-size: 12px; text-align: left; cursor: pointer; transition: all .2s; }
.rio-opt:hover { border-color: var(--cyan2); background: rgba(42,184,204,.06); }
.rio-feedback { padding: 8px 12px; font-size: 12px; border: 1px solid; margin-top: 8px; }

/* ── Yat Escape ── */
.ye-progress { display: flex; gap: 10px; margin-bottom: 14px; font-size: 10px; letter-spacing: 1px; color: var(--muted); }
.ye-progress span.active { color: var(--amber); }
.ye-title { font-family: var(--font-d); font-size: 15px; letter-spacing: 2px; color: var(--orange2); margin-bottom: 6px; }
.ye-desc { font-size: 12px; color: var(--paper); margin-bottom: 14px; line-height: 1.6; }
.ye-opts { display: flex; flex-direction: column; gap: 8px; }
.ye-opt { padding: 12px 14px; background: rgba(255,255,255,.02); border: 1px solid rgba(255,255,255,.1); color: var(--paper); font-family: var(--font-b); font-size: 12px; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: all .2s; }
.ye-opt:hover { border-color: var(--orange2); background: rgba(224,120,48,.06); }
.ye-risk { font-size: 10px; color: var(--red); }
.yat-complete { font-family: var(--font-d); font-size: 16px; letter-spacing: 2px; color: var(--green2); text-align: center; padding: 30px; line-height: 1.8; }

/* ── Minigames Section ── */
.minigame-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.mg-card { background: rgba(255,255,255,.02); border: 1px solid rgba(212,160,23,.15); padding: 18px; transition: all .2s; }
.mg-card:hover:not(.mg-locked) { border-color: rgba(212,160,23,.4); background: rgba(212,160,23,.03); }
.mg-card.mg-locked { opacity: .45; }
.mg-title { font-family: var(--font-d); font-size: 14px; letter-spacing: 2px; color: var(--paper); margin-bottom: 6px; }
.mg-desc { font-size: 11px; color: var(--muted); line-height: 1.5; margin-bottom: 10px; }
.mg-status { font-size: 9px; letter-spacing: 2px; color: var(--green2); margin-bottom: 10px; }
.mg-card.mg-locked .mg-status { color: var(--red); }
.mg-btn { background: rgba(212,160,23,.12); border: 1px solid var(--amber); color: var(--amber); font-family: var(--font-d); font-size: 11px; letter-spacing: 2px; padding: 7px 16px; cursor: pointer; transition: all .2s; }
.mg-btn:hover:not(:disabled) { background: rgba(212,160,23,.25); }
.mg-btn:disabled { opacity: .3; cursor: not-allowed; }

/* ── Puzzle Section ── */
.puzzle-list { display: flex; flex-direction: column; gap: 18px; }
.puzzle-card { background: rgba(255,255,255,.02); border: 1px solid rgba(212,160,23,.18); overflow: hidden; }
.puzzle-card.puzzle-locked { opacity: .4; pointer-events: none; }
.pc-header { padding: 14px 18px; border-bottom: 1px solid rgba(212,160,23,.1); cursor: pointer; display: flex; flex-direction: column; gap: 3px; }
.pc-title { font-family: var(--font-d); font-size: 14px; letter-spacing: 2px; color: var(--amber); }
.pc-desc { font-size: 10px; color: var(--muted); }
.pc-body { padding: 16px 18px; }
.puzzle-table { width: 100%; font-family: var(--font-m); font-size: 11px; margin-bottom: 12px; }
.pt-row { display: grid; grid-template-columns: 70px 1fr 1fr 1fr; gap: 8px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.04); }
.pt-row.header { color: var(--amber); font-size: 9px; letter-spacing: 2px; border-bottom: 1px solid rgba(212,160,23,.3); }
.pt-row.total { border-top: 1px solid rgba(212,160,23,.3); color: var(--amber); }
.red { color: var(--red); }
.bank-table { width: 100%; font-family: var(--font-m); font-size: 11px; margin-bottom: 12px; }
.bt-header { color: var(--amber); font-family: var(--font-d); font-size: 11px; letter-spacing: 2px; margin-bottom: 8px; }
.bt-row { display: grid; grid-template-columns: 90px 80px 100px 1fr; gap: 8px; padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,.04); }
.bt-city { color: var(--paper); }
.bt-date { color: var(--muted); }
.bt-amt { color: var(--amber); }
.bt-ip { color: var(--cyan2); font-size: 10px; }
.puzzle-q { padding: 10px; background: rgba(212,160,23,.05); border-left: 3px solid var(--amber); font-family: var(--font-s); font-size: 13px; color: var(--paper); margin: 12px 0 10px; line-height: 1.6; }
.puzzle-input-row { display: flex; gap: 8px; margin-top: 6px; }
.puzzle-input-row input { flex: 1; background: rgba(255,255,255,.04); border: 1px solid rgba(212,160,23,.3); color: var(--paper); font-family: var(--font-m); font-size: 12px; padding: 8px 12px; outline: none; }
.puzzle-input-row input:focus { border-color: var(--amber); }
.puzzle-input-row button { background: var(--amber); border: none; color: var(--ink); font-family: var(--font-d); font-size: 11px; letter-spacing: 2px; padding: 8px 14px; cursor: pointer; }
.puzzle-result { margin-top: 8px; padding: 10px; font-family: var(--font-m); font-size: 12px; line-height: 1.6; border: 1px solid; border-color: currentColor; }
.rio-stages { display: flex; flex-direction: column; gap: 10px; }
.rio-stage { padding: 12px; border: 1px solid rgba(42,184,204,.2); }
.rio-stage.solved { border-color: var(--green2); background: rgba(74,138,66,.05); }
.rio-stage.available { border-color: rgba(42,184,204,.4); }
.rio-stage.locked { opacity: .35; }
.rs-num { font-size: 9px; letter-spacing: 3px; color: var(--cyan2); margin-bottom: 3px; }
.rs-name { font-family: var(--font-d); font-size: 13px; color: var(--paper); margin-bottom: 5px; }
.rs-cipher { font-family: var(--font-m); color: var(--amber); font-size: 12px; margin-bottom: 3px; word-break: break-all; }
.rs-hint { font-size: 10px; color: var(--muted); margin-bottom: 8px; }
.rs-solved { color: var(--green2); font-size: 11px; line-height: 1.5; }
.rs-waiting { color: var(--muted); font-size: 11px; }
.yat-desc { font-size: 12px; color: var(--muted); margin-bottom: 14px; line-height: 1.6; }
.yat-options { display: flex; flex-direction: column; gap: 10px; }
.yat-opt { padding: 12px; border: 1px solid rgba(255,255,255,.1); transition: all .2s; }
.yo-label { font-family: var(--font-d); font-size: 12px; color: var(--paper); margin-bottom: 5px; }
.yo-stats { display: flex; gap: 16px; font-size: 10px; color: var(--muted); margin-bottom: 8px; }
.yo-btn { background: rgba(212,160,23,.1); border: 1px solid var(--amber); color: var(--amber); font-family: var(--font-d); font-size: 10px; letter-spacing: 2px; padding: 5px 12px; cursor: pointer; transition: all .2s; }
.yo-btn:hover:not(:disabled) { background: rgba(212,160,23,.25); }
.yo-btn:disabled { opacity: .3; cursor: not-allowed; }

/* ── E-Posta Sistemi ── */
.email-layout { display: flex; gap: 0; height: calc(100vh - 200px); min-height: 400px; }
.email-sidebar { width: 190px; min-width: 190px; border-right: 1px solid var(--border); display: flex; flex-direction: column; padding: 14px 12px; }
.email-folders { display: flex; flex-direction: column; gap: 5px; }
.ef-item { font-size: 11px; letter-spacing: 1px; color: var(--muted); padding: 8px 10px; cursor: pointer; border-left: 2px solid transparent; transition: all .2s; }
.ef-item:hover, .ef-item.active { color: var(--amber); border-left-color: var(--amber); background: rgba(212,160,23,.04); }
.email-main { flex: 1; overflow-y: auto; padding: 0 0 0 14px; }
.email-list { display: flex; flex-direction: column; }
.email-row { padding: 11px 14px; border-bottom: 1px solid rgba(255,255,255,.04); cursor: pointer; display: grid; grid-template-columns: 170px 1fr 90px 20px; align-items: center; gap: 8px; transition: background .2s; }
.email-row:hover { background: rgba(212,160,23,.04); }
.email-row.unread { background: rgba(212,160,23,.06); }
.email-row.unread .er-subject { color: var(--paper); }
.email-row.email-encrypted { border-left: 3px solid var(--red); }
.er-from { font-family: var(--font-d); font-size: 11px; letter-spacing: 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.er-subject { font-size: 12px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.er-date { font-size: 9px; color: var(--muted); text-align: right; }
.er-attach { font-size: 12px; }
.email-badge { background: var(--red); color: #fff; font-size: 9px; padding: 1px 5px; border-radius: 3px; margin-left: 5px; font-family: var(--font-m); }
.email-back-btn { background: none; border: 1px solid rgba(255,255,255,.1); color: var(--muted); font-family: var(--font-b); font-size: 11px; padding: 6px 12px; cursor: pointer; margin-bottom: 14px; }
.email-back-btn:hover { color: var(--amber); border-color: var(--amber); }
.email-detail { padding: 4px; }
.ed-header { border-bottom: 1px solid var(--border); padding-bottom: 12px; margin-bottom: 14px; }
.ed-subject { font-family: var(--font-d); font-size: 17px; letter-spacing: 2px; color: var(--paper); margin-bottom: 6px; }
.ed-meta { display: flex; gap: 16px; font-size: 10px; color: var(--muted); flex-wrap: wrap; }
.ed-body { font-family: var(--font-s); font-size: 13px; line-height: 1.9; color: var(--paper); padding: 14px; background: rgba(255,255,255,.02); border-left: 3px solid rgba(212,160,23,.2); margin-bottom: 14px; white-space: pre-wrap; }
.ed-attachments { font-size: 11px; color: var(--muted); margin-bottom: 12px; }
.ed-attach-item { background: rgba(42,184,204,.1); border: 1px solid rgba(42,184,204,.3); color: var(--cyan2); padding: 2px 8px; margin: 0 4px; font-family: var(--font-m); font-size: 10px; }
.ed-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
.ed-btn { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.15); color: var(--paper); font-family: var(--font-b); font-size: 11px; padding: 7px 14px; cursor: pointer; transition: all .2s; }
.ed-btn:hover { border-color: var(--amber); color: var(--amber); }
.ed-btn.kanit { border-color: var(--red); color: var(--red); }
.ed-btn.kanit:hover { background: rgba(139,26,26,.15); }
.reply-area { margin-top: 10px; padding: 14px; background: rgba(255,255,255,.02); border: 1px solid rgba(212,160,23,.2); }
.reply-area textarea { width: 100%; min-height: 90px; background: rgba(255,255,255,.04); border: 1px solid rgba(212,160,23,.2); color: var(--paper); font-family: var(--font-s); font-size: 12px; padding: 8px; resize: vertical; outline: none; margin-bottom: 8px; }
.reply-to-row { display: flex; align-items: center; gap: 8px; font-size: 11px; color: var(--muted); flex-wrap: wrap; }
.reply-to-row select { background: rgba(255,255,255,.04); border: 1px solid rgba(212,160,23,.3); color: var(--paper); font-family: var(--font-b); padding: 5px 8px; }
.reply-to-row button { background: var(--amber); border: none; color: var(--ink); font-family: var(--font-d); font-size: 11px; letter-spacing: 1px; padding: 5px 14px; cursor: pointer; }
/* Encrypted mail view */
.ed-encrypted-notice { padding: 16px; background: rgba(139,26,26,.08); border: 1px solid rgba(139,26,26,.3); }
.ed-enc-title { font-family: var(--font-d); font-size: 14px; letter-spacing: 3px; color: var(--red); margin-bottom: 6px; }
.ed-enc-desc { font-size: 11px; color: var(--muted); margin-bottom: 12px; }
.ed-cipher-input { margin-top: 14px; }
.ed-cipher-label { font-size: 10px; letter-spacing: 2px; color: var(--amber); margin-bottom: 8px; }

/* ── Chapter separator ── */
.tl-chapter-sep { margin: 24px 0 8px -28px; padding: 6px 14px 6px 28px; background: rgba(212,160,23,.07); border-left: 3px solid var(--amber); font-family: var(--font-d); font-size: 11px; letter-spacing: 3px; color: var(--amber); }

/* ── Sorgu stres butonu ── */
.ir-btn.stress { color: var(--red); border-color: var(--red); }
.ir-btn.stress:hover { background: rgba(139,26,26,.1); }

/* ── Computer App enhanced ── */
.ca-select { width: 100%; background: rgba(255,255,255,.04); border: 1px solid rgba(212,160,23,.3); color: var(--paper); padding: 7px; font-family: var(--font-b); margin-bottom: 8px; }
.ca-select option { background: #1a1208; }