*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --ink:#070805;--panel:#0d0e0a;--panel2:#11120e;--cream:#e3d5b4;
  --gold:#ad8140;--gold2:#c69a4e;--line:#51401f;--muted:#8c816d;
  --paper:#b9aa80;--green:#829b59;--red:#a35d49;
}
body{
  margin:0;color:var(--muted);font-family:"Oswald",sans-serif;overflow-x:hidden;
  background:
    linear-gradient(rgba(4,5,3,.74),rgba(4,5,3,.88)),
    url("images/bg_main.png") center top/cover fixed no-repeat,
    #070805;
}
button,input{font:inherit}
button{border-radius:0}
.page-noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.035;background-image:repeating-radial-gradient(circle,#fff 0 1px,transparent 1px 4px)}

/* HEADER */
.site-header{
  height:86px;position:absolute;z-index:30;inset:0 0 auto;display:grid;
  grid-template-columns:220px 1fr 280px;align-items:center;padding:0 4vw;
  border-bottom:1px solid #5a4524aa;background:linear-gradient(#080906fa,#080906df 70%,transparent);
}
.logo img{width:170px;max-height:72px;object-fit:contain}
.site-header nav{justify-self:center;display:flex;gap:36px}
.site-header nav a{position:relative;color:#9d8b69;text-decoration:none;font-size:10px;letter-spacing:1.7px}
.site-header nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:-12px;height:1px;background:#b98b43;transition:.2s}
.site-header nav a:hover{color:#d8c69e}.site-header nav a:hover:after{left:0;right:0}
.header-actions{justify-self:end;display:flex;gap:12px;align-items:center}
.text-btn{border:0;background:none;color:#a08b63;cursor:pointer;font-size:9px;letter-spacing:1px}
.gold-btn,.outline-btn{min-height:48px;padding:0 23px;font:700 9px "Oswald";letter-spacing:1px;cursor:pointer}
.gold-btn{border:1px solid #d1a55a;background:linear-gradient(#caa154,#8d6229);color:#171208;box-shadow:inset 0 1px #e4c77c66}
.gold-btn:hover{filter:brightness(1.08)}
.outline-btn{border:1px solid #66502a;background:#0b0c09d9;color:#b6a077}
.mobile-menu,.mobile-nav{display:none}

/* HERO - intentionally mirrors the in-game boxed hero language */
.hero{
  position:relative;min-height:900px;padding:112px 4vw 70px;
  background:linear-gradient(180deg,rgba(5,6,4,.12),rgba(5,6,4,.45) 65%,#070805 100%);
}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(174,128,60,.08),transparent 28%);pointer-events:none}
.hero-inner{
  position:relative;width:min(1480px,100%);min-height:690px;margin:auto;padding:58px 48px;
  display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:58px;align-items:center;
  border:1px solid #5b4521;
  background:
    linear-gradient(90deg,rgba(5,6,4,.98) 0%,rgba(5,6,4,.88) 46%,rgba(5,6,4,.48) 72%,rgba(5,6,4,.8)),
    url("images/bg_main.png") center/cover no-repeat;
  box-shadow:0 28px 80px #0009,inset 0 0 90px #0008;
}
.hero-inner:after{content:"";position:absolute;inset:9px;border:1px solid #59431f44;pointer-events:none}
.gazette-line{
  position:absolute;z-index:2;top:18px;left:48px;right:48px;display:grid;grid-template-columns:1fr auto 1fr;
  padding:9px 0;border-block:1px solid #594522;color:#6f624c;font-size:7px;letter-spacing:1.5px
}
.gazette-line b{color:#a68b5c;font-family:"Playfair Display"}.gazette-line span:last-child{text-align:right}
.hero-copy{position:relative;z-index:2;max-width:820px}
.eyebrow,.section-label{color:#b48a48;font-size:9px;letter-spacing:2px}
.hero h1{margin:16px 0;color:var(--cream);font:700 clamp(60px,6vw,102px)/.83 "Playfair Display";letter-spacing:-3px;text-shadow:0 5px 30px #000}
.hero h1 em{font-style:normal;color:#b88940}
.lead{max-width:650px;font-size:12px;line-height:1.85;color:#a79b84}
.hero-actions{display:flex;gap:10px;margin-top:29px}
.hero-paper{position:relative;z-index:2;padding:25px;background:var(--paper);color:#282116;transform:rotate(1.1deg);box-shadow:0 25px 70px #000c,inset 0 0 70px #6b542e38;border:1px solid #6f5d3b}
.hero-paper small{display:block;text-align:center;padding:6px;border-block:2px solid #302719;font:700 7px Georgia;letter-spacing:3px}
.hero-paper h2{text-align:center;margin:12px 0;color:#211b12;font:900 40px/.88 "Playfair Display"}
.paper-photo{height:145px;border:4px solid #30291c;background:linear-gradient(0deg,rgba(25,20,12,.68),rgba(25,20,12,.08) 58%),url("images/gazette_frontpage.jpg") center/cover no-repeat;filter:sepia(.72) grayscale(.28) contrast(1.08)}
.hero-paper h3{margin:14px 0 7px;padding-bottom:9px;border-bottom:3px double #3c3221;font:800 18px/1.05 "Playfair Display"}
.hero-paper p{font:600 8px/1.55 Georgia;text-align:justify}
.paper-cols{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #4b3e28}
.paper-cols b{padding:9px 5px;font:700 7px Georgia}.paper-cols b:first-child{border-right:1px solid #4b3e28}.paper-cols i{font-style:normal;color:#59492f}
.city-strip{
  position:relative;width:min(1480px,100%);min-height:48px;margin:10px auto 0;
  display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #49391e;
  background:#090a07ed;color:#75664e;font-size:8px;letter-spacing:1px
}
.city-strip i{color:#87662f;font-style:normal}

/* NEWSPAPER */
.newspaper{width:min(1400px,92vw);margin:70px auto;padding:22px 28px 35px;background:var(--paper);color:#292318;box-shadow:0 20px 60px #0008,inset 0 0 100px #69552e35;transform:rotate(-.12deg)}
.newspaper>header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:9px 0 13px;border-block:3px double #32291b}
.newspaper header>div{text-align:center}.newspaper header img{display:block;width:145px;max-height:65px;object-fit:contain;margin:auto;filter:sepia(1) contrast(1.25)}
.newspaper header small,.newspaper header>span{font:700 7px Georgia;letter-spacing:1px}.newspaper header>span:last-child{text-align:right}
.front-page{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:24px;padding-top:25px}.front-page>*{padding-right:22px;border-right:1px solid #62543a}.front-page>*:last-child{border:0}
.lead-story h2{margin:7px 0 18px;font:900 clamp(40px,4vw,66px)/.9 "Playfair Display";color:#241e15}.lead-story h2 em{font-style:normal;color:#65431d}
.lead-story p,.bulletin p{font:600 10px/1.7 Georgia;text-align:justify}.dropcap:first-letter{float:left;font:900 56px/.72 "Playfair Display";padding:8px 7px 0 0}
.lead-story blockquote{margin:25px 0 0;padding:13px 0;border-block:3px double #594a32;text-align:center;font:italic 19px Georgia}
.wanted{text-align:center;border:4px double #4c3d27!important;padding:15px!important}.wanted h3{font:900 34px/.9 "Playfair Display";margin:5px}.wanted strong{font:700 10px Georgia;letter-spacing:2px}
.silhouette{margin:14px auto;width:110px;height:120px;display:grid;place-items:center;border:1px solid #4b3e2a;background:#8d7d58}.silhouette i{font-size:65px;color:#403723}
.wanted p{margin:5px 0;text-align:left;font:700 7px Georgia}.wanted>span{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #51432d;font:700 7px/1.5 Georgia}
.bulletin h3{font:900 24px/1 "Playfair Display"}.heat{height:8px;margin:25px 0 7px;border:1px solid #4b3d29}.heat i{display:block;width:42%;height:100%;background:#66412c}.bulletin small{font:700 6px Georgia}

/* GAME-LIKE FEATURE PANELS */
.operations{padding:105px 5vw;background:linear-gradient(#080906e8,#080906f7),url("images/bg_main.png") center/cover fixed}
.operations-head{width:min(1380px,100%);margin:0 auto 45px;display:grid;grid-template-columns:1fr 1fr;align-items:end}
.operations-head h2{margin:10px 0;color:#e1d3b2;font:700 clamp(45px,5vw,72px)/.88 "Playfair Display"}.operations-head h2 em{font-style:normal;color:#b58943}
.operations-head>p{max-width:420px;justify-self:end;font-size:10px;line-height:1.7}
.operation-grid{width:min(1380px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #49381e;background:#332919;gap:1px}
.operation-grid article{min-height:330px;position:relative;padding:28px;background:linear-gradient(145deg,#11120e,#090a07)}
.operation-grid article>span{position:absolute;right:17px;top:15px;color:#594c39;font-size:8px}.operation-grid article>i{margin:45px 0 50px;color:#a77c3b;font-size:25px}
.operation-grid h3{color:#d1be97;font:700 17px "Playfair Display"}.operation-grid p{font-size:9px;line-height:1.7}.operation-grid b{position:absolute;bottom:25px;left:28px;color:#6e5735;font-size:7px;letter-spacing:1px}

.classifieds{width:min(1380px,92vw);margin:90px auto;border:1px solid #54401f;background:#0d0e0a;box-shadow:0 20px 60px #0006}
.classified-title{display:grid;grid-template-columns:1fr auto 1fr;padding:12px 16px;border-bottom:3px double #54401f;color:#79694e;font-size:7px;letter-spacing:1.5px}
.classified-title b{color:#b29b70}.classified-title span:last-child{text-align:right}.classified-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.classified-grid article{min-height:220px;position:relative;padding:25px;border-right:1px solid #3b301f}.classified-grid article:last-child{border:0}
.classified-grid small{color:#7b6238;font-size:7px;letter-spacing:2px}.classified-grid h3{color:#d2c09b;font:700 19px "Playfair Display"}
.classified-grid p{max-width:210px;font-size:9px;line-height:1.7}.classified-grid i{position:absolute;right:20px;bottom:20px;color:#49391f;font-size:30px}

.final-call{padding:80px 5vw 120px;background:linear-gradient(#070805c9,#070805f2),url("images/bg_main.png") center/cover fixed}
.final-call>div{width:min(920px,100%);margin:auto;padding:55px 60px;text-align:center;border:1px solid #6b5127;outline:1px solid #322819;outline-offset:-10px;background:#0c0d09f4;box-shadow:0 25px 70px #0009}
.final-call h2{margin:15px 0;color:#dfd0ae;font:700 clamp(43px,5vw,68px)/.9 "Playfair Display"}.final-call h2 em{font-style:normal;color:#b78a43}
.final-call>div>p:not(.eyebrow){max-width:600px;margin:22px auto;font-size:10px;line-height:1.8}.final-call small{display:block;margin-top:18px;color:#625846;font-size:6px;letter-spacing:1.5px}
footer{min-height:120px;padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #342919;background:#070805f5}
footer img{width:125px;max-height:65px;object-fit:contain}footer p,footer span{font-size:7px;color:#5f5545}

/* AUTH DRAWER */
.auth-backdrop{position:fixed;inset:0;z-index:90;background:#000d;backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.25s}
.auth-backdrop.open{opacity:1;visibility:visible}
.auth-panel{position:fixed;z-index:100;right:0;top:0;width:min(500px,100%);height:100dvh;padding:45px 42px;overflow-y:auto;background:linear-gradient(145deg,#11120df8,#080906fb),url("images/bg_main.png") center/cover;border-left:1px solid #665027;transform:translateX(102%);transition:.35s;box-shadow:-30px 0 80px #000a}
.auth-panel.open{transform:none}.auth-close{position:absolute;right:20px;top:20px;width:34px;height:34px;border:1px solid #59431f;background:#10110d;color:#b18a48;cursor:pointer}
.auth-brand{text-align:center;margin-bottom:28px}.auth-brand img{width:170px;max-height:85px;object-fit:contain}.auth-brand p{font-size:8px;letter-spacing:2px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #4b391d;margin-bottom:22px}.auth-tabs button{padding:13px;border:0;border-bottom:2px solid transparent;background:none;color:#6e624f;cursor:pointer}
.auth-tabs button.active{color:#c4ab77;border-color:#b88a3c}.auth-form{display:none}.auth-form.active{display:block}
.auth-form label{display:block;margin-bottom:14px;color:#8b7857;font-size:9px}.auth-form label>div{display:flex;margin-top:7px;border:1px solid #4b391d;background:#0d0f0be8}
.auth-form label>div i{width:42px;display:grid;place-items:center;border-right:1px solid #4b391d;color:#99763c}.auth-form input:not([type=checkbox]){width:100%;height:44px;padding:0 12px;border:0;outline:0;background:transparent;color:#d4c6a8}
.form-row{display:flex;justify-content:space-between;margin-bottom:18px}.form-row a,.switch button{color:#a77e3c}.auth-form .submit{width:100%}
.switch{text-align:center;font-size:8px}.switch button{border:0;background:none;cursor:pointer}.check.terms{display:flex;gap:8px}.auth-message{padding:12px;border:1px solid #6e3c31;color:#c98b79;background:#1b0e0bcc}

@media(max-width:1000px){
  .hero-inner{grid-template-columns:1fr}.hero-paper{display:none}.front-page{grid-template-columns:1.4fr .8fr}.bulletin{grid-column:1/-1;border-right:0!important}
  .operation-grid,.classified-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  body{background-attachment:scroll}
  .site-header{height:70px;grid-template-columns:1fr auto;padding:0 18px}.logo img{width:135px}.site-header nav,.header-actions{display:none}
  .mobile-menu{display:block;width:42px;height:42px;border:1px solid #59431f;background:#0d0f0b;color:#b38b4a}
  .mobile-nav{position:absolute;z-index:29;top:70px;left:0;right:0;padding:15px 18px;background:#090a07f8;border-bottom:1px solid #59431f}
  .mobile-nav.open{display:grid;gap:1px}.mobile-nav a,.mobile-nav button{min-height:48px;padding:0 14px;display:flex;align-items:center;border:1px solid #3e311d;background:#0d0e0a;color:#ad9a77;text-decoration:none;font:600 10px "Oswald"}
  .hero{min-height:0;padding:92px 12px 38px}.hero-inner{display:block;min-height:680px;padding:70px 22px 45px;background-position:62% center}
  .gazette-line{top:17px;left:22px;right:22px}.gazette-line b{font-size:6px}.hero h1{font-size:clamp(48px,15vw,72px);letter-spacing:-1px}.hero-actions{display:grid}
  .city-strip{width:100%;justify-content:flex-start;padding:0 18px;overflow:hidden;white-space:nowrap}
  .newspaper{width:94vw;margin:35px auto;padding:15px}.newspaper>header{grid-template-columns:1fr}.newspaper header>span{display:none}.front-page{grid-template-columns:1fr}
  .front-page>*{border-right:0;padding-right:0;border-bottom:1px solid #62543a;padding-bottom:22px}.wanted{max-width:330px;margin:auto}
  .operations{padding:70px 5vw;background-attachment:scroll}.operations-head{grid-template-columns:1fr}.operations-head>p{justify-self:start}
  .operation-grid,.classified-grid{grid-template-columns:1fr}.classified-grid article{border-right:0;border-bottom:1px solid #49381e}
  .classified-title{grid-template-columns:1fr;text-align:center}.classified-title span{display:none}.final-call{background-attachment:scroll}.final-call>div{padding:45px 22px}
  .auth-panel{padding:60px 22px 30px}
  footer{flex-direction:column;gap:12px;text-align:center}
}
/* LIVE UNDERWORLD GAZETTE */
.newspaper{position:relative;width:min(1420px,94vw);margin:72px auto;padding:22px 28px 30px;color:#201b13;background:radial-gradient(circle at 15% 10%,#fff3,transparent 18%),repeating-linear-gradient(0deg,#2d221406 0 1px,transparent 1px 4px),#cbbb91;border:1px solid #756442;box-shadow:0 28px 80px #000a,inset 0 0 120px #5b411f38;transform:rotate(-.08deg);font-family:Georgia,"Times New Roman",serif}.newspaper:before{content:"";position:absolute;inset:7px;border:1px solid #3d311f47;pointer-events:none}.newspaper>*{position:relative;z-index:1}.newspaper-masthead{display:grid!important;grid-template-columns:1fr minmax(460px,1.5fr) 1fr!important;gap:20px;align-items:center;padding:8px 0 10px!important;border-block:4px double #2c2519!important}.newspaper-brand{text-align:center}.newspaper-brand small{font:700 7px Georgia;letter-spacing:3px}.newspaper-brand h2{margin:2px 0;color:#211b12;font:900 clamp(35px,4vw,58px)/.9 "Playfair Display";letter-spacing:-2px}.newspaper-brand p{margin:4px 0;font:700 7px Georgia;letter-spacing:1.8px}.newspaper-meta{display:grid;gap:7px;font:700 7px Georgia}.newspaper-meta.right{text-align:right}.newspaper-banner{display:grid;grid-template-columns:1fr auto 1fr;padding:7px 2px;border-bottom:2px solid #302719;font:700 7px Georgia;letter-spacing:1px}.newspaper-banner b{text-align:center}.newspaper-banner span:last-child{text-align:right}.gazette-splash{text-align:center;padding:22px 8% 18px;border-bottom:1px solid #4b3f2a}.gazette-splash p{margin:0;font:700 8px Georgia;letter-spacing:3px}.gazette-splash h2{margin:5px 0;color:#1e1911;font:900 clamp(50px,7vw,98px)/.76 "Playfair Display";letter-spacing:-4px}.gazette-splash h2 em{display:block;font-style:normal}.gazette-splash strong{display:block;max-width:900px;margin:auto;padding-top:10px;border-top:1px solid #4b3f2a;font:700 11px/1.45 Georgia}.gazette-rule{margin-top:12px;padding:9px;text-align:center;border-block:1px solid #3d3322;font:900 8px Georgia;letter-spacing:2px}.gazette-rule.heavy{border-top:4px double #352c1e;margin-top:18px}.gazette-grid{display:grid;grid-template-columns:minmax(0,1.65fr) 260px minmax(230px,.72fr);gap:20px;padding-top:18px}.gazette-main{padding-right:20px;border-right:1px solid #5e5037}.story-photo{position:relative;min-height:215px;border:4px solid #2e271b;background:linear-gradient(0deg,rgba(21,18,12,.82),transparent 58%),url("images/gazette_crime_hero.jpg") center/cover no-repeat;filter:sepia(.78) grayscale(.42) contrast(1.08)}.story-photo span{position:absolute;bottom:6px;left:7px;color:#d2c49e;font:700 6px Georgia}.gazette-main>small,.gazette-briefs small,.gazette-reports small{display:block;margin-top:10px;font:900 7px Georgia;letter-spacing:2px}.gazette-main h3{margin:4px 0;color:#211b12;font:900 clamp(30px,3.3vw,50px)/.9 "Playfair Display"}.gazette-main h4{margin:6px 0 10px;padding-bottom:9px;border-bottom:3px double #403521;font:700 10px/1.4 Georgia}.story-columns{columns:2;column-gap:22px;column-rule:1px solid #66583d}.story-columns p{margin:0 0 10px;font:600 9px/1.58 Georgia;text-align:justify}.story-columns .dropcap:first-letter{float:left;padding:4px 6px 0 0;font:900 50px/.75 "Playfair Display"}.gazette-main blockquote{margin:14px 0 0;padding:10px;border-block:3px double #51442d;text-align:center;font:italic 18px Georgia}.gazette-wanted{padding:12px!important;text-align:center;border:4px double #3f3422!important;background:#725b3514}.gazette-wanted>div:first-of-type{margin-top:8px}.gazette-wanted h3{margin:1px;color:#241c12;font:900 37px/.9 "Playfair Display"}.wanted-photo{width:125px;height:140px;margin:13px auto;display:grid;place-items:center;border:3px solid #3c3222;background:#95835c}.wanted-photo i{font-size:72px;color:#3e3525}.gazette-wanted h4{margin:8px 0;font:900 16px "Playfair Display"}.gazette-wanted p{display:flex;justify-content:space-between;margin:0;padding:5px 0;border-bottom:1px solid #67583d;font:700 6px Georgia}.gazette-wanted>small{display:block;margin-top:12px;padding-top:8px;border-top:3px double #4b3e29;font:700 6px/1.45 Georgia}.gazette-briefs article{padding-bottom:15px;margin-bottom:15px;border-bottom:3px double #50432c}.gazette-briefs h3,.gazette-reports h3{margin:5px 0;color:#241e14;font:900 22px/.95 "Playfair Display"}.gazette-briefs p,.gazette-reports p{font:600 8px/1.55 Georgia;text-align:justify}.gazette-reports{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border-block:1px solid #54472f}.gazette-reports article{min-height:205px;padding:16px;border-right:1px solid #5d5038}.gazette-reports article:last-child{border:0}.gazette-reports b{display:block;margin-top:13px;padding-top:8px;border-top:1px solid #66583d;font:700 6px Georgia}.gazette-ad{text-align:center;outline:3px double #4c402c;outline-offset:-7px}.gazette-ad p{text-align:center}.gazette-ad button{padding:8px 12px;border:2px solid #2d2518;background:transparent;color:#241d13;font:900 7px Georgia;cursor:pointer}.newspaper-footer{display:grid!important;grid-template-columns:1fr auto 1fr!important;min-height:0!important;margin-top:15px;padding:9px 0 0!important;border-top:4px double #352c1e!important;background:transparent!important}.newspaper-footer *{color:#2c2519!important;font:700 6px Georgia!important}.newspaper-footer span:last-child{text-align:right}@media(max-width:1050px){.newspaper-masthead{grid-template-columns:1fr!important}.newspaper-meta{display:none}.gazette-grid{grid-template-columns:1fr 260px}.gazette-briefs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gazette-reports{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.newspaper{width:calc(100% - 18px);margin:28px 9px;padding:14px 12px 18px;transform:none}.newspaper-brand h2{font-size:34px}.newspaper-banner{grid-template-columns:1fr;text-align:center}.newspaper-banner span{display:none}.gazette-splash{padding:17px 0}.gazette-splash h2{font-size:46px;letter-spacing:-2px}.gazette-grid{grid-template-columns:1fr}.gazette-main{padding-right:0;border-right:0}.story-columns{columns:1}.gazette-wanted{max-width:320px;margin:auto}.gazette-briefs{grid-column:auto;grid-template-columns:1fr}.gazette-reports{grid-template-columns:1fr}.gazette-reports article{border-right:0;border-bottom:1px solid #5d5038}.newspaper-footer{grid-template-columns:1fr!important;text-align:center}.newspaper-footer span{display:none}}