: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; }