@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;700;900&display=swap";:root{color-scheme:dark;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;--zzz-yellow: #E2FF00;--zzz-yellow-dim: rgba(226, 255, 0, .15);--zzz-red: #FF3366;--zzz-dark: #0D0E12;--zzz-panel: #16181F;--zzz-panel-light: #222530;--zzz-border: #2A2D3A;--zzz-text: #E0E2EB;--zzz-text-muted: #8A8D99;--cut-corner: polygon(16px 0, 100% 0, 100% calc(100% - 16px) , calc(100% - 16px) 100%, 0 100%, 0 16px);--cut-corner-sm: polygon(8px 0, 100% 0, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 0 100%, 0 8px);--stripes: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255,255,255,.03) 10px, rgba(255,255,255,.03) 20px);--stripes-yellow: repeating-linear-gradient(-45deg, transparent, transparent 10px, var(--zzz-yellow-dim) 10px, var(--zzz-yellow-dim) 20px)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background-color:var(--zzz-dark);background-image:radial-gradient(circle at 50% 0%,#1a1c23 0%,transparent 70%),linear-gradient(0deg,rgba(0,0,0,.2) 50%,transparent 50%);background-size:100% 100%,100% 4px;color:var(--zzz-text);overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.oswald{font-family:Oswald,sans-serif;text-transform:uppercase;margin:0}.eyebrow{font-family:Oswald,sans-serif;color:var(--zzz-yellow);font-weight:700;letter-spacing:.15em;font-size:.85rem;margin:0 0 12px;display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";display:block;width:12px;height:4px;background:var(--zzz-yellow)}.lead{font-size:1.05rem;line-height:1.62;color:var(--zzz-text-muted);max-width:64ch}.page{min-height:100vh;width:100%;padding:60px 20px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.page--home{min-height:100dvh;justify-content:safe center;padding-top:clamp(24px,6vh,56px);padding-bottom:clamp(24px,6vh,56px)}.card{width:min(1080px,100%);margin:0 auto;background:var(--zzz-panel);border:1px solid var(--zzz-border);clip-path:var(--cut-corner);padding:48px;position:relative;box-shadow:0 24px 48px #00000080}.hero.card{clip-path:none;overflow:visible;padding-block:48px;flex-shrink:0}.card:before{content:"SYS.REQ // PROXY_SCAN";position:absolute;top:16px;right:24px;font-family:Oswald,sans-serif;font-size:.7rem;color:var(--zzz-text-muted);letter-spacing:.1em;opacity:.5}.card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--zzz-yellow)}button{font:inherit;cursor:pointer;border:none;outline:none}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;font-family:Oswald,sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:.05em;clip-path:var(--cut-corner-sm);transition:all .2s cubic-bezier(.25,.8,.25,1);position:relative}.primary-button{background:var(--zzz-yellow);color:#000}.primary-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #e2ff004d}.secondary-button{background:var(--zzz-panel-light);color:var(--zzz-text);border:1px solid var(--zzz-border)}.secondary-button:hover{background:var(--zzz-border);color:#fff}.secondary-button.small{padding:8px 16px;font-size:.9rem}.bg-marquee-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:8vh;transform:rotate(-10deg) scale(1.2);pointer-events:none;opacity:.04}.bg-marquee-row{display:flex;white-space:nowrap;width:max-content;animation:marquee-scroll 60s linear infinite}.bg-marquee-row.reverse{animation-direction:reverse}.bg-marquee-text{font-family:Oswald,sans-serif;font-size:12vw;font-weight:900;color:#fff;padding-right:4vw;letter-spacing:-.02em}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-title-wrapper{margin:28px 0 36px;display:flex;flex-direction:column;align-items:flex-start;width:100%}.hero-title-main{font-size:clamp(6rem,18vw,15rem);line-height:.94;color:var(--zzz-yellow);margin:0;letter-spacing:-.04em;font-weight:900;position:relative;text-shadow:4px 4px 0px rgba(255,51,102,.8)}.hero-title-sub{font-size:clamp(1.5rem,4vw,2.5rem);color:#fff;margin-top:16px;letter-spacing:.1em;font-family:PingFang SC,sans-serif;font-weight:700}.pill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:40px 0}.pill-grid span{background:var(--zzz-panel-light);padding:16px 20px;font-size:.9rem;font-weight:700;color:var(--zzz-text);border-left:3px solid var(--zzz-yellow);display:flex;align-items:center}.methodology{background:var(--stripes);border:1px solid var(--zzz-border);padding:32px;margin:40px 0;clip-path:var(--cut-corner-sm)}.methodology h2{color:var(--zzz-yellow);font-size:1.5rem;margin-bottom:24px}.methodology ul{margin:0;padding-left:20px;color:var(--zzz-text-muted);line-height:1.8}.methodology strong{color:#fff}.entry-grid{display:grid;grid-template-columns:auto 1fr;gap:24px;margin-top:48px}.entry-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.entry-button small{font-family:PingFang SC,sans-serif;font-size:.8rem;color:var(--zzz-text-muted);letter-spacing:0;text-transform:none}.quiz-topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;border-bottom:1px solid var(--zzz-border);padding-bottom:24px}.quiz-topbar h1{font-size:2.5rem;color:#fff}.progress-wrap{display:flex;align-items:center;gap:24px;margin-bottom:40px}.progress-track{flex:1;height:6px;background:var(--zzz-panel-light);position:relative}.progress-fill{height:100%;background:var(--zzz-yellow);transition:width .4s cubic-bezier(.25,.8,.25,1);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:-4px;width:4px;height:14px;background:#fff}.progress-wrap span{font-family:Oswald,sans-serif;font-weight:700;font-size:1.2rem;color:var(--zzz-yellow);min-width:3ch}.question-card{background:var(--zzz-panel-light);padding:40px;clip-path:var(--cut-corner);border:1px solid var(--zzz-border)}.prompt{font-size:1.4rem;line-height:1.6;color:#fff;margin:0 0 40px;font-weight:700}.side-labels{display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative}.side-labels:after{content:"VS";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Oswald,sans-serif;font-weight:900;color:var(--zzz-border);font-size:2rem}.side-label-item{display:flex;flex-direction:column}.side-label-item.right{text-align:right;align-items:flex-end}.side-name{font-family:Oswald,sans-serif;font-size:.8rem;color:var(--zzz-text-muted);letter-spacing:.1em;margin-bottom:8px}.side-labels strong{font-size:1.1rem;color:var(--zzz-yellow);line-height:1.5}.side-label-item.left .side-name{color:#7fd7ff}.side-label-item.left strong{color:#7fd7ff;text-shadow:0 0 10px rgba(127,215,255,.25)}.side-label-item.right .side-name{color:#ff8db2}.side-label-item.right strong{color:#ff8db2;text-shadow:0 0 10px rgba(255,141,178,.25)}.slider-container{margin:60px 0 40px;position:relative}.slider-track{height:8px;background:var(--zzz-border);position:relative;cursor:pointer}.slider-fill{position:absolute;height:100%;background:var(--zzz-yellow);pointer-events:none}.slider-thumb{position:absolute;top:50%;width:16px;height:32px;background:#fff;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 0 20px #e2ff0066}.slider-thumb:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.slider-marks{display:flex;justify-content:space-between;margin-top:24px}.slider-mark{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;color:var(--zzz-text-muted);width:80px;text-align:center;transition:color .2s}.slider-mark-dot{width:12px;height:12px;background:var(--zzz-panel);border:2px solid var(--zzz-border);transform:rotate(45deg);transition:all .2s}.slider-mark.active{color:var(--zzz-yellow)}.slider-mark.active .slider-mark-dot{background:var(--zzz-yellow);border-color:var(--zzz-yellow);box-shadow:0 0 12px #e2ff0080}.slider-mark-label{font-size:.85rem;font-weight:500;line-height:1.3}.question-footer{margin-top:40px;padding-top:24px;border-top:1px dashed var(--zzz-border)}.nav-row{display:flex;justify-content:space-between;margin-top:32px}.result-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.summary-box{background:var(--zzz-panel-light);padding:24px;border-top:2px solid var(--zzz-yellow)}.summary-box.wide{grid-column:span 3}.summary-label{font-family:Oswald,sans-serif;font-size:.85rem;color:var(--zzz-text-muted);letter-spacing:.1em;display:block;margin-bottom:8px}.summary-box strong{font-size:1.5rem;color:#fff;font-family:Oswald,sans-serif}.hero-match{display:grid;grid-template-columns:360px 1fr;background:var(--zzz-panel-light);border:1px solid var(--zzz-border);margin-bottom:48px;position:relative;clip-path:var(--cut-corner)}.hero-match:before{content:"SYNC_TARGET_FOUND";position:absolute;top:0;left:0;background:var(--zzz-yellow);color:#000;padding:4px 12px;font-family:Oswald,sans-serif;font-weight:900;font-size:.8rem;letter-spacing:.1em;z-index:10}.hero-match-portrait-wrap{width:100%;height:100%;min-height:400px;position:relative;background:#000}.portrait-image,.portrait-fallback{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:grayscale(20%) contrast(110%)}.hero-match-portrait-wrap:after{content:"";position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(to right,transparent,var(--zzz-panel-light))}.hero-match-copy{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.match-rank{font-family:Oswald,sans-serif;color:var(--zzz-yellow);font-weight:700;font-size:1.2rem;margin:0 0 8px}.hero-match-copy h2{font-size:3rem;color:#fff;margin:0 0 8px}.hero-match-subtitle{color:var(--zzz-text-muted);font-size:1.1rem;margin:0 0 24px;font-family:Oswald,sans-serif;letter-spacing:.05em}.match-meta{display:inline-block;background:#ffffff0d;padding:6px 12px;border-left:2px solid var(--zzz-red);font-size:.9rem;color:#fff;margin-bottom:24px}.match-section h2{font-size:1.8rem;color:#fff;margin-bottom:24px;border-bottom:1px solid var(--zzz-border);padding-bottom:16px}.axis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:48px}.axis-card{background:var(--zzz-panel-light);padding:24px;border:1px solid var(--zzz-border);clip-path:var(--cut-corner-sm)}.axis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.axis-header h3{color:var(--zzz-yellow);font-size:1.2rem}.axis-header span{font-family:Oswald,sans-serif;color:var(--zzz-text-muted);font-weight:700}.axis-card p{font-size:.9rem;color:var(--zzz-text-muted);margin:0 0 20px;line-height:1.6}.bar-track{height:4px;background:#ffffff1a}.bar-fill{height:100%;background:var(--zzz-yellow)}.match-grid,.roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:48px}.match-card,.roster-card{background:var(--zzz-panel-light);border:1px solid var(--zzz-border);display:flex;flex-direction:column;transition:all .2s;clip-path:var(--cut-corner-sm)}.match-card:hover,.roster-card:hover{border-color:var(--zzz-yellow);transform:translateY(-4px);box-shadow:0 12px 24px #0006}.match-card:hover .portrait-image,.roster-card:hover .portrait-image{filter:grayscale(0%) contrast(100%)}.roster-portrait-wrap{height:220px;position:relative;border-bottom:1px solid var(--zzz-border)}.roster-mbti-badge{position:absolute;top:12px;right:12px;background:var(--zzz-yellow);color:#000;padding:4px 8px;font-family:Oswald,sans-serif;font-weight:900;font-size:1rem}.roster-card-content,.match-card{padding:24px;flex:1;display:flex;flex-direction:column}.match-card-top{display:flex;align-items:center;gap:16px;margin-bottom:20px}.match-card-top .portrait-image,.match-card-top .portrait-fallback{width:80px;height:80px;border-radius:50%}.roster-card h4,.match-card h3{font-size:1.3rem;color:#fff;margin:0 0 4px}.roster-subtitle,.match-card h3 span{font-family:Oswald,sans-serif;color:var(--zzz-text-muted);font-size:.9rem;margin:0 0 16px;display:block}.roster-rationale,.match-card>.lead{font-size:.95rem;line-height:1.6;color:var(--zzz-text-muted);margin:0}.page-headline{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.roster-headline{position:relative;padding-top:4px}.roster-headline-copy{margin-left:0}.headline-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.roster-count{font-family:Oswald,sans-serif;color:var(--zzz-yellow);letter-spacing:.06em}.roster-count.big{font-size:1.1rem}.roster-back-button{position:absolute;top:0;left:0;z-index:2}.roster-headline .eyebrow,.roster-headline h1,.roster-headline .lead{margin-left:96px}.faction-stack{display:flex;flex-direction:column;gap:40px;margin-top:40px}.faction-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--zzz-border);padding-bottom:16px;margin-bottom:24px}.faction-toggle{width:100%;background:#ffffff05;text-align:left;padding:14px 16px;margin-bottom:16px;clip-path:var(--cut-corner-sm);transition:background .2s ease,border-color .2s ease}.faction-toggle:hover{background:#ffffff0d}.faction-toggle.expanded{border-color:#e2ff0057}.faction-header h3{font-size:1.8rem;color:#fff}.faction-header span{color:var(--zzz-yellow);font-family:Oswald,sans-serif;font-weight:700}.notice-box{background:#ff33661a;border:1px solid var(--zzz-red);padding:20px;margin-bottom:32px;border-left:4px solid var(--zzz-red)}.notice-box strong{display:block;color:var(--zzz-red);font-family:Oswald,sans-serif;font-size:1.1rem;margin-bottom:8px;letter-spacing:.05em}.notice-box p{margin:0;font-size:.95rem;color:#fff}@media(max-width:900px){.page{min-height:100dvh;padding:12px 10px;padding-bottom:calc(20px + env(safe-area-inset-bottom));align-items:stretch}.page--home{justify-content:safe center;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(calc(20px + env(safe-area-inset-bottom,0px)),12px)}.card{padding:18px 14px;clip-path:none;border-left:none;border-right:none}.card:before{display:none}.hero-title-main{font-size:clamp(3.2rem,19vw,6rem);line-height:.98}.hero-title-sub{font-size:1rem;margin-top:10px}.hero-title-wrapper{margin:16px 0 20px}.lead{font-size:.92rem;line-height:1.55}.entry-grid{grid-template-columns:1fr;gap:12px;margin-top:24px}.pill-grid{margin:18px 0;gap:10px;grid-template-columns:1fr 1fr}.pill-grid span{padding:12px;font-size:.78rem;line-height:1.35}.side-labels{grid-template-columns:1fr;gap:10px}.side-labels:after{display:none}.side-label-item.right{text-align:left;align-items:flex-start;padding-top:16px;border-top:1px dashed var(--zzz-border)}.slider-marks{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.slider-mark{width:auto}.slider-mark-label{font-size:.64rem;word-break:break-word}.question-card{padding:22px 16px}.prompt{font-size:1.06rem;margin-bottom:24px;line-height:1.45}.slider-container{margin:28px 0 18px}.question-footer{margin-top:18px;padding-top:14px}.quiz-topbar h1{font-size:1.7rem}.progress-wrap{margin-bottom:20px;gap:12px}.result-summary-grid{grid-template-columns:1fr;margin:20px 0}.summary-box.wide{grid-column:span 1}.hero-match{grid-template-columns:1fr}.hero-match-portrait-wrap{height:300px;min-height:auto}.hero-match-portrait-wrap:after{background:linear-gradient(to bottom,transparent,var(--zzz-panel-light));width:100%;height:40%;top:auto;bottom:0}.hero-match-copy{padding:18px 14px}.quiz-topbar{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:14px}.faction-stack{margin-top:20px;gap:16px}.page-headline{grid-template-columns:1fr;gap:10px}.headline-actions{align-items:flex-start}.roster-back-button{position:static;width:fit-content}.roster-headline .eyebrow,.roster-headline h1,.roster-headline .lead{margin-left:0}.faction-header{margin-bottom:12px;padding-bottom:10px}.faction-header h3{font-size:1.2rem}.faction-header span{font-size:.9rem}.roster-grid{margin-bottom:12px}.roster-portrait-wrap{height:180px}}