/* Cloned in source order from tensura-personality-test/index.html. Venn declarations and geometry are intentionally preserved verbatim; only the result-root scope is changed. */ #ftVennScope .ft-venn-card{position:relative;max-width:1240px;margin:0 auto 22px;padding:30px 26px 24px;box-sizing:border-box;overflow:hidden;border:1px solid rgba(219,185,113,.52);border-radius:18px;background:radial-gradient(ellipse at 30% 30%,rgba(35,72,130,.24),transparent 55%),linear-gradient(145deg,#080e1c,#030816 80%);color:#edf2ff;box-shadow:0 16px 45px #0005} #ftVennScope .ft-venn-card{border-color:rgba(119,151,230,.42);background:radial-gradient(ellipse at 50% 0,rgba(59,67,144,.2),transparent 62%),linear-gradient(145deg,#080e1c,#030816 80%)} #ftVennScope .ft-viz-eyebrow{text-align:center;font:600 11px/1.5 Arial,sans-serif;letter-spacing:.32em;color:#b9c6e6} #ftVennScope .ft-venn-card h2{text-align:center;font:500 clamp(34px,5vw,58px)/1.05 Georgia,serif;margin:6px 0;color:#f6f2ed;letter-spacing:-.025em} #ftVennScope .ft-viz-subtitle{text-align:center;letter-spacing:.32em;font:500 13px/1.5 Arial,sans-serif;color:#c4d2f3} #ftVennScope .ft-viz-intro{max-width:650px;margin:14px auto 24px;text-align:center;color:#c7d0e3;font:15px/1.55 Georgia,serif} #ftVennScope .ft-venn-wrap{position:relative;width:min(100%,590px);aspect-ratio:1.1;margin:0 auto 12px} #ftVennScope .ft-venn-circle{position:absolute;width:48%;height:53%;border-radius:50%;border:1.5px solid var(--c);background:var(--bg);box-shadow:inset 0 0 35px var(--glow),0 0 22px var(--glow);display:flex;align-items:flex-start;justify-content:center;padding-top:12px;box-sizing:border-box} #ftVennScope .ft-venn-circle:before{content:"";position:absolute;inset:0;border-radius:50%;background-image:var(--portrait);background-size:cover;background-position:center 18%;opacity:.45;mix-blend-mode:screen} #ftVennScope .ft-v1{--c:#70bfff;--bg:#2677ff2b;--glow:#368cff55;left:3%;top:23%} #ftVennScope .ft-v2{--c:#d48cff;--bg:#a33dff2b;--glow:#a73dff55;left:26%;top:2%} #ftVennScope .ft-v3{--c:#ffd27d;--bg:#ffb92b25;--glow:#ffbf4d55;right:3%;top:23%} #ftVennScope .ft-v4{--c:#6fe5a1;--bg:#1bbf7828;--glow:#35d68b55;left:26%;bottom:1%} #ftVennScope .ft-venn-center{position:absolute;left:39%;top:43%;width:22%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:#11162dbb;border:1px solid #e8eaff88;color:#fff;font:600 11px/1.6 Arial,sans-serif;letter-spacing:.16em;z-index:3;box-shadow:0 0 25px #aabaff33} #ftVennScope .ft-venn-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px} #ftVennScope .ft-venn-item{text-align:center;padding:12px 5px;border-top:2px solid var(--c);background:linear-gradient(180deg,var(--bg),transparent);color:#e9efff} #ftVennScope .ft-venn-item strong{display:block;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--c)} #ftVennScope .ft-venn-item b{display:block;font:28px/1.3 Georgia,serif;margin-top:3px} #ftVennScope .ft-venn-item small{color:#bfc8dc;font:11px/1.3 Arial,sans-serif} @media (max-width:700px){ #ftVennScope .ft-venn-card{padding:22px 12px 16px;border-radius:13px;margin-bottom:14px} #ftVennScope .ft-viz-intro{font-size:13px;margin:11px auto 18px} #ftVennScope .ft-venn-wrap{width:100%;max-width:440px} #ftVennScope .ft-venn-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #ftVennScope .ft-venn-item{padding:9px 3px} #ftVennScope .ft-venn-item b{font-size:24px} } #ftVennScope .ft-venn-card{padding:30px 26px 25px;} #ftVennScope .ft-venn-wrap{width:min(100%,560px);aspect-ratio:1.06;margin:2px auto 16px;isolation:isolate;} #ftVennScope .ft-venn-circle{width:48%;height:52%;padding:0;border:1.6px solid var(--c);background:var(--bg);box-shadow:inset 0 0 18px var(--glow),0 0 13px color-mix(in srgb,var(--glow) 65%,transparent);overflow:hidden;} #ftVennScope .ft-venn-circle:before{inset:0;opacity:.27;mix-blend-mode:normal;background-position:center 20%;filter:saturate(.8) contrast(1.03);} #ftVennScope .ft-v1{left:2%;top:26%;} #ftVennScope .ft-v2{left:26%;top:3%;} #ftVennScope .ft-v3{right:2%;top:26%;} #ftVennScope .ft-v4{left:26%;bottom:1%;} #ftVennScope .ft-venn-center{left:39%;top:42%;width:22%;background:rgba(8,14,29,.88);border-color:#e2e8ff9c;box-shadow:0 0 18px #9baeff22;font-size:11px;} #ftVennScope .ft-venn-legend{grid-template-columns:repeat(4,minmax(0,1fr));max-width:900px;margin:20px auto 0;gap:10px;} #ftVennScope .ft-venn-item{padding:13px 7px 11px;border:1px solid #ffffff12;border-top:2px solid var(--c);border-radius:0 0 7px 7px;background:linear-gradient(180deg,var(--bg),#050a15 90%);} #ftVennScope .ft-venn-item strong{font-size:11px;letter-spacing:.07em;} #ftVennScope .ft-venn-item b{font-size:29px;} #ftVennScope .ft-venn-item small{font-size:10px;letter-spacing:.06em;} @media (max-width:700px){ #ftVennScope .ft-venn-card{padding:22px 12px 16px;} #ftVennScope .ft-venn-wrap{width:100%;max-width:440px;aspect-ratio:1.02;margin-bottom:8px;} #ftVennScope .ft-venn-circle{width:49%;height:52%;} #ftVennScope .ft-v1{left:1%;top:25%;} #ftVennScope .ft-v2{left:25.5%;top:2%;} #ftVennScope .ft-v3{right:1%;top:25%;} #ftVennScope .ft-v4{left:25.5%;bottom:1%;} #ftVennScope .ft-venn-center{left:39%;top:41%;width:22%;font-size:10px;} #ftVennScope .ft-venn-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;} #ftVennScope .ft-venn-item{padding:10px 5px 9px;} #ftVennScope .ft-venn-item b{font-size:25px;} } @media (max-width:380px){ #ftVennScope .ft-venn-item strong{font-size:10px} } #ftVennScope .ft-venn-card{background:radial-gradient(ellipse at 50% 42%,rgba(23,42,82,.18),transparent 62%),linear-gradient(145deg,#080e1c,#030714 82%);border-color:rgba(110,139,196,.45)!important;} #ftVennScope .ft-venn-wrap{width:min(100%,560px)!important;aspect-ratio:1.08!important;margin:0 auto 18px!important;} #ftVennScope .ft-venn-circle{overflow:hidden!important;isolation:isolate!important;background-color:var(--bg)!important;box-shadow:0 0 14px var(--glow)!important;border-width:1.5px!important;} #ftVennScope .ft-venn-circle:before{content:"";position:absolute;inset:0;background:var(--portrait) center 28%/cover no-repeat;opacity:.52;mix-blend-mode:screen;z-index:-1;} #ftVennScope .ft-venn-circle:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,var(--c),rgba(5,10,24,.48));opacity:.36;pointer-events:none;} #ftVennScope .ft-venn-center{z-index:5!important;background:rgba(5,11,27,.9)!important;border:1px solid rgba(225,232,255,.65)!important;box-shadow:0 0 20px #0008!important;} #ftVennScope .ft-venn-legend{margin-top:16px!important;} @media (max-width:700px){ #ftVennScope .ft-venn-card{padding:22px 12px 16px!important;margin-bottom:14px!important;} #ftVennScope .ft-venn-wrap{width:100%!important;max-width:420px!important;aspect-ratio:1.02!important;} #ftVennScope .ft-venn-circle{width:48%!important;height:50%!important;} #ftVennScope .ft-v1{left:2%!important;top:29%!important;} #ftVennScope .ft-v2{left:50%!important;top:29%!important;} #ftVennScope .ft-v3{left:26%!important;top:2%!important;} #ftVennScope .ft-v4{left:26%!important;top:55%!important;} #ftVennScope .ft-venn-center{width:30%!important;height:30%!important;} #ftVennScope .ft-venn-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;} } @media (max-width:380px){ #ftVennScope .ft-viz-intro{font-size:12px!important} } #ftVennScope .ft-venn-card{background:linear-gradient(180deg,#080e1d,#030815 88%)!important;border-color:rgba(112,143,203,.42)!important;} #ftVennScope .ft-venn-wrap{position:relative!important;width:min(100%,560px)!important;aspect-ratio:1.04!important;margin:2px auto 12px!important;overflow:visible!important;isolation:isolate!important;} #ftVennScope .ft-venn-circle{position:absolute!important;width:49%!important;height:51%!important;padding:0!important;border-radius:50%!important;overflow:hidden!important;box-sizing:border-box!important;background:var(--bg)!important;border:1.5px solid var(--c)!important;box-shadow:inset 0 0 22px var(--glow),0 0 14px var(--glow)!important;z-index:1!important;} #ftVennScope .ft-venn-circle:before{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background-image:var(--portrait)!important;background-size:cover!important;background-position:center 22%!important;opacity:.34!important;mix-blend-mode:normal!important;filter:saturate(.86)!important;z-index:0!important;} #ftVennScope .ft-venn-circle:after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:linear-gradient(145deg,var(--c),rgba(5,10,24,.30))!important;opacity:.22!important;pointer-events:none!important;z-index:1!important;} #ftVennScope .ft-v1{left:1%!important;top:26%!important;} #ftVennScope .ft-v2{left:25.5%!important;top:2%!important;} #ftVennScope .ft-v3{right:1%!important;top:26%!important;} #ftVennScope .ft-v4{left:25.5%!important;bottom:1%!important;} #ftVennScope .ft-venn-center{display:none!important;} #ftVennScope .ft-intersection-label{position:absolute!important;z-index:4!important;transform:translate(-50%,-50%)!important;color:#fff!important;font:500 clamp(11px,2.4vw,16px)/1 Georgia,serif!important;text-shadow:0 1px 5px #020611,0 0 8px #020611!important;pointer-events:none!important;white-space:nowrap!important;} #ftVennScope .ft-intersection-label.ft-i12{left:37%!important;top:30%!important;} #ftVennScope .ft-intersection-label.ft-i23{left:63%!important;top:30%!important;} #ftVennScope .ft-intersection-label.ft-i13{left:50%!important;top:43%!important;} #ftVennScope .ft-intersection-label.ft-i14{left:37%!important;top:66%!important;} #ftVennScope .ft-intersection-label.ft-i34{left:63%!important;top:66%!important;} #ftVennScope .ft-intersection-label.ft-i24{left:50%!important;top:78%!important;} #ftVennScope .ft-intersection-label.ft-i1234{left:50%!important;top:51%!important;font-size:clamp(12px,2.8vw,18px)!important;} #ftVennScope .ft-venn-legend{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:14px auto 0!important;} #ftVennScope .ft-venn-item{min-width:0!important;padding:12px 5px 10px!important;background:linear-gradient(180deg,var(--bg),#050a15 90%)!important;border:1px solid #ffffff14!important;border-top:2px solid var(--c)!important;border-radius:0 0 7px 7px!important;} #ftVennScope .ft-venn-item strong{font-size:clamp(9px,1.5vw,11px)!important;letter-spacing:.04em!important;} @media (max-width:700px){ #ftVennScope .ft-venn-card{padding:22px 12px 16px!important;margin-bottom:14px!important;} #ftVennScope .ft-venn-wrap{width:100%!important;max-width:430px!important;aspect-ratio:1.04!important;} #ftVennScope .ft-venn-circle{width:49%!important;height:51%!important;} #ftVennScope .ft-v1{left:1%!important;top:26%!important;} #ftVennScope .ft-v2{left:25.5%!important;top:2%!important;} #ftVennScope .ft-v3{right:1%!important;top:26%!important;} #ftVennScope .ft-v4{left:25.5%!important;bottom:1%!important;} #ftVennScope .ft-intersection-label.ft-i12{left:36%!important;top:31%!important;} #ftVennScope .ft-intersection-label.ft-i23{left:64%!important;top:31%!important;} #ftVennScope .ft-intersection-label.ft-i13{left:50%!important;top:43%!important;} #ftVennScope .ft-intersection-label.ft-i14{left:36%!important;top:66%!important;} #ftVennScope .ft-intersection-label.ft-i34{left:64%!important;top:66%!important;} #ftVennScope .ft-intersection-label.ft-i24{left:50%!important;top:78%!important;} #ftVennScope .ft-intersection-label.ft-i1234{left:50%!important;top:51%!important;} #ftVennScope .ft-venn-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;} #ftVennScope .ft-venn-item{padding:10px 5px!important;} #ftVennScope .ft-venn-item b{font-size:25px!important;} } @media (max-width:380px){ #ftVennScope .ft-intersection-label{font-size:10px!important} #ftVennScope .ft-intersection-label.ft-i1234{font-size:12px!important} } #ftVennScope #ftVennCard .ft-venn-wrap{position:relative!important;display:block!important;width:min(100%,530px)!important;max-width:100%!important;aspect-ratio:1/1!important;height:auto!important;margin:10px auto 18px!important;overflow:visible!important;isolation:isolate!important;} #ftVennScope #ftVennCard .ft-venn-circle{position:absolute!important;display:block!important;width:47%!important;height:47%!important;min-width:0!important;min-height:0!important;aspect-ratio:1/1!important;box-sizing:border-box!important;border-radius:50%!important;overflow:hidden!important;padding:0!important;margin:0!important;transform:none!important;z-index:1!important;background:var(--bg,rgba(8,18,40,.42))!important;border:1.5px solid var(--c)!important;box-shadow:inset 0 0 22px var(--glow),0 0 15px var(--glow)!important;} #ftVennScope #ftVennCard .ft-venn-circle:before{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background-image:var(--portrait)!important;background-size:cover!important;background-position:center 24%!important;opacity:.43!important;mix-blend-mode:normal!important;filter:saturate(.9)!important;z-index:0!important;} #ftVennScope #ftVennCard .ft-venn-circle:after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:linear-gradient(145deg,var(--c),rgba(5,10,24,.42))!important;opacity:.24!important;pointer-events:none!important;z-index:1!important;} #ftVennScope #ftVennCard .ft-v1{left:26.5%!important;top:2%!important;right:auto!important;bottom:auto!important;} #ftVennScope #ftVennCard .ft-v2{left:2%!important;top:26.5%!important;right:auto!important;bottom:auto!important;} #ftVennScope #ftVennCard .ft-v3{left:auto!important;right:2%!important;top:26.5%!important;bottom:auto!important;} #ftVennScope #ftVennCard .ft-v4{left:26.5%!important;right:auto!important;top:auto!important;bottom:2%!important;} #ftVennScope #ftVennCard .ft-venn-center{display:none!important;} #ftVennScope #ftVennCard .ft-intersection-label{position:absolute!important;display:block!important;z-index:5!important;transform:translate(-50%,-50%)!important;color:#fff!important;font:600 clamp(10px,2.4vw,15px)/1 Arial,sans-serif!important;letter-spacing:.01em!important;text-shadow:0 1px 3px #020611,0 0 8px #020611!important;pointer-events:none!important;white-space:nowrap!important;padding:3px 5px!important;border-radius:5px!important;background:rgba(3,8,20,.48)!important;border:1px solid rgba(255,255,255,.14)!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12{left:31%!important;top:35%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i23{left:69%!important;top:35%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i13{left:50%!important;top:27%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i14{left:31%!important;top:65%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:69%!important;top:65%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i24{left:50%!important;top:74%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i123{left:39%!important;top:39%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i124{left:39%!important;top:61%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i134{left:61%!important;top:39%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i234{left:61%!important;top:61%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{left:50%!important;top:50%!important;font-size:clamp(12px,2.8vw,17px)!important;background:rgba(3,8,20,.78)!important;border-color:rgba(255,255,255,.35)!important;} #ftVennScope #ftVennCard .ft-venn-legend{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px auto 0!important;max-width:900px!important;} #ftVennScope #ftVennCard .ft-venn-item{min-width:0!important;padding:13px 12px!important;background:linear-gradient(180deg,var(--bg),#050a15 90%)!important;border:1px solid #ffffff16!important;border-top:2px solid var(--c)!important;border-radius:0 0 9px 9px!important;} #ftVennScope #ftVennCard .ft-venn-item strong{font-size:11px!important;letter-spacing:.09em!important;} #ftVennScope #ftVennCard .ft-venn-item b{display:block!important;margin-top:6px!important;font-size:27px!important;line-height:1.1!important;} #ftVennScope #ftVennCard .ft-venn-item small{display:block!important;margin-top:5px!important;font-size:10px!important;letter-spacing:.06em!important;} @media (max-width:520px){ #ftVennScope #ftVennCard .ft-venn-wrap{width:100%!important;max-width:430px!important;aspect-ratio:1/1!important;margin:8px auto 14px!important} #ftVennScope #ftVennCard .ft-venn-circle{width:47%!important;height:47%!important} #ftVennScope #ftVennCard .ft-intersection-label{font-size:clamp(9px,2.5vw,12px)!important;padding:2px 3px!important;letter-spacing:0!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12{left:30%!important;top:35%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i23{left:70%!important;top:35%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i13{left:50%!important;top:27%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i14{left:30%!important;top:65%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:70%!important;top:65%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i24{left:50%!important;top:74%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i123{left:39%!important;top:40%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i124{left:39%!important;top:60%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i134{left:61%!important;top:40%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i234{left:61%!important;top:60%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{left:50%!important;top:50%!important;font-size:11px!important} #ftVennScope #ftVennCard .ft-venn-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #ftVennScope #ftVennCard .ft-venn-item{padding:10px 8px!important} #ftVennScope #ftVennCard .ft-venn-item b{font-size:24px!important} } @media (max-width:360px){ #ftVennScope #ftVennCard .ft-intersection-label{font-size:9px!important;padding:1px 2px!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{font-size:10px!important} } #ftVennScope #ftVennCard .ft-venn-wrap{isolation:isolate!important;overflow:visible!important} #ftVennScope #ftVennCard .ft-venn-intersection-glow{z-index:5!important;filter:blur(7px) saturate(1.45)!important;mix-blend-mode:screen!important;opacity:.95!important} #ftVennScope #ftVennCard .ft-intersection-label{z-index:8!important;background:transparent!important;border:0!important;box-shadow:none!important;text-shadow:0 1px 3px rgba(0,0,0,.95)!important;color:#fff!important;font-weight:600!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i123, #ftVennScope #ftVennCard .ft-intersection-label.ft-i124, #ftVennScope #ftVennCard .ft-intersection-label.ft-i134, #ftVennScope #ftVennCard .ft-intersection-label.ft-i234{display:none!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12{left:37%!important;top:34%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i13{left:63%!important;top:34%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i24{left:37%!important;top:66%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:63%!important;top:66%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{left:50%!important;top:50%!important;font-size:clamp(13px,3vw,17px)!important} #ftVennScope #ftVennCard .ft-venn-circle{z-index:1!important} #ftVennScope #ftVennCard .ft-venn-circle .ft-venn-portrait{z-index:0!important} #ftVennScope #ftVennCard .ft-venn-circle:before{z-index:1!important} #ftVennScope #ftVennCard .ft-venn-circle:after{z-index:2!important} #ftVennScope #ftVennCard .ft-venn-circle{background:rgba(8,18,40,.28)!important; box-shadow:inset 0 0 25px var(--glow),0 0 19px var(--glow)!important;} #ftVennScope #ftVennCard .ft-venn-circle .ft-venn-portrait{position:absolute!important;inset:0!important;width:100%!important;height:100%!important; object-fit:contain!important;object-position:center center!important; border-radius:50%!important;opacity:.88!important; filter:saturate(1.12) contrast(1.08) brightness(1.04)!important; z-index:0!important;display:block!important;} #ftVennScope #ftVennCard .ft-venn-circle:before{background-image:none!important;opacity:0!important;} #ftVennScope #ftVennCard .ft-venn-circle:after{background:linear-gradient(145deg,var(--c),rgba(5,10,24,.20))!important; opacity:.10!important;z-index:1!important;} #ftVennScope #ftVennCard .ft-intersection-label{background:transparent!important;background-color:transparent!important; border:0!important;box-shadow:none!important;padding:2px 3px!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{background:transparent!important;background-color:transparent!important; border:0!important;box-shadow:none!important;} #ftVennScope #ftVennCard .ft-venn-circle{background:rgba(5,12,29,.12)!important; box-shadow: inset 0 0 24px color-mix(in srgb,var(--c) 35%,transparent), 0 0 9px color-mix(in srgb,var(--c) 70%,transparent), 0 0 24px color-mix(in srgb,var(--c) 52%,transparent), 0 0 38px color-mix(in srgb,var(--c) 28%,transparent)!important;} #ftVennScope #ftVennCard .ft-venn-circle .ft-venn-portrait{object-fit:cover!important; object-position:50% 22%!important; opacity:1!important; filter:saturate(1.32) contrast(1.13) brightness(1.10)!important; mix-blend-mode:normal!important;} #ftVennScope #ftVennCard .ft-venn-circle:before{content:none!important;background:none!important;opacity:0!important;} #ftVennScope #ftVennCard .ft-venn-circle:after{background:var(--c)!important; opacity:.055!important; mix-blend-mode:color!important; z-index:1!important;} #ftVennScope #ftVennCard .ft-venn-intersection-glow{opacity:1!important; filter:saturate(1.22)!important;} #ftVennScope #ftVennCard .ft-intersection-label{background:transparent!important;background-color:transparent!important; border:0!important;box-shadow:none!important;} #ftVennScope #ftVennCard .ft-venn-wrap{position:relative!important;width:min(100%,530px)!important;aspect-ratio:1/1!important;height:auto!important;margin:8px auto 14px!important;overflow:visible!important;isolation:isolate!important} #ftVennScope #ftVennCard .ft-venn-circle{position:absolute!important;width:47%!important;height:47%!important;aspect-ratio:1/1!important;padding:0!important;margin:0!important;border-radius:50%!important;box-sizing:border-box!important;overflow:hidden!important;background:var(--bg,rgba(9,18,38,.4))!important;border:1.5px solid var(--c)!important;box-shadow:inset 0 0 18px var(--glow),0 0 13px var(--glow)!important;z-index:1!important} #ftVennScope #ftVennCard .ft-venn-circle:before{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background-image:var(--portrait)!important;background-size:cover!important;background-position:center 22%!important;opacity:.28!important;mix-blend-mode:normal!important;filter:saturate(.88)!important;z-index:0!important} #ftVennScope #ftVennCard .ft-venn-circle:after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:linear-gradient(145deg,var(--c),rgba(5,10,24,.28))!important;opacity:.17!important;pointer-events:none!important;z-index:1!important} #ftVennScope #ftVennCard .ft-v1{left:26.5%!important;top:2%!important;right:auto!important;bottom:auto!important} #ftVennScope #ftVennCard .ft-v2{left:2%!important;top:26.5%!important;right:auto!important;bottom:auto!important} #ftVennScope #ftVennCard .ft-v3{left:auto!important;right:2%!important;top:26.5%!important;bottom:auto!important} #ftVennScope #ftVennCard .ft-v4{left:26.5%!important;right:auto!important;top:auto!important;bottom:2%!important} #ftVennScope #ftVennCard .ft-venn-center{display:none!important} #ftVennScope #ftVennCard .ft-intersection-label{position:absolute!important;display:block!important;z-index:5!important;transform:translate(-50%,-50%)!important;color:#fff!important;font:500 clamp(11px,2.5vw,16px)/1 Georgia,serif!important;text-shadow:0 1px 4px #020611,0 0 7px #020611!important;pointer-events:none!important;white-space:nowrap!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12{left:29%!important;top:36%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i23{left:71%!important;top:36%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i13{left:50%!important;top:32%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i14{left:29%!important;top:64%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:71%!important;top:64%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i24{left:50%!important;top:72%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{left:50%!important;top:50%!important;font-size:clamp(12px,2.8vw,18px)!important} #ftVennScope #ftVennCard .ft-venn-legend{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:12px auto 0!important} #ftVennScope #ftVennCard .ft-venn-item{min-width:0!important;padding:12px 8px!important} @media (max-width:520px){ #ftVennScope #ftVennCard .ft-venn-wrap{width:100%!important;max-width:440px!important;aspect-ratio:1/1!important;margin-top:10px!important} #ftVennScope #ftVennCard .ft-venn-circle{width:47%!important;height:47%!important} #ftVennScope #ftVennCard .ft-venn-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important} #ftVennScope #ftVennCard .ft-intersection-label{font-size:12px!important} } #ftVennScope #ftVennCard .ft-intersection-label.ft-i13, #ftVennScope #ftVennCard .ft-intersection-label.ft-i24, #ftVennScope #ftVennCard .ft-intersection-label.ft-i123, #ftVennScope #ftVennCard .ft-intersection-label.ft-i124, #ftVennScope #ftVennCard .ft-intersection-label.ft-i134, #ftVennScope #ftVennCard .ft-intersection-label.ft-i234{display:none !important;} #ftVennScope #ftVennCard .ft-intersection-label{padding:2px 4px !important; background:rgba(3,8,20,.58) !important; border:0 !important; border-radius:4px !important; font-size:clamp(11px,2.8vw,14px) !important; box-shadow:none !important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12{left:31% !important; top:35% !important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i23{left:69% !important; top:35% !important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i14{left:31% !important; top:65% !important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:69% !important; top:65% !important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{left:50% !important; top:50% !important; font-size:clamp(12px,3vw,16px) !important;} #ftVennScope #ftVennCard .ft-venn-wrap{width:min(100%,530px)!important; max-width:530px!important; aspect-ratio:1/1!important; margin:8px auto 14px!important; overflow:visible!important;} #ftVennScope #ftVennCard .ft-venn-circle{width:52%!important; height:52%!important; border-radius:50%!important; overflow:hidden!important; background:var(--bg,rgba(9,18,38,.4))!important; box-shadow:inset 0 0 24px var(--glow),0 0 16px var(--glow)!important;} #ftVennScope #ftVennCard .ft-v1{left:24%!important;top:1%!important;right:auto!important;bottom:auto!important;} #ftVennScope #ftVennCard .ft-v2{left:1%!important;top:24%!important;right:auto!important;bottom:auto!important;} #ftVennScope #ftVennCard .ft-v3{left:auto!important;right:1%!important;top:24%!important;bottom:auto!important;} #ftVennScope #ftVennCard .ft-v4{left:24%!important;right:auto!important;top:auto!important;bottom:1%!important;} #ftVennScope #ftVennCard .ft-venn-wrap::after{content:""!important; position:absolute!important; z-index:3!important; pointer-events:none!important; left:35%!important;top:35%!important;width:30%!important;height:30%!important; border-radius:50%!important; background:radial-gradient(circle,rgba(255,255,255,.15) 0%,rgba(150,185,255,.09) 38%,rgba(255,255,255,0) 72%)!important; box-shadow:0 0 22px rgba(170,195,255,.12)!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i13, #ftVennScope #ftVennCard .ft-intersection-label.ft-i24, #ftVennScope #ftVennCard .ft-intersection-label.ft-i123, #ftVennScope #ftVennCard .ft-intersection-label.ft-i124, #ftVennScope #ftVennCard .ft-intersection-label.ft-i134, #ftVennScope #ftVennCard .ft-intersection-label.ft-i234{display:none!important;} #ftVennScope #ftVennCard .ft-intersection-label{z-index:6!important; padding:2px 4px!important; background:rgba(3,8,20,.36)!important; border:0!important;border-radius:4px!important; box-shadow:0 0 8px rgba(255,255,255,.10)!important; text-shadow:0 0 7px rgba(255,255,255,.48),0 1px 4px #020611!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12{left:31%!important;top:36%!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i23{left:69%!important;top:36%!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i14{left:31%!important;top:64%!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:69%!important;top:64%!important;} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{left:50%!important;top:50%!important; font-size:clamp(12px,3vw,16px)!important; background:rgba(6,12,28,.28)!important; box-shadow:0 0 12px rgba(210,225,255,.22)!important;} @media (max-width:520px){ #ftVennScope #ftVennCard .ft-venn-wrap{width:100%!important;max-width:440px!important;aspect-ratio:1/1!important;} #ftVennScope #ftVennCard .ft-venn-circle{width:52%!important;height:52%!important;} #ftVennScope #ftVennCard .ft-intersection-label{font-size:12px!important;} } #ftVennScope #ftVennCard .ft-venn-wrap{position:relative!important; isolation:isolate!important; overflow:visible!important;} #ftVennScope #ftVennCard .ft-venn-circle{z-index:1!important;} #ftVennScope #ftVennCard .ft-venn-intersection-glow{position:absolute!important; inset:0!important; width:100%!important; height:100%!important; z-index:5!important; display:block!important; opacity:1!important; visibility:visible!important; pointer-events:none!important; overflow:visible!important; filter:blur(4px) saturate(1.65) brightness(1.35)!important; mix-blend-mode:screen!important;} #ftVennScope #ftVennCard .ft-intersection-label{position:absolute!important; z-index:8!important; display:block!important; visibility:visible!important; opacity:1!important; padding:0!important; margin:0!important; background:transparent!important; background-color:transparent!important; border:0!important; outline:0!important; border-radius:0!important; box-shadow:none!important; color:#fff!important; font:600 clamp(12px,2.7vw,17px)/1 Georgia,serif!important; text-shadow:0 1px 3px rgba(0,0,0,.95)!important; white-space:nowrap!important; transform:translate(-50%,-50%)!important; pointer-events:none!important;} #ftVennScope #ftVennCard .ft-venn-wrap:after{display:none!important;content:none!important;} @media (max-width:520px){ #ftVennScope #ftVennCard .ft-intersection-label{font-size:clamp(12px,3.1vw,15px)!important;} } #ftVennScope #ftVennCard .ft-venn-circle{overflow:hidden!important;isolation:isolate!important;background:transparent!important} #ftVennScope #ftVennCard .ft-venn-circle .ft-venn-portrait{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 24%!important;border-radius:50%!important;opacity:.42!important;filter:saturate(.95) contrast(1.03)!important;z-index:0!important;display:block!important} #ftVennScope #ftVennCard .ft-venn-circle:before{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:linear-gradient(145deg,var(--c),rgba(5,10,24,.2))!important;opacity:.23!important;z-index:1!important;pointer-events:none!important} #ftVennScope #ftVennCard .ft-venn-circle:after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.035),rgba(3,8,20,.23) 76%)!important;opacity:1!important;z-index:2!important;pointer-events:none!important} #ftVennScope #ftVennCard .ft-venn-wrap:after{content:""!important;position:absolute!important;z-index:4!important;pointer-events:none!important;left:35%!important;top:35%!important;width:30%!important;height:30%!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.26) 0%,rgba(126,190,255,.2) 28%,rgba(176,127,255,.15) 51%,transparent 76%)!important;box-shadow:0 0 28px rgba(150,195,255,.28),0 0 48px rgba(184,133,255,.17),inset 0 0 16px rgba(255,255,255,.12)!important} #ftVennScope #ftVennCard .ft-intersection-label{position:absolute!important;transform:translate(-50%,-50%)!important;z-index:7!important;display:block!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;font:600 clamp(11px,2.8vw,14px)/1 Georgia,serif!important;letter-spacing:0!important;text-shadow:0 0 5px rgba(255,255,255,.95),0 0 12px rgba(133,190,255,.85),0 1px 3px #000!important;white-space:nowrap!important;pointer-events:none!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12, #ftVennScope #ftVennCard .ft-intersection-label.ft-i13, #ftVennScope #ftVennCard .ft-intersection-label.ft-i24, #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:auto!important;top:auto!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{font-size:clamp(12px,3vw,16px)!important;color:#fff!important;text-shadow:0 0 7px #fff,0 0 16px rgba(151,200,255,1),0 0 25px rgba(192,143,255,.9)!important} #ftVennScope #ftVennCard .ft-venn-center{display:none!important} #ftVennScope #ftVennCard .ft-venn-wrap{width:min(100%,530px)!important;max-width:530px!important;aspect-ratio:1/1!important;margin:8px auto 14px!important;overflow:visible!important;isolation:isolate!important} #ftVennScope #ftVennCard .ft-venn-circle{width:52%!important;height:52%!important;border-radius:50%!important;overflow:hidden!important;box-sizing:border-box!important} #ftVennScope #ftVennCard .ft-v1{left:24%!important;top:1%!important;right:auto!important;bottom:auto!important} #ftVennScope #ftVennCard .ft-v2{left:1%!important;top:24%!important;right:auto!important;bottom:auto!important} #ftVennScope #ftVennCard .ft-v3{left:auto!important;right:1%!important;top:24%!important;bottom:auto!important} #ftVennScope #ftVennCard .ft-v4{left:24%!important;right:auto!important;top:auto!important;bottom:1%!important} #ftVennScope #ftVennCard .ft-venn-center{display:none!important} #ftVennScope #ftVennCard .ft-venn-wrap:after{content:""!important;position:absolute!important;z-index:3!important;pointer-events:none!important;left:35%!important;top:35%!important;width:30%!important;height:30%!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,255,255,.13),rgba(150,185,255,.08) 42%,transparent 74%)!important;box-shadow:0 0 20px rgba(170,195,255,.12)!important} #ftVennScope #ftVennCard .ft-intersection-label{z-index:6!important;padding:2px 4px!important;background:rgba(3,8,20,.34)!important;border:0!important;border-radius:4px!important;box-shadow:0 0 8px rgba(255,255,255,.06)!important;font-size:clamp(11px,2.8vw,14px)!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12{left:30%!important;top:36%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i23{left:70%!important;top:36%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i14{left:30%!important;top:64%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i34{left:70%!important;top:64%!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i1234{left:50%!important;top:50%!important;font-size:clamp(12px,3vw,16px)!important;background:rgba(7,12,27,.52)!important;box-shadow:0 0 12px rgba(190,210,255,.12)!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i13, #ftVennScope #ftVennCard .ft-intersection-label.ft-i24, #ftVennScope #ftVennCard .ft-intersection-label.ft-i123, #ftVennScope #ftVennCard .ft-intersection-label.ft-i124, #ftVennScope #ftVennCard .ft-intersection-label.ft-i134, #ftVennScope #ftVennCard .ft-intersection-label.ft-i234{display:none!important} @media (max-width:520px){ #ftVennScope #ftVennCard .ft-venn-wrap{width:100%!important;max-width:440px!important;aspect-ratio:1/1!important} #ftVennScope #ftVennCard .ft-venn-circle{width:52%!important;height:52%!important} #ftVennScope #ftVennCard .ft-venn-legend{grid-template-columns:repeat(2,minmax(0,1fr))!important} } #ftVennScope #ftVennCard .ft-venn-wrap{position:relative!important;isolation:isolate!important;overflow:visible!important} #ftVennScope #ftVennCard .ft-venn-intersection-glow{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:4!important;pointer-events:none!important;overflow:visible!important;filter:blur(2px) saturate(1.25)!important;mix-blend-mode:screen!important} #ftVennScope #ftVennCard .ft-venn-wrap:after{display:none!important} #ftVennScope #ftVennCard .ft-intersection-label{display:block!important;visibility:visible!important;opacity:1!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#fff!important;font-weight:600!important;text-shadow:0 0 4px rgba(255,255,255,.95),0 0 10px rgba(130,195,255,.95),0 1px 2px rgba(0,0,0,.35)!important;z-index:8!important} #ftVennScope #ftVennCard .ft-intersection-label.ft-i12, #ftVennScope #ftVennCard .ft-intersection-label.ft-i13, #ftVennScope #ftVennCard .ft-intersection-label.ft-i24, #ftVennScope #ftVennCard .ft-intersection-label.ft-i34, #ftVennScope #ftVennCard .ft-intersection-label.ft-i123, #ftVennScope #ftVennCard .ft-intersection-label.ft-i124, #ftVennScope #ftVennCard .ft-intersection-label.ft-i134, #ftVennScope #ftVennCard .ft-intersection-label.ft-i234{display:block!important} #ftVennScope #ftVennCard .ft-venn-circle{z-index:1!important} #ftVennScope #ftVennCard .ft-venn-circle .ft-venn-portrait{z-index:0!important} #ftVennScope #ftVennCard .ft-venn-circle:before{z-index:1!important} #ftVennScope #ftVennCard .ft-venn-circle:after{z-index:2!important} @media (max-width:520px){ #ftVennScope #ftVennCard .ft-intersection-label{font-size:12px!important} } /* v77: keep circle positions, labels, and legend palette aligned for Honkai/ZZZ and K-pop. */ #ftVennScope .ft-venn-circle { --ft-circle-order: 1; } #ftVennScope .ft-v1 { --c:#70bfff!important; --bg:#2677ff24!important; --glow:#368cff66!important; } #ftVennScope .ft-v2 { --c:#ffd27d!important; --bg:#ffd27d24!important; --glow:#ffd27d66!important; } #ftVennScope .ft-v3 { --c:#d48cff!important; --bg:#d48cff24!important; --glow:#d48cff66!important; } #ftVennScope .ft-v4 { --c:#6fe5a1!important; --bg:#6fe5a124!important; --glow:#6fe5a166!important; } /* v78: remove numeric labels inside the Venn circles on all personality/Mindscape tests. Attribute-card percentages remain visible below the diagram. */ #ftVennScope .ft-venn-percent, #ftVennScope .ft-venn-overlap-percent, #ftVennScope .ft-venn-label-percent, #ftVennScope .ft-venn-intersection-label, #ftVennScope .ft-venn-center-label, #ftVennScope .ft-venn-overlay .ft-percent, #ftVennScope .ft-venn-overlay [data-percent], #ftVennScope .ft-venn-circle-label .ft-percent { display: none !important; visibility: hidden !important; } /* Definitive selector: labels dynamically created for all overlap regions. */ #ftVennScope .ft-venn-wrap .ft-intersection-label { display: none !important; } /* v79: defense-in-depth; in-circle intersection numeric labels are no longer generated. */ #ftVennScope #ftVennCard .ft-venn-wrap .ft-intersection-label, #ftVennScope #ftVennCard .ft-intersection-label { display:none !important; } /* v80: HEXACO ("Human in Six") and K-pop pages have light/pink page backgrounds. Remove only the shared Venn panel's dark slab on those two tests. */ #ftVennScope.ft-transparent-card-bg .ft-venn-card { background: transparent !important; box-shadow: none !important; }