:root{--bg:#f6f5ef;--text:#223b36;--text2:#64736d;--text3:#85938d;--accent:#2d6757;--accent-hover:#204f42;--line:#dde3da;--radius:20px;--shadow:0 16px 40px #233d3610}
.option-card.is-selected{background:#e5eee0;border-color:#547e66;box-shadow:inset 4px 0 #547e66}.option-card:disabled{cursor:default}.prev-link:disabled{opacity:.4;cursor:default}
[hidden]{display:none!important}
body{background:radial-gradient(ellipse at 5% 0%,#e7ece2,transparent 48%),var(--bg);font-family:'PingFang SC','Microsoft YaHei',sans-serif}
.page{max-width:760px;padding:28px 26px 64px}.hero{padding:35px 0 24px}.hero-badge{background:none;border:0;border-radius:0;color:#587164;font-size:11px;letter-spacing:3px;padding:0;margin-bottom:24px}.hero-title{background:none;-webkit-text-fill-color:var(--text);font-size:clamp(36px,6vw,54px);line-height:1.3;font-weight:650;letter-spacing:-2px}.hero-sub{font-size:15px;line-height:1.95;margin-top:18px}.hero-footnote{font-size:11px;letter-spacing:1px;color:var(--text2);padding:14px 0;border-top:1px solid var(--line)}
.hero-characters{display:flex;justify-content:center;align-items:end;height:175px;overflow:hidden;margin:12px 0 0}.hero-characters svg{width:140px;height:175px;flex-shrink:0}.hero-characters svg:nth-child(2){transform:translateY(12px) rotate(-4deg)}.hero-characters svg:nth-child(3){transform:rotate(4deg)}
.level-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 38px}.level-card{padding:22px 18px;background:#fffefa;border:1px solid #dce3d8;box-shadow:none;flex-wrap:wrap;position:relative;gap:12px}.level-card:hover{border-color:#769785;background:#fff;box-shadow:var(--shadow)}.level-icon{border-radius:14px;background:#e7eee6!important;color:var(--accent)!important}.level-body{flex-basis:calc(100% - 60px)}.level-name{font-size:17px}.level-desc{font-size:12px}.level-card>.level-meta{margin-left:56px;display:flex;align-items:center;gap:8px;font-size:11px}.level-card>.level-meta b{font-size:15px}.level-arrow{position:absolute;bottom:24px;right:22px}.history-head h2{font-size:18px}.history-item{background:#fffefa;border:1px solid var(--line)}
.btn-primary{background:var(--accent);box-shadow:none}.btn-primary:hover{background:var(--accent-hover)}.btn{border-radius:14px}.btn-ghost{background:#eef1e9;color:var(--text)}.link-btn{color:var(--accent)}button:focus-visible{outline:3px solid #80a68e;outline-offset:4px}.quiz-topbar{padding:16px 0 24px;background:var(--bg)}.quiz-body{background:#fffefa;border:1px solid var(--line);border-radius:26px;padding:36px 30px;margin-top:26px}.quiz-question{font-size:27px;line-height:1.65}.quiz-dim{color:var(--accent);letter-spacing:2px}.option-card{border:1px solid #d6dfd4;background:#f9faf5;padding:24px;text-align:left;border-radius:16px;line-height:1.7;min-height:84px}.option-card:hover{border-color:#547e66;background:#edf3e9;box-shadow:none}.quiz-progress-bar{background:var(--accent)}.option-divider{color:#8b988e;font-size:12px}.level-tag{background:#e8eee4;color:var(--accent)}
.result-hero{position:relative;background:#edf0e5;border:1px solid #d7dfd1;border-radius:30px;padding:28px 20px 30px;margin-bottom:24px;overflow:hidden}.result-hero:before{content:'YOUR PERSONALITY / 你的性格画像';display:block;font-size:10px;letter-spacing:2px;color:#637765;margin-bottom:12px}.result-avatar{width:240px;height:260px}.result-code{font-size:52px;letter-spacing:7px;margin-top:4px}.result-name{font-size:23px;letter-spacing:3px}.result-group{font-size:11px;border-radius:30px;padding:6px 16px;margin-top:12px}.result-card{background:#fffefa;border:1px solid var(--line);box-shadow:none;border-radius:22px;padding:26px;margin-bottom:15px}.result-card h3{font-size:17px;letter-spacing:.5px}.tagline{font-size:18px;line-height:1.8}.result-summary{font-size:15px;line-height:1.95}.result-actions{gap:12px}.disclaimer{color:#65786b;font-size:11px;letter-spacing:1px}.modal-body{background:#fffefa}.report-content{line-height:1.85}.resume-card{background:#eaf0e5;border-color:#cddbc8}.energy-bar{background:#edf0e6}
@media(max-width:520px){.page{padding:22px 18px 45px}.hero{padding-top:20px}.hero-characters svg{width:108px;height:150px}.hero-characters{height:145px}.level-list{grid-template-columns:1fr}.level-card{flex-wrap:nowrap;padding:20px 16px}.level-body{flex-basis:auto}.level-card>.level-meta{display:block;margin:0 15px 0 0}.level-arrow{right:14px;bottom:auto}.hero-title{font-size:38px}.quiz-body{padding:27px 20px}.quiz-question{font-size:23px}.result-avatar{width:210px;height:235px}.result-card{padding:22px}.resume-card{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 2026 report system: collectible dossier, edition hierarchy and original seal. */
.preview-report-btn{border:0;background:transparent;color:var(--accent);font-size:13px;font-weight:700;padding:12px 8px;letter-spacing:.3px}.preview-report-btn span{display:inline-block;margin-left:5px;transition:transform .25s}.preview-report-btn:hover span{transform:translateX(4px)}
.hero-links{display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap}.hero-links a{color:#6b786f;font-size:13px;font-weight:700;text-decoration:none;padding:12px 8px}.hero-links a span{display:inline-block;margin-left:5px;transition:transform .25s}.hero-links a:hover span{transform:translateX(4px)}
.level-includes{display:flex;gap:6px;flex-basis:100%;margin-left:56px}.level-includes span{border:1px solid #dbe3d8;border-radius:999px;color:#60746a;font-size:10px;padding:4px 8px;white-space:nowrap}
.result-hero{background:linear-gradient(145deg,#eef2e7 0%,#f8f4e9 100%);border-radius:34px;padding:25px 24px 34px;margin-bottom:16px}.result-hero:before{display:none}.result-hero:after{content:'';position:absolute;width:230px;height:230px;border:1px solid #b9c8b8;border-radius:50%;right:-115px;top:-105px;box-shadow:0 0 0 28px #dfe8dc55,0 0 0 56px #dfe8dc30}.result-eyebrow{font:600 10px/1.4 Georgia,'Times New Roman',serif;letter-spacing:2.3px;color:#65796e;text-align:left}.result-portrait-stage{position:relative;width:250px;margin:6px auto -4px}.result-avatar{width:240px;height:260px}.result-seal{position:absolute;width:92px;height:92px;right:-8px;bottom:5px;filter:drop-shadow(0 8px 14px #29483d22);transform:rotate(4deg)}.result-seal svg{width:100%;height:100%}.result-title-lockup{display:flex;align-items:baseline;justify-content:center;gap:13px}.result-code{font-family:Georgia,'Times New Roman',serif;font-size:48px;letter-spacing:5px;margin-top:2px}.result-name{font-size:21px;letter-spacing:3px}.result-subline{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:10px;font-size:11px;color:#66766e;letter-spacing:1px}.result-subline #result-group{color:inherit!important;background:transparent!important;padding:0;margin:0}.result-subline i{width:3px;height:3px;border-radius:50%;background:#8ca095}
.report-nav{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#f9f8f2e8;border:1px solid #dbe2d8;border-radius:16px;padding:5px;margin:0 0 15px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.report-nav button{border:0;background:transparent;color:#627269;font-size:11px;padding:9px 4px;border-radius:11px}.report-nav button:hover{background:#e6ede3;color:#274b3f}.section-kicker{display:block;color:#718078;font:600 9px/1.5 Georgia,serif;letter-spacing:2px;margin-bottom:6px}.report-edition-card{display:flex;align-items:center;justify-content:space-between;gap:18px}.report-edition-card h3{font-family:Georgia,'Times New Roman',serif;font-size:24px;margin:0}.report-includes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.report-includes span{font-size:10px;color:#617269;border:1px solid #d8e1d6;border-radius:999px;padding:5px 9px}.report-includes .is-primary{background:#315f50;color:#fff;border-color:#315f50}.career-card .tag-row{display:grid;grid-template-columns:repeat(2,1fr)}.career-card .tag{border-radius:14px!important;background:#eef2e9!important;padding:14px!important;text-align:center}.growth-route{position:relative;margin-top:8px}.growth-route:before{content:'';position:absolute;left:16px;top:18px;bottom:18px;width:1px;background:#cbd7cc}.growth-step{position:relative;display:flex;gap:16px;padding:11px 0}.growth-index{position:relative;z-index:1;display:grid;place-items:center;width:33px;height:33px;flex:none;border-radius:50%;background:#315f50;color:#fff;font:700 10px Georgia,serif}.growth-step b{font-size:14px}.growth-step p{font-size:12px;line-height:1.75;color:#6b7972;margin-top:4px}
@media(max-width:520px){.level-card{flex-wrap:wrap}.level-body{flex-basis:calc(100% - 60px)}.level-card>.level-meta{margin-left:56px}.level-includes{margin-left:56px}.result-portrait-stage{width:220px}.result-seal{width:80px;height:80px;right:-4px}.result-title-lockup{gap:8px}.result-code{font-size:40px}.result-name{font-size:18px}.report-nav button{font-size:10px}.report-edition-card{align-items:flex-start;flex-direction:column}.report-includes{justify-content:flex-start}}

/* 3D personality cast */
.character-3d{position:relative;width:100%;height:100%;isolation:isolate;perspective:700px;transform-style:preserve-3d}.character-sprite{position:absolute;z-index:3;left:0;bottom:0;width:100%;aspect-ratio:1;background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 14px 12px #263c3222);transform-origin:50% 86%;animation:character-float 4.6s ease-in-out infinite;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .45s}.character-glow{position:absolute;z-index:0;left:13%;right:13%;bottom:8%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#d8e8d5cc 0%,#ece9d888 48%,transparent 72%);filter:blur(5px);animation:glow-pulse 4.6s ease-in-out infinite}.character-orbit{position:absolute;z-index:1;width:72%;aspect-ratio:1;left:14%;bottom:9%;border:1px solid #6680714a;border-radius:50%;transform:rotateX(68deg) rotateZ(0);animation:orbit-spin 10s linear infinite}.character-orbit:before,.character-orbit:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#fffdf5;box-shadow:0 0 0 4px #6a8b7850}.character-orbit:before{left:8%;top:16%}.character-orbit:after{right:5%;bottom:24%}.character-shadow{position:absolute;z-index:2;width:52%;height:7%;left:24%;bottom:2%;border-radius:50%;background:#263a3225;filter:blur(8px);animation:shadow-breathe 4.6s ease-in-out infinite}.character-3d:hover .character-sprite{transform:translateY(-7px) rotateX(3deg) rotateY(-10deg) scale(1.07);filter:drop-shadow(16px 18px 14px #213d3030) saturate(1.1)}.character-3d:hover .character-glow{background:radial-gradient(circle,#fff9c9e8 0%,#d8e8d599 45%,transparent 72%)}
.hero-characters>.character-3d{width:148px;height:175px;flex:0 0 148px}.hero-characters>.character-3d:nth-child(2){transform:translateY(11px) rotate(-3deg)}.hero-characters>.character-3d:nth-child(3){transform:rotate(3deg)}.hero-characters>.character-3d:nth-child(2) .character-sprite{animation-delay:-1.4s}.hero-characters>.character-3d:nth-child(3) .character-sprite{animation-delay:-2.8s}.result-avatar>.character-3d{width:100%;height:100%}.avatar-mini>.character-3d{width:100%;height:100%}
@keyframes character-float{0%,100%{transform:translateY(0) rotateY(-2deg)}50%{transform:translateY(-8px) rotateY(3deg)}}@keyframes glow-pulse{0%,100%{opacity:.68;transform:scale(.94)}50%{opacity:1;transform:scale(1.04)}}@keyframes orbit-spin{to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes shadow-breathe{0%,100%{opacity:.55;transform:scaleX(.9)}50%{opacity:.28;transform:scaleX(.72)}}
@media(max-width:520px){.hero-characters>.character-3d{width:112px;height:145px;flex-basis:112px}}
.character-3d:hover .character-sprite{transform:translateY(-7px) rotateX(var(--rx,3deg)) rotateY(var(--ry,-10deg)) scale(1.07)}
.character-sprite.character-single-sprite{width:100%;left:0;bottom:0;background-size:100% 100%;background-position:50% 50%!important}

/* Product trust, nuanced answering and share-ready result controls. */
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dbe2d8;border:1px solid #dbe2d8;border-radius:18px;overflow:hidden;margin:4px 0 20px}.trust-strip div{display:flex;flex-direction:column;gap:3px;background:#f9faf5;padding:15px 13px;text-align:center}.trust-strip b{font-size:12px;color:#294b40}.trust-strip span{font-size:10px;color:#76847d;line-height:1.4}.level-card.is-recommended{border-color:#6f927f;box-shadow:0 10px 28px #294d3d12}.recommended-badge{position:absolute;right:14px;top:-10px;background:#315f50;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;border-radius:999px;padding:5px 11px;box-shadow:0 6px 12px #24453824}
.quiz-progress-text em{font-style:normal;margin-left:9px;color:#7b8982;font-size:10px}.option-anchor{display:flex;align-items:flex-start;gap:13px;min-height:78px}.option-letter{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#e5ece2;color:#315f50;font:700 12px Georgia,serif}.likert-block{padding:5px 3px}.likert-labels{display:flex;justify-content:space-between;color:#7a8981;font-size:10px;margin-bottom:10px}.likert-scale{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:350px;margin:auto}.likert-scale:before{content:'';position:absolute;left:22px;right:22px;height:2px;background:linear-gradient(90deg,#315f50,#c7d0c9 50%,#806f9d);z-index:0}.likert-btn{position:relative;z-index:1;display:block;width:38px;height:38px;border-radius:50%;border:2px solid #90a397;background:#fffefa;box-shadow:0 0 0 5px #fffefa;transition:transform .2s,background .2s,border-color .2s}.likert-btn:first-child,.likert-btn:last-child{width:46px;height:46px}.likert-btn:nth-child(3){width:31px;height:31px;border-color:#bac4bd}.likert-btn:hover{transform:scale(1.12);background:#e2ebe0}.likert-btn.is-selected{background:#315f50;border-color:#315f50;box-shadow:0 0 0 5px #e1eae0,0 5px 14px #315f5033}.likert-btn.is-selected:after{content:'✓';color:#fff;font-size:15px;font-weight:800}.likert-btn:disabled{opacity:1}.result-method-note{margin:-4px 10px 16px;color:#718078;font-size:11px;line-height:1.6;text-align:center}.result-actions #btn-copy-report{background:#e5ece5;color:#2e5a4c}.result-actions #btn-copy-report:hover{background:#dbe7dd}.result-actions #btn-save-card{box-shadow:0 10px 22px #315f5026}.result-actions .btn:disabled{opacity:.65;cursor:wait}
@media(max-width:520px){.trust-strip div{padding:12px 6px}.trust-strip span{font-size:9px}.likert-scale{max-width:290px}.likert-btn{width:34px;height:34px}.likert-btn:first-child,.likert-btn:last-child{width:42px;height:42px}.option-anchor{padding:18px;font-size:14px}.quiz-body{margin-top:12px}.recommended-badge{right:38px}}
.result-share-qr{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px auto 8px;padding:16px;width:min(100%,380px);border:1px solid #dbe3d8;border-radius:20px;background:#fffefa}.result-share-qr #result-qr{width:92px;height:92px;flex:0 0 92px;padding:5px;background:#fff;border-radius:12px}.result-share-qr svg{display:block;width:100%;height:100%}.result-share-qr div:last-child{display:flex;flex-direction:column;gap:5px}.result-share-qr b{font-size:14px;color:#294b40}.result-share-qr span{font-size:10px;color:#718078;line-height:1.5}

/* Holographic collectible result card */
.result-hero{--card-rx:0deg;--card-ry:0deg;--mx:50%;--my:40%;transform:perspective(1100px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transform-style:preserve-3d;transition:transform .18s ease-out,box-shadow .5s,border-color .5s;background:#f3f2eb;border:1px solid transparent;box-shadow:0 22px 55px #1a33292b;isolation:isolate}.result-hero:after{content:'';position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:inherit;right:auto;top:auto;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 -24px 60px #6d8bb51d;pointer-events:none;z-index:4}.result-hero>*:not(.holo-foil):not(.holo-grid):not(.holo-sparkles){position:relative;z-index:3;transform:translateZ(24px)}.holo-foil,.holo-grid,.holo-sparkles{position:absolute!important;inset:-1px;border-radius:inherit;pointer-events:none}.holo-foil{z-index:1;background:linear-gradient(118deg,transparent 12%,#ff73d05c 27%,#7cecff72 40%,#fff7ad80 51%,#a889ff64 64%,transparent 82%);background-size:220% 220%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.8;animation:holo-drift 8s ease-in-out infinite}.holo-grid{z-index:1;background-image:repeating-linear-gradient(115deg,#ffffff00 0 15px,#ffffff35 16px,#ffffff00 18px),repeating-linear-gradient(25deg,#5478a800 0 22px,#9de9db24 23px,#5478a800 25px);opacity:.55;mix-blend-mode:soft-light}.holo-sparkles{z-index:2;background-image:radial-gradient(circle at 16% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 84% 31%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 26% 73%,#ffe9a9 0 1px,transparent 2px),radial-gradient(circle at 72% 82%,#b9ffff 0 1.5px,transparent 2.5px);background-size:58px 58px,83px 83px,71px 71px,96px 96px;animation:sparkle-shift 6s linear infinite;opacity:.75}.card-serial{position:absolute!important;top:25px;right:24px;color:#65776f;font:600 9px Georgia,serif;letter-spacing:1.5px}.result-avatar{position:relative}.result-avatar:after{content:'';position:absolute;z-index:5;left:18%;top:3%;width:27%;height:90%;background:linear-gradient(90deg,transparent,#fff9,transparent);filter:blur(8px);transform:skewX(-18deg);mix-blend-mode:overlay;animation:character-scan 4.8s ease-in-out infinite}.result-hero .character-sprite{filter:drop-shadow(0 18px 18px #102b303e) saturate(1.12) contrast(1.04)}.result-hero .character-glow{background:radial-gradient(circle,#d6fff2cc 0%,#b7c8ff66 43%,transparent 72%)}.result-hero .character-orbit{border-color:#fff9;box-shadow:0 0 25px #96fbff78,inset 0 0 22px #c39fff40}.result-hero .result-seal{filter:drop-shadow(0 0 9px #fff) drop-shadow(0 10px 18px #18283a42)}
.result-hero[data-card-style="prism"]{background:linear-gradient(145deg,#e9eff4 0%,#f7e8f0 40%,#e4f2ea 73%,#f5e9ce 100%);border-color:#fff}.result-hero[data-card-style="aurora"]{background:radial-gradient(circle at 22% 20%,#296a6d 0,transparent 34%),radial-gradient(circle at 85% 20%,#58427b 0,transparent 40%),linear-gradient(145deg,#07171d,#13253a 65%,#161427);border-color:#68e5d16b;box-shadow:0 26px 65px #07172255}.result-hero[data-card-style="aurora"] .result-eyebrow,.result-hero[data-card-style="aurora"] .card-serial,.result-hero[data-card-style="aurora"] .result-subline{color:#c4e8e0}.result-hero[data-card-style="aurora"] .result-code,.result-hero[data-card-style="aurora"] .result-name{color:#f2ffff!important;text-shadow:0 0 20px #7ce6e38c}.result-hero[data-card-style="obsidian"]{background:radial-gradient(circle at 70% 20%,#5d4721 0,transparent 35%),linear-gradient(145deg,#090b0d,#16191b 58%,#241c10);border-color:#d3af6180;box-shadow:0 25px 65px #0007}.result-hero[data-card-style="obsidian"] .holo-foil{background:linear-gradient(118deg,transparent 15%,#f5d77b5c 35%,#fff8d89a 48%,#b97c285c 62%,transparent 84%)}.result-hero[data-card-style="obsidian"] .result-eyebrow,.result-hero[data-card-style="obsidian"] .card-serial,.result-hero[data-card-style="obsidian"] .result-subline{color:#d9c28d}.result-hero[data-card-style="obsidian"] .result-code,.result-hero[data-card-style="obsidian"] .result-name{color:#ffe2a0!important;text-shadow:0 0 17px #d49d3a66}
.card-style-picker{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px auto 0;max-width:380px}.card-style-picker>span{font-size:11px;color:#718078}.card-style-picker>div{display:flex;gap:5px;padding:4px;background:#e6ebe4;border-radius:999px}.card-style-picker button{border:0;background:transparent;color:#65746d;border-radius:999px;padding:7px 13px;font-size:11px}.card-style-picker button.is-selected{background:#fffefa;color:#244b3f;font-weight:700;box-shadow:0 3px 9px #24463817}
@keyframes holo-drift{0%,100%{background-position:20% 25%}50%{background-position:85% 75%}}@keyframes sparkle-shift{to{background-position:58px 58px,-83px 83px,71px -71px,-96px -96px}}@keyframes character-scan{0%,18%{left:-25%;opacity:0}42%{opacity:.85}66%,100%{left:105%;opacity:0}}
@media(max-width:520px){.result-hero{transform:none!important}.card-serial{top:47px;right:18px}.card-style-picker{padding:0 4px}.card-style-picker button{padding:7px 11px}}

/* Result card controls and readable interactive spectrum. */
.result-showcase{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:12px;align-items:stretch;margin-bottom:16px}.result-showcase .result-hero{min-width:0;margin-bottom:0}.result-showcase .card-style-picker{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;margin:0;max-width:none;padding:10px 8px;border:1px solid #dbe3d8;border-radius:24px;background:#f9faf5}.result-showcase .card-style-picker>span{text-align:center;font-size:10px;letter-spacing:1px}.result-showcase .card-style-picker>div{display:flex;flex-direction:column;gap:6px;padding:0;background:transparent}.result-showcase .card-style-picker button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:14px;line-height:1}.result-showcase .card-style-picker button i{display:block;width:25px;height:25px;border:1px solid #ffffffcf;border-radius:9px;box-shadow:0 3px 10px #1b3b3020}.result-showcase .card-style-picker button[data-card-style="prism"] i{background:linear-gradient(135deg,#e3ecf5,#f8dce9 42%,#d8f3e8 70%,#fae5af)}.result-showcase .card-style-picker button[data-card-style="aurora"] i{background:radial-gradient(circle at 25% 20%,#47d7c7,transparent 42%),linear-gradient(135deg,#081a20,#47366e)}.result-showcase .card-style-picker button[data-card-style="obsidian"] i{background:radial-gradient(circle at 70% 20%,#9b6e25,transparent 38%),linear-gradient(135deg,#080a0c,#39290f)}.result-showcase .card-style-picker button.is-selected{box-shadow:0 5px 14px #24463819,inset 0 0 0 1px #8fa698;background:#fffefa}
.radar-card{overflow:visible}.radar-hint{margin:5px 0 0;color:#76847d;font-size:10px}.radar-wrap{padding:0;overflow:visible}.radar-wrap svg{max-width:380px;overflow:visible}.radar-axis{cursor:help;outline:none}.radar-axis text{transition:fill .2s,transform .2s;transform-box:fill-box;transform-origin:center}.radar-axis:hover text,.radar-axis:focus text{fill:#315f50;transform:scale(1.08)}.radar-tooltip{min-height:38px;margin:0 auto 3px;padding:10px 13px;max-width:430px;border:1px solid #d7e0d5;border-radius:12px;background:#f3f7f0;color:#455c52;font-size:11px;line-height:1.55;text-align:center}.radar-tooltip[hidden]{display:block!important;visibility:hidden}
@media(max-width:620px){.result-showcase{grid-template-columns:1fr}.result-showcase .card-style-picker{flex-direction:row;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:18px}.result-showcase .card-style-picker>div{flex-direction:row}.result-showcase .card-style-picker button{flex-direction:row;padding:7px 9px}.result-showcase .card-style-picker button i{width:18px;height:18px;border-radius:6px}}

/* Keep the full hero cast visible after sprite tilt and float transforms. */
.hero-characters{height:190px;overflow:visible;padding:0 10px 10px}.hero-characters>.character-3d{height:180px}.hero-characters>.character-3d:nth-child(3){transform:translateY(-3px) rotate(1deg)}
@media(max-width:520px){.hero-characters{height:160px;padding:0 4px 8px}.hero-characters>.character-3d{height:152px}.hero-characters>.character-3d:nth-child(3){transform:translateY(-2px) rotate(.5deg)}}