:root{--navy: #0b1120;--navy2: #141d36;--panel: rgba(13, 19, 38, .88);--edge: #2c3a63;--gold: #ffb300;--gold2: #ff8a00;--teal: #29d3c9;--red: #ff4d4d;--green: #4ade80;--ink: #f4f0e6;--ink-dim: #9aa3b8}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:#05070d;color:var(--ink);font-family:Rubik,sans-serif;overflow:hidden}button{font-family:Rubik,sans-serif}.panel{background:var(--panel);border:1px solid var(--edge);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 40px #0000008c}.panel h4{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);padding:12px 14px 8px;display:flex;align-items:center;gap:8px}.panel h4 .cnt{margin-left:auto;font-size:10px;color:var(--ink-dim)}.chip{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 5px;background:linear-gradient(180deg,#1b2440,#0e1526);border:1px solid var(--edge);border-radius:19px;box-shadow:inset 0 1px #ffffff12}.chip .ico{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.chip.power .ico{background:radial-gradient(circle at 35% 30%,#ffe08a,var(--gold2));box-shadow:0 0 12px #ffb3008c}.chip.cred .ico{background:radial-gradient(circle at 35% 30%,#9ff5ef,#0fa79d);box-shadow:0 0 12px #29d3c973}.chip b{font-size:15px;font-weight:800;white-space:nowrap}.cta{display:block;width:100%;padding:15px;border:none;border-radius:14px;cursor:pointer;background:linear-gradient(180deg,#ffcf5c,var(--gold2));color:#201200;font-size:15px;font-weight:900;letter-spacing:2px;text-transform:uppercase;box-shadow:0 8px 22px #ff8c0059,inset 0 1px #ffffff80;transition:transform .1s}.cta:active{transform:scale(.98)}.cta:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}input{width:100%;padding:12px 14px;background:#0a1020;border:1px solid var(--edge);border-radius:10px;color:var(--ink);font-family:Rubik,sans-serif;font-size:15px}input:focus{outline:none;border-color:var(--gold)}label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);font-weight:700;margin:12px 0 5px}.pv{background-size:230%;background-position:50% 24%;background-repeat:no-repeat}.pv.ghost{background-image:url(../../../art/portrait-ghost.jpg)}.pv.face{background-image:url(../../../art/portrait-face.jpg);background-position:55% 20%}.pv.fist{background-image:url(../../../art/portrait-fist.jpg);background-position:45% 14%}.pv.wrench{background-image:url(../../../art/portrait-wrench.jpg);background-position:48% 22%}.pv.locked{filter:grayscale(1) brightness(.5)}.pv.hurt{filter:saturate(.55) brightness(.85)}