/* Federal Boobs Investigator — Issue 03. Purpose-drawn comic UI. */
:root{--comic-paper:#ffedc3;--comic-pink:#ff629d;--comic-blue:#65d7f8}
.topbar{border-bottom:4px solid #e7b74b;box-shadow:0 7px 0 #0c0b17,0 17px 28px #080814ad;min-height:78px}
.brand-copy b{color:#f8d26d;text-shadow:-2px 2px 0 #090911}
.brand-icon img{filter:drop-shadow(2px 2px 0 #0b0c19)}
.navitem.active{color:#ffcd59;border-bottom-color:#ffcd59;background:#2f2940}
.navitem .new-chip{color:#131421;background:#ff799e;display:inline-block;transform:rotate(-9deg);font:900 9px var(--fonthead);padding:2px 4px;margin-left:3px}
.hero-grid{border:4px solid #eeb74b;box-shadow:10px 11px 0 #090816;transform:translateZ(0)}
.hero-copy{background:radial-gradient(circle at 90% 60%,#40264a88 0,transparent 48%),linear-gradient(130deg,#1a1a2b,#15182f)}
.hero-copy:before{content:'';position:absolute;right:9px;top:12px;bottom:12px;width:19px;background:radial-gradient(#eabf745c 1px,transparent 1px) 0 0/9px 9px;pointer-events:none}
.hero-art{border-left:7px solid #0e1229}
.hero-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 25% 38%,#fbdf8a26 0 1px,transparent 1.5px) 0 0/12px 12px;mix-blend-mode:overlay;z-index:2}
.hero-copy h1{filter:drop-shadow(3px 3px 0 #080919)}
.hero-copy h1 em{background:#f3bd4b;color:#191425;display:inline-block;padding:0 11px;transform:skew(-7deg);margin-left:-4px}
.hero-cta .button{box-shadow:4px 5px 0 #050713}
.hero-cta .button:hover{transform:translateY(-2px)}
.sideitem.selected{background:linear-gradient(100deg,#423853,#1f2338)}
.side-sticker{margin-top:20px}
.side-bottom .tiny-stamp{font-size:9px;color:#f6ca6b}
.new-case-tag{background:#f8b94d;color:#222;font:900 11px var(--fonthead);padding:5px 9px;display:inline-block;transform:rotate(-4deg)}
.issue-shelf{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:13px;margin-top:33px;align-items:stretch}
.issue-shelf-title{background:#efb64f;color:#111327;display:flex;flex-direction:column;justify-content:center;padding:16px 20px;border:3px solid #0a0e1e;box-shadow:5px 5px #0b0b16;transform:rotate(-1deg)}
.issue-shelf-title span{font:900 11px var(--fonthead);letter-spacing:1px}
.issue-shelf-title b{font:900 32px/.88 var(--fonthead);margin-top:10px}
.issue-card{text-align:left;min-width:0;position:relative;color:#fff3d4;background:#191c32;border:3px solid #e7be74;padding:0 0 12px;box-shadow:5px 5px #090b18;overflow:hidden;transition:transform .2s,box-shadow .2s}
.issue-card:hover{transform:translate(-2px,-3px) rotate(-1deg);box-shadow:8px 8px #090b18}
.issue-card img{width:100%;height:115px;display:block;object-fit:cover;filter:saturate(1.3) contrast(1.08)}
.issue-card b{display:block;padding:10px 12px 3px;font:900 24px/.95 var(--fonthead);color:#fed575}
.issue-card small{display:block;padding:0 12px;font:600 10px/1.4 var(--fontbody);color:#b9b5cb}
.hero-art-label{transform:rotate(2deg)}
.screen-heading h2{letter-spacing:-2px;text-shadow:3px 3px #0a0b15}
.screen-heading h2 em{color:#f8c15c;text-shadow:2px 2px #5b3264}
.case-card{transform:translateZ(0)}
.case-card:hover{box-shadow:9px 9px 0 #080a18;transform:translateY(-3px)}
.comic-tile{clip-path:polygon(0 0,98% 0,100% 6%,100% 100%,0 100%)}
.comic-tile:after{background:linear-gradient(180deg,rgba(1,1,8,.12),transparent 33%,rgba(5,5,15,.92))}
.comic-number{transform:rotate(-5deg)}
.comic-caption b{text-shadow:2px 2px #0b0b18}
.field-heading{padding-bottom:19px}
.field-stamp{align-self:start;background:#f9ca62;border:4px solid #1b1423;color:#151627;padding:11px 20px;box-shadow:7px 7px #090b15;transform:rotate(7deg);font:900 28px/.8 var(--fonthead);text-align:center}
.field-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:15px 0 19px}
.field-mission{background:#25243a;border:3px solid #55516f;color:#fff0d2;box-shadow:5px 5px #0a0d18;text-align:left;padding:14px 14px 12px;display:flex;flex-direction:column;gap:5px;min-height:124px}
.field-mission:hover,.field-mission.selected{border-color:#f4be55;background:linear-gradient(135deg,#38304b,#211d33);transform:translateY(-2px)}
.field-mission b{display:flex;align-items:center;justify-content:space-between;gap:6px;font:900 12px var(--fonthead);letter-spacing:.5px;color:#f8bc52}
.field-mission i{font:800 9px var(--fonthead);color:#aac2b3;font-style:normal;white-space:nowrap}
.field-mission strong{font:900 clamp(21px,2.5vw,34px)/.9 var(--fonthead)}
.field-mission small{font:700 10px var(--fontbody);color:#aaa1b7}
.field-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.78fr);gap:16px;align-items:stretch}
.field-board{min-width:0;border:5px solid #eab856;background:#121a32;box-shadow:8px 8px #090b15;display:flex;flex-direction:column;align-self:start}
.field-topbar{display:flex;justify-content:space-between;gap:6px;padding:10px 13px;background:#e9b754;color:#151725;font:900 13px var(--fonthead)}
.field-topbar>span:last-child{font-size:11px}
.field-canvas-wrap{position:relative;overflow:hidden;background:#24273e}
#fieldCanvas{display:block;width:100%;height:auto;touch-action:manipulation;image-rendering:auto}
.field-comic-burst{display:none}
.field-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:#1c2035;border-top:3px solid #eab856}
.field-dpad{display:flex;flex-direction:column;align-items:center;gap:3px}
.field-dpad>div{display:flex;gap:4px}
.field-dpad button{min-width:47px;height:36px;background:#33334a;border:2px solid #7d7392;color:#ffe3ad;font:900 20px var(--fonthead);user-select:none;touch-action:none}
.field-dpad button:hover,.field-dpad button:active{background:#f4c056;color:#151524}
.field-control-actions{display:flex;flex-direction:column;gap:7px;max-width:260px;width:100%}
.field-control-actions button{height:39px;padding:7px;font-size:13px;justify-content:space-between}
.field-control-actions kbd{padding:3px 6px;font-size:11px}
.field-dossier{border:5px solid #b2779b;background:#211d32;box-shadow:8px 8px #090b15;min-width:0}
.field-dossier-header{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:#ffdd8a;color:#1d1725;font:900 15px var(--fonthead);letter-spacing:1px}
.field-dossier-header span{color:#2d7754;font-size:12px}
.field-portrait{height:180px;position:relative;overflow:hidden;border-bottom:5px solid #f4ba55;background:#221b37}
.field-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;filter:saturate(1.1)}
.field-bubble{position:absolute;right:8px;top:10px;max-width:55%;padding:9px 11px;font:900 16px/1.08 var(--fonthead);background:#ffebbb;color:#151424;border:3px solid #181525;box-shadow:4px 4px #101224;transform:rotate(2deg)}
.field-dossier-copy{padding:17px}
.field-dossier-copy>small{font:900 11px var(--fontbody);color:#f9b957;letter-spacing:1.3px}
.field-dossier-copy h3{font:900 42px/.85 var(--fonthead);margin:9px 0;color:#fff2d0}
.field-dossier-copy>p{color:#bcb5c8;line-height:1.6;font-size:12px;margin:12px 0}
.field-progress-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #58495b;padding-top:12px;margin-top:12px;font:900 12px var(--fonthead)}
.field-progress-line b{color:#f7c262;font-size:17px}
.field-clues{display:flex;flex-direction:column;gap:6px;margin:11px 0 16px}
.field-clue{display:flex;align-items:center;gap:9px;background:#16182a;padding:8px;border:1px solid #494559}
.field-clue>span{flex:0 0 25px;height:25px;display:grid;place-items:center;background:#3a3448;color:#ffc25b;font:900 15px var(--fonthead)}
.field-clue.done>span{background:#4b9770;color:#f3ffe6}
.field-clue b{display:block;font:900 15px var(--fonthead)}
.field-clue small{display:block;color:#a9a4ba;font:600 10px/1.25 var(--fontbody)}
.field-conversation{background:#ffedc3;color:#231b29;padding:12px 14px;margin-bottom:9px;border:3px solid #0d1021;box-shadow:4px 4px #0a0917;min-height:94px}
.field-conversation>b{display:block;font:900 13px var(--fonthead);color:#a74b6b}
.field-conversation p{font:800 16px/1.16 var(--fonthead);margin-top:8px}
.field-choices{display:grid;gap:7px;margin:12px 0}
.field-choices button{background:#3d3050;border:2px solid #8d6791;color:#fff1d6;font:900 15px/1.1 var(--fonthead);padding:9px;text-align:left}
.field-choices button:hover{background:#68496f;border-color:#ffcf79}
.field-verdict{display:block;width:100%;padding:11px;background:#efbc58;color:#171627;border:2px solid #101122;box-shadow:4px 4px #0b0e1b;font:900 17px var(--fonthead)}
.field-verdict:disabled{filter:grayscale(.8);opacity:.55;cursor:not-allowed}
.field-helpstrip{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:23px 0;color:#aaa2bb;font:800 10px var(--fontbody);letter-spacing:.4px}
.field-helpstrip b{color:#ffcb69}
.field-profile-stat{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#252237;border:2px solid #78647f;font:900 16px var(--fonthead)}
.field-profile-stat strong{font-size:24px;color:#f7c05f}
button:focus-visible{outline:3px solid #f9cd63;outline-offset:3px}
@media(max-width:1500px){.topbar{gap:6px}.topnav{gap:0}.navitem{padding-inline:6px}.sideitem{font-size:11px;padding:11px 8px}.brand{width:168px}.social-btn{padding:7px 8px;font-size:10px}}
@media(max-width:1250px){.field-layout{grid-template-columns:1fr}.field-dossier{display:grid;grid-template-columns:minmax(220px,.4fr) minmax(0,1fr)}.field-dossier-header{grid-column:1/-1}.field-portrait{height:auto;min-height:320px;border-bottom:0;border-right:5px solid #f2ba5c}.field-dossier-copy{padding:18px}.issue-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.issue-shelf-title{grid-column:1/-1}.issue-card img{height:155px}}
@media(max-width:1050px){.topbar{min-height:70px}.field-layout{grid-template-columns:1fr}.field-mission strong{font-size:26px}}
@media(max-width:760px){.topbar{min-height:61px}.brand{flex-basis:85px;min-width:85px}.topnav{max-width:100%;overflow-x:auto;display:flex;scrollbar-width:thin}.navitem{min-width:62px}.navitem .new-chip{display:none}.field-heading h2{font-size:66px}.field-stamp{padding:8px;font-size:19px}.field-missions{grid-template-columns:1fr 1fr;gap:8px}.field-mission{min-height:94px;padding:10px}.field-mission strong{font-size:21px}.field-mission:last-child{grid-column:1/-1}.field-board{border-width:3px;box-shadow:4px 4px #090b15}.field-dossier{display:block}.field-portrait{height:170px;min-height:0;border-right:0;border-bottom:4px solid #f2ba5c}.field-bubble{max-width:48%;font-size:14px}.field-topbar{font-size:10px}.field-topbar>span:last-child{display:none}.field-dossier-copy h3{font-size:38px}.issue-shelf{grid-template-columns:1fr 1fr;gap:10px}.issue-shelf-title{grid-column:1/-1}.issue-card:last-child{grid-column:1/-1}.issue-card img{height:116px}.field-controls{padding:7px}.field-dpad button{min-width:39px;height:32px}.field-control-actions button{font-size:11px;min-height:36px}}
@media(max-width:460px){.field-missions{grid-template-columns:1fr}.field-mission:last-child{grid-column:auto}.field-mission{min-height:80px}.field-mission strong{font-size:20px}.field-stamp{font-size:17px;padding:7px}.field-heading h2{font-size:55px}.field-dossier-copy{padding:12px}.field-portrait{height:145px}.field-control-actions{max-width:180px}.field-controls{gap:6px}.field-dpad button{min-width:33px;height:31px}.field-helpstrip{gap:7px}}
@media(max-width:1050px){.topbar{overflow:hidden;max-width:100vw}.topnav{display:flex;flex:1 1 auto;width:auto;min-width:0;overflow-x:auto;max-width:none}.top-actions{flex:0 0 auto}.topnav .navitem{flex:0 0 auto;white-space:nowrap}}
@media(max-width:760px){.topnav{width:auto!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;overflow-x:auto!important}.brand{flex:0 0 78px!important;min-width:78px!important;width:78px!important}.top-actions{flex:0 0 auto!important}.navitem{min-height:53px}}

.footer-line::before{content:'ISSUE 03'!important}
.menu-btn{display:none}
.mobile-menu-overlay[hidden]{display:none!important}
.mobile-menu-overlay{position:fixed;z-index:80;top:68px;left:0;right:0;max-height:calc(100vh - 68px);overflow-y:auto;padding:18px 20px 22px;background:#15172bed;border:4px solid #e6b85b;box-shadow:0 20px 0 #090b19}
.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;color:#ffce65;font:900 24px var(--fonthead);margin-bottom:14px}
.mobile-menu-head button{font-size:24px;color:#f7d07a;background:none;border:0}
.mobile-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-menu-grid button{min-height:49px;text-align:left;background:#25233b;color:#f6eddc;font:900 17px var(--fonthead);border:2px solid #6c5c76;padding:12px}
.mobile-menu-grid button:hover{border-color:#f5b84e}
.mobile-menu-grid strong{font:900 9px var(--fonthead);color:#141622;background:#ff9cba;padding:3px}
.mobile-menu-social{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.mobile-menu-social button{background:#f2b94b;color:#171728;padding:13px;border:0;font:900 16px var(--fonthead)}
.mobile-menu-social button:last-child{background:#ff91b8}
@media(max-width:1050px){.menu-btn{display:inline-flex;justify-content:center;align-items:center}}
@media(max-width:760px){.mobile-menu-overlay{top:61px;max-height:calc(100vh - 61px);padding:14px}.top-actions .menu-btn{display:inline-flex!important;height:32px;width:32px;flex:0 0 32px}.mobile-menu-grid button{font-size:15px;padding:9px}.mobile-menu-head{font-size:20px}}

.field-conversation{position:relative;overflow:hidden;padding-right:87px;min-height:110px}
.field-speaker-avatar{position:absolute;width:74px;height:85px;right:4px;bottom:4px;object-fit:cover;object-position:top;border:2px solid #252039;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%)}
button.field-clue{width:100%;color:#fff3d7;text-align:left;cursor:pointer}
button.field-clue:hover{border-color:#f8c35c;transform:translateX(2px)}