.result-shell{position:relative;grid-template-rows:48px minmax(0,1fr) auto auto}
.result-shell>.sharemsg{position:static;margin:0;padding:0 16px;text-align:center;font-size:14px;color:var(--green)}
.result-shell>.sharemsg:not(:empty){padding:8px 16px}
.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.result-actions.is-final{grid-template-columns:1fr 1fr}
.result-actions.is-final #shareBtn{grid-column:1 / -1;background:var(--yellow);color:var(--ink);font-size:18px}
.ios-btn{min-width:0;width:100%;height:52px;display:flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;font-weight:750;letter-spacing:0;padding:0 12px}
.ios-btn:disabled{opacity:.65;cursor:wait}
.result-slide{overflow-y:auto;overscroll-behavior:contain}
.result-slide .slide-title h2{font-family:-apple-system,"PingFang SC",sans-serif;font-weight:800;font-size:26px;letter-spacing:0}
.result-slide .slide-title small{font-family:inherit;font-size:12px;letter-spacing:.08em}
.result-slide .card h3{font-family:inherit;font-weight:700;font-size:16px}
.result-slide .profile p,.result-slide #missing{font-size:16px;line-height:1.65;margin:0}
.result-slide .steps{font-size:15px;line-height:1.5}
.result-slide .tool,.result-slide .tool small{font-size:13px}
.result-slide .quote{font-size:20px;line-height:1.5;font-weight:700}
.result-slide .name{font-family:-apple-system,"PingFang SC",sans-serif;font-weight:900;letter-spacing:-.03em}
.result-slide .score-card .rank{font-size:14px}
.reveal-final{background:var(--family);color:#fff;padding:24px!important}
.reveal-eyebrow{font-size:14px;letter-spacing:.08em;margin:0 0 8px;color:#fff2b5}
.reveal-code{font-family:Arial,Helvetica,sans-serif;font-size:clamp(56px,9vw,88px);font-weight:900;line-height:1;letter-spacing:-.045em;margin:0 0 10px;white-space:nowrap}
.reveal-final .reveal-name{font-size:26px;margin-bottom:10px;line-height:1.25}
.reveal-strength{font-size:16px;line-height:1.5;margin:0 0 16px}
.result-slide .hero .code{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(40px,5.5vw,64px);line-height:1.05;letter-spacing:-.04em;color:#fff;white-space:nowrap}
.result-slide .hero .name{font-size:26px;line-height:1.25}
.result-slide .hero .sub{font-size:16px;line-height:1.5;margin:8px 0 0}
@media(max-width:720px){.result-slide .hero{grid-template-columns:minmax(0,1fr) min(30vw,140px)}.result-slide .hero .code{font-size:clamp(30px,8vw,52px)}.result-slide .hero .name{font-size:21px}.result-slide .hero .sub{font-size:14px}.reveal-code{font-size:clamp(52px,15vw,76px)}.reveal-final .reveal-name{font-size:24px}.reveal-strength{font-size:15px}}
.reveal-name{font-size:clamp(32px,5vw,46px);font-weight:900;line-height:1.12;letter-spacing:-.04em;margin:0 0 12px}
.reveal-position{background:#fffdf7;color:#11130f;padding:16px;border:2px solid #11130f;box-shadow:4px 4px 0 #11130f}
.reveal-position span,.reveal-position small{display:block;font-size:13px;line-height:1.5}
.reveal-position strong{display:block;font-size:clamp(30px,6vw,46px);line-height:1.15;font-weight:900;margin:4px 0}
.reveal-position em{font-style:normal;color:#b83220;font-weight:800}
.reveal-upgrade{margin:18px 0 10px;font-size:20px;line-height:1.35;font-weight:800;color:#fff2b5}
.reveal-task{font-size:15px;line-height:1.5;margin:0}
.reveal-challenge{border-top:1px solid #ffffff60;padding-top:12px;margin:14px 0 0;font-size:16px;font-weight:750}
.reveal-disclaimer{font-size:12px;line-height:1.4;margin:10px 0 0;color:#ffffffcf}
.result-slide[data-result-slide="0"].on{display:grid;grid-template-rows:minmax(0,1fr) auto}
.result-slide[data-result-slide="0"] .hero{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px;padding:20px 24px;border-bottom:0;align-items:stretch;text-align:center}
.result-slide[data-result-slide="0"] .hero>div:first-child{flex:0 0 auto}
.result-slide[data-result-slide="0"] .hero .code{font-size:clamp(52px,11vw,86px)}
.result-slide[data-result-slide="0"] .hero .name{font-size:28px;margin:5px 0}
.result-slide[data-result-slide="0"] .hero .sub{max-width:620px;margin:5px auto 0}
.result-slide[data-result-slide="0"] .portrait{flex:1;min-height:0;aspect-ratio:auto;border:0;box-shadow:none;background:transparent}
.result-slide[data-result-slide="0"] .portrait img{width:100%;height:100%;object-fit:contain;object-position:center}
.result-slide[data-result-slide="0"] .score-card{display:none}
.result-slide[data-result-slide="0"] .slide-pad{padding:10px 16px}
.result-slide[data-result-slide="0"] .famous{margin:0;justify-content:center;gap:14px}
.result-slide[data-result-slide="1"].on{display:flex;flex-direction:column;gap:8px}
.result-slide[data-result-slide="1"] .profile{flex:1;display:flex;align-items:center}
.result-slide[data-result-slide="1"] .tags{display:grid;grid-template-columns:repeat(3,1fr)}
.result-slide[data-result-slide="1"] .tag{text-align:center;padding:15px 5px}
.result-slide[data-result-slide="2"].on{display:flex;flex-direction:column}
.result-slide[data-result-slide="2"] .axis-card{flex:1;display:flex;align-items:center}
.result-slide[data-result-slide="2"] .bars{width:100%;gap:28px}
.result-slide[data-result-slide="2"] .bar{height:22px}
.result-slide[data-result-slide="3"].on{display:flex;flex-direction:column}
.result-slide[data-result-slide="3"] .next{flex:1;display:flex;flex-direction:column;justify-content:space-between}
.result-slide[data-result-slide="3"] .steps li{padding:10px 0}
.population-slide.on{display:grid;grid-template-rows:auto minmax(120px,1fr) auto auto;gap:10px;background:#fffdf7}
.population-heading p{margin:3px 0;font-size:14px;line-height:1.4}
.population-heading .population-kicker{color:var(--green);font-size:13px}
.population-heading h2{font-size:28px;line-height:1.15;margin:5px 0}
.population-heading strong{font-size:48px;color:var(--green);font-weight:900}
.population-visual{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);text-align:center}
.population-visual h3{font-size:18px;line-height:1.3;margin:0}
.population-visual p{font-size:13px;margin:4px 0 8px}
.population-visual canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;min-height:0}
.population-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;font-size:13px;line-height:1.35}
.population-legend span{display:grid;grid-template-columns:12px 1fr;gap:2px 6px;align-items:center}
.population-legend b{grid-column:2;font-weight:700}
.population-legend i{width:12px;height:12px;display:block}
.legend-gray{background:#d5d8d3}.legend-green{background:#38b876}.legend-yellow{background:#f4bd3c}.legend-red{background:#e84635}
.population-source{font-size:12px;line-height:1.4;color:#586159;margin:0}
@media(max-width:720px){.result-slide[data-result-slide="0"] .hero{padding:14px;gap:10px}.result-slide[data-result-slide="0"] .hero .code{font-size:clamp(48px,13vw,66px)}.result-slide[data-result-slide="0"] .hero .name{font-size:25px}.result-slide[data-result-slide="0"] .hero .sub{font-size:14px}.result-slide[data-result-slide="0"] .famous{font-size:13px}.result-slide[data-result-slide="0"] .famous b{font-size:16px}.population-slide.on{gap:8px;padding:13px}.population-heading strong{font-size:40px}.population-heading h2{font-size:25px}.population-visual h3{font-size:17px}.population-legend{font-size:12px}.result-slide[data-result-slide="2"] .bars{gap:24px}}
@media(max-width:720px){.result-shell{grid-template-rows:40px minmax(0,1fr) auto auto}.result-slide{padding:16px}.result-slide .slide-title h2{font-size:23px}.result-slide .profile p,.result-slide #missing{font-size:15px;line-height:1.55}.result-slide .card h3{font-size:15px}.result-slide .tag{font-family:inherit;font-size:13px;padding:4px 7px}.result-slide .steps{font-size:14px}.result-slide .tool{font-size:13px}.result-slide .tool small{font-size:12px}.result-slide .next h2{font-family:inherit;font-weight:800;font-size:22px}.result-slide .quote{font-size:18px}.result-slide .barrow{font-size:12px;grid-template-columns:62px 1fr 62px}.result-actions{padding:8px 12px calc(8px + env(safe-area-inset-bottom))}.ios-btn{height:48px;font-size:16px}.reveal-final{padding:17px!important}.reveal-name{font-size:34px}.reveal-position{padding:11px 13px}.reveal-position strong{font-size:36px}.reveal-upgrade{font-size:20px;margin-top:14px}.reveal-task{font-size:14px}.reveal-challenge{font-size:15px;margin-top:12px;padding-top:10px}}