@import url('https://fonts.googleapis.com/css2?family=Anton&family=Barlow+Condensed:wght@400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--pink:#ff54bb;--pink2:#fb329f;--orange:#ffb075;--white:#fff8f7;--muted:#c6b8c6;--line:rgba(255,255,255,.21);--dark:#100918;--black:#07060d;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--impact:'Anton',Impact,'Arial Black',sans-serif}
*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;background:#08050e;color:var(--white);font-family:var(--body);font-size:14px;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.56}h1,h2,h3,p{margin:0}.app{height:100dvh;min-height:680px;position:relative;overflow:hidden;isolation:isolate;background:#13091b}.skyback{position:absolute;inset:0;background:url('assets/city-hero.webp') center 44% /cover no-repeat;z-index:-4;transform:scale(1.04);transition:transform 8s cubic-bezier(.2,.8,.4,1)}.skyback:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,3,13,.90) 0%,rgba(7,5,16,.76) 24%,rgba(17,6,21,.17) 57%,rgba(10,5,14,.18) 77%,rgba(4,3,11,.6) 100%),linear-gradient(0deg,rgba(5,4,10,.97),transparent 31%,transparent 69%,rgba(4,1,10,.26))}.filmgrain{position:absolute;inset:0;z-index:7;opacity:.065;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.scan{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:.055;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 3px,#0a0510 4px,#0a0510 5px)}.parallax-glow{position:absolute;width:660px;height:660px;border-radius:50%;background:radial-gradient(circle,rgba(255,56,179,.14),transparent 66%);pointer-events:none;z-index:-1;top:-180px;right:9%;transition:transform .2s linear}
.topbar{position:absolute;z-index:11;inset:0 0 auto 0;height:76px;background:linear-gradient(180deg,rgba(8,6,14,.98),rgba(8,6,14,.88));display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.16);padding:0 2.8%;gap:3vw;box-shadow:0 9px 30px #06020b4d}.mini-logo{width:185px;background:none;border:0;color:#fff;display:flex;flex-direction:column;align-items:flex-start;position:relative;line-height:.9;padding:5px 0 2px;flex-shrink:0}.mini-logo strong{font:900 38px/1 var(--impact);letter-spacing:-2px;-webkit-text-stroke:1.2px #06050a;text-shadow:3px 3px 0 #050509,4px 4px 0 #050509}.mini-logo span{font:bold italic 18px/1 'Brush Script MT',cursive;color:var(--pink);text-shadow:2px 2px 0 #06020e;transform:translate(2px,-1px) rotate(-5deg);white-space:nowrap}.topnav{height:100%;display:flex;align-items:stretch;gap:22px;flex:1;justify-content:center}.topnav-link{position:relative;border:0;background:none;color:#bbb1be;font:800 17px var(--display);letter-spacing:1.8px;padding:0 5px;white-space:nowrap;transition:color .2s}.topnav-link:hover,.topnav-link.active{color:var(--pink)}.topnav-link.active:after{content:'';position:absolute;bottom:0;left:3px;right:3px;height:3px;background:var(--pink);box-shadow:0 0 14px var(--pink)}.header-right{display:flex;align-items:center;gap:18px}.server-status{font:700 11px var(--display);letter-spacing:1.6px;display:flex;align-items:center;gap:8px;white-space:nowrap}.server-status em{color:#b9f6bc;font-style:normal}.online-dot{width:7px;height:7px;background:#92ef8d;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px #8eff8730,0 0 12px #8bff86;flex-shrink:0}.profile-mini{display:flex;align-items:center;background:#18101e;border:1px solid #514057;color:#fff;height:54px;padding:4px 9px 4px 4px;gap:9px;min-width:156px;position:relative}.profile-mini img{height:44px;width:44px;object-fit:cover}.profile-mini span{text-align:left;display:grid;gap:2px}.profile-mini small{font:700 11px var(--display);color:var(--pink);letter-spacing:1.7px}.profile-mini b{font:800 14px var(--display);letter-spacing:1px}.level-pulse{position:absolute;bottom:-1px;left:0;width:30%;height:2px;background:var(--pink);box-shadow:0 0 7px var(--pink)}.icon-button{width:34px;height:35px;background:transparent;color:var(--white);border:1px solid #6b5369;border-radius:50%;font-size:23px}.icon-button.off{color:#827384}.side-menu{position:absolute;z-index:8;left:2.8%;top:140px;bottom:85px;width:169px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}.side-line{color:#e8c9dc5c;writing-mode:vertical-rl;letter-spacing:3.5px;font:700 9px var(--display);position:absolute;left:-23px;top:24px;transform:rotate(180deg)}.side-link{height:46px;padding:0 12px;width:100%;border:1px solid transparent;border-left:3px solid transparent;background:none;color:#d0c7d1;text-align:left;font:900 22px var(--display);letter-spacing:.9px;display:flex;align-items:center;gap:12px;text-shadow:2px 2px 3px #000}.side-link i{font:700 10px var(--display);color:#c98bba;letter-spacing:0;opacity:.65}.side-link:hover,.side-link.active{border-color:var(--pink);background:rgba(10,5,16,.72);color:var(--pink);box-shadow:inset 0 0 24px rgba(243,61,160,.12),0 0 13px rgba(243,61,160,.25)}.side-bottom{margin-top:45px;font:700 11px var(--display);letter-spacing:1.2px;color:rgba(255,255,255,.75)}.side-bottom small{display:block;color:#9a879f;margin:5px 0 0 22px}.xhair{color:var(--pink);font-size:23px;vertical-align:middle;margin-right:4px}
main{height:100%;position:relative}.view{position:absolute;inset:76px 0 32px;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease;overflow:auto}.view.active{opacity:1;visibility:visible}.view-home{overflow:hidden}.world-coordinate{position:absolute;right:3%;top:22px;color:#f6e4f7;font:700 12px var(--display);letter-spacing:2px;text-shadow:0 1px 8px #000}.world-coordinate span{color:#ffffff8f;margin-left:20px}.home-copy{position:absolute;left:max(16.5%,238px);top:17%;max-width:515px;width:40vw;z-index:2;text-shadow:0 4px 18px #12021255}.eyebrow{display:flex;align-items:center;gap:12px;font:800 12px var(--display);letter-spacing:2.1px;color:#ead7ec}.eyebrow-box{background:var(--pink);color:#160817;padding:6px 9px;box-shadow:4px 4px 0 #08050a;transform:skew(-7deg)}.hero-brand{display:grid;justify-items:start;position:relative;height:130px;margin-top:12px;width:max-content}.hero-gta{font:900 clamp(90px,11vw,160px)/.9 var(--impact);letter-spacing:-7px;color:#fff;-webkit-text-stroke:3px #05020c;filter:drop-shadow(5px 6px 0 #09030d)}.hero-script{font:bold italic clamp(26px,3.6vw,54px)/1 'Brush Script MT','Segoe Script',cursive;white-space:nowrap;color:#ff69c7;transform:rotate(-6deg) translateY(-25px);text-shadow:-2px -2px 0 #100311,3px 3px 0 #08010d,0 0 18px #ff48ac80}.home-copy h1{font:900 clamp(40px,4vw,60px)/.89 var(--display);letter-spacing:.7px;text-shadow:3px 4px 0 #150819}.home-copy h1 em,.stage-head h2 em,.invite-box h3 em{font-style:normal;color:var(--pink)}.home-copy p{font-size:13px;color:#f9eaf3;line-height:1.55;max-width:330px;margin:12px 0 17px;font-weight:600}.hero-actions{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.btn-main,.btn-outline{display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:45px;min-width:178px;padding:10px 16px;border:0;letter-spacing:1.1px;font:900 18px var(--display);transition:transform .15s,filter .15s,background .15s;white-space:nowrap}.btn-main{background:var(--pink);color:#1b061b;box-shadow:0 0 0 1px #ffaae0,0 0 21px #ff2fb972,4px 4px 0 #0d0612}.btn-main:hover{transform:translateY(-3px);filter:brightness(1.15)}.btn-outline{background:#130b19d9;color:#fff;border:1px solid #d6b3c8}.btn-outline:hover{border-color:var(--pink);color:var(--pink);background:#241227}.btn-triangle{font-size:14px}.keycap{font:800 10px var(--display);padding:3px 5px;border:1px solid #481b40;margin-left:auto}.progress-readout{display:flex;align-items:center;gap:12px;width:330px;margin-top:20px;font:800 10px var(--display);letter-spacing:1.5px}.progress-readout>span{white-space:nowrap}.progress-track{height:5px;flex:1;background:#5e425d;border:1px solid #9e759e}.progress-track i{display:block;background:var(--pink);height:100%;width:0;box-shadow:0 0 9px var(--pink);transition:width .5s}.progress-readout b{font-size:14px;color:var(--pink)}.home-hud{position:absolute;right:3%;top:42%;width:270px;z-index:2;background:#080814c9;border:1px solid #ff89d657;box-shadow:0 6px 32px #0008;backdrop-filter:blur(12px)}.hud-top,.hud-bottom{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#0d0b18c9;font:800 11px var(--display);letter-spacing:1.3px}.hud-top{border-bottom:1px solid #ffffff31}.hud-coord{font-size:9px;color:#a48aa2}.signal{color:var(--pink)}.mini-map{display:block;width:100%;padding:0;border:0;background:#16121e;position:relative}.mini-map svg{width:100%;display:block;height:134px}.map-prompt{position:absolute;bottom:5px;right:7px;background:#0b061bd6;padding:5px 7px;font:800 10px var(--display);letter-spacing:1px}.map-prompt b{color:var(--pink)}.hud-bottom{border-top:1px solid #ffffff31}.hud-bottom b{color:var(--pink);font-size:17px;margin:0 5px}.live-indicator{font-size:10px;color:#b9f7b4}.home-footer{position:absolute;bottom:209px;left:max(2.8%,39px);right:3%;display:flex;align-items:end;justify-content:space-between}.mission-rail-heading{display:flex;align-items:baseline;gap:14px;font:900 19px var(--display);letter-spacing:1.2px;text-shadow:2px 2px 8px #000}.mission-rail-heading small{font-size:10px;color:#f1d5ee}.home-footer>button{background:none;border:0;color:#ffe7f4;font:800 13px var(--display);letter-spacing:1px}.home-footer>button:hover{color:var(--pink)}.mission-shelf{position:absolute;bottom:42px;left:2.8%;right:3%;height:154px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.mission-tile{position:relative;overflow:hidden;background:#100b18;border:1px solid #c89eba86;min-width:0;min-height:0;padding:0;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}.mission-tile:hover,.mission-tile.selected{transform:translateY(-5px);border-color:var(--pink);box-shadow:0 0 0 2px var(--pink),0 0 18px #fa3dad65}.mission-tile img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(.95);transition:transform .25s}.mission-tile:hover img{transform:scale(1.1)}.mission-tile:after{content:'';position:absolute;inset:15% 0 0;background:linear-gradient(transparent,#04040be8)}.tile-num{position:absolute;left:9px;top:8px;padding:4px 6px;background:#090713c8;color:#ff7dce;border:1px solid #ff69bd69;z-index:1;font:800 11px var(--display)}.tile-status{position:absolute;right:8px;top:8px;z-index:1;font:800 9px var(--display);padding:4px 7px;background:#080610af;color:#fff;letter-spacing:1px}.tile-status.cleared{color:#b8f6bb}.tile-text{position:absolute;bottom:11px;left:11px;right:19px;font:900 clamp(14px,1.4vw,20px)/1 var(--display);letter-spacing:.4px;text-shadow:0 2px 6px #000;z-index:1}.tile-arrow{position:absolute;right:9px;bottom:10px;color:#fff;font-size:19px;z-index:1}.home-bottom-line{position:absolute;bottom:9px;left:2.8%;right:3%;display:flex;justify-content:space-between;font:800 9px var(--display);letter-spacing:1.8px;color:#b9a2ae}.scroll-nudge{color:var(--pink)}.bottom-fixed{position:absolute;z-index:10;bottom:0;left:0;right:0;height:29px;border-top:1px solid #ffffff22;background:#09050fdb;display:none;align-items:center;justify-content:space-between;padding:0 2.8%;font:800 10px var(--display);letter-spacing:2px;color:#c8b8c7;pointer-events:none}.bottom-fixed kbd{font:700 9px var(--display);border:1px solid #7c6178;padding:2px 3px}
.stage-view{padding:65px max(3.4%,40px) 35px max(17%,235px);background:linear-gradient(90deg,rgba(9,6,15,.94),rgba(12,7,22,.91) 65%,rgba(18,8,23,.86));scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.stage-view:before{content:'';position:fixed;inset:76px 0 0;z-index:-1;background:url('assets/city-hero.webp') center/cover;filter:blur(3px) brightness(.44)}.stage-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:26px}.eyebrow.small{font-size:11px;margin-bottom:14px}.stage-head h2{font:900 clamp(41px,4.6vw,77px)/.91 var(--display);letter-spacing:1.3px;text-shadow:4px 5px 0 #07040d}.stage-head p{color:#bdafc0;margin-top:12px;line-height:1.6}.stage-stamp{text-align:right;font:800 11px var(--display);letter-spacing:2px;line-height:1.8;color:#ae91ab;border-right:3px solid var(--pink);padding-right:15px;min-width:180px}.stage-stamp b{display:block;font-size:18px;color:#fff;letter-spacing:1px}.stage-stamp small{display:block;color:#a395aa}.mission-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mission-card{position:relative;overflow:hidden;background:#1b1222;border:1px solid #796079;min-height:205px;text-align:left;color:#fff;padding:0;box-shadow:0 10px 25px #0005;transition:transform .2s,border-color .2s}.mission-card:hover{transform:translateY(-4px);border-color:var(--pink)}.mission-card img{width:100%;height:225px;object-fit:cover;display:block;filter:brightness(.82)}.mission-card:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#080610f7)}.mission-card-content{position:absolute;z-index:1;bottom:15px;left:17px;right:15px}.mission-card-content small{font:700 11px var(--display);letter-spacing:2px;color:#fe97d8}.mission-card-content h3{font:900 27px/1 var(--display);margin:7px 0 7px;text-shadow:2px 3px 3px #000}.mission-card-content p{font-size:11px;color:#dbcdda}.mission-card-top{position:absolute;z-index:1;top:13px;left:13px;right:12px;display:flex;justify-content:space-between;align-items:center}.mission-card-top b{padding:4px 8px;background:#100817de;font:800 11px var(--display);letter-spacing:1px}.mission-card-top span{font:800 11px var(--display);color:#b9f3b5;background:#101d19d9;padding:5px 7px}.stage-hint{font:800 11px var(--display);letter-spacing:1.2px;color:#ab92a9;margin:20px 0}.stage-hint span{color:var(--pink)}
.map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(210px,.68fr);gap:16px;height:min(59vh,540px);min-height:350px}.big-map{position:relative;overflow:hidden;border:1px solid #ad6d9b;background:#12121b;box-shadow:0 0 30px #0007}.big-map-svg{width:100%;height:100%;display:block;filter:contrast(1.08)}.map-grid{position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 95%,#ffffff17 95%),linear-gradient(90deg,transparent 95%,#ffffff17 95%);background-size:44px 44px;pointer-events:none;opacity:.2}.map-markers{position:absolute;inset:0;z-index:3}.map-pin{position:absolute;border:1px solid #ff83ce;background:#20071bdd;color:#ff72ca;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;box-shadow:0 0 0 9px #ff3bbd13,0 0 25px #ff35b88e;transform:translate(-50%,-50%);animation:pin 3s ease-in-out infinite}.map-pin:nth-child(even){animation-delay:-1.5s}.map-pin:hover{background:var(--pink);color:#180819}.map-pin.completed{border-color:#a4f1aa;color:#baf5b9}.map-pin.locked{opacity:.5}.map-north,.map-scale,.map-static-label{position:absolute;z-index:2;font:800 12px var(--display);letter-spacing:1px;text-shadow:1px 1px 4px #000}.map-north{right:17px;top:14px;font-size:20px}.map-scale{left:19px;bottom:14px}.map-static-label{left:20px;top:16px;font-size:10px;letter-spacing:2px}.map-static-label b{font-size:17px;color:var(--pink)}.map-side{border:1px solid #6c4567;background:#0c0a14d9;display:flex;flex-direction:column;padding:12px;overflow:auto}.map-side-title{font:900 18px var(--display);display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ffffff21;letter-spacing:1px}.map-side-title small{font-size:10px;color:var(--pink)}.map-location{background:none;border:0;border-bottom:1px solid #ffffff21;padding:12px 5px;text-align:left;color:#fff;display:flex;align-items:center;gap:9px;width:100%}.map-location:hover{background:#331330}.map-location>span{color:var(--pink);font:900 23px var(--display)}.map-location div{display:grid;gap:4px}.map-location b{font:800 15px var(--display)}.map-location small{font:700 10px var(--display);color:#b2a2b2}.map-location i{margin-left:auto;color:var(--pink);font-style:normal}.map-bottom-note{margin-top:auto;padding-top:14px;color:#948499;font:700 11px/1.5 var(--display);letter-spacing:.7px}
.invite-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(310px,1fr);gap:22px;align-items:stretch;max-width:1100px}.invite-poster{position:relative;min-height:490px;background:linear-gradient(0deg,#0f0818 1%,transparent 44%),url('assets/key-art.webp') center/cover;border:1px solid #d77bac;overflow:hidden;box-shadow:0 15px 50px #0007}.invite-poster:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d071dcc 0%,transparent 43%,#180517aa 100%)}.poster-stripe,.poster-heading,.poster-bottom{position:absolute;z-index:1}.poster-stripe{top:20px;left:20px;right:20px;color:#ffd4ef;font:900 13px var(--display);letter-spacing:2px;border-bottom:1px solid #ffffff89;padding-bottom:10px}.poster-heading{top:75px;left:20px;right:15px;font:900 clamp(55px,5.5vw,90px)/.8 var(--display);text-shadow:4px 4px 0 #120717}.poster-heading span{display:block;font:900 clamp(23px,2.5vw,37px)/1 var(--display);letter-spacing:1px;color:var(--pink);margin-top:7px}.poster-heading span+span{color:#fff}.poster-bottom{bottom:17px;left:18px;right:18px;border-top:1px solid #ffffff60;padding-top:12px;display:flex;justify-content:space-between;font:800 11px var(--display);letter-spacing:1px}.poster-bottom span{color:var(--pink)}.invite-box{background:#100b19eb;border:1px solid #61425a;padding:26px 27px;box-shadow:0 20px 40px #0005}.panel-kicker{font:800 11px var(--display);letter-spacing:2px;color:var(--pink)}.invite-box h3{font:900 clamp(36px,3.5vw,55px)/.96 var(--display);letter-spacing:.4px;margin:12px 0 21px}.invite-box label{display:block;font:800 12px var(--display);letter-spacing:1.4px;margin-bottom:8px}.invite-box input{width:100%;height:43px;padding:0 14px;background:#090611;border:1px solid #8a5980;color:#fff;outline:none}.invite-box input:focus{border-color:var(--pink)}.invite-ticket{display:grid;place-items:center;gap:5px;border:1px dashed var(--pink);background:repeating-linear-gradient(135deg,#1c1023,#1c1023 10px,#251229 11px,#251229 21px);padding:16px 12px;margin:17px 0;box-shadow:inset 0 0 20px #16061a}.invite-ticket small{font:800 11px var(--display);letter-spacing:2px;color:#c59ebd}.invite-ticket strong{font:900 39px var(--display);letter-spacing:3px;color:#fff}.invite-ticket span{font:800 10px var(--display);letter-spacing:2px;color:#ff9bdb}.invite-actions{display:flex;gap:8px;flex-wrap:wrap}.invite-actions .btn-main,.invite-actions .btn-outline{font-size:15px;min-width:0;flex:1}.invite-note{font-size:11px;line-height:1.6;color:#aa9aac;margin-top:15px}.invite-link-row{display:flex;gap:8px;margin-top:20px;flex-wrap:wrap}.external-btn{background:#1b1122;border:1px solid #66516c;color:#e4d0e4;font:800 12px var(--display);padding:9px;letter-spacing:1px;flex:1}.external-btn:hover{color:var(--pink);border-color:var(--pink)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-item{background:#110c18;padding:0;border:1px solid #765a71;color:#fff;position:relative;text-align:left;overflow:hidden}.gallery-item img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block;transition:transform .3s}.gallery-item:hover img{transform:scale(1.07)}.gallery-item span{position:absolute;bottom:0;left:0;right:0;background:#0b0715df;padding:12px;font:900 16px var(--display);letter-spacing:1px}.gallery-item span small{float:right;color:var(--pink)}.wanted-layout{display:grid;grid-template-columns:minmax(280px,400px) minmax(280px,1fr);gap:34px;max-width:1100px;align-items:center}.wanted-art{border:9px solid #e0c7ae;background:#f9e6d1;color:#1b111d;transform:rotate(-2deg);padding:8px;box-shadow:10px 15px 0 #0005}.wanted-label{text-align:center;font:900 58px/1 var(--display);letter-spacing:6px}.wanted-art img{width:100%;height:280px;object-fit:cover;object-position:center 22%;filter:grayscale(.85) sepia(.4);display:block}.wanted-number{text-align:center;font:800 16px var(--display);letter-spacing:2px;margin:10px 0 4px}.wanted-brief{padding:22px;background:#100a1ae8;border:1px solid #62425b}.wanted-brief h3{font:900 52px var(--display);margin-top:15px}.wanted-brief p{max-width:440px;line-height:1.6;color:#c3b4c3;margin:8px 0 19px}.wanted-brief ul{padding:0;margin:0 0 25px;list-style:none}.wanted-brief li{border-top:1px solid #ffffff24;padding:10px 0;display:flex;justify-content:space-between;gap:15px}.wanted-brief li span{font:800 11px var(--display);letter-spacing:1px;color:#ae92a9}.wanted-brief li b{font:800 14px var(--display);text-align:right}.pink-stars{color:var(--pink)}.player-layout{display:grid;grid-template-columns:minmax(220px,320px) minmax(250px,1fr);gap:28px;max-width:1040px}.player-picture{display:grid;background:#180e1b;border:1px solid #7c5b71;padding:12px;align-content:start}.player-picture img{width:100%;aspect-ratio:1.1;object-fit:cover}.player-picture span{font:900 48px var(--display);color:var(--pink);margin:12px 0 0}.player-picture b{font:700 13px var(--display);letter-spacing:2px}.player-stats{padding:29px;background:#100b19ed;border:1px solid #64405d}.player-stats h3{font:900 34px var(--display)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:27px}.stats-grid div{border:1px solid #9a627c;padding:15px 10px;display:grid;gap:8px}.stats-grid strong{font:900 42px var(--display);color:var(--pink)}.stats-grid small{font:800 10px var(--display);letter-spacing:1px}.profile-progress{height:9px;background:#594152;margin-top:23px}.profile-progress div{height:100%;background:var(--pink);width:0;box-shadow:0 0 16px #ff4eb1}.player-stats p{color:#bfaec0;margin:17px 0 20px}.text-button{display:block;margin-top:25px;color:#9d8399;background:none;border:0;text-decoration:underline;font:800 11px var(--display);letter-spacing:1px}
.overlay{position:absolute;z-index:25;inset:0;display:none;align-items:center;justify-content:center}.overlay.show{display:flex;animation:fade .2s}.modal-shade{position:absolute;inset:0;background:rgba(5,3,10,.88);backdrop-filter:blur(8px)}.mission-modal{width:min(1080px,91vw);max-height:89vh;display:grid;grid-template-columns:48% 52%;position:relative;background:#100917;border:1px solid #b77a9e;box-shadow:0 0 80px #000,0 0 65px #f43aa31f;overflow:hidden;z-index:1}.modal-close{position:absolute;z-index:5;right:14px;top:12px;background:#100917db;color:#fff;border:1px solid #c383a9;width:36px;height:36px;font-size:20px}.modal-art{background:url('assets/mission-1.webp') center/cover;position:relative;min-height:580px}.modal-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d0611,transparent 48%)}.modal-art>span{position:absolute;z-index:1;bottom:25px;left:25px;font:900 64px var(--display);color:#fff;text-shadow:5px 5px 0 #160b17}.modal-copy{padding:48px 38px 26px;overflow:auto;max-height:89vh}.modal-copy h2{font:900 clamp(41px,4vw,64px)/.9 var(--display);letter-spacing:.5px;margin:13px 0 4px}.mission-tagline{font:800 15px var(--display);color:var(--pink);letter-spacing:1px}.modal-copy>p{color:#cfc0cd;line-height:1.65;margin:18px 0}.objective-box{padding:16px;border-left:3px solid var(--pink);background:#2a162b;margin-bottom:17px}.objective-box span{font:800 12px var(--display);letter-spacing:1px;color:#ff75c2}.objective-box p{font-size:13px;line-height:1.5;margin-top:7px}.choice-group{display:none;gap:9px;flex-direction:column}.choice-group.show{display:flex}.choice-button{border:1px solid #73516a;background:#1e1225;color:#f7edf7;text-align:left;padding:14px;display:flex;align-items:center;gap:12px;font:700 14px var(--body)}.choice-button:hover{border-color:var(--pink);background:#371833}.choice-button>span{color:var(--pink);font:900 17px var(--display)}.mission-result{padding:17px;background:#202d22;border:1px solid #98cf9a;margin:15px 0}.mission-result[hidden]{display:none}.mission-result h3{font:900 31px var(--display);color:#baf0ae}.mission-result p{margin-top:7px;line-height:1.5}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin:19px 0}.modal-actions .btn-outline,.modal-actions .btn-main{min-width:0}.mission-reward{border-top:1px solid #ffffff20;margin-top:16px;padding-top:14px;font:800 12px var(--display);letter-spacing:1px;color:#a590a4}.mission-reward b{color:var(--pink);margin:0 9px}.mission-reward small{display:block;margin-top:4px;font-size:10px}.photo-overlay{position:absolute;inset:0;z-index:30;display:none;justify-content:center;align-items:center;background:#070510f0;backdrop-filter:blur(12px)}.photo-overlay.show{display:flex}.photo-overlay img{max-width:86vw;max-height:82vh;object-fit:contain;border:1px solid #e49bcc;box-shadow:0 0 45px #000}.photo-close{position:absolute;top:30px;right:4vw;z-index:2;background:#1a0d20;border:1px solid var(--pink);padding:12px 18px;color:#fff;font:800 14px var(--display)}.photo-overlay>span{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:900 18px var(--display);letter-spacing:2px}.toast{position:absolute;z-index:45;top:94px;right:24px;padding:13px 20px;background:#181020eb;border-left:4px solid var(--pink);box-shadow:0 9px 25px #0008;transform:translateX(calc(100% + 50px));transition:transform .3s;max-width:300px;font:800 14px var(--display);letter-spacing:1px}.toast.show{transform:translateX(0)}.loading-screen{position:absolute;inset:0;background:#07040d;z-index:100;display:grid;place-items:center;transition:opacity .6s,visibility .6s}.loading-screen.done{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{width:min(370px,75vw);text-align:center}.loading-inner>strong{display:block;font:900 120px/.9 var(--impact);letter-spacing:-8px;text-shadow:6px 7px 0 #501137}.loading-inner>strong span{color:var(--pink)}.loading-inner>span{font:900 21px var(--display);letter-spacing:3px}.loading-track{height:7px;background:#312231;margin:24px 0 8px;overflow:hidden}.loading-track i{height:100%;width:0;display:block;background:var(--pink);animation:load .65s ease forwards;box-shadow:0 0 18px var(--pink)}.loading-inner small{font:800 11px var(--display);letter-spacing:2px;color:#967e95}
@keyframes load{to{width:100%}}@keyframes pin{50%{box-shadow:0 0 0 15px #ff3bbd07,0 0 25px #ff35b87e}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes missionBlink{50%{opacity:.45}}@media (min-width:1550px) and (min-height:850px){.home-copy{top:22%}.home-hud{top:44%}.mission-shelf{height:184px}.home-footer{bottom:235px}.mission-tile .tile-text{font-size:24px}}
@media (max-height:820px) and (min-width:850px){.home-copy{top:10%}.hero-brand{height:109px}.hero-gta{font-size:113px}.hero-script{font-size:37px}.home-copy h1{font-size:49px}.home-copy p{margin:8px 0 13px}.progress-readout{margin-top:12px}.mission-shelf{height:122px}.home-footer{bottom:165px}.side-menu{top:119px;bottom:57px}.home-hud{top:37%;width:230px}.mini-map svg{height:115px}}
@media(max-width:1260px){.server-status{display:none}.home-copy{left:215px;width:43vw}.home-hud{right:2%;width:220px}.topbar{gap:1vw}.topnav{gap:11px}.stage-view{padding-left:205px}.side-menu{width:153px}.mission-tile .tile-text{font-size:17px}}
@media(max-width:980px){.app{min-height:0}.side-menu{left:14px;width:111px}.side-link{font-size:18px;padding:0 4px}.side-link i{font-size:8px}.home-copy{left:140px;width:47vw;top:15%}.home-copy h1{font-size:47px}.hero-brand{height:112px}.hero-gta{font-size:122px}.hero-script{font-size:34px}.home-hud{width:194px;top:42%}.world-coordinate{display:none}.mission-shelf{left:15px;right:15px;gap:6px}.home-footer{left:15px;right:15px}.stage-view{padding-left:140px;padding-right:18px}.stage-head h2{font-size:55px}.mission-board{grid-template-columns:repeat(2,minmax(0,1fr))}.map-layout{grid-template-columns:minmax(0,1fr);height:auto}.big-map{height:400px}.map-side{display:grid;grid-template-columns:repeat(2,1fr);column-gap:15px}.map-side-title,.map-bottom-note{grid-column:1/-1}.invite-layout{grid-template-columns:1fr 1.2fr}.invite-poster{min-height:500px}.topnav{display:none}.mini-logo{margin-right:auto}.mission-modal{grid-template-columns:40% 60%}}
@media(max-width:700px){body{overflow:auto}.app{height:100dvh;min-height:630px}.topbar{height:64px;padding:0 14px}.mini-logo{width:120px}.mini-logo strong{font-size:34px}.mini-logo span{font-size:15px}.profile-mini{min-width:100px;height:43px;padding:3px}.profile-mini img{height:35px;width:35px}.profile-mini span{gap:0}.profile-mini b{font-size:11px}.profile-mini small{font-size:9px}.header-right{gap:8px}.icon-button{width:32px;height:32px}.view{inset:64px 0 0}.side-menu{position:absolute;z-index:12;top:auto;left:0;bottom:0;height:59px;width:100%;flex-direction:row;justify-content:space-around;align-items:center;padding:0 5px;background:#08050eea;border-top:1px solid #8a426f}.side-link{width:auto;height:47px;flex:1;justify-content:center;padding:4px 2px;border:0;border-top:2px solid transparent;font-size:13px;display:flex;flex-direction:column;gap:1px}.side-link i{display:none}.side-link.active{border:0;border-top:2px solid var(--pink);box-shadow:inset 0 5px 20px #ff3bad16}.side-bottom,.side-line{display:none}.side-link:last-of-type{display:none}.side-link:nth-of-type(4){display:none}.skyback{background-position:57% center}.skyback:after{background:linear-gradient(90deg,#090510cd,transparent 75%),linear-gradient(0deg,#07030ff2,transparent 53%,#08030a75)}.view-home{bottom:59px}.home-copy{left:22px;right:20px;width:auto;top:10%;max-width:480px}.eyebrow{font-size:10px;gap:8px}.hero-brand{height:100px;margin-top:10px}.hero-gta{font-size:107px}.hero-script{font-size:33px}.home-copy h1{font-size:42px}.home-copy p{font-size:12px;max-width:280px;margin:9px 0 14px}.hero-actions{gap:8px}.hero-actions .btn-main,.hero-actions .btn-outline{font-size:14px;min-height:43px;min-width:0}.home-hud{display:none}.progress-readout{display:none}.mission-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:142px;bottom:28px;gap:9px;padding:4px 2px 7px;scrollbar-width:none}.mission-tile{flex:0 0 165px;scroll-snap-align:start}.mission-tile .tile-text{font-size:18px}.home-footer{bottom:187px;left:20px;right:18px}.mission-rail-heading{display:grid;gap:4px;font-size:17px}.mission-rail-heading small{font-size:9px}.home-footer>button{font-size:12px}.home-bottom-line{left:19px;right:19px;bottom:8px;font-size:8px}.home-bottom-line span:nth-child(2){display:none}.stage-view{inset:64px 0 59px;padding:24px 18px 50px}.stage-head{margin-bottom:19px}.stage-head h2{font-size:49px}.stage-head p{font-size:12px}.stage-stamp{display:none}.mission-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mission-card img{height:175px}.mission-card-content{bottom:9px;left:9px}.mission-card-content h3{font-size:20px}.mission-card-content p{display:none}.mission-card-top{top:6px;left:6px;right:6px}.mission-card-top b,.mission-card-top span{font-size:9px}.map-layout{display:block}.big-map{height:330px}.map-side{margin-top:12px;display:block}.map-bottom-note{padding-top:12px}.invite-layout{display:flex;flex-direction:column}.invite-poster{min-height:260px}.poster-heading{top:65px;font-size:53px}.poster-heading span{font-size:25px}.invite-box{padding:20px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gallery-item span{font-size:12px;padding:8px}.wanted-layout,.player-layout{display:block}.wanted-art{max-width:320px;margin:10px auto 25px}.wanted-brief{padding:17px}.player-picture{max-width:240px;margin:0 auto 16px}.player-stats{padding:15px}.stats-grid strong{font-size:35px}.stats-grid div{padding:10px 6px}.stats-grid small{font-size:9px}.mission-modal{width:94vw;max-height:85dvh;display:block;overflow:auto}.modal-art{height:175px;min-height:175px;background-position:center 32%}.modal-art>span{font-size:42px;bottom:12px}.modal-copy{padding:20px;max-height:none}.modal-copy h2{font-size:40px}.modal-copy>p{margin:12px 0}.modal-actions .btn-main,.modal-actions .btn-outline{flex:1;font-size:15px}.overlay{bottom:0}.photo-overlay img{max-width:94vw}.toast{top:73px;right:9px;max-width:250px}}
@media(max-width:390px){.home-copy{top:6%}.hero-brand{height:87px}.hero-gta{font-size:95px}.hero-script{font-size:30px}.home-copy h1{font-size:35px}.home-copy p{margin:6px 0 9px}.hero-actions .btn-main,.hero-actions .btn-outline{font-size:12px;padding:8px}.mission-shelf{height:115px}.home-footer{bottom:154px}.mission-tile{flex-basis:144px}.invite-actions{flex-direction:column}.invite-ticket strong{font-size:33px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* V1 visual polish: clear readable cards and prevent HUD/content collisions. */
.tile-text,.map-prompt{color:#fff}
.tile-text{text-shadow:0 2px 8px #000,1px 1px 2px #000}
@media(min-width:701px){
 .home-copy{max-width:610px;width:48vw}
 .hero-actions .btn-main,.hero-actions .btn-outline{font-size:16px;min-width:0;padding:9px 13px;gap:9px}
 .hero-actions .btn-main{min-width:266px}
 .hero-actions .btn-outline{min-width:193px}
 .side-bottom{display:none}
}
@media(min-width:701px) and (min-height:821px){.home-copy{top:8%}.hero-brand{height:165px}}
@media(max-width:700px){.hero-brand{height:115px}.home-copy h1{font-size:40px}.tile-text{color:#fff}}
@media(min-width:701px) and (min-height:821px){.hero-brand{height:186px}}
@media(min-width:701px) and (max-height:820px){.home-copy{top:7%}.hero-brand{height:137px}.home-copy h1{font-size:43px}.home-copy p{margin:7px 0 11px}.progress-readout{margin-top:9px}}
@media(max-width:700px){.side-link:last-of-type,.side-link:nth-of-type(4){display:flex}.side-link{font-size:10px;letter-spacing:.2px}}
.loading-screen{transition:opacity .35s,visibility .35s}