:root{--ink:#030b0d;--deep:#07191d;--panel:#0c252b;--panel2:#11343a;--line:#24515a;--cyan:#76edf0;--mint:#bdfaf0;--green:#50e58a;--violet:#a897ff;--white:#f5ffff;--muted:#98bbc0;--orange:#ffb45c;--red:#ff717b}*{box-sizing:border-box}body{color:var(--white);background:radial-gradient(circle at 50% 0,#173b41 0,#071417 42%,#020607 100%);min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{max-width:920px;margin:auto;padding:24px 16px 40px}.stage{place-items:start center;display:grid}.phone{background:var(--deep);border:1px solid #76edf047;border-radius:36px;flex-direction:column;width:min(100%,410px);height:790px;display:flex;overflow:hidden;box-shadow:0 28px 80px #00000070}.phone-top{background:linear-gradient(90deg,#0b3338,#102d45);place-items:center;height:28px;display:grid}.island{background:#020708;border-radius:99px;width:92px;height:14px}.screen{flex-direction:column;flex:1;min-height:0;display:none}.screen.active{display:flex}.app-head{border-bottom:1px solid var(--line);background:#051417f5;grid-template-columns:82px 1fr 82px;align-items:center;height:62px;padding:0 14px;display:grid}.vpx-logo{text-align:center;letter-spacing:.08em;font-size:20px;font-weight:700}.vpx-logo span{color:var(--cyan)}.plei-back{min-height:40px;color:var(--mint);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:600}.icon{width:38px;height:38px;color:var(--mint);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;font-size:18px;display:grid}.content{flex:1;min-height:0;padding:20px 20px 24px}.scroll{scrollbar-color:var(--line) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:6px}.scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}h1,h2,h3,p{margin:0}h1{font-size:27px}h2{font-size:22px}h3{font-size:17px}.eyebrow{letter-spacing:.11em;text-transform:uppercase;color:var(--cyan);font-size:11px;font-weight:600}.muted{color:var(--muted);line-height:1.45}.small{font-size:12px}.row{align-items:center;display:flex}.between{justify-content:space-between}.gap{gap:10px}.hero-card{background:linear-gradient(145deg,#0c343b,#182645);border:1px solid #76edf05c;border-radius:20px;padding:18px;position:relative;overflow:hidden}.hero-card:after{content:"";background:#76edf012;border-radius:50%;width:140px;height:140px;position:absolute;top:-65px;right:-60px}.avatar{border:2px solid var(--cyan);background:#000;border-radius:50%;flex:none;width:64px;height:64px;overflow:hidden}.avatar img{object-fit:cover;object-position:center 42%;width:100%;height:100%}.identity h2{margin:4px 0}.chip{color:var(--cyan);background:#76edf01f;border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.meter{background:#bdfaf01f;border-radius:9px;height:8px;margin-top:8px;overflow:hidden}.meter span{background:linear-gradient(90deg,var(--cyan),var(--violet));width:35%;height:100%;display:block}.primary,.secondary{cursor:pointer;border-radius:999px;width:100%;min-height:49px;font-weight:650}.primary{color:var(--ink);background:var(--cyan);border:0}.secondary{border:1px solid var(--line);color:var(--mint);background:0 0}.actions{gap:10px;margin-top:18px;display:grid}.section-title{margin:22px 0 11px}.tile-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{border:1px solid var(--line);background:var(--panel);min-height:104px;color:var(--white);text-align:left;border-radius:15px;padding:15px}.tile-action{cursor:pointer}.tile-action:hover{border-color:var(--cyan)}.tile .symbol{margin-bottom:10px;font-size:22px}.mono-icon{width:24px;height:24px;color:var(--mint);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;display:block}.tile strong{margin-bottom:4px;display:block}.tile span{color:var(--muted);font-size:12px}.totem-tile{padding-left:9px;padding-right:9px}.totem-tile .totem-copy{letter-spacing:0;font-size:12px;line-height:1.25;display:block}.challenge{border:1px solid var(--line);background:var(--panel);border-radius:18px;margin-bottom:12px;padding:16px}.challenge-top{justify-content:space-between;gap:12px;display:flex}.challenge h3{margin:6px 0}.challenge .metric{color:var(--cyan);font-weight:650}.challenge-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.tag{color:var(--ink);background:var(--green);border-radius:999px;padding:5px 8px;font-size:11px}.tag.premium{background:var(--violet)}.tag.review{background:var(--orange)}.capture{background:#000;border-radius:22px;height:270px;margin:18px 0;position:relative;overflow:hidden}.capture img{object-fit:cover;width:100%;height:100%}.capture:after{content:"ALIGN FULL BODY WITHIN FRAME";text-align:center;color:var(--cyan);letter-spacing:.08em;background:#030b0dd1;border-radius:9px;padding:8px;font-size:11px;position:absolute;bottom:14px;left:14px;right:14px}.record{background:var(--red);cursor:pointer;border:7px solid #ffffffe6;border-radius:50%;width:70px;height:70px;margin:0 auto;display:block}.rules{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;display:grid}.rule{text-align:center;background:var(--panel);color:var(--muted);border-radius:12px;padding:10px 5px;font-size:11px}.rule b{color:var(--mint);margin-bottom:4px;font-size:16px;display:block}.result-score{text-align:center;padding:20px 0}.result-score .number{color:var(--cyan);font-size:72px;font-weight:750;line-height:1}.verified{color:var(--green);font-weight:650}.rank-grid{border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);margin:16px 0;display:grid}.rank-grid div{text-align:center;color:var(--muted);padding:13px 5px;font-size:11px}.rank-grid div+div{border-left:1px solid var(--line)}.rank-grid b{color:var(--white);margin-top:4px;font-size:20px;display:block}.totem-brandbar{background:linear-gradient(#091e23,#07191d);border-bottom:1px solid #76edf038;place-items:center;height:66px;display:grid}.totem-lockup{letter-spacing:.1em;align-items:center;gap:10px;display:flex}.totem-lockup .lockup-vpx{font-size:15px;font-weight:800}.totem-lockup .lockup-vpx i{color:var(--cyan);font-style:normal}.totem-lockup .lockup-rule{background:var(--line);width:1px;height:22px}.totem-lockup strong{letter-spacing:.08em;font-size:20px}.totem-nav{border-bottom:1px solid var(--line);background:#061416;grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;gap:8px;padding:10px 12px;display:grid}.board-toggle{border:1px solid var(--line);background:var(--ink);border-radius:999px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.board-toggle button{height:34px;color:var(--muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 6px;font-size:9px;font-weight:800}.board-toggle button.active{background:var(--cyan);color:var(--ink)}.enter-here{background:var(--green);height:40px;color:var(--ink);letter-spacing:.04em;cursor:pointer;border:0;border-radius:999px;padding:0 8px;font-size:10px;font-weight:850}.leader-head{border-bottom:1px solid var(--line);padding:12px 14px 10px}.filter-label{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.filter-label strong{font-size:13px}.demo{color:var(--orange);font-size:10px}.leader-filters{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.leader-filters button{border:1px solid var(--line);background:var(--panel);min-width:0;height:43px;color:var(--white);text-align:left;cursor:pointer;border-radius:11px;padding:6px 8px;position:relative}.leader-filters button:hover{border-color:var(--cyan)}.leader-filters span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:8px;display:block}.leader-filters strong{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.leader-filters b{color:var(--cyan);font-size:10px;position:absolute;top:16px;right:7px}.rank-table-head{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #24515a99;grid-template-columns:78px 1fr auto;gap:8px;padding:9px 19px 7px;font-size:8px;display:grid}.rank-table-head span:last-child{text-align:right}.leader-scroll{scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:0 14px 92px;overflow-y:auto}.leader-scroll::-webkit-scrollbar{width:6px}.leader-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}.leader-row{border-bottom:1px solid #24515aa6;grid-template-columns:34px 42px 1fr auto;align-items:center;gap:9px;padding:12px 5px;display:grid}.place{text-align:center;color:var(--muted);font-weight:700}.place.medal{color:var(--orange)}.mini-avatar{background:linear-gradient(145deg,#215a62,#5f4d91);border-radius:50%;place-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:grid}.leader-name strong{font-size:13px;display:block}.leader-name span{color:var(--muted);font-size:10px}.score{text-align:right;color:var(--cyan);font-weight:750}.score small{color:var(--muted);font-size:9px;font-weight:400;display:block}.current{background:#76edf014;border-bottom-color:#0000;border-radius:12px;margin:5px 0}.pinned{border:1px solid var(--cyan);background:#12353b;border-radius:14px;position:absolute;bottom:12px;left:14px;right:14px;box-shadow:0 -10px 28px #030b0dcc}.leader-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.empty-board{text-align:center;color:var(--muted);padding:42px 20px;font-size:12px}.playerport{background:linear-gradient(145deg,#122c39,#211e41);border:1px solid #a897ff8c;border-radius:20px;padding:18px}.digital-human{background:#000;border-radius:16px;place-items:center;height:250px;margin:-6px -4px 15px;display:grid;overflow:hidden}.digital-human img{object-fit:cover;width:100%;height:100%}.evidence{margin-top:14px}.evidence-row{border-bottom:1px solid var(--line);grid-template-columns:26px 1fr auto;align-items:center;gap:8px;padding:12px 0;display:grid}.evidence-row span{color:var(--muted);font-size:12px}.evidence-row b{color:var(--mint)}.snapshot{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:15px}.snapshot-grid{background:var(--line);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:13px;display:grid;overflow:hidden}.snapshot-grid div{background:var(--deep);text-align:center;padding:11px 6px}.snapshot-grid b{color:var(--white);font-size:17px;display:block}.snapshot-grid span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.source-line{color:var(--muted);justify-content:space-between;gap:10px;margin-top:11px;font-size:11px;display:flex}.lab-progress{grid-template-columns:repeat(4,1fr);gap:6px;margin:18px 0;display:grid}.lab-progress div{background:#bdfaf01f;border-radius:8px;height:7px}.lab-progress div:first-child{background:var(--cyan)}.test-list{gap:10px;margin-top:13px;display:grid}.test-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;padding:14px;display:grid}.test-icon{width:41px;height:41px;color:var(--cyan);background:#76edf01a;border-radius:12px;place-items:center;font-weight:700;display:grid}.test-card strong{display:block}.test-card span{color:var(--muted);font-size:11px}.test-status{color:var(--cyan);font-size:12px}.privacy-note{border-left:3px solid var(--violet);color:var(--muted);background:#a897ff17;margin-top:16px;padding:13px;font-size:11px;line-height:1.45}.performance-nav{background:linear-gradient(145deg,#0b2e34,#122b3d);border:1px solid #76edf080;border-radius:16px;margin:0 18px 12px;padding:13px}.performance-nav.in-profile{margin:16px 0 0}.performance-nav-title{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.performance-nav-title strong{font-size:14px;display:block}.performance-nav-title>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.performance-nav-title .verify-cta{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin-top:3px;font-size:11px;font-weight:800;display:block}.assessment-buttons{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.assessment-buttons button{border:1px solid var(--line);background:var(--deep);min-height:48px;color:var(--mint);cursor:pointer;border-radius:11px;font-weight:700}.assessment-buttons button:hover{border-color:var(--cyan);color:var(--cyan)}.assessment-buttons small{color:var(--muted);margin-top:3px;font-size:9px;font-weight:500;display:block}.bottom-nav{border-top:1px solid var(--line);background:#061416;grid-template-columns:repeat(3,1fr);align-items:center;height:62px;display:grid}.bottom-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:11px}.bottom-nav button.active{color:var(--cyan)}.bottom-nav b{margin-bottom:3px;font-size:18px;display:block}.bottom-nav .mono-icon{color:currentColor;width:18px;height:18px;margin:0 auto 3px}.protocol{background:var(--panel);border:1px solid var(--line);border-radius:17px;margin-top:18px;padding:17px}.protocol-row{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;gap:10px;padding:11px 0;display:grid}.protocol-row:last-child{border-bottom:0}.protocol-row b{color:var(--cyan)}.protocol-row span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.app-head{grid-template-columns:108px 1fr 108px}.plei-back{min-height:44px;color:var(--mint);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:10px;font-weight:750;line-height:1.05;display:flex}.plei-back:before{content:"";background:url(/plei-logo.png) 50%/cover no-repeat;border-radius:7px;flex:0 0 27px;width:27px;height:27px}.plei-back:focus-visible,.bottom-nav button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.totem-nav{grid-template-columns:102px minmax(0,1fr) 88px}.totem-nav .plei-back{padding:0;font-size:9px}.bottom-nav{z-index:20;flex:0 0 62px;height:62px;position:relative}.bottom-nav button{min-height:48px}.vpx-logo{flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex}.vpx-logo .brand-line{color:var(--white)}.vpx-logo .brand-line span{color:var(--cyan)}.vpx-logo .product-subtitle{color:var(--muted);letter-spacing:.12em;margin-top:5px;font-size:9px;font-weight:650}@media (width<=450px){.shell{padding:0 0 24px}.phone{border-left:0;border-right:0;border-radius:0;width:100%;height:820px}.phone-top{display:none}}