:root{--bg:#0b1020;--panel:#141c30;--panel2:#1b2540;--line:#2c3851;--text:#edf1ff;--muted:#9caac5;--orange:#ad9aff;--cyan:#5bdde0;--green:#88e4b9;--red:#ff919d}
body{background:radial-gradient(ellipse at 90% 0,#34225355,transparent 50%),#0b1020}button,select,input{border-radius:9px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid #5bdde0;outline-offset:4px}.primary{background:linear-gradient(120deg,#ad91ff,#7f78f6);border-color:#b4a0ff;color:#111426;box-shadow:0 6px 25px #9270ff20}.primary:hover{background:#c7b4ff}.sidebar{background:linear-gradient(180deg,#172039,#101729);border-color:#2c3851}.topbar{background:#10182ce6;border-color:#2c3851}.panel{background:linear-gradient(140deg,#18223a,#121b2e);border-radius:14px;box-shadow:0 12px 35px #0002}.case-card{position:relative;overflow:hidden}.case-card:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#a58cff,#5bdde0)}.case-card:nth-child(2):before{background:linear-gradient(90deg,#f3b986,#ef87b3)}.case-card:nth-child(3):before{background:linear-gradient(90deg,#5bdde0,#71a9ff)}.case-card:nth-child(4):before{background:linear-gradient(90deg,#b299ff,#f3b986)}.case-card.current{border-color:#a58cff70}.case-number{color:#a99bde}.stat{border-radius:12px;background:linear-gradient(145deg,#202946,#141c30)}.stat strong{color:#c4b6ff}.scene-shell{border-radius:12px;background:#0b1328}.map-marker i{background:#202b49;border-color:#899bf3}.map-marker.selected i{background:#a58cff;color:#111629}.map-marker span{background:#101b32e8}.questions button{background:#1e2944}.message-bubble{background:#253450;border-color:#3a5077}.message-bubble.sent{background:#403157;border-color:#685383}.suspect-avatar{background:linear-gradient(145deg,#514072,#23364e);border-color:#7d69a5;color:#dcc8ff}.detective-account{max-width:210px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:8px 12px;font-size:12px;border:1px solid #8775c355;color:#d6c6ff;background:#9580ff10}.detective-hud{border:1px solid #7365ab50;border-radius:14px;padding:18px 20px;margin:-5px 0 24px;background:linear-gradient(110deg,#30254c75,#12324560)}.hud-title{display:flex;justify-content:space-between;gap:12px;font:10px var(--mono);color:#b8a5fa;letter-spacing:1px;margin-bottom:14px}.hud-title b{color:#67dadc}.hud-goals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hud-goals button{text-align:left;display:flex;align-items:center;gap:10px;font-size:12px;padding:10px;background:#121c30;border-color:#394365}.hud-goals button span{font:11px var(--mono);color:#aa9ada;border:1px solid #5d4f88;border-radius:50%;min-width:25px;height:25px;display:grid;place-items:center}.hud-goals .done{color:#8ae4ba}.hud-goals .done span{color:#8ae4ba;border-color:#4c8c73}.field-tools{display:flex;gap:10px;margin-top:13px}.field-tools button{border:0;background:transparent;padding:3px 0;font-size:12px;color:#a7bedf}.field-tools button+button{margin-left:14px;color:#6ddbdd}#field-notes{display:block;resize:vertical;width:100%;min-height:190px;padding:16px;margin-top:12px;border:1px solid #53617f;border-radius:9px;background:#0b1325;color:#edf1ff;font:14px/1.8 sans-serif}
.login-active .app{display:none}.detective-login[hidden]{display:none}.detective-login{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;background:radial-gradient(ellipse at 20% 30%,#543f8538,transparent 55%),radial-gradient(ellipse at 100% 90%,#12617038,transparent 50%),#0b1020}.login-world{padding:50px 6vw 32px;position:relative;overflow:hidden}.login-brand{font:bold 16px sans-serif;letter-spacing:3px;color:#f3f0ff;margin-bottom:65px}.login-brand span{color:#9585c4;font-size:11px}.login-kicker{display:block;font:10px var(--mono);letter-spacing:2px;color:#7fdbdf}.login-world h1{font:500 clamp(45px,5.5vw,78px)/1.1 var(--display);letter-spacing:-2px;margin:18px 0}.login-world h1 em{font-style:normal;color:#b7a0ff}.login-world>p{font:15px/1.8 sans-serif;color:#a5b3cd}.login-city{position:relative;height:300px;margin:0 -50px;background:radial-gradient(ellipse,#30577528,transparent 70%)}#welcome-city{width:100%;height:100%;display:block;border-radius:30px;touch-action:none}.city-live{position:absolute;bottom:10px;left:50px;font:9px var(--mono);color:#66d4d7;background:#0c172acc;padding:9px 12px;border:1px solid #285369;border-radius:20px;pointer-events:none}.login-features{display:flex;gap:32px;margin-top:24px}.login-features>span{font:500 27px var(--display);color:#f6c69c}.login-features small{display:block;font:9px var(--mono);letter-spacing:1px;color:#99a8c6;margin-top:5px}.login-side{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 40px;border-left:1px solid #56608b20;background:#0c142640}.login-card{width:100%;max-width:400px;padding:36px;border:1px solid #6e629d50;background:linear-gradient(145deg,#222a44e8,#151d31);border-radius:24px;box-shadow:0 25px 100px #0005}.login-emblem{width:60px;height:60px;background:linear-gradient(135deg,#bba1ff,#62d4da);border-radius:18px;font:bold 37px var(--display);display:grid;place-items:center;color:#151b33;margin-bottom:30px;position:relative}.login-emblem span{position:absolute;right:-8px;top:-8px;color:#f5c293;font-size:24px}.login-card h2{font:500 35px var(--display);margin:14px 0 10px}.login-card>p{font:14px/1.8 sans-serif;color:#a8b7d1;margin-bottom:27px}.login-card label{display:block;font:10px var(--mono);letter-spacing:1px;color:#b8c5de;margin-bottom:10px}.login-card input{width:100%;padding:15px;background:#0e172b;border:1px solid #526080;color:#eef2ff;font:15px sans-serif}.login-card input::placeholder{color:#7c8eaf}.login-role{display:flex;align-items:center;gap:12px;margin:20px 0 24px;padding:13px;border:1px solid #445777;border-radius:12px;background:#1a2a42}.login-role>span{color:#f5c293;font-size:22px}.login-role div{font:12px sans-serif;color:#d9e4f8}.login-role small{display:block;font-size:10px;margin-top:5px;color:#8cabc9}.login-role b{margin-left:auto;font:20px var(--display);color:#6f91bc}.login-card .primary{display:flex;width:100%;justify-content:space-between;padding:16px;font-size:14px}.login-note{font:11px/1.7 sans-serif;color:#8698b9;margin:18px 0 0}.login-foot{font:9px var(--mono);letter-spacing:1px;color:#627897;margin-top:30px}
@media(max-width:1100px){.hud-goals{grid-template-columns:repeat(2,minmax(0,1fr))}.login-world{padding:35px}.login-brand{margin-bottom:40px}.login-side{padding:30px 20px}.login-card{padding:27px}.login-city{margin:0 -20px}.city-live{left:20px}}
@media(max-width:760px){.detective-login{grid-template-columns:1fr}.login-world{padding:28px 24px}.login-brand{margin-bottom:27px}.login-world h1{font-size:46px}.login-city{height:210px;margin-top:-10px}.login-features{gap:25px;margin-top:15px}.login-side{border-left:0;padding:10px 24px 35px}.login-card{max-width:500px}.login-card h2{font-size:31px}.login-emblem{width:45px;height:45px;font-size:30px;margin-bottom:20px}.login-card>p{margin-bottom:20px}.detective-account{max-width:140px}.detective-hud{padding:15px}.hud-goals button{font-size:11px;padding:9px;gap:7px}.hud-title{font-size:9px}.hud-goals{gap:7px}}