@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&family=Rajdhani:wght@500;600;700&display=swap');
:root{color-scheme:dark;--orange:#ed8c23;--screen:#b8c2c2;--ink:#0b0e11;--muted:#717d86;--lcd:#17242d}*{box-sizing:border-box}body{margin:0;background:#05080d;color:#e1e5e8;font:12px 'IBM Plex Mono',monospace;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}.city-bg,.rain,.vignette,.police-light{position:fixed;inset:0;pointer-events:none}.city-bg{background:url('assets/city.png') center/cover;filter:brightness(.53) saturate(.65);transform:scale(1.03)}.vignette{background:linear-gradient(90deg,#05090d66,transparent 35%,transparent 65%,#05090d88),linear-gradient(0deg,#03060be6,transparent 25%,#03060b33 75%,#03060b88)}.rain{background-image:repeating-linear-gradient(106deg,transparent 0,transparent 85px,#a7bdce17 85px,#a7bdce17 86px,transparent 86px,transparent 170px);background-size:250px 160px;animation:rain .6s linear infinite;opacity:.5;mask-image:linear-gradient(#000,transparent 90%)}@keyframes rain{to{background-position:-42px 160px}}.police-light{opacity:.17;background:radial-gradient(ellipse at 0 80%,#137cfb77,transparent 44%),radial-gradient(ellipse at 100% 70%,#ff2a3f77,transparent 44%);animation:police 5s ease-in-out infinite}@keyframes police{50%{opacity:.05;filter:hue-rotate(25deg)}}header{position:relative;height:115px;padding:25px 4%;display:flex;align-items:center;gap:25px}.logo img{width:76px;height:76px;object-fit:contain}.location{display:flex;flex-direction:column;gap:8px;padding-left:24px;border-left:1px solid #ffffff25;letter-spacing:1.6px;font-size:9px}.location b{font-weight:500;color:#d5dbe0}.location>span{font-size:8px;color:#7a8792}#sound{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1px}#sound span{color:#8a959e}#sound i{font-style:normal;color:var(--orange);letter-spacing:2px}main{position:relative;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 390px 1fr;gap:45px;padding:10px 6% 0;align-items:center;min-height:650px}.intro{align-self:center;padding-bottom:60px}.chapter{font-size:9px;letter-spacing:1.8px;color:#a2aab0;display:flex;align-items:center;gap:13px}.chapter span{background:#ffffff0d;border:1px solid #ffffff24;padding:7px;color:#e1e2df}h1{font:800 clamp(42px,5.4vw,82px)/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.2px;margin:30px 0 15px;text-shadow:0 2px 20px #0006}.intro>p{font-size:12px;color:#a8b0b5;margin:0 0 30px}.incoming{display:flex;gap:13px;align-items:center;text-align:left;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:17px 0;width:100%;max-width:280px}.contact-avatar{width:37px;height:37px;display:grid;place-items:center;background:#273239;border:1px solid #56636a;font:700 20px 'Rajdhani'}.incoming b{display:block;font:600 14px 'Rajdhani';letter-spacing:.4px}.incoming small{display:block;color:#7e9186;font-size:8px;margin-top:5px}.call-icon{margin-left:auto;background:#8bad6a20;border:1px solid #9fb08744;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;color:#c1d29b;animation:call 2s infinite}@keyframes call{50%{box-shadow:0 0 0 5px #96b86b0a}}.instructions{margin-top:45px}.tiny-label{font-size:8px;letter-spacing:1.3px;color:#8997a2}.instructions p{font-size:9px;line-height:1.8;color:#7d8b96;max-width:230px}.key{display:flex;align-items:center;gap:9px;color:#73818c;font-size:8px}kbd{border:1px solid #ffffff25;padding:4px 6px;font:8px 'IBM Plex Mono';color:#adb5bb}.phone-stage{position:relative;display:flex;align-items:center;flex-direction:column;align-self:center;perspective:1500px}.phone-caption{width:300px;display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:1.2px;color:#94a5b2;margin-bottom:20px}.phone-caption i{height:4px;width:4px;background:#afc494;border-radius:50%;box-shadow:0 0 7px #b5d18a}.phone-caption span{margin-left:auto;font-size:6px;color:#647983}.phone{position:relative;width:310px;height:594px;flex:none;padding:12px 20px 13px;background:linear-gradient(100deg,#575b5b 0%,#161c20 2%,#30373b 5%,#161d22 19%,#20272d 72%,#4e555a 96%,#151a1f 99%);border:1px solid #77818a;border-radius:32px 32px 35px 35px;box-shadow:0 0 0 3px #0c1115,0 0 0 4px #68737b80,16px 24px 50px #0009,-12px 0 40px #6886a71a,inset 0 1px 2px #fff5;transform:rotate(-3deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s;isolation:isolate}.phone:after{content:'';position:absolute;inset:1px;border-radius:30px;pointer-events:none;background:linear-gradient(110deg,#ffffff0a,transparent 35%,transparent 70%,#0002);z-index:5}.phone:hover,.phone:focus-within{transform:rotate(0deg)}.phone.put-away{transform:translateY(350px) rotate(18deg);opacity:0;pointer-events:none}.phone-top{display:flex;justify-content:center;align-items:center;height:17px;position:relative}.speaker{width:54px;height:5px;background:repeating-linear-gradient(90deg,#080b0e 0,#080b0e 2px,#363f43 2px,#363f43 4px);border-radius:5px;box-shadow:0 1px #596069}.camera{position:absolute;width:7px;height:7px;right:44px;border-radius:50%;background:#070a0f;border:2px solid #3f4a53}.phone-brand{font:italic 700 23px Arial,sans-serif;text-align:center;color:#b8c0c3;height:39px;line-height:35px;letter-spacing:-1px;text-shadow:0 1px #000}.phone-brand span{font:8px Arial;vertical-align:super;margin-left:3px}.screen-frame{border:1px solid #5a646b;border-radius:4px;padding:5px;background:#080d12;box-shadow:0 1px #59616955}.phone-screen{height:277px;position:relative;background:var(--screen);color:var(--lcd);font-family:Arial,sans-serif;overflow:hidden;box-shadow:inset 0 0 15px #0002}.phone-screen:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:5;background:repeating-linear-gradient(0deg,#00000006 0,#00000006 1px,transparent 1px,transparent 3px)}.phone-status{height:24px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#25323e;color:#c9d1d5;font-size:10px}.phone-status #clock{margin-left:auto}.signal{font-size:9px;letter-spacing:-1px}.battery{font-size:15px}.screen-soft{position:absolute;bottom:0;left:0;right:0;background:#263440;color:#e2e7ea;height:23px;display:flex;justify-content:space-between;align-items:center;padding:0 9px;font-size:11px}#phoneContent{height:230px;overflow:auto;scrollbar-width:thin;scrollbar-color:#68777f transparent}.screen-title{height:31px;background:#697e8d;color:#eff2f2;font:700 15px/31px Arial;margin:0;padding:0 10px;box-shadow:0 1px #ffffff66}.phone-menu{padding:0;margin:0}.phone-menu button,.phone-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-bottom:1px solid #73858933;font:13px Arial;color:var(--lcd);text-align:left;position:relative}.phone-menu button.selected,.phone-row.selected{background:var(--orange);color:#1b1c1d;box-shadow:inset 0 1px #ffe2a84d,inset 0 -1px #a55d1d}.phone-menu button:hover,.phone-row:hover{background:#e69642}.menu-symbol{width:17px;text-align:center;font-size:15px}.phone-menu button>span:last-child{margin-left:auto;font-size:10px}.home-time{height:39px;background:linear-gradient(#2f414c,#263842);color:#dae1e2;padding:8px 10px;display:flex;align-items:baseline;justify-content:space-between}.home-time strong{font:500 21px 'Rajdhani'}.home-time small{font-size:9px;color:#b3c0c6}.screen-copy{font:12px/1.6 Arial;padding:10px;margin:0}.contact-circle{width:25px;height:25px;border-radius:50%;background:#6f828b;display:grid;place-items:center;color:#e1e6e5;font-size:12px}.message-card{font:12px/1.5 Arial;padding:12px;border-bottom:1px solid #73858944;margin:0}.message-card small{font-size:9px;color:#5d6d76;display:block;margin-bottom:7px}.message-card.reply{margin:8px;background:#a4b3b5;border:0;padding:8px}.phone-row.reply-option{font-size:10px;padding:9px}.dial-number{font:24px 'Rajdhani';padding:15px 10px;min-height:55px;overflow-wrap:anywhere;letter-spacing:1px}.dial-help{font:10px/1.6 Arial;padding:10px;margin:0;color:#4d626d}.call-screen{text-align:center;background:linear-gradient(#6e8390,#b7c4c8);height:100%;padding-top:10px}.call-screen .call-avatar{width:55px;height:55px;border-radius:50%;border:1px solid #bdcccf;background:#425c6c;color:#bfcdd2;display:grid;place-items:center;margin:7px auto;font:500 35px 'Rajdhani'}.call-screen h3{font:700 18px Arial;margin:10px 0}.call-screen .call-status{font:11px Arial;letter-spacing:.5px}.call-screen p{font:11px/1.4 Arial;padding:0 15px;margin:12px 0;color:#243d4b}.call-screen.incoming-call .call-avatar{animation:ring 1s infinite}@keyframes ring{50%{box-shadow:0 0 0 7px #a7c2cb33,0 0 0 13px #a7c2cb15}}.call-screen .phone-row{justify-content:center;font-size:11px;margin-top:15px}.hardware{position:relative;padding-top:2px}.soft-buttons{display:flex;justify-content:space-between;padding:0 7px;position:absolute;top:6px;left:0;right:0;pointer-events:none;z-index:2}.soft-buttons button{width:60px;height:19px;font-size:17px;color:#bec7cc;pointer-events:auto;background:linear-gradient(#384147,#161d23);border-radius:8px;border:1px solid #0b1015;box-shadow:0 1px #515b65}.navigation{display:flex;align-items:center;justify-content:space-between;margin-top:12px;height:74px;padding:0 7px}.call-buttons{display:flex;flex-direction:column;gap:5px;padding-top:13px}.call-buttons button{width:55px;height:24px;background:linear-gradient(#303a43,#171d23);border:1px solid #10151a;border-radius:8px;font-size:16px;box-shadow:0 1px #5b6269;line-height:18px}.call-buttons #answer{color:#82ba70}.call-buttons #hangup{color:#e06b5e;transform:none}.call-buttons #options,.call-buttons #closePhone{font-size:11px;color:#8d9aa4}.dpad{width:86px;height:79px;position:relative;background:linear-gradient(130deg,#9fa8ad,#293a44 35%,#74828c 65%,#222d35);border:1px solid #0d171c;border-radius:22px;box-shadow:0 1px 1px #a4b0b5,inset 0 0 0 3px #3b4851}.dpad button{position:absolute;font-size:12px;color:#cbd1d2;padding:0;display:grid;place-items:center}.dpad .up{top:1px;left:27px;width:30px;height:19px}.dpad .down{bottom:1px;left:27px;width:30px;height:19px}.dpad .left{left:0;top:24px;width:19px;height:29px}.dpad .right{right:0;top:24px;width:19px;height:29px}.dpad .center{left:22px;top:21px;width:41px;height:37px;background:linear-gradient(140deg,#5a6b77,#2d414d);border:1px solid #b2bfc466;border-radius:9px;color:#b3c2cc;box-shadow:inset 0 1px #ffffff33}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 5px;margin-top:10px;padding:0 5px}.keypad button{font:500 22px 'Rajdhani',Arial;height:30px;display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(170deg,#343e47,#182028);border:1px solid #0c1319;border-radius:8px 8px 12px 12px;box-shadow:inset 0 1px #6b747d,inset 0 -1px #505c65,0 1px 1px #000;color:#dbe0e2;text-shadow:0 0 7px #a9c8eb44;transition:background .1s,transform .1s}.keypad button:active,.hardware button:active{background:#566c7a;transform:translateY(1px)}.keypad small{font:7px Arial;letter-spacing:1px;color:#929fa7}.phone-bottom{margin-top:12px;font-size:5px;letter-spacing:1.8px;color:#616e78;display:flex;justify-content:space-between}.phone-bottom span{font-size:5px}.phone-shadow{position:absolute;bottom:-15px;width:330px;height:25px;background:#000;border-radius:50%;filter:blur(18px);opacity:.8}.phone-footnote{width:300px;margin-top:25px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:1.3px;color:#617685}.reopen{display:none;position:absolute;top:45%;background:#101b23;border:1px solid #697b89;padding:18px;color:#cbd4da;letter-spacing:1px}.phone-stage.stowed .reopen{display:block}.hud{align-self:start;max-width:250px;width:100%;justify-self:end;padding-top:20px}.wanted-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:2px;color:#a8b6c1}.wanted #stars{font:32px/1.5 Arial,sans-serif;letter-spacing:3px;white-space:nowrap;color:#deebfa;-webkit-text-stroke:1px #101b2b;filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 10px #5482b855);animation:stars 1.3s steps(1,end) infinite}@keyframes stars{50%{color:#7794b3;filter:drop-shadow(0 2px 1px #000)}}.pursuit{display:flex;gap:6px;align-items:center;font-size:6px;letter-spacing:1.3px;color:#8aa9c9}.pursuit i{width:4px;height:4px;background:#7cace7;border-radius:50%;animation:blink 1.3s steps(1) infinite}@keyframes blink{50%{opacity:.2}}.weapon-selector{margin-top:29px;border-top:1px solid #7184923d;padding-top:17px}.weapon-viewport{height:107px;display:flex;justify-content:flex-end;align-items:center;overflow:hidden}.weapon-viewport img{width:170px;height:95px;object-fit:contain;image-rendering:auto;filter:drop-shadow(2px 4px 1px #000);transform-origin:right center}.weapon-viewport img.switching{animation:weapon-in .3s cubic-bezier(.15,.8,.3,1)}@keyframes weapon-in{0%{transform:translateY(-75px) rotate(-12deg);opacity:0}55%{opacity:1}100%{transform:translateY(0) rotate(0)}}.ammo{text-align:right;font:700 24px 'Rajdhani';color:#bfc9d2;text-shadow:2px 2px #000;letter-spacing:1px}.ammo span{color:#6e8fad;margin-left:8px}.weapon-meta{display:flex;justify-content:space-between;font-size:8px;margin-top:12px;text-transform:uppercase;letter-spacing:1px;color:#9baab6}.weapon-meta>span:last-child{color:#536c7f}.weapon-controls{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:#6a7d8c}.weapon-controls button{width:26px;height:24px;border:1px solid #66778544;font-size:12px}.weapon-controls button:hover{color:#e5edf2;border-color:#a7bac9}.weapon-controls span{font-size:6px;letter-spacing:.6px}.weapon-dots{display:flex;gap:5px;justify-content:flex-end;margin-top:14px}.weapon-dots button{height:4px;width:18px;padding:0;background:#6d839331}.weapon-dots button.active{background:#a8bdcf}.dispatch{margin-top:58px;border-top:1px solid #7184923d;padding-top:20px}.dispatch .tiny-label{font-size:6px;color:#586d7d}.waveform{height:25px;display:flex;align-items:center;gap:4px;margin:12px 0}.waveform i{display:block;height:4px;width:2px;background:#63869e}.waveform i:nth-child(3n){height:16px}.waveform i:nth-child(4n){height:10px}.waveform i:nth-child(5n){height:21px}.audio-on .waveform i{animation:wave .8s ease-in-out infinite alternate}.waveform i:nth-child(2n){animation-delay:-.35s}.waveform i:nth-child(3n){animation-delay:-.6s}@keyframes wave{to{height:3px}}.dispatch p{font-size:8px;line-height:1.8;color:#718594;max-width:200px}footer{position:relative;max-width:1440px;padding:10px 4% 20px;margin:0 auto;display:flex;justify-content:space-between;align-items:end;min-height:130px}.radar-wrap{display:flex;align-items:center;gap:15px;text-align:left}.radar{position:relative;width:90px;height:90px;display:block;border:4px solid #151d24;border-radius:50%;outline:2px solid #758167;overflow:hidden;background:#283c4966;box-shadow:0 0 0 5px #03080d;transform:rotate(-12deg)}.radar:after{content:'';position:absolute;inset:0;border:6px solid transparent;border-bottom-color:#a5bf7f;border-left-color:#83a3ca;border-radius:50%;opacity:.6}.radar-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 12px,#93a5ac33 12px 13px),repeating-linear-gradient(90deg,transparent 0 15px,#93a5ac33 15px 16px);transform:rotate(18deg) scale(1.5)}.road{position:absolute;width:7px;height:130px;background:#a7b4ba55;transform:rotate(30deg);top:-15px;left:20px;border:1px solid #12212e}.road.r2{left:55px}.road.r3{transform:rotate(120deg);left:35px;top:-25px}.player{position:absolute;top:32px;left:34px;font-size:14px;transform:rotate(12deg);color:#ebeff1;text-shadow:0 1px #000}.radar b{position:absolute;font:7px Arial;top:2px;left:34px;color:#d0dae0}.radar-caption{font-size:8px;letter-spacing:1px;color:#9eacb4}.radar-caption>span{display:block;font-size:6px;margin-top:6px;color:#4f6574}.bottom-center{text-align:center;font-size:7px;letter-spacing:2px;color:#667c8c}.bottom-center small{display:block;font-size:5px;margin-top:8px;letter-spacing:1.2px;color:#394d5e}#controls{font-size:7px;letter-spacing:1px;color:#7a8e9e;padding:0 0 10px}#controls span{border:1px solid #657b8a66;padding:5px;margin-left:8px}#toast{position:fixed;top:20px;left:50%;z-index:50;transform:translate(-50%,-20px);opacity:0;background:#111d27ed;border:1px solid #60778966;color:#c0cfd9;padding:13px 20px;max-width:90vw;font-size:9px;transition:.2s;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{background:#121d26;color:#bccbd6;border:1px solid #506575;padding:32px;max-width:510px;width:90vw;box-shadow:0 30px 100px #0009;font-size:12px;line-height:1.8}dialog::backdrop{background:#02070bd9;backdrop-filter:blur(8px)}dialog #closeModal{float:right;font-size:22px;padding:0 8px}dialog h2{font:700 35px 'Barlow Condensed';color:#e2e9ef}dialog a{color:#a6c6e3;text-decoration:underline}.map-grid{height:220px;background:repeating-linear-gradient(0deg,transparent 0 24px,#7894a744 24px 27px),repeating-linear-gradient(90deg,#223a47 0 28px,#7894a744 28px 31px);position:relative;border:1px solid #668195}.map-grid:before{content:'HUMBOLDT RIVER';position:absolute;left:40%;top:0;height:100%;width:60px;background:#102635;writing-mode:vertical-lr;line-height:60px;letter-spacing:4px;font-size:7px}.map-marker{position:absolute;right:20%;top:65%;color:#dbe6e9;font-size:16px}.map-label{position:absolute;right:7%;top:82%;font-size:8px}.radio-disc{width:60px;height:60px;margin:15px auto;border-radius:50%;background:repeating-radial-gradient(#273b49 0 3px,#6b818b 3px 4px);border:8px solid #243743;position:relative}.radio-disc:after{content:'';position:absolute;inset:16px;background:var(--orange);border-radius:50%}.radio-disc.playing{animation:disc 2s linear infinite}@keyframes disc{to{transform:rotate(360deg)}}.radio-name{text-align:center;font:700 15px Arial}.phone-screen input{width:calc(100% - 20px);margin:10px;padding:7px;background:#d3dcdc;border:1px solid #6e8188;color:#233440;font:12px Arial}.notepad{font:12px/1.8 Arial;padding:12px;margin:0}.locked{background:#bdc7ca}.screen-cheat{padding:10px;color:#244637;font:12px/1.6 Arial}.phone-row small{font-size:10px;margin-left:auto}.reminder{padding:12px;border-bottom:1px solid #73858944;font:12px/1.6 Arial}.reminder small{display:block;color:#566e7a;font-size:9px}.reduced-motion .rain,.reduced-motion .police-light{animation:none}@media(min-width:1500px){main{min-height:700px;gap:65px}.phone{transform:rotate(-3deg) scale(1.08)}.phone-caption{margin-bottom:42px}.phone-footnote{margin-top:47px}}@media(max-width:1100px){main{grid-template-columns:1fr 330px 1fr;gap:20px;padding:10px 4% 0}.hud{max-width:200px}.wanted #stars{font-size:27px;letter-spacing:2px}.intro h1{font-size:57px}.incoming{gap:9px}.incoming b{font-size:13px}.instructions p{font-size:8px}.hud{padding-top:12px}.weapon-viewport img{width:150px}}@media(max-width:850px){header{height:90px;padding:15px 5%}.logo img{width:55px;height:55px}.location{font-size:8px;padding-left:16px}.location>span{font-size:6px}main{grid-template-columns:1fr 330px;gap:20px;max-width:680px;padding:80px 5% 0}.phone-stage{grid-column:2;grid-row:1}.hud{position:absolute;right:7%;top:-10px;max-width:none;width:auto;display:flex;gap:25px;align-items:start;padding:0}.wanted #stars{font-size:23px;line-height:1.7}.wanted-label{font-size:6px}.pursuit{font-size:5px}.weapon-selector{margin:0;border:0;padding:0;width:115px}.weapon-viewport{height:42px}.weapon-viewport img{width:80px;height:42px}.ammo{font-size:15px}.weapon-meta{font-size:6px;margin-top:2px}.weapon-controls{margin-top:6px}.weapon-controls span{font-size:4px}.weapon-controls button{width:16px;height:17px;font-size:10px}.weapon-dots{display:none}.dispatch{display:none}.intro{padding-bottom:0}.intro h1{font-size:50px}.incoming{flex-wrap:wrap}.call-icon{display:none}.instructions{margin-top:30px}.instructions .key{gap:5px;font-size:6px}.instructions kbd{font-size:6px}.phone{transform:rotate(-2deg)}footer{max-width:680px;padding:30px 5% 20px}.bottom-center{font-size:5px;letter-spacing:1px}.radar-caption{display:none}}@media(max-width:580px){header{height:85px;gap:10px}.location{border:0;padding-left:5px;font-size:7px;letter-spacing:1px}.location>span{font-size:5px}#sound{font-size:6px;gap:6px}#sound i{display:none}.city-bg{background-position:58% center;filter:brightness(.35) saturate(.65)}main{display:flex;flex-direction:column;padding:110px 15px 0;gap:0;min-height:0}.hud{left:6%;right:6%;top:4px;justify-content:space-between;align-items:start;gap:0}.wanted #stars{font-size:26px;letter-spacing:2px}.weapon-selector{width:120px}.weapon-viewport{height:43px}.weapon-viewport img{height:43px;width:85px}.weapon-meta{font-size:6px}.weapon-controls span{font-size:5px}.weapon-controls{margin-top:5px}.weapon-controls button{height:18px;width:20px}.intro{order:2;width:310px;margin-top:25px}.intro .chapter,.intro h1,.intro>p,.instructions{display:none}.incoming{max-width:none;padding:12px 0}.incoming .call-icon{display:grid}.phone-stage{width:100%;order:1}.phone-caption{margin-bottom:16px;width:275px;font-size:6px}.phone{width:290px;height:570px;padding:10px 17px 12px;border-radius:30px;transform:none}.phone-screen{height:268px}#phoneContent{height:221px}.phone-brand{height:37px;font-size:22px}.phone-top{height:15px}.navigation{margin-top:12px;height:68px}.keypad{gap:4px;margin-top:9px}.keypad button{height:29px}.phone-bottom{margin-top:11px}.phone-footnote{width:275px;font-size:5px;margin-top:20px}.phone-caption>span{font-size:5px}footer{padding:25px 6%;min-height:110px}.radar{height:65px;width:65px;border-width:3px}.radar .player{top:22px;left:22px;font-size:12px}.radar b{left:24px}.bottom-center{font-size:5px;letter-spacing:.7px}.bottom-center small{font-size:4px}#controls{font-size:6px}#controls span{padding:3px;margin-left:4px}.phone-stage.stowed{height:610px}.phone-stage.stowed .phone{visibility:hidden}.incoming small{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}
/* The supplied banner is split at the shoreline so its central logo does not sit behind the handset. */
.city-bg{background:none;filter:brightness(.53) saturate(.65)}.city-bg:before,.city-bg:after{content:'';position:absolute;top:0;bottom:0;width:50%;background-image:url('assets/city.png');background-size:auto 100%;background-repeat:no-repeat}.city-bg:before{left:0;background-position:left center;mask-image:linear-gradient(90deg,#000 70%,#0008)}.city-bg:after{right:0;background-position:right center;mask-image:linear-gradient(90deg,#0008,#000 30%)}
@media(max-width:580px){.city-bg{filter:brightness(.4) saturate(.65)}}
.phone-menu button{padding:7px 10px;min-height:30px;font-size:12px}

/* A small token entry point; the handset remains the centerpiece. */
.coin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;max-width:280px}
.buy-fomo{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:39px;padding:0 14px;border:1px solid #c08b4d;background:#ba7e3020;color:#e3bc82;font-size:9px;letter-spacing:1px;transition:background .15s,border-color .15s}
.buy-fomo:hover{background:#ba7e3038;border-color:#e4b87d}
.copy-contract{display:flex;align-items:center;gap:10px;min-height:35px;padding:0 10px;border:1px solid #65778555;color:#9baebb;font-size:9px;letter-spacing:.4px;transition:border-color .15s,color .15s}
.copy-contract:hover,.copy-contract.copied{border-color:#a6b98a99;color:#c3d5af}
.contract-prefix{font-size:7px;color:#617887}.coin-actions+.instructions{margin-top:26px}
@media(max-width:850px){.coin-actions{gap:8px}.buy-fomo{font-size:8px;min-height:36px}.copy-contract{font-size:8px}}
@media(max-width:580px){.coin-actions{margin-top:0;max-width:none;flex-wrap:nowrap}.buy-fomo{flex:1;justify-content:space-between;font-size:8px;padding:0 12px}.copy-contract{font-size:8px;gap:8px;padding:0 10px}.coin-actions+.instructions{display:none}.bottom-center small{max-width:170px;line-height:1.6}}