/* Paleta e interação CYBERPUNK — mobile-first */
:root{--bg:#08080c;--base:#140d13;--panel:#170f17;--panel2:#24131b;--line:#532530;--sub:#c0a7af;--text:#f5eff0;--yellow:#ffe500;--cyan:#2bf5ee;--pink:#fe314a;--green:#1ff0a2;--danger:#ff455a;--radius:6px}
html{scroll-behavior:smooth;background:#06070b}
body{background:radial-gradient(ellipse at 90% 10%,#6d0d1b50,transparent 35%),radial-gradient(ellipse at 0 60%,#3e07154a,transparent 35%),#08070b;color:var(--text)}
.shell{background:linear-gradient(180deg,#17090e 0,#0b0b12 190px,#0b090e 100%);box-shadow:0 0 80px #30071575}
.topbar{background:linear-gradient(90deg,#1d0a14,#120911);border-bottom:2px solid #fd3348;box-shadow:0 4px 30px #c51a2b25}
.brand{color:var(--yellow);text-shadow:0 0 18px #ffe5004a}.brand em{color:var(--yellow)}
.brand-sub{color:#b88392}.top-sub{border-top-color:#441b27}.top-sub .small{font-size:9px}
.red{color:#ff445a!important}.yellow{color:var(--yellow)}
.session-pill,.mini-btn{border-color:#6c2738;color:#fbf2e5;background:#261019;border-radius:4px}
.wallet-chip{background:#2a0e13;border:1px solid #df3744;color:var(--yellow);padding:8px 7px;font:800 12px var(--mono);border-radius:3px;white-space:nowrap}
.eyebrow{color:var(--cyan)}.screen-title h1,.section-head h3,h1,h2,h3{letter-spacing:.3px}.screen-title h1{color:#fbebee}
.screen-title .count,.count{color:var(--yellow)}
.panel,.statcard,.listrow,.mission,.call-preview,.setting-card,.member{background:linear-gradient(135deg,#230f19,#120e17);border-color:#4a2b35;border-radius:6px}
.hero{background:linear-gradient(155deg,#291018,#15101a 65%,#2f101d);border-color:#6c2938;border-radius:5px}
.hero:before,.panel:before{position:absolute;inset:-1px auto auto -1px;content:"";width:24px;height:3px;background:var(--yellow)}
.hero:after{color:#ffeb3b08}
.portrait{border-color:#b4344c;border-radius:3px;background:linear-gradient(135deg,#3d1023,#092632)}
.hp-panel{background:#130e15;border-color:#7b2333;border-radius:3px}
.hp-biglabel{color:var(--pink)}.hp-numbers{color:var(--cyan)}.hp-track{background:#35121e;height:12px}.hp-fill{background:linear-gradient(90deg,#ff243b,#f92e64 70%,#ffe500);box-shadow:0 0 15px #f7255080}
.statcard .n{color:var(--cyan)}.statcard .v{color:var(--yellow)}
.btn{background:var(--yellow);color:#0d070e;border:1px solid #e7bd00;border-radius:3px;font-weight:800;letter-spacing:.3px;transition:filter .15s ease,transform .15s ease}
.btn:active,.navbtn:active,.zone-card:active{transform:scale(.97)}.btn:not(:disabled):hover{filter:brightness(1.11)}
.btn.secondary{background:#14272a;color:var(--cyan);border-color:#2bcac7}.btn.danger{background:#581b2e;color:#ffbcc7;border-color:#9a2e42}.btn.ghost{color:#e4bec8;background:#22111a;border-color:#53303b}.btn:disabled{filter:grayscale(.8);opacity:.56;cursor:not-allowed}
.chip{background:#250e18;border-color:#6e2637;border-radius:2px;color:#d4a5b2}.chip.active{background:var(--yellow);color:#150d10;border-color:var(--yellow)}
.nav{grid-template-columns:repeat(6,1fr);padding:9px 2px calc(10px + env(safe-area-inset-bottom));background:#100910f5;border-top:2px solid #fb3954;box-shadow:0 -14px 45px #fe214a15}
.navbtn{font-size:8px;gap:4px;min-width:0;padding:7px 0}.navbtn .ico{font-size:21px;height:22px;line-height:22px}.navbtn.active{color:var(--yellow);text-shadow:0 0 7px #ffea005b}
.content{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
.notice{background:#281919;border-color:#7c3f28;color:#ffd899}.empty{background:#150f17;border-color:#683143;border-radius:3px}
.status{border-radius:2px}.status.pendente{background:#5f3313;color:#ffdc6b}.status.aceito{background:#103c36;color:#70ffe7}.status.concluido{background:#5c3713;color:#ffe58a}.status.pago{background:#0f4b30;color:#5affbd}.status.recusado{background:#5e1b32;color:#ffc0c5}
.mission{border-left:3px solid #ff4057;border-radius:4px;box-shadow:inset 0 0 40px #ff284006}.mission .meta span{background:#33121c;color:var(--yellow)}
.call-preview{background:linear-gradient(130deg,#240e1c,#092830);border:1px solid #aa2b42;border-left:4px solid var(--cyan);border-radius:4px}
.call-avatar{color:var(--yellow);border-color:var(--cyan);border-radius:2px;background:#161a22;box-shadow:0 0 20px #2bf5ee20}
.money-hero{position:relative;overflow:hidden;background:linear-gradient(100deg,#310e1a,#140e18);border:1px solid #f44359;border-left:4px solid var(--yellow);padding:17px 16px;margin:0 0 15px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;box-shadow:inset -35px 0 65px #d9192e08}
.money-hero:after{content:'E$';position:absolute;right:-9px;top:-20px;font:900 130px var(--display);opacity:.05;pointer-events:none}
.money-hero strong{font:900 44px var(--display);color:var(--yellow);line-height:1}.money-hero .mini-btn{padding:8px 11px}
.money-hero .tiny{font-size:9px;color:#e9abb7;max-width:245px}
.money-mini{margin-top:14px;background:#2c1018;border:1px solid #7d2635;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;font-size:10px;color:#ffbbcb}.money-mini strong{font:800 22px var(--display);color:var(--yellow)}
.product-card{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#270f17,#101119);border:1px solid #67283a;border-left:2px solid #f83a55;padding:12px 10px;min-height:102px}
.product-icon{flex:0 0 48px;height:58px;border:1px solid #ba384c;color:var(--yellow);background:radial-gradient(circle,#702b46,#1b101d);display:grid;place-items:center;font-size:24px}
.product-icon.implant{color:var(--cyan);border-color:#318e94;background:radial-gradient(circle,#0e4549,#091b22)}
.product-icon.equipment{color:#ff435f}.product-detail{flex:1;min-width:0}.product-detail strong{font-size:12px;display:block;line-height:1.4;margin:5px 0}.product-detail p{font-size:9px;color:var(--sub);margin:5px 0}.product-price{display:block;color:var(--yellow);font:800 16px var(--display);margin-top:6px}.product-card .btn{font-size:10px;padding:10px 7px;min-width:85px}
.ledger-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #562636;gap:10px;padding:10px 0}.ledger-row:last-child{border:0}.ledger-row strong{font-size:11px;display:block}.ledger-row small{display:block;color:var(--sub);font-size:9px;margin-top:5px}.ledger-row>span{white-space:nowrap;font-size:11px;font-weight:800}
.anatomy-panel{background:radial-gradient(ellipse at center,#2f111e,#0d0b12 70%);border:1px solid #c32e42;position:relative;margin:12px auto 15px;max-width:350px;box-shadow:0 0 35px #e6293917}
.anatomy-head{display:flex;justify-content:space-between;align-items:center;padding:9px;border-bottom:1px solid #8c2738;color:var(--cyan);font:700 9px var(--mono)}
.anatomy-image-wrap{max-width:275px;height:440px;position:relative;margin:0 auto;overflow:hidden;touch-action:manipulation}
.cyber-body{display:block;width:100%;height:100%;object-fit:fill;filter:saturate(1.25) contrast(1.05)}
.cyber-hotspots{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.hotzone{fill:transparent;stroke:transparent;stroke-width:2;cursor:pointer;vector-effect:non-scaling-stroke;transition:fill .15s,stroke .15s}
.hotzone.active{fill:#ffdd000e;stroke:#ffe500;stroke-width:2.5;filter:drop-shadow(0 0 4px #ffe500)}
.anatomy-base{font:700 9px var(--mono);letter-spacing:1px;background:#140e17;color:#b5c9d0;text-align:center;padding:10px 3px;border-top:1px solid #6c2639}
.zone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0}
.zone-card{border:1px solid #6a2a39;background:linear-gradient(140deg,#26121e,#130e16);color:#ebebf0;text-align:left;padding:10px;min-height:62px;cursor:pointer;transition:.15s;overflow:hidden}
.zone-card.active{border-color:var(--yellow);background:#362519;box-shadow:inset 2px 0 var(--yellow)}
.zone-card strong{font:800 16px var(--display);text-transform:uppercase;display:block}.zone-card span{font-size:9px;color:var(--sub);display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zone-card.active span{color:var(--yellow)}
.current-implant{margin-bottom:24px}.current-implant h3{margin:10px 0;font-size:25px}.current-implant p{margin:10px 0}
.mission-response{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #6c2738;padding:8px;margin-top:10px;background:#160e15}
.mission-response b{font-size:11px}.mission-response small{display:block;color:var(--yellow);font-size:9px;margin-top:6px}
.incoming{background:radial-gradient(ellipse at 50% 40%,#561020 0,#190910 60%,#08080b 100%);border:6px solid #1c0910}
.incoming h1{color:var(--yellow);text-shadow:0 0 14px #ffe5004c}
.incoming .sub{color:var(--cyan)}.incoming-fixer{width:100%}.incoming .desc{font-size:12px}
.fixer-holo{display:grid;place-items:center;width:125px;height:125px;margin:auto;border:2px solid var(--cyan);border-radius:4px;background:radial-gradient(circle,#14252a,#300b15);color:var(--yellow);font-size:58px;box-shadow:0 0 0 10px #ff305b1c,0 0 38px #23d5d055;animation:pulse 2s infinite}
.reward-call{padding:12px;margin:10px auto;border:1px solid #aa3441;color:var(--cyan);font-size:13px;max-width:310px}.reward-call b{color:var(--yellow);font-size:21px}.reward-call small{display:block;font-size:10px;color:#edafbd;margin-top:8px}
.incoming .controls .btn.pick{background:var(--yellow);color:#120b0d;border-color:#f4db00}.incoming .controls .btn.reject{background:#5f1528;border-color:#e7344c;color:#ffd9e0}
.modal{background:#1a0c14;border-color:#9a3245;border-radius:11px 11px 0 0}.modalhead h3{color:var(--yellow)}
input,textarea,select{background:#130e17!important;border-color:#774054!important;color:var(--text)!important;border-radius:3px!important}
input:focus,textarea:focus,select:focus{outline:2px solid var(--cyan);outline-offset:2px}
.buy-break{display:flex;justify-content:space-between;border-bottom:1px solid #5f293a;padding:14px 0;font-size:11px}.buy-break b{color:var(--yellow);font-size:16px}.buy-break.strong{border-bottom:0;color:var(--cyan)}.purchase-confirm h2{font-size:29px;margin:16px 0 20px}
#toast{background:var(--yellow);color:#1d1213;border-radius:3px}
@media(max-width:350px){.navbtn{font-size:7px}.navbtn .ico{font-size:18px}.product-card{gap:7px}.product-card .btn{min-width:70px}.money-hero strong{font-size:38px}.anatomy-image-wrap{height:390px}.wallet-chip{font-size:10px;padding:7px 4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}