:root{--gold:#ffd54a;--cream:#fff2db;--ink:#0b0909;--green:#40e394;--red:#ff6572;--blue:#64c7ff;--pink:#ff68b4;--muted:#bea98f;--panel:#151010}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 8%,#7f285666,transparent 28%),radial-gradient(circle at 85% 25%,#1c6b7355,transparent 25%),linear-gradient(140deg,#080707,#23120f 55%,#090910);color:var(--cream);font-family:Arial,Helvetica,sans-serif;min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}.shell{max-width:1180px;margin:auto;padding:14px}.hero{border:1px solid #765e37;background:linear-gradient(135deg,#321713,#121012);padding:24px;box-shadow:0 20px 60px #0009;position:relative;overflow:hidden}.hero:after{content:'ATL';position:absolute;right:-10px;bottom:-28px;font:120px Impact;color:#ffffff08;transform:rotate(-8deg)}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold);font-weight:900}h1{font-family:Impact,Arial Black,sans-serif;font-weight:400;font-size:clamp(44px,8vw,86px);line-height:.83;margin:10px 0;text-transform:uppercase;text-shadow:4px 4px #000}.tagline{max-width:780px;color:#dccab5;line-height:1.5}.topnav{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.topnav a,.btn,.asset button,.agent-card{border:1px solid #725a2e;background:#1a1412;color:#fff;padding:11px 13px;text-decoration:none;font-weight:900;text-transform:uppercase;font-size:10px;letter-spacing:.06em;cursor:pointer}.topnav a:hover,.btn:hover,button:hover{border-color:var(--gold)}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:10px 0}.stat{border:1px solid #5b472c;background:#110d0d;padding:10px}.stat small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.stat strong{font-family:Impact;font-weight:400;font-size:20px}.gold{color:var(--gold)}.green{color:var(--green)}.blue{color:var(--blue)}.section{border:1px solid #5d492c;background:#151010;padding:18px;margin:10px 0;box-shadow:0 15px 50px #0006}.title{font-family:Impact;font-weight:400;font-size:36px;text-transform:uppercase;margin:0 0 7px}.sub{color:#bdaa94;line-height:1.5}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.card{display:block;text-decoration:none;color:#fff;border:1px solid #584329;background:linear-gradient(145deg,#211512,#120f10);padding:15px;min-height:145px;position:relative}.card:hover{border-color:var(--gold);transform:translateY(-1px)}.icon{font-size:30px}.card h3,.asset h3,.district h3,.agent-card h3{font-family:Impact;font-weight:400;font-size:24px;margin:7px 0 4px;text-transform:uppercase}.card p,.asset p,.district p,.agent-card p{color:#b8a792;font-size:11px;line-height:1.4}.count{position:absolute;bottom:10px;right:10px;font-size:8px;color:var(--gold);letter-spacing:.1em}.hub{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.hub a{display:block;text-decoration:none;color:#fff;border:1px solid #584329;background:#1b1412;padding:15px;min-height:100px}.hub b{font-family:Impact;font-size:23px;font-weight:400;display:block;margin:5px 0}.hub span{font-size:11px;color:#b8a792}.badge{display:inline-block!important;color:var(--gold)!important;border:1px solid #70562f;padding:4px 6px;font-size:8px!important;letter-spacing:.1em}.agentgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.agent-card{text-align:left;min-height:190px;background:#1a1311}.agent-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px #ffd54a33 inset}.bigemoji{font-size:42px}.agent-card b{color:var(--green);font-size:10px}.districts{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.district{border:1px solid #584329;background:#1a1311;padding:14px;min-height:180px}.district small{color:var(--gold);font-size:8px}.district b{color:var(--green);font-size:10px}.map-pin{font-size:35px}.shop{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}.asset{border:1px solid #584329;background:#1b1412;padding:14px}.asset .price{color:var(--green);font-size:22px;font-family:Impact}.asset button{width:100%}.asset button:disabled{opacity:.4}.playbox{display:grid;grid-template-columns:1fr 290px;gap:12px}.questionpanel{border:1px solid #69512f;background:#100d0d;padding:18px}.qmeta{font-size:9px;letter-spacing:.15em;color:var(--gold);font-weight:900;text-transform:uppercase}.question{font-family:Georgia,serif;color:#fff;font-size:clamp(23px,3.3vw,34px);line-height:1.25;margin:15px 0}.answers{display:grid;gap:8px}.answerbtn{display:flex;width:100%;text-align:left;color:#f8ecd9;border:1px solid #ffffff18;background:#1a1412;padding:14px;align-items:center;gap:11px;cursor:pointer}.answerbtn:hover{border-color:var(--gold)}.letter{width:30px;height:30px;border:1px solid #786149;display:grid;place-items:center;color:var(--gold);font-weight:900;flex:0 0 auto}.answerbtn.correct{border-color:var(--green);background:#40e39412}.answerbtn.wrong{border-color:var(--red);background:#ff657212}.sidepanel{border:1px solid #584329;background:#1a1311;padding:14px}.meter{height:8px;background:#070707;border:1px solid #33291e;margin:6px 0 11px}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--gold));width:0}.feedback{margin-top:10px;padding:12px;border-left:4px solid var(--gold);background:#f7c9480d;display:none;line-height:1.45;font-size:12px}.feedback.good{border-color:var(--green)}.feedback.bad{border-color:var(--red)}.missions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mission{border:1px solid #584329;background:#1a1311;padding:14px}.mission h3{font-family:Impact;font-size:24px;font-weight:400;margin:5px 0}.mission b{color:var(--gold)}.achievement{display:flex;gap:10px;align-items:center;border-bottom:1px solid #ffffff12;padding:10px 0}.achievement .medal{font-size:28px}.achievement.locked{opacity:.45}.timer{font-family:Impact;font-size:34px;color:var(--gold)}.modebar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.modebar button{border:1px solid #624c2e;background:#171211;color:#fff;padding:10px;font-weight:800;cursor:pointer}.modebar button.active{background:var(--gold);color:#17100a}.notice{border:1px dashed #725a2e;padding:11px;color:#c8b59d;font-size:11px;line-height:1.45;margin-top:10px}.footer{text-align:center;color:#766a5f;font-size:9px;padding:18px;line-height:1.5}@media(max-width:850px){.stats{grid-template-columns:repeat(3,1fr)}.grid,.districts,.shop,.agentgrid{grid-template-columns:repeat(2,1fr)}.playbox{grid-template-columns:1fr}.hub,.missions{grid-template-columns:1fr}}@media(max-width:520px){.stats{grid-template-columns:repeat(2,1fr)}.grid,.districts,.shop,.agentgrid{grid-template-columns:1fr}.section{padding:14px}}