/* Gecenin Tanıkları — shared interface system */
:root{--bg:#0c1114;--panel:#151d21;--panel2:#1c282d;--text:#eeeae1;--dim:#a9b3b5;--accent:#d7b783;--line:#ffffff20;--ok:#99bdae;--danger:#e0978d}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a,summary,input,select{transition:background .18s,border-color .18s,color .18s}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #f1d5a6;outline-offset:4px}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.1)}button:active:not(:disabled){transform:translateY(1px)}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#overlay{padding:32px 5vw;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,#081015f5,#0b141ce3 47%,#09131b70),url('pera-night.png') center/cover fixed}
#overlay #lobbyBox{max-width:1180px;margin:auto;background:#10191dda;border:1px solid #ffffff24;padding:0;border-radius:16px;box-shadow:0 30px 100px #0006;overflow:visible}
.bureauTop,.bureauBottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px}.bureauTop{border-bottom:1px solid var(--line)}.bureauBrand{display:flex;align-items:center;gap:14px;color:var(--accent);text-decoration:none;font:28px Georgia,serif}.bureauBrand span{font:10px system-ui;letter-spacing:2px;color:#d7dddb}.bureauTools{display:flex;align-items:center;gap:12px}.bureauTools .castLink{margin:0;border:0;padding:8px;font-size:11px}.bureauTools button,#lobbyBox #logoutBtn,#lobbyBox #lobbySoundBtn{position:static;background:#ffffff06;border:1px solid var(--line);border-radius:6px;padding:9px 12px;color:#c5cecc;font:11px system-ui;width:auto;height:auto}
.bureauGrid{display:grid;grid-template-columns:1.08fr 1fr}.bureauHero{padding:48px 42px;background:radial-gradient(ellipse at 0 0,#b68b4e15,transparent 80%);border-right:1px solid var(--line)}.sectionLabel{color:var(--accent);font:10px system-ui;letter-spacing:2.3px;line-height:1.6}
#lobbyTitle{font:normal clamp(38px,4.3vw,66px)/1.06 Georgia,serif;color:var(--text);letter-spacing:-2px;margin:28px 0 22px}.heroLead{font:15px/1.8 system-ui;color:#a9b5b6;margin:0 0 32px}.scenarioPreview{font:18px/1.6 Georgia,serif;background:#ffffff04;border:1px solid #d7b78338;border-left:3px solid var(--accent);padding:22px;margin:0;min-height:102px;color:#e5d6bc;border-radius:0 8px 8px 0}.heroStats{display:flex;gap:42px;margin:32px 0;color:#9ca8a9;font-size:11px}.heroStats b{display:block;font:26px Georgia,serif;color:#d6dcd8;margin-bottom:6px}.bureauSetup{padding:38px 36px}#lobbyWelcome{font:13px/1.7 system-ui;color:#b8c1c0;margin:12px 0 22px}.fieldLabel{display:block;color:#c8d0ce;font-size:12px;margin:16px 0 8px}.fieldLabel span{color:#9babae;float:right;font-size:11px}
#lobbyBox .field,#loginBox .field{width:100%;max-width:none;min-height:46px;background:#081217aa;color:#e6e8df;border:1px solid #ffffff26;border-radius:7px;padding:12px 14px;margin:0 0 8px;font:13px system-ui;box-shadow:none}select.field{cursor:pointer}select option{background:#172127;color:#eee}#roomCode{text-transform:uppercase;letter-spacing:2px}.joinRow{display:flex;gap:8px}.joinRow input{min-width:0}.joinRow button{white-space:nowrap;margin-bottom:8px;background:#2a393e;color:#e4d7bc;border:1px solid #ffffff24;border-radius:6px;padding:10px 14px}
.bureauDetails,#lobbyBox #howToPlay,.voiceDrawer{border:1px solid var(--line);border-radius:7px;background:#ffffff03;padding:0;margin:12px 0}.bureauDetails summary,.voiceDrawer summary{cursor:pointer;padding:15px 14px;color:#d2d9d5;font-size:12px;list-style-position:inside}.bureauDetails summary span,.voiceDrawer summary span{color:#96a7a9;font-size:10px;margin-left:10px}.bureauDetails[open] summary,.voiceDrawer[open] summary{border-bottom:1px solid var(--line);color:#e6c994}.detailsBody{padding:4px 15px 16px;font-size:12px;color:#aab7b9;line-height:1.7}.guideSteps b{display:block;color:#e1d4bc;font-size:12px;margin-bottom:3px}.guideSteps p{font-size:12px;margin:12px 0}.controlStrip{display:flex;gap:7px;flex-wrap:wrap;align-items:center;font-size:10px}kbd{font:10px system-ui;border:1px solid #ffffff29;border-bottom-width:2px;background:#ffffff09;padding:3px 6px;border-radius:4px}#lobbyPlayers{margin:10px 0}#lobbyChat{height:100px}#lobbyChatIn{font-size:11px!important}
#lobbyBox .bigBtn[onclick="newGame()"],.primaryAction{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;border-radius:7px;background:#d7b783;border:1px solid #e8c997;color:#182024;font-size:14px!important;font-weight:650;margin:22px 0 0;box-shadow:0 4px 20px #0002}.launchNote{font-size:10px;line-height:1.6;color:#97a9ab;text-align:center;margin:12px 0 0}.bureauBottom{border-top:1px solid var(--line);color:#84989c;font-size:9px;letter-spacing:1.5px;padding:18px 32px}#lobbyResult:empty{display:none}#lobbyResult{margin-top:24px;max-height:420px;overflow:auto;line-height:1.8}#lobbyResult .rescard{background:#ffffff06;border-radius:6px;font-size:11px}
#overlay #loginBox{margin:auto 0;max-width:490px;background:#111b20ed;padding:40px;border:1px solid var(--line);border-radius:14px}.noirTitle{font-size:64px}.noirEyebrow{font-size:9px;letter-spacing:2px}.noirIntro{font-size:14px;margin-bottom:12px}#loginBox .tagline{display:none}#loginBox .bigBtn{border:1px solid var(--line);border-radius:6px;margin-top:8px;background:#243136;color:#e6d7bd}#loginBox button[onclick="guestLogin()"]{width:100%;border-radius:6px;padding:15px}.noirFooter{font-size:9px;letter-spacing:1px}
#app{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:66px minmax(0,1fr)}header{gap:12px;padding:0 20px;background:#0c151bf5}header h1{font:12px system-ui;letter-spacing:1.6px}header h1 img{width:28px!important;height:28px!important}header button,#visualBtn,#menuBtn,#soundBtn{position:static;min-height:34px;min-width:34px;border:1px solid var(--line);border-radius:6px;background:#1b282e;color:#d9d5c5;padding:8px 10px;font:11px system-ui}#teamBadge{font-size:10px;color:#9eafaf;white-space:nowrap}#apBadge{border-radius:6px;padding:8px}#clock{font:14px ui-monospace,monospace;letter-spacing:1px}header .info{max-width:230px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}#side{background:#111b21;border-left:1px solid #ffffff1c}#tabs{gap:3px;padding:12px 10px;border-bottom:1px solid var(--line)}#tabs button{border:0;border-radius:6px;padding:12px 3px;font:11px system-ui;color:#aab8ba}#tabs button.active{background:#d7b78320;color:#ecd1a3}.card{border:1px solid #ffffff19;border-radius:9px;background:#1b282f99;padding:17px;margin-bottom:13px}.card h3{font:18px Georgia,serif}.card p{font-size:12px;line-height:1.85}.card.dossier{background:linear-gradient(140deg,#353227aa,#222b2e);border:1px solid #d7b78344;border-radius:9px}.sHead b{font-size:21px}.avatar,.stressRing{border-radius:7px}.card button,.bigBtn,.opt{border-radius:6px;border:1px solid #ffffff26;padding:10px 14px;font:12px system-ui;background:#26363e;color:#e5d4b4;box-shadow:none}.tag{border-radius:4px;font-size:10px}#roomLabel{border-radius:6px;font-size:16px}#objective{border-radius:7px;font-size:12px;line-height:1.6}#minimap{border-radius:8px}#visualPanel{border-radius:10px}#introCard{border-radius:12px;max-height:calc(100% - 36px);overflow:auto}#introCard h2{font:30px/1.2 Georgia,serif}#icLines{font-size:14px;line-height:1.8}
#dialog{left:20px;right:20px;bottom:20px;max-width:800px;border:1px solid #d7b78360;border-radius:12px;background:#111d25f8;padding:0;overflow:auto;max-height:calc(100% - 40px)}#dHead{padding:18px 22px;margin:0;background:#ffffff03;border-bottom:1px solid var(--line)}#dAvatar{width:60px;height:76px;border-radius:7px}#dialog .npcName{font:25px Georgia,serif;color:#ead9b8}#dStress{font-size:9px;letter-spacing:2px;color:#a6b3b3}#dStressBar{width:95px}#dBody{padding:20px 22px}#dialogText{font:17px/1.7 Georgia,serif;color:#eee8de;margin:12px 0 20px;padding:0;min-height:45px}#dlgHist{font-size:11px;line-height:1.6;color:#a3b0b5}.questionLabel{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#cbd4cf;margin:12px 0}.questionLabel span{font-size:9px;color:#94a6ad}#dialogOpts{display:grid;grid-template-columns:1fr 1fr;gap:7px}#dialogOpts button{display:flex;align-items:center;gap:7px;text-align:left;background:#21313a;border:1px solid #ffffff1f;border-radius:7px;min-height:42px;padding:10px 12px;color:#dbe0d9;font:12px system-ui;margin:0}#dialogOpts button:hover{background:#30444e;border-color:#d7b78366}.energyCost{margin-left:auto;white-space:nowrap;color:#b9a784;font-size:9px}#dialogOpts .leaveQuestion{color:#d2aca5;background:transparent;grid-column:1/-1;justify-content:center;min-height:32px}#voiceControls{border:0;margin:0;padding:12px 14px}.voiceDrawer{margin:16px 0 12px}.voiceButtons button{border-radius:6px}.voicePrivacy{font-size:10px}#askRow{margin-top:0!important}#askIn{font-size:12px!important;border-radius:6px!important;padding:13px!important;background:#09151b!important}#askRow .bigBtn{background:#d7b783;color:#15242c;border-color:#d7b783;padding:12px 17px}#askRow .bigBtn .ico{color:#15242c}
@media(min-width:1500px){#overlay{align-items:center}.bureauHero{padding:60px 52px}.bureauSetup{padding:46px 42px}}
@media(max-width:1050px){#overlay{padding:24px}.bureauHero{padding:32px 26px}.bureauSetup{padding:30px 24px}.bureauTop{padding:18px 24px}.heroStats{gap:28px}#app{grid-template-columns:minmax(0,1fr) 310px}header .info,#teamBadge{display:none}#dialogOpts{grid-template-columns:1fr}.questionLabel span{display:none}}
@media(max-width:700px){#overlay{padding:16px}.bureauGrid{grid-template-columns:1fr}.bureauHero{padding:28px 24px;border-right:0;border-bottom:1px solid var(--line)}#lobbyTitle{font-size:43px;margin:18px 0}.heroLead{font-size:13px;margin-bottom:20px}.heroStats{margin:20px 0 0}.scenarioPreview{font-size:16px;min-height:0;padding:16px}.bureauTop{padding:14px 18px;flex-wrap:wrap;gap:12px}.bureauBrand span{font-size:9px}.bureauTools{width:100%;justify-content:space-between}.bureauBottom{padding:16px 22px;font-size:8px;gap:15px}.bureauSetup{padding:24px}#app{grid-template-columns:minmax(0,1fr) 260px}header{padding:0 10px;gap:6px}header h1{font-size:10px;letter-spacing:.5px}#dialog{left:8px;right:8px;bottom:8px;max-height:calc(100% - 16px)}#dHead,#dBody{padding:14px}#dialog .npcName{font-size:21px}#dStress{display:none}#dialogText{font-size:15px}.noirTitle{font-size:53px}#overlay #loginBox{padding:28px}.fieldLabel span{float:none;display:block;margin-top:5px}}
@media(max-width:520px){#app{grid-template-columns:1fr;grid-template-rows:56px minmax(240px,58dvh) minmax(0,1fr)}#side{overflow:auto}header h1 img{display:none}header h1{max-width:95px;white-space:normal;font-size:9px;line-height:1.5}#apBar{display:none}#clock{font-size:11px}#roomLabel{font-size:13px}#introCard h2{font-size:24px}.bureauBottom span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
#overlay #lobbyTitle{font:normal clamp(38px,4.3vw,66px)/1.06 Georgia,serif;letter-spacing:-2px;margin:28px 0 22px;color:var(--text)}#dHead{animation:none;background:#ffffff03}#dHead::after{display:none}#dialogOpts button:hover{transform:none;box-shadow:none}
@media(max-width:700px){#overlay #lobbyTitle{font-size:43px;margin:18px 0}}
.audioMix{padding:6px 16px 16px}.audioMix p{font-size:11px;color:#aab7b9;line-height:1.6}.audioMix label{display:block;font-size:12px;color:#d5ddd7;margin:14px 0}.audioMix output{float:right;font:11px ui-monospace,monospace;color:#d7b783}.audioMix input{display:block;width:100%;margin-top:9px;accent-color:#d7b783}#visualPanel{max-height:calc(100dvh - 100px);overflow:auto}#visualPanel .audioMix{padding:0 0 12px;border-bottom:1px solid var(--line)}
.voiceEngine{font-size:11px;color:#d7b783;margin:0 0 12px}.micSetup{display:flex;align-items:end;flex-wrap:wrap;gap:9px;margin-bottom:12px}.micSetup label{font-size:11px;color:#b9c8c9;flex:1;min-width:170px}.micSetup select{display:block;width:100%;margin-top:6px;padding:9px;background:#10202a;color:#e5e6da;border:1px solid var(--line);border-radius:5px}.micSetup button{padding:10px;border:1px solid var(--line);background:#243740;color:#ddcfb4;border-radius:6px;font-size:11px}.micSetup meter{width:100%;height:9px}
.chapterCard{border-left:3px solid #d7b783;background:#b7975910}.chapterCard p{margin:9px 0 0}.narrativeLetter summary{cursor:pointer;font:13px Georgia,serif;color:#e2cda8}.narrativeLetter p{font-style:italic}.narrativeLetter .sub{font-style:normal}

/* Bureau edition: stronger hierarchy, readable records and quieter controls. */
:root{--line:#a8bbc328;--panel:#121d25;--panel2:#1c2b34;--dim:#b1bec2;--accent:#dfc18d}
#overlay{background:linear-gradient(90deg,#071219ed,#09151ac9 54%,#07101988),url('pera-night.png') center/cover fixed;backdrop-filter:blur(3px)}
#overlay #lobbyBox{border-radius:20px;background:#10202aef;box-shadow:0 28px 100px #0009,inset 0 1px #ffffff12;overflow:hidden}
.bureauTop{background:#0a151ccc;padding:22px 32px}.bureauBrand{width:auto;font-size:30px;letter-spacing:-2px;border-left:2px solid var(--accent);padding-left:14px}.bureauBrand span{letter-spacing:2px;font-weight:600}.bureauTools .castLink{color:#d6c3a1}
.bureauHero{position:relative;isolation:isolate;background:linear-gradient(180deg,#101d28b0,#101d28ee),url('pera-night.png') 36% center/cover;padding:52px 44px}
.bureauHero::after{content:'';position:absolute;inset:16px;border:1px solid #d7b78318;pointer-events:none;z-index:-1}
#overlay #lobbyTitle{font-size:clamp(42px,4.5vw,68px);line-height:1.08;letter-spacing:-2.4px;margin:28px 0 24px;max-width:470px}.heroLead{color:#cad0cc;line-height:1.8}.sectionLabel{font-size:10px;letter-spacing:2px;font-weight:600}
.scenarioPreview{position:relative;background:#d8c9a9;color:#2b302f;border:0;border-radius:3px;padding:24px 24px 24px 30px;font-size:18px;line-height:1.7;box-shadow:0 8px 24px #0003;min-height:110px}.scenarioPreview::before{content:'';position:absolute;left:14px;top:0;bottom:0;border-left:1px solid #985f4645}
.heroStats{gap:0;border-top:1px solid #ffffff20;padding-top:24px;margin-top:34px}.heroStats>span{flex:1;border-right:1px solid #ffffff20;padding-left:24px}.heroStats>span:first-child{padding-left:0}.heroStats>span:last-child{border:0}.heroStats b{font-size:32px;color:#e9d6b4}
.bureauSetup{background:linear-gradient(145deg,#22333b66,transparent);padding:44px 38px}.fieldLabel{font-weight:600;letter-spacing:.25px;margin-top:20px}#lobbyBox .field,#loginBox .field{min-height:50px;border-color:#8faab43f;background:#091820;border-radius:9px;font-size:14px;padding:14px 16px}#lobbyBox .field:hover,#loginBox .field:hover{border-color:#d7b78370}
.bureauDetails{background:#ffffff03;border-radius:9px;margin:10px 0}.bureauDetails summary{padding:17px 16px;font-size:13px}.bureauDetails summary span{font-size:11px}.bureauDetails:hover{border-color:#c1cbd34a}.detailsBody{line-height:1.8}
#lobbyBox .bigBtn[onclick="newGame()"]{border-radius:9px;background:linear-gradient(120deg,#e8d0a2,#c9a36d);color:#15232b;min-height:56px;font-size:15px!important;box-shadow:0 7px 22px #0003}.bureauBottom{background:#08151b70;line-height:1.7}.launchNote{font-size:11px}
#side{background:linear-gradient(160deg,#14232b,#0d1b24);scrollbar-color:#546773 #13212a;scrollbar-width:thin}#tabContent{padding:18px 15px 28px}#tabs{position:sticky;top:0;background:#11202af5;z-index:2;gap:5px;padding:12px 10px}#tabs button{min-height:43px;font-size:12px;border:1px solid transparent}#tabs button.active{border-color:#dcc08c4d;background:#d7b78318;color:#eedbb8}
.card{border-color:#94b4c426;border-radius:12px;padding:20px;background:linear-gradient(140deg,#243540c9,#192a33ba);box-shadow:0 4px 16px #0001;margin-bottom:14px}.card h3{font-size:21px;line-height:1.3;font-weight:normal;color:#ebdcc0}.card p{font-size:13px;line-height:1.85}.card.dossier{background:#dfd2b4;color:#283638;border:0;box-shadow:0 5px 18px #0003}.card.dossier b,.card.dossier h3{color:#344447!important}.chapterCard{border-left:3px solid #d6b680;background:#c4a86e0e}.chapterCard h3{font-size:18px;letter-spacing:.3px}.narrativeLetter{border-top:1px solid #ffffff1b;margin-top:17px;padding-top:15px}.narrativeLetter summary{font-size:14px;line-height:1.6}
#dialog{border-radius:16px;border-color:#dbc39268;background:#11212bf7;box-shadow:0 22px 75px #0008;backdrop-filter:blur(15px)}#dHead{padding:20px 24px;background:linear-gradient(100deg,#d7b78316,transparent)}#dAvatar{width:68px;height:82px;border-radius:10px;border:1px solid #dfc18d70;background-size:cover}#dialog .npcName{font-size:27px;line-height:1.2}#dMood{font-size:12px;color:#becac9;margin-top:7px}#dBody{padding:22px 24px}#dialogText{font-size:19px;line-height:1.7;border-left:2px solid #d7b78363;padding:0 0 0 17px;margin:20px 0 26px}.questionLabel{font-size:12px;margin:20px 0 12px}.questionLabel span{font-size:10px}#dialogOpts{gap:9px}#dialogOpts button{min-height:50px;padding:13px 14px;border-radius:9px;background:#21343f;font-size:13px;line-height:1.45}#dialogOpts button:hover{background:#2c4350;border-color:#d7b7838a}.energyCost{font-size:10px;background:#0b1a216e;padding:4px 6px;border-radius:4px}.voiceDrawer{border-radius:10px;background:#0a18204d}.voiceDrawer summary{font-size:13px;padding:17px}#askIn{min-height:48px}#askRow .bigBtn{border-radius:8px}#dlgHist{scrollbar-width:thin;scrollbar-color:#526a78 transparent}.dbub{border-radius:8px;padding:12px!important;line-height:1.8}
#objective{background:#10232be8;border:1px solid #d7b7834d;box-shadow:0 4px 16px #0004;padding:12px 18px;max-width:calc(100% - 32px)}#roomLabel{background:#10232be8;border:1px solid #d7b78345;padding:9px 16px}#restBtn{color:#e5cda3;border-color:#dfc18d45}#restBtn:hover{background:#3a413c}#visualPanel{background:#10212bf7;border:1px solid #ddc18c50;box-shadow:0 12px 40px #0007}
@media(max-width:1050px){.bureauHero{padding:38px 30px}.bureauSetup{padding:34px 26px}#dialogOpts button{font-size:12px}.card{padding:17px}#tabContent{padding:14px 10px}}
@media(max-width:700px){.bureauHero{padding:32px 24px}.bureauSetup{padding:28px 24px}.bureauTop{padding:18px}.bureauHero::after{inset:12px}#overlay #lobbyTitle{font-size:45px;letter-spacing:-1.8px}.scenarioPreview{font-size:16px;padding:18px 20px 18px 28px}.heroStats{padding-top:20px}.heroStats b{font-size:27px}#dHead,#dBody{padding:15px}#dialog .npcName{font-size:22px}#dialogText{font-size:17px}#dAvatar{width:55px;height:67px}.energyCost{font-size:9px}.bureauDetails summary span{display:block;margin:6px 0 0 18px}}
@media(max-width:520px){#overlay{padding:10px}#restBtn{font-size:10px;padding:7px 6px;min-width:0}#app header{gap:4px;padding:0 6px}#app header h1{max-width:74px}#app header button{min-height:34px}#dialogOpts button{min-height:46px}#objective{font-size:11px;padding:9px 12px}#tabs{padding:8px}#dialog .npcName{font-size:20px}}
#overlay #scenarioPreview{color:#303a39;font-weight:500;text-shadow:none}.card.dossier{--text:#293738;--dim:#4d5b58;--accent:#645035}.card.dossier p,.card.dossier .sub{color:#374743}
/* Evidence and statement tracking: all entries derive from discovered information. */
.boardHeading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.boardHeading b{font:24px Georgia,serif;color:var(--accent)}.caseBoard h3,.statementBoard h3{margin:10px 0}.proofSteps{margin:18px 0}.proofStep{display:flex;gap:12px;padding:14px 0;border-top:1px solid #afc5d222;align-items:flex-start;color:#c3cfd1;font-size:13px}.proofStep small{display:block;font-size:11px;line-height:1.6;color:#9aafb7;margin-top:5px}.proofNumber{display:flex;align-items:center;justify-content:center;flex:0 0 25px;height:25px;border:1px solid #8fadb33a;border-radius:50%;color:#adc0c6;font:12px ui-monospace,monospace}.proofStep.complete{display:block;color:#e5d5b5}.proofStep.complete summary{display:flex;gap:12px;cursor:pointer;list-style:none;align-items:flex-start}.proofStep.complete summary::-webkit-details-marker{display:none}.proofStep.complete .proofNumber{background:#6f9f7e30;border-color:#91bd9659;color:#b8d8b1}.proofStep.complete p{font-size:12px;background:#07161f70;padding:13px;border-radius:7px;margin:12px 0 0;line-height:1.8}.boardNext{border-top:1px solid #d9bc7950;padding-top:16px}.boardNext p{margin-bottom:0}.statementRow{display:grid;gap:5px;padding:13px 0;border-top:1px solid #abc3d026;font-size:12px;line-height:1.6}.statementRow strong{font:17px Georgia,serif;color:#e8d3ac}.statementRow span{color:#c9d4d5}.statementRow small{color:#9eb5bf;font-size:11px}.statementRows{margin-top:18px}
/* Action hierarchy: structured interrogation cards and tactile toolbar controls. */
#dialogOpts{gap:10px}#dialogOpts .questionAction{position:relative;display:flex;gap:12px;padding:15px 12px;min-height:78px;background:linear-gradient(125deg,#2b404d,#20323d);border:1px solid #a9c3d236;box-shadow:inset 0 1px #ffffff09;border-radius:11px;isolation:isolate}
#dialogOpts .questionAction:hover{background:linear-gradient(125deg,#374f5d,#283e4b);border-color:#d6ba808c;box-shadow:0 5px 18px #0003;transform:translateY(-1px)}#dialogOpts .questionAction:active{transform:translateY(1px);box-shadow:inset 0 2px 8px #0004}#dialogOpts .questionIcon{flex:0 0 34px;height:36px;display:grid;place-items:center;border:1px solid #b6ced330;background:#081b2545;border-radius:9px;color:#e4c995}#dialogOpts .questionIcon svg{width:19px;height:19px;margin:0}#dialogOpts .questionCopy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}#dialogOpts .questionCopy strong{font:600 12px/1.45 system-ui;color:#f0eade}#dialogOpts .questionCopy small{font:10px/1.5 system-ui;color:#aec0c7}#dialogOpts .energyCost{align-self:flex-start;margin-top:2px;font-size:9px;padding:5px 6px;border:1px solid #a6bec324;background:#0a19236e;color:#d5c3a0}
#dialogOpts .conversation{background:linear-gradient(125deg,#253e3f,#203335);border-color:#80b4a330}#dialogOpts .conversation .questionIcon,#dialogOpts .conversation .energyCost{color:#b8d9c8}#dialogOpts .pressure{background:linear-gradient(125deg,#403635,#302b2d);border-color:#cb998744}#dialogOpts .pressure .questionIcon{color:#e5b39d}#dialogOpts .evidence{background:linear-gradient(125deg,#564c37,#363a33);border-color:#e1bf7e70}#dialogOpts .evidence .questionIcon{background:#c3a46520;color:#ffe0a1}#dialogOpts .leaveQuestion{min-height:40px;margin-top:3px;border:1px dashed #b5c3c332;background:transparent;color:#b4c3c8;font-size:11px}
header button,#visualBtn,#menuBtn,#soundBtn{min-height:38px;border-radius:9px;background:linear-gradient(#23343e,#192932);border-color:#91aebb3d;box-shadow:inset 0 1px #ffffff0b;transition:background .16s,border-color .16s,transform .16s}header button:hover,#visualBtn:hover,#menuBtn:hover,#soundBtn:hover{border-color:#d7b7838c;background:#304550;box-shadow:none}#restBtn{background:#bca36a17;border-color:#d7b78355}#clock{border-left:1px solid #a2bbc334;padding-left:14px;color:#e3cfa9}#apBadge{background:#12242d;border-color:#9fb9c32b;border-radius:9px}#apBarFill{background:linear-gradient(90deg,#a9cdb0,#d8c18f)!important}
#tabs{gap:6px}#tabs button{display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;border-radius:9px;background:#20323c75;font-weight:500}#tabs button.active{background:linear-gradient(#d7b78327,#d7b78311);border-color:#d7b78370;color:#f0d7a9;box-shadow:inset 0 2px #e2c68b}#tabs button:hover:not(.active){background:#304752;border-color:#94afbb40}
#askRow .bigBtn{min-width:98px;background:linear-gradient(120deg,#efd8ac,#c8a36c);color:#16262e;border-color:#e8cfa0;font-weight:700;box-shadow:0 3px 10px #0003}#askRow .bigBtn:hover{background:#f0d7a8}#askRow .bigBtn:active{box-shadow:none}.voiceButtons{gap:9px}.voiceButtons button,.micSetup button{min-height:42px;border-radius:8px;font-size:12px;background:#293f4a;border-color:#a1bec544}.voiceButtons button:first-child{border-color:#d8bd8169;color:#f0d7ab}button:focus-visible,summary:focus-visible{outline:3px solid #ecd29b!important;outline-offset:3px!important}.bigBtn.danger{background:#6c3c39;border-color:#c4918266;color:#ffe0d4}
@media(max-width:1100px){#dialogOpts .questionAction{min-height:70px;padding:12px}#dialogOpts .questionCopy strong{font-size:12px}#dialogOpts .questionIcon{flex-basis:30px;height:32px}}
@media(max-width:520px){#dialogOpts .questionAction{min-height:68px;padding:11px;gap:9px}#dialogOpts .questionCopy small{font-size:10px}#tabs button{min-height:43px;font-size:11px}#clock{padding-left:6px}header button{min-height:36px!important}#askRow .bigBtn{min-width:78px;padding:10px 12px}#dialogOpts .energyCost{font-size:9px}}
@media(prefers-reduced-motion:reduce){#dialogOpts .questionAction:hover,#dialogOpts .questionAction:active{transform:none}}

/* Investigation desk: clear status hierarchy and a readable opening dossier. */
#app{grid-template-rows:76px minmax(0,1fr)}
#app header{background:linear-gradient(110deg,#101d26,#0b151e);border-bottom:1px solid #cdb58055;gap:14px;padding:0 22px;box-shadow:0 3px 18px #0003}
#app header h1{font-weight:650;font-size:11px;letter-spacing:1.9px;flex-shrink:0}
#app header .info{font-size:11px;line-height:1.6;max-width:260px;color:#b7c8cf;white-space:normal;border-left:1px solid #718d9b45;padding-left:15px}
#caseInfo:before{content:'AKTİF SORUŞTURMA';display:block;font-size:8px;letter-spacing:1.8px;color:#d3b888;margin-bottom:3px}
#app #apBadge{position:relative;min-width:114px;padding:19px 12px 8px;gap:8px;background:#152e36;border:1px solid #6a94975c}
#apBadge:before{content:'ENERJİ';position:absolute;left:12px;top:5px;font:8px system-ui;letter-spacing:1.5px;color:#a7c0c2}
#app #apVal{font-size:16px;font-variant-numeric:tabular-nums}#app #apBar{width:62px;height:5px}#app #apBadge.low{border-color:#e68b76;background:#452d2b}
#app #restBtn{font-size:11px;color:#f0d5a5;border-color:#bda17070;white-space:nowrap}
#app #clock{display:flex;flex-direction:column;gap:4px;align-items:center;min-width:58px;font-size:17px;border:0;padding:0;font-variant-numeric:tabular-nums}
#clock:before{content:'VAKA SAATİ';font:8px system-ui;letter-spacing:1.3px;color:#8da6b4}
#app #teamBadge{font-size:10px;color:#adc5c7}
#app header button{min-height:40px;font-weight:550}
#tabs{padding:14px 12px 12px;gap:7px;box-shadow:0 5px 15px #0002}
#tabs button{flex:1;flex-direction:column;gap:7px;min-height:64px;font-size:11px;letter-spacing:.2px;background:#192d38;border:1px solid #7896a51a;color:#b4c6d0}
#tabs button.active{color:#f5ddb0;background:linear-gradient(150deg,#4c4738,#283139);border-color:#d6b6799c;box-shadow:inset 0 2px #e5c68b,0 4px 12px #0002}
#introCard{max-height:none;overflow:auto;padding:24px;background:#08141dc9;backdrop-filter:blur(5px);border:0;border-radius:0;align-items:flex-start!important}
#introCard .file{width:min(640px,100%);margin:auto;background:linear-gradient(120deg,#eee5ce,#d9ccb0);border:1px solid #f4e7c5;border-radius:6px;padding:30px 34px;color:#293c44;box-shadow:0 25px 80px #0009,inset 0 0 65px #937c4520}
#introCard .file:before{content:'SORUŞTURMA BÜROSU   /   VAKA BRİFİNGİ';display:block;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #64716b55;font:9px system-ui;letter-spacing:2px;color:#586761}
#introCard .stamp{top:19px;right:25px;font:700 10px system-ui;letter-spacing:2px;border:2px solid #a64c3f;color:#a64c3f;padding:5px 8px;transform:rotate(7deg);animation:none;background:#eadcc2}
#introCard h2{font:32px/1.2 Georgia,serif;letter-spacing:-.5px;color:#233b44;margin:0 0 18px;max-width:95%}
#introCard .ln{font:13px/1.8 system-ui;color:#374b51;margin:0 0 12px;animation:none;opacity:1}
#introCard .ln b{color:#263b43}#introCard .ln:first-child{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:#646b5e;padding-bottom:12px;border-bottom:1px solid #63716833}
#introCard .ln:nth-child(3){padding:12px 14px;background:#ffffff3b;border-left:3px solid #a4844c;border-radius:0 5px 5px 0}
#introCard .go{opacity:1;animation:none;border-top:1px solid #63716844;padding-top:18px;margin-top:20px}
#introCard .go button{width:100%;background:linear-gradient(#294653,#18323f);border:1px solid #1a3440;border-radius:7px;color:#f7e5bf;min-height:48px;box-shadow:0 5px 14px #20364126;font-weight:600}
#introCard .go button:hover{background:#345a69;transform:translateY(-1px)}
@media(max-width:1100px){#app header{gap:9px;padding:0 14px}#app header .info,#app #teamBadge{display:none}#app header h1{margin-right:auto}#app #apBadge{min-width:100px}}
@media(max-width:700px){#app header{gap:6px;padding:0 8px}#app header h1{letter-spacing:.4px;font-size:9px}#app #apBadge{min-width:66px;padding:19px 7px 7px}#app #apBar{display:none}#tabs button{min-height:56px;font-size:10px}#introCard{padding:14px}#introCard .file{padding:25px 20px}#introCard h2{font-size:25px}#introCard .stamp{position:static;display:inline-block;margin-bottom:14px}#introCard .file:before{font-size:8px;line-height:1.6;margin-bottom:12px}}
@media(max-width:520px){#app{grid-template-rows:68px minmax(240px,58dvh) minmax(0,1fr)}#app header h1{max-width:65px}#app #clock{min-width:40px;font-size:13px}#clock:before{font-size:6px}#app header button{padding:6px;font-size:10px}#tabs button{flex-direction:row;min-height:44px}#app #restBtn{font-size:9px}}
/* Field notebook and utility controls. */
#app #menuBtn,#app #visualBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;height:42px;padding:0 13px;background:linear-gradient(150deg,#28414e,#172c38);border:1px solid #7693a252;border-radius:10px;color:#e2e9e7;font-size:12px;box-shadow:inset 0 1px #ffffff0d}
#app #visualBtn svg,#app #menuBtn svg{width:17px;height:17px;color:#d5bc87;flex-shrink:0}
#app #soundBtn{width:42px;height:42px;border-radius:50%;background:#1a2d37;box-shadow:inset 0 0 0 4px #0d1c2466}
#app #visualBtn[aria-expanded=true]{border-color:#ddbf83;background:#33444a}
#app #clock{background:#091722;border:1px solid #526d7c33;border-radius:10px;padding:8px 14px;min-width:74px}
#tabs{background:linear-gradient(#11222c,#101f29);padding:12px;gap:4px}
#tabs button{position:relative;border-radius:8px;background:transparent;border-color:transparent;color:#95adbb;box-shadow:none;min-height:62px}
#tabs button.active{background:#d0b87f12;border-color:#c8b18038;box-shadow:none;color:#f1d49a}
#tabs button.active:after{content:'';position:absolute;bottom:-5px;left:22%;right:22%;height:3px;background:#dec18c;border-radius:3px;box-shadow:0 0 12px #d6ba7466}
#tabs .bdg{position:absolute;top:4px;right:4px;font-size:9px;min-width:16px}
.notebook{padding:0 0 18px}.notebookHead{position:relative;padding:8px 0 19px;margin-bottom:20px;border-bottom:1px solid #76919b38}
.notebookEyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:#d4b983}.noteTotal{float:right;font-size:10px;border:1px solid #8297a43b;padding:3px 8px;border-radius:20px;color:#b7c9d0}
.notebookHead h3{font:26px/1.2 Georgia,serif;color:#e9dfc9;margin:14px 0 9px}.notebookHead p{font:12px/1.7 system-ui;color:#9bb0bc;margin:0}
.noteTimeline{position:relative;padding-left:18px}.noteTimeline:before{content:'';position:absolute;left:4px;top:13px;bottom:12px;width:1px;background:linear-gradient(#d4b78388,#52758322)}
#tabContent .logEntry{border:1px solid #819dab2b;border-radius:9px;background:linear-gradient(125deg,#203641,#172b36);padding:15px;margin:0 0 14px;box-shadow:0 4px 15px #0001;animation:none}
#tabContent .logEntry:before{content:'';position:absolute;left:-19px;top:19px;width:7px;height:7px;border-radius:50%;background:#d7bd86;border:3px solid #11212b}
#tabContent .logEntry:hover{transform:none;border-color:#cbb4865c;box-shadow:0 5px 20px #0002}
.noteMeta{display:flex;align-items:center;gap:8px;margin-bottom:11px}#tabContent .logEntry .t{background:#0e212b;border:1px solid #76929b38;border-radius:5px;padding:4px 7px;margin:0;font:11px ui-monospace,monospace;color:#e6cfa4}
.noteKind{font:9px system-ui;color:#a0b8c4;letter-spacing:.4px}.noteIndex{margin-left:auto;font:11px ui-monospace,monospace;color:#66818e}
#tabContent .logEntry p{font:13px/1.8 system-ui;color:#d4e0e5;margin:0;overflow-wrap:anywhere}
#tabContent .logEntry.hot{border-color:#cc806354;background:linear-gradient(120deg,#3c3030,#242b32)}#tabContent .logEntry.hot:before{background:#e39a7e}#tabContent .logEntry.wit:before{background:#83bfe3}
.noteEmpty{padding:20px 12px;color:#aebec6}.noteEmpty h4{font:20px Georgia;color:#e8d5b2;margin:0 0 12px}.noteEmpty p{font:12px/1.8 system-ui}
@media(max-width:700px){#app #menuBtn,#app #visualBtn{padding:0 8px;font-size:11px;gap:5px}#app #clock{padding:7px;min-width:48px}.notebookHead h3{font-size:23px}#tabContent .logEntry{padding:12px}.noteKind{font-size:8px}}
@media(max-width:520px){#app #menuBtn svg,#app #visualBtn svg{display:none}#app #soundBtn{width:34px;height:36px;min-width:34px}#tabs button{min-height:44px}}