:root{font-family:Avenir Next,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:#11191f;background:#f6fafc;font-synthesis:none;font-weight:500;line-height:1.8;font-size:16px;--ink:#11191f;--yellow:#ffe534;--line:#d9e3e8}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:3px solid #156dbb;outline-offset:5px}h1:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}ul{padding-left:1.25rem}::selection{background:var(--yellow);color:#111}main{min-height:70vh}.site-header{position:relative;z-index:10;height:96px;max-width:1600px;margin:auto;padding:0 4.5%;display:flex;align-items:center;gap:28px}.logo{background:transparent;text-align:left;padding:0;font-size:27px;font-weight:900;letter-spacing:-1.2px;line-height:1.1}.logo span{display:block;font-size:10px;letter-spacing:1.4px;margin-top:8px}.header-label{border-left:1px solid #18273340;padding-left:28px;font-size:14px;font-weight:700}.header-note{margin-left:auto;font-size:12px;letter-spacing:1px}.header-note span{letter-spacing:0}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.6px;line-height:1.8}.cta{display:inline-flex;justify-content:center;align-items:center;gap:30px;min-width:330px;padding:21px 30px;border-radius:999px;background:var(--yellow);color:#0b1117;font-size:18px;font-weight:900;box-shadow:0 5px #b7a122,0 14px 30px #795d1320;transition:transform .2s,box-shadow .2s,background .2s}.cta>span{display:grid;place-items:center;font-size:28px;line-height:1;transition:transform .2s}.cta:hover{background:#ffec60;transform:translateY(-4px);box-shadow:0 8px #b7a122,0 20px 35px #795d1325}.cta:hover>span{transform:translate(5px)}.cta:active{transform:translateY(3px);box-shadow:0 1px #b7a122}.text-button{background:transparent;border-bottom:1px solid #8999a5;padding:5px 0;font-size:14px;white-space:nowrap}.text-button:hover{border-color:#161f28;color:#0063a7}.muted{color:#596c79;font-size:14px}footer{border-top:1px solid var(--line);margin:0 5%;padding:30px 0;display:flex;align-items:center;gap:30px}footer>span{font-size:18px;font-weight:900;letter-spacing:-.7px}footer p,footer small{color:#64737b;font-size:12px}footer small{margin-left:auto}@keyframes arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.site-header{height:78px;padding:0 5%;gap:15px}.logo{font-size:21px}.logo span{font-size:8px}.header-label{font-size:11px;padding-left:15px}.header-note{display:none}.cta{min-width:0;max-width:100%;padding:19px 24px;font-size:16px;gap:22px}.eyebrow{font-size:10px;letter-spacing:1.2px}footer{flex-wrap:wrap;gap:8px 20px}footer>span{font-size:16px}footer p,footer small{font-size:10px}footer small{width:100%;margin:0}}.brand-lockup{display:flex;align-items:center;flex:none;gap:28px;padding:0;background:none;color:#172a34;text-align:left}.brand-wordmark{font-size:27px;font-weight:900;letter-spacing:-1.2px;line-height:1.1;white-space:nowrap}.brand-copy{display:block;font-size:10px;font-weight:900;letter-spacing:1.4px;margin-top:8px}.brand-service{border-left:1px solid #18273340;padding-left:28px;font-size:14px;font-weight:700;white-space:nowrap}.footer-logo{padding:0;background:none;color:inherit;font-size:18px;font-weight:900;letter-spacing:-.7px}.brand-lockup:focus-visible,.footer-logo:focus-visible{outline:3px solid #3276ae;outline-offset:5px;border-radius:3px}@media(max-width:700px){.brand-lockup{gap:10px}.brand-wordmark{font-size:20px}.brand-copy{font-size:8px;letter-spacing:.3px;margin-top:5px}.brand-service{font-size:10px;padding-left:10px}.footer-logo{font-size:16px}}@media(max-width:420px){.brand-lockup{flex-direction:column;align-items:flex-start;gap:5px}.brand-service{border-left:0;padding-left:0}}.brand-lockup,.reading-page .brand-lockup{text-decoration:none}.monster-stage{height:228px;position:relative;width:100%;isolation:isolate}.monster{width:155px;height:180px;position:absolute;left:50%;top:20px;transform:translate(-50%);filter:drop-shadow(0 5px 3px #26351512)}.monster .body{position:absolute;left:16px;top:22px;width:126px;height:137px;border-radius:48% 48% 40% 40%;background:radial-gradient(ellipse at 30% 20%,#ffffff90,transparent 37%),radial-gradient(ellipse at 80% 85%,#00000036,transparent 60%),var(--monster-color);box-shadow:inset -8px -10px 15px #00000020,inset 5px 4px 8px #ffffff40;z-index:2}.eyes{display:flex;gap:19px;position:absolute;left:29px;top:44px;transform:rotate(-4deg)}.eyes i{width:24px;height:30px;background:#fffff5;box-shadow:inset 2px -3px 3px #00000026;display:block;border-radius:50%;position:relative}.eyes i:after{content:"";position:absolute;width:10px;height:15px;left:9px;top:8px;border-radius:50%;background:#263127;box-shadow:inset 2px 2px 1px #000}.eyes i:before{content:"";position:absolute;width:3px;height:4px;left:13px;top:10px;border-radius:50%;background:#fff;z-index:1}.mouth{width:24px;height:11px;border-bottom:3px solid #263127;border-radius:50%;position:absolute;left:52px;top:88px}.arm{position:absolute;top:97px;width:31px;height:64px;background:var(--monster-color);box-shadow:inset -6px -4px 9px #00000025;border-radius:50%}.arm.left{left:0;transform:rotate(28deg)}.arm.right{right:-2px;transform:rotate(-28deg)}.foot{position:absolute;bottom:6px;background:var(--monster-color);width:44px;height:30px;border-radius:50%;box-shadow:inset -5px -5px 6px #00000025}.foot.left{left:21px}.foot.right{right:17px}.monster-shadow{position:absolute;width:120px;height:15px;background:#54644528;filter:blur(6px);border-radius:50%;bottom:10px;left:50%;transform:translate(-50%);z-index:-1}.monster-AN .arm{height:80px;top:88px;border-radius:70% 25% 55% 35%;transform:rotate(-24deg)}.monster-AN .arm.right{transform:rotate(24deg)}.monster-AN .body{border-radius:52% 52% 30% 30%;height:125px}.monster-CR{transform:translate(-50%) rotate(-8deg)}.monster-CR .body{border-radius:34% 58% 35% 44%;width:131px}.monster-CR .detail{position:absolute;width:45px;height:40px;border-radius:60% 10% 0 0;background:var(--monster-color);top:8px;right:24px;transform:rotate(30deg)}.monster-CO .body{width:138px;left:10px;border-radius:48%;height:131px;top:30px}.monster-CO .eyes{top:31px;left:34px}.monster-CO .mouth{left:34px;top:74px;width:69px;height:36px;border-radius:10px 10px 50% 50%;background:#593039;border:0;overflow:hidden;box-shadow:inset 0 5px 7px #0004}.monster-CO .mouth:after{content:"";background:#fffbea;position:absolute;left:9px;right:9px;top:0;height:8px;border-radius:0 0 5px 5px}.monster-ST .body{border-radius:43% 43% 32% 32%;height:145px;top:15px}.monster-ST .detail{position:absolute;top:-15px;left:70px;width:8px;height:40px;background:#4d763c;transform:rotate(-10deg)}.monster-ST .detail:before,.monster-ST .detail:after{content:"";position:absolute;width:35px;height:20px;left:-27px;top:0;border-radius:3px 90% 0;background:linear-gradient(20deg,#4e803d,#b1d078);transform:rotate(10deg)}.monster-ST .detail:after{left:4px;top:-6px;transform:scaleX(-1)}.monster-SK .body{border-radius:30px 30px 22px 22px;height:140px;top:18px}.monster-SK .eyes{top:27px}.monster-SK .mouth{top:65px}.monster-SK .drawer{position:absolute;left:15px;right:15px;bottom:17px;height:28px;border:2px solid #5b437b77;border-radius:8px;box-shadow:0 3px #fff2}.monster-SK .drawer:after{content:"";width:24px;height:5px;border-radius:5px;background:#e1d6f1;position:absolute;left:33px;top:8px;box-shadow:0 3px 2px #0003}.monster-SA .body{border-radius:45% 45% 38% 38%;height:135px}.monster-SA .detail:before,.monster-SA .detail:after{content:"";position:absolute;width:30px;height:47px;background:linear-gradient(100deg,#f7d58d,#e79e58);border-radius:85% 10% 30% 20%;left:27px;top:0;transform:rotate(-24deg)}.monster-SA .detail:after{left:101px;transform:rotate(24deg) scaleX(-1)}.monster-SA .arm.right{width:59px;height:31px;top:125px;right:-21px;transform:rotate(-28deg);border-radius:0 0 90%}.monster-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:2}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(6px,-12px)}}.monster .body{box-shadow:inset -10px -12px 18px #00000028,inset 5px 4px 7px #ffffff65,2px 7px 5px #37566520}.surface-texture{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.monster .cheek{position:absolute;left:21px;top:80px;width:15px;height:7px;background:#ffffff38;border-radius:50%;transform:rotate(-13deg);box-shadow:68px 5px #ffffff30}.monster .eyes i:after{background:radial-gradient(circle at 35% 25%,#34455c,#0e1420 65%)}.monster-AN .body{background:radial-gradient(ellipse at 25% 18%,#d4f3ff,transparent 35%),radial-gradient(ellipse at 80% 90%,#15629b,transparent 63%),#48b0e9}.monster-AN .eyes{left:19px;gap:10px;top:37px;transform:rotate(-6deg)}.monster-AN .eyes i{width:39px;height:43px;border:4px solid #254662;box-shadow:0 3px #fff6,inset 2px -3px 3px #0002}.monster-AN .eyes i:after{width:15px;height:23px;left:11px;top:8px}.monster-AN .eyes i:before{left:19px;top:12px;width:5px;height:6px}.monster-AN .surface-texture{background:radial-gradient(circle at 17% 77%,#2075ae80 0 4px,transparent 5px),radial-gradient(circle at 26% 88%,#b4eaff 0 3px,transparent 4px),radial-gradient(circle at 80% 28%,#2284b860 0 6px,transparent 7px)}.monster-AN .arm{background:radial-gradient(circle at 35% 70%,#b2e5ff 0 4px,transparent 5px),radial-gradient(circle at 50% 40%,#b2e5ff 0 5px,transparent 6px),#3c9dda}.monster-CR .body{background:radial-gradient(ellipse at 25% 16%,#fff5a9,transparent 37%),radial-gradient(ellipse at 80% 80%,#d58e1e99,transparent 65%),#f6cb37}.monster-CR .surface-texture{background:radial-gradient(ellipse at 12% 42%,#7669c4 0 5px,transparent 6px),radial-gradient(ellipse at 26% 35%,#7669c4 0 3px,transparent 4px),radial-gradient(ellipse at 88% 65%,#eb795b 0 7px,transparent 8px),radial-gradient(ellipse at 80% 76%,#eb795b 0 3px,transparent 4px),radial-gradient(ellipse at 30% 88%,#51a6ce 0 6px,transparent 7px)}.monster-CR .eyes{gap:12px;left:29px;top:41px;transform:rotate(7deg)}.monster-CR .eyes i:first-child{width:30px;height:36px}.monster-CR .mouth{width:37px;height:19px;background:#664022;border:0;border-radius:10% 10% 60% 60%;left:49px}.monster-CR .mouth:after{content:"";position:absolute;width:14px;height:6px;background:#fff6da;top:0;left:8px;border-radius:0 0 4px 4px}.monster-CO .body{background:radial-gradient(ellipse at 24% 20%,#ffd3e2,transparent 35%),radial-gradient(ellipse at 85% 90%,#b13d7990,transparent 65%),#f586af}.monster-CO .eyes{gap:20px;left:24px;top:19px;transform:rotate(-4deg)}.monster-CO .eyes i{width:35px;height:39px;border:3px solid #ef72a1}.monster-CO .eyes i:after{left:8px;top:7px;width:17px;height:24px}.monster-CO .eyes i:before{left:17px;top:12px;width:5px;height:6px}.monster-CO .mouth{width:84px;height:50px;left:27px;top:69px;border:4px solid #d45485;background:radial-gradient(ellipse at 55% 120%,#f589a6 0 46%,#68303b 49%)}.monster-CO .mouth:after{left:10px;right:10px;height:11px;background:repeating-linear-gradient(90deg,#fffcec 0 13px,#ddcad0 14px 16px)}.monster-CO .surface-texture{background:radial-gradient(circle,#fff5 1px,transparent 2px);background-size:9px 11px;opacity:.45}.monster-ST .body{background:radial-gradient(ellipse at 25% 15%,#d1e599,transparent 35%),radial-gradient(ellipse at 90% 90%,#356c40b0,transparent 65%),#7dac58}.monster-ST .surface-texture{background:radial-gradient(ellipse at 18% 75%,#d7e994 0 4px,transparent 5px),radial-gradient(ellipse at 80% 19%,#b0d581 0 6px,transparent 7px),radial-gradient(ellipse at 78% 83%,#477a44 0 7px,transparent 8px),radial-gradient(ellipse at 25% 20%,#d7e994 0 3px,transparent 4px)}.monster-ST .detail{width:7px;height:41px;top:-20px}.monster-ST .detail:before{width:40px;height:23px;top:-1px;left:-32px;box-shadow:inset 0 -3px 5px #2d652d45}.monster-ST .detail:after{width:36px;height:24px;top:-13px;box-shadow:inset 0 -3px 5px #2d652d45}.monster-SK .body{border-radius:28px 33px 22px 19px;background:radial-gradient(ellipse at 25% 15%,#e0cfff,transparent 40%),radial-gradient(ellipse at 85% 85%,#6847a8b0,transparent 60%),#a489dc}.monster-SK .drawer{bottom:12px;height:25px;background:#9270cc;border-color:#6b50a0;box-shadow:0 -29px 0 -1px #b49adc,0 -29px 0 1px #7855aa,0 3px #fff3}.monster-SK .drawer:after{top:7px;background:#efdefe;box-shadow:0 -29px #efdefe,0 3px 2px #0003}.monster-SK .eyes{top:17px;gap:15px;left:32px}.monster-SK .mouth{top:58px;width:17px;height:8px;left:56px}.monster-SK .cheek{display:none}.monster-SA .body{background:radial-gradient(ellipse at 20% 15%,#ffd896,transparent 35%),radial-gradient(ellipse at 90% 85%,#bd3e2788,transparent 65%),#f78a4c}.monster-SA .surface-texture{background:repeating-conic-gradient(from 30deg,#bd543520 0 60deg,transparent 60deg 120deg);background-size:13px 15px;opacity:.7}.monster-SA .eyes{top:36px;left:30px;transform:rotate(-8deg)}.monster-SA .mouth{left:35px;top:81px;width:62px;height:35px;border:3px solid #b85530;border-radius:8px 8px 55% 55%;background:radial-gradient(ellipse at 50% 130%,#f88d71 0 48%,#662f2c 51%);overflow:hidden}.monster-SA .mouth:before{content:"";position:absolute;left:6px;right:6px;height:9px;top:0;background:repeating-linear-gradient(90deg,#fff6d9 0 7px,transparent 7px 11px);clip-path:polygon(0 0,100% 0,100% 45%,0 100%)}.monster-SA .foot.right{transform:rotate(-20deg);bottom:3px}body[data-screen=home]{background:#f7fbff}.approved-hero{width:100%;overflow:hidden}.approved-scene{position:relative;width:100%;left:50%;transform:translate(-50%)}.approved-art{display:block;width:100%;height:auto}.hero-hotspot{position:absolute;display:block;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer}.hero-hotspot-main{left:34.39%;top:75.24%;width:31.22%;height:9.35%;min-height:44px}.hero-hotspot-header{left:83.37%;top:2.55%;width:12.5%;height:4.57%}.hero-hotspot:focus-visible{outline:3px solid #111;outline-offset:4px;box-shadow:0 0 0 7px #fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.intro{max-width:1230px;margin:55px auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:75px;padding:0 30px}.intro h2{font-size:29px;margin:14px 0 18px}.intro p:not(.eyebrow){font-size:14px;color:#5a6c78;line-height:2}.steps>div{position:relative;padding:0 0 17px 55px;margin-bottom:17px;border-bottom:1px solid var(--line)}.steps>div>span{position:absolute;left:0;top:0;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e0f0ff;font-size:15px;font-weight:800;transform:rotate(-6deg)}.steps>div:nth-child(2)>span{background:#ffe1eb;transform:rotate(5deg)}.steps>div:nth-child(3)>span{background:#fff0a9}.steps h3{font-size:17px;margin-bottom:4px}@media(max-width:700px){.approved-scene{width:760px}.hero-hotspot-header{display:none}.intro{grid-template-columns:1fr;gap:30px;margin:38px auto 45px;padding:0 25px}.intro h2{font-size:24px}.intro p:not(.eyebrow){font-size:13px}}body[data-screen=question]{background:#f1f8fd}body[data-screen=question] #app{min-height:100svh;display:flex;flex-direction:column}body[data-screen=question] main{min-height:0;flex:1}body[data-screen=question] footer{min-height:80px;padding:20px 0}.quiz{--quiz-accent:#c9e9ff;position:relative;isolation:isolate;min-height:calc(100svh - 80px);padding:0 max(28px,calc((100vw - 1100px)/2)) 24px;background:radial-gradient(ellipse at 90% 22%,color-mix(in srgb,var(--quiz-accent) 55%,transparent),transparent 48%),radial-gradient(ellipse at 10% 80%,#fff3cb88,transparent 45%),linear-gradient(#edf7fe,#f9fcff)}.quiz:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(#f3faffee,#f3faffec),url(/images/layers/background.png) center bottom / cover;opacity:.65}.quiz-header{display:flex;align-items:center;gap:24px;height:88px;border-bottom:1px solid #263f5310}.quiz-logo{padding:0;background:none;font-size:22px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.quiz .back{background:#ffffffb0;border:1px solid #dce8ed;border-radius:999px;padding:7px 16px;font-size:13px;white-space:nowrap;transition:transform .18s}.quiz .back:hover{transform:translate(-3px)}.quiz-progress{display:flex;flex:1;gap:5px;margin:0 12px 0 16px}.journey-step{position:relative;flex:1;height:8px;border-radius:10px;background:#dce8ee}.journey-step.done{background:#efcd42}.journey-step.current{background:#ffdb35}.journey-step img{position:absolute;width:32px;height:32px;object-fit:contain;left:50%;bottom:-6px;transform:translate(-50%);filter:drop-shadow(0 2px 0 #fff)}.quiz-count{white-space:nowrap;font-size:14px;color:#667987}.quiz-count b{font-size:27px;color:#192733;font-weight:900}.quiz-content{max-width:980px;margin:0 auto}.quiz-content.is-entering{animation:quiz-enter .23s ease-out both}.quiz-content.is-leaving{animation:quiz-leave .12s ease-in both;pointer-events:none}.quiz-heading{text-align:center;padding:22px 0 18px}.quiz h1{font-size:clamp(24px,2.3vw,32px);line-height:1.45;letter-spacing:.01em;margin:12px auto 8px;max-width:940px;text-wrap:balance}.quiz h1>span{padding:0 .12em;background:linear-gradient(transparent 62%,#ffe534 62%,#ffe534 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.quiz-guide{display:flex;align-items:center;gap:14px;min-height:100px;margin-left:-24px}.quiz-guide img{width:86px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 3px #203b501c);transform:rotate(-5deg)}.quiz-guide p{position:relative;font-size:16px;font-weight:700;color:#31495a;line-height:1.6;background:#ffe534;padding:12px 18px;border-radius:18px;box-shadow:0 5px 18px #284e7010}.quiz-guide p:before{content:"";position:absolute;right:100%;top:calc(50% - 7px);border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #ffe534}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.option{display:flex;align-items:center;gap:16px;min-height:94px;padding:18px 22px;text-align:left;background:#fff;border:1px solid #dce7ed;border-radius:22px;box-shadow:0 4px #dce6ec80,0 10px 24px #284e7010;font-size:17px;font-weight:700;line-height:1.6;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.option-key{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#f0f5f8;color:#5f7484;font-size:16px;font-weight:900;transition:background .2s,transform .2s,color .2s}.option-copy{flex:1}.option-arrow{flex:none;font-size:17px;color:#8c9ca6;font-weight:500}@media(hover:hover){.option:not(:disabled):hover{transform:translateY(-4px) scale(1.012);border-color:#ee91b6;background:#fff0f6;box-shadow:0 7px #c6dbe566,0 15px 28px #284e701a}.option:not(:disabled):hover .option-key{background:#ffd0e3;color:#942b59;transform:rotate(-7deg)}}.option:active{transform:translateY(2px) scale(.99)}.option.selected,.option.selected:not(:disabled):hover,.option:active{background:#ffd1e4;border-color:#d84b87;box-shadow:0 2px #d84b8750}.option.selected .option-key,.option.selected:not(:disabled):hover .option-key{background:#bd286b;color:#fff}.option.selected .option-arrow{color:#a61d59}.option.just-picked{animation:quiz-pick .2s ease-out both}.quiz .finish{display:flex;min-width:290px;padding:12px 24px;margin:0;font-size:16px}.skill-options .option{min-height:68px;padding:12px 20px;font-size:15px}.skill-options .option-key{width:34px;height:34px}@keyframes quiz-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes quiz-leave{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-12px)}}@keyframes quiz-pick{0%{transform:translateY(0) scale(1)}50%{transform:translateY(3px) scale(.99)}to{transform:translateY(1px) scale(1)}}@media(min-width:701px)and (max-height:720px){.quiz-header{height:70px}.quiz-heading{padding:14px 0}.quiz h1{font-size:27px;margin:8px auto 4px}.option{min-height:80px;padding:13px 18px}.options{gap:12px}.quiz-guide{min-height:80px}.quiz-guide img{width:72px;height:80px}.quiz-skills .quiz-heading{padding:10px 0}.skill-options .option{min-height:58px;padding:9px 18px}}@media(max-width:700px){.quiz{padding:0 20px 28px}.quiz-header{display:grid;grid-template-columns:1fr auto auto;gap:12px;height:auto;padding:20px 0 18px}.quiz-logo{font-size:20px;text-align:left}.quiz .back{padding:6px 12px;font-size:12px}.quiz-count b{font-size:21px}.quiz-count{font-size:12px}.quiz-progress{grid-row:2;grid-column:1/-1;margin:10px 0 0;gap:5px}.quiz-heading{padding:20px 0}.quiz h1{font-size:25px;margin-top:14px}.quiz-guide p{font-size:15px;text-align:left}.quiz-guide{margin-left:0}.quiz-guide img{width:72px;height:86px}.quiz-bottom{flex-wrap:wrap;gap:12px}.options{grid-template-columns:1fr;gap:13px}.option{min-height:78px;padding:16px;font-size:15px;border-radius:19px;gap:13px}.option-key{width:36px;height:36px;font-size:14px}.quiz .finish{min-width:0;width:100%}}@media(prefers-reduced-motion:reduce){.quiz-content,.option.just-picked{animation:none}.option,.option-key{transition:none}}@media(max-width:700px){.quiz-header .quiz-count{grid-column:3;grid-row:1}.quiz-header .back{grid-column:2;grid-row:1}}body[data-screen=result]{background:#fafcfb}.result-hero{--result-color:#429ddd;position:relative;isolation:isolate;overflow:hidden;max-width:1380px;margin:8px auto 76px;padding:54px 54px 64px;display:grid;grid-template-columns:46% minmax(0,1fr);align-items:center;gap:36px;border-radius:40px;background:radial-gradient(ellipse at 20% 30%,#fff 0,transparent 56%),linear-gradient(130deg,color-mix(in srgb,var(--result-color) 24%,white),#fffaf0);animation:result-reveal .6s ease-out both}.result-hero:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.55;background:repeating-linear-gradient(120deg,transparent 0 100px,#fff8 101px 103px)}.result-visual{position:relative;height:440px}.result-visual:after{content:"";position:absolute;bottom:6px;left:5%;width:92%;height:50px;border-radius:50%;background:color-mix(in srgb,var(--result-color) 28%,white);box-shadow:0 20px 50px color-mix(in srgb,var(--result-color) 22%,transparent),inset 0 3px #fff}.result-halo{position:absolute;width:90%;aspect-ratio:1;top:0;left:0;border:1px solid #fff;border-radius:50%;background:radial-gradient(circle,#fff9,#fff2);box-shadow:0 0 0 22px #ffffff30,0 0 0 45px #ffffff15}.result-monster{position:absolute;object-fit:contain;filter:drop-shadow(0 14px 10px #263f4b20);z-index:2;animation:result-character .7s cubic-bezier(.2,.8,.25,1) both}.result-monster.primary{width:77%;height:410px;left:-3%;bottom:13px}.result-monster.companion{width:48%;height:265px;right:-2%;bottom:13px;z-index:3;animation-delay:.1s}.result-visual:not(:has(.companion)) .primary{left:10%;width:80%}.result-spark{position:absolute;z-index:4;color:var(--result-color);font-size:37px}.spark-one{left:4%;top:10px;transform:rotate(15deg)}.spark-two{right:4%;bottom:85px;font-size:25px}.result-stamp{position:absolute;right:4%;top:8px;z-index:4;border:1px solid #25374350;color:#38505f;background:#ffffff80;border-radius:50%;width:95px;height:95px;display:grid;place-content:center;text-align:center;font-size:10px;font-weight:800;line-height:1.4;letter-spacing:1px;transform:rotate(10deg)}.result-heading{position:relative;z-index:5}.result-heading>.eyebrow{display:inline-block;font-size:11px;letter-spacing:2px;background:#fff;padding:6px 14px;border-radius:99px;margin-bottom:18px}.result-heading>p:nth-child(2){font-size:17px;font-weight:700}.result-heading h1{font-size:clamp(30px,3vw,44px);font-weight:900;letter-spacing:-.045em;line-height:1.35;margin:8px 0 20px;overflow-wrap:anywhere}.type-cross{display:block;font-size:25px;line-height:1.2;color:color-mix(in srgb,var(--result-color) 60%,#334452)}.result-heading h2{font-size:28px;display:table;margin:16px 0;line-height:1.6;background:linear-gradient(transparent 65%,#ffe534 65%,#ffe534 94%,transparent 94%)}.result-heading>.result-description{font-size:15px;line-height:2;color:#405565}.support-type{font-size:13px;color:#597080}.result-body{max-width:1140px;padding:0 30px;margin:auto}.traits{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;margin-bottom:86px}.traits h2{font-size:27px;margin:8px 0 20px}.traits .eyebrow{color:#4b7d78}.strengths{list-style:none;padding:0;margin:0}.strengths li{font-size:18px;padding:12px 0;border-bottom:1px solid #dce8e2;display:flex;align-items:baseline;gap:14px}.strengths span{color:#388776}.caution{border-left:3px solid #e9ba67;padding:0 0 0 30px;align-self:start}.caution .eyebrow{color:#957044}.caution ul{margin:0;padding-left:20px}.caution li{font-size:16px;line-height:1.95;padding:5px 0}.caution li::marker{color:#ba8c46}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2{font-size:36px;margin-top:10px}.section-heading em{display:inline-block;font-style:normal;padding:0 12px;border-radius:9px;background:#ffe534;transform:rotate(-4deg)}.condition-chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 12px}.condition-chips span{font-size:12px;background:#edf3f3;border:1px solid #dce6e7;border-radius:99px;padding:5px 13px}.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px;align-items:start}.job-card{min-width:0;padding:28px;border:1px solid #e1e7e9;background:#fff;border-radius:24px;box-shadow:0 8px 24px #23434d06}.job-card:first-child{grid-column:1/-1;padding:36px 40px;background:linear-gradient(115deg,#fff5bd,#fffef6 65%);border:2px solid #e8cd53;box-shadow:0 7px #eddf9b55,0 18px 35px #8c773512}.job-card-top{display:flex;align-items:center;gap:16px;font-size:12px;color:#607383}.rank{font-size:32px;color:#78919e;font-weight:900;letter-spacing:-2px;line-height:1}.job-card:first-child .rank{font-size:60px;color:#172a34}.best-pick{margin-left:auto;padding:6px 16px;background:#253b43;color:#fff6b4;border-radius:99px;font-size:13px;font-weight:800}.job-card h3{font-size:25px;margin:18px 0}.job-card:first-child h3{font-size:36px;margin:15px 0 24px}.job-card h4{font-size:12px;color:#52716c;margin:0 0 8px;letter-spacing:.05em}.job-card p{font-size:15px;line-height:1.95}.job-card:first-child .job-explanation{display:grid;grid-template-columns:1fr 1fr;gap:36px}.job-card:first-child .job-detail{border-left:1px solid #dbcf9b;padding-left:30px}.job-reason{font-weight:600}.job-note{color:#687986;margin-top:10px;font-size:13px!important}.job-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.job-meta span{font-size:12px;padding:6px 12px;background:#eff4f5;border-radius:8px}.job-card:first-child .job-meta span{background:#fff}.job-more{margin-top:18px;border-top:1px solid #e6ecee;padding-top:12px}.job-more summary{font-size:13px;color:#58717f;cursor:pointer;padding:3px 0}.job-more summary:focus-visible{outline:3px solid #156dbb;outline-offset:4px}.job-more .job-detail{margin-top:15px}.condition-notes{font-size:12px;line-height:1.8;padding:12px 18px 12px 30px;margin:18px 0 0;border-radius:10px;background:#fcf1e5;color:#795e3b}.alternatives{margin:38px 0 78px}.alternatives>h2{font-size:20px;margin-bottom:14px}.alternatives>div{border-top:1px solid #e0e7e9}.alternatives article{display:flex;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid #e0e7e9}.alternatives article>span{color:#8b9da7;font-size:13px}.alternatives article>div{display:grid;grid-template-columns:240px 1fr;align-items:baseline;gap:22px}.alternatives h3{font-size:16px}.alternatives p{font-size:13px;color:#6b7b87}.income-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.income-grid article{background:#edf7f3;border-radius:26px;padding:32px;border-top:4px solid #a4d4be}.income-grid article:last-child{background:#edeffd;border-color:#8b92d6}.income-grid .eyebrow{color:#557c6d}.income-grid article:last-child .eyebrow{color:#656bb0}.income-grid h2{font-size:21px;margin:12px 0}.income-grid h2 span{font-size:48px;padding:0 4px;line-height:1}.income-grid p:last-child{font-size:15px;line-height:2}.first-step{position:relative;display:flex;align-items:center;gap:30px;padding:40px;margin-top:28px;border-radius:28px;background:#ffe534;box-shadow:0 7px #e5cd3f55}.first-step>.spark{flex:none;font-size:64px;color:#253b43}.first-step h2{font-size:30px;margin:8px 0 14px}.first-step p:last-child{font-size:18px;font-weight:600;line-height:1.9}.result-disclaimer{margin:26px 0;font-size:12px;color:#7b8891;text-align:center}.result-actions{display:flex;flex-direction:column;align-items:center;gap:22px;padding:25px 0 70px}.result-actions .cta{min-width:370px}.result-actions .text-button{color:#637985}@keyframes result-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes result-character{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:1100px){.result-hero{margin:8px 22px 56px;padding:36px 28px;gap:24px;grid-template-columns:42% minmax(0,1fr)}.result-visual{height:370px}.result-monster.primary{height:350px}.result-monster.companion{height:225px}.result-heading h1{font-size:32px}.result-heading h2{font-size:25px}.traits{gap:36px}}@media(max-width:700px){.result-hero{grid-template-columns:1fr;margin:8px 14px 40px;padding:28px 22px 32px;gap:22px;border-radius:28px}.result-visual{height:295px;max-width:380px;width:100%;margin:auto}.result-monster.primary{height:280px}.result-monster.companion{height:190px}.result-stamp{width:74px;height:74px;font-size:8px}.result-heading{text-align:center}.result-heading h1{font-size:clamp(26px,7.6vw,34px)}.result-heading h2{font-size:23px;margin:14px auto}.result-heading>.result-description{text-align:left;font-size:14px}.result-heading>.eyebrow{margin-bottom:12px}.result-body{padding:0 20px}.traits{grid-template-columns:1fr;gap:30px;margin-bottom:52px}.traits h2{font-size:24px}.strengths li{font-size:16px}.caution{padding-left:20px}.caution li{font-size:15px}.section-heading{display:block}.section-heading h2{font-size:27px}.section-heading .text-button{margin-top:16px}.job-grid{grid-template-columns:1fr;gap:20px}.job-card,.job-card:first-child{padding:24px}.job-card:first-child .job-explanation{display:block}.job-card:first-child .job-detail{border:0;border-top:1px solid #dbcf9b;padding:18px 0 0;margin-top:18px}.job-card:first-child h3{font-size:29px}.job-card:first-child .rank{font-size:46px}.job-card-top{gap:10px;flex-wrap:wrap}.best-pick{font-size:11px;padding:5px 12px}.alternatives{margin:32px 0 48px}.alternatives article>div{display:block}.alternatives p{margin-top:5px}.income-grid{grid-template-columns:1fr;gap:18px}.income-grid article{padding:26px}.first-step{padding:26px;gap:12px;align-items:flex-start}.first-step>.spark{font-size:28px}.first-step h2{font-size:24px}.first-step p:last-child{font-size:16px}.result-disclaimer{text-align:left}.result-actions .cta{min-width:0;width:100%}}.result-hero{row-gap:32px;margin-bottom:48px;padding-bottom:36px}.result-kicker{font-size:clamp(24px,2.6vw,36px);font-weight:900;letter-spacing:.02em;line-height:1.2;margin-bottom:22px}.result-hero .traits{grid-column:1/-1;margin:0;padding-top:28px;border-top:1px solid #ffffffcc;gap:54px}.result-hero .traits h2{font-size:24px;margin:0 0 12px}.result-hero .strengths li{padding:8px 0;font-size:16px;border-color:#ffffffb0}.result-hero .caution li{font-size:15px}.result-share{display:inline-flex;margin-top:20px;padding:10px 18px;border-radius:99px;color:#fff;background:#17242c;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}.result-share:hover{transform:translateY(-2px);background:#354c5b}.result-share:focus-visible{outline:3px solid #156dbb;outline-offset:4px}.ranking-list{margin:26px 0 52px;border:1px solid #dfe6e8;border-radius:24px;overflow:hidden;background:#fff}.job-grid{display:block;margin:0}.job-card,.job-card:first-child{border:0;border-radius:0;box-shadow:none;padding:24px 32px}.job-card+.job-card{border-top:1px solid #dfe6e8}.job-card:first-child{border-bottom:2px solid #ead371;padding:28px 32px}.job-card:not(:first-child){display:grid;grid-template-columns:210px minmax(0,1fr);gap:8px 28px}.job-card:not(:first-child) .job-card-top{grid-column:1}.job-card:not(:first-child) h3{grid-column:1;grid-row:2;font-size:23px;margin:0}.job-card:not(:first-child) .job-explanation{grid-column:2;grid-row:1/4}.job-card:not(:first-child) .job-meta{grid-column:1;margin:6px 0 0}.job-card:not(:first-child) .condition-notes{grid-column:1/-1;margin:4px 0 0;padding:8px 16px 8px 28px}.job-more{margin-top:10px;padding-top:8px}.alternatives{margin:0;padding:0 32px;background:#fafcfc}.alternatives>div{border:0}.alternatives article{padding:13px 0}.alternatives article:first-child{border-top:1px solid #dfe6e8}.alternatives article:last-child{border-bottom:0}.income-grid h2{margin-top:0}@media(max-width:700px){.result-hero{row-gap:24px;padding-bottom:26px}.result-kicker{font-size:25px}.result-hero .traits{text-align:left;gap:24px}.result-hero .traits h2{font-size:22px}.job-card,.job-card:first-child{padding:24px 20px}.job-card:not(:first-child){display:block}.job-card:not(:first-child) h3{margin:12px 0}.job-card:not(:first-child) .job-meta{margin-top:14px}.job-card:not(:first-child) .condition-notes{margin-top:12px}.alternatives{padding:0 20px}.ranking-list{margin-bottom:36px}}.result-preview-note{text-align:center;font-size:13px;color:#637985;padding:8px 20px}.result-kicker{grid-column:1/-1;text-align:center;margin:0}.result-heading .result-you{font-size:17px;font-weight:700}.result-heading h1{font-weight:1000;-webkit-text-stroke:.55px currentColor}.conditions-panel{display:flex;align-items:center;gap:20px;border:1px solid #cedbe2;border-radius:16px;padding:18px 20px;margin-top:22px;background:#fff}.conditions-panel .condition-chips{flex:1;margin:0}.conditions-panel .text-button{margin-left:auto;flex:none}.job-card-top{flex-wrap:wrap;gap:14px}.job-card-top .job-category{color:#637583;font-size:12px}.job-card .job-card-top h3,.job-card:not(:first-child) .job-card-top h3{margin:0;flex:1;color:#172a34;min-width:140px}.job-card:first-child .job-card-top h3{font-size:34px}.job-card-top{margin-bottom:20px}.job-card:not(:first-child){display:block}.job-card:not(:first-child) .job-explanation{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:start}.job-card:not(:first-child) .job-more{margin:0;padding:0 0 0 24px;border-top:0;border-left:1px solid #e2e8eb}.job-card:not(:first-child) .job-meta{margin-top:16px}.job-card:first-child{background:#fff;border:3px solid #ce6276;border-radius:22px;box-shadow:none}.job-card:first-child .rank{color:#b24560}.job-card:first-child .best-pick{background:#f9e9ed;color:#93334a}.job-card:first-child .job-detail{border-color:#e4e9ec}.job-card:first-child .job-meta span{background:#f0f5f7}.condition-notes,.job-card:not(:first-child) .condition-notes{background:#f0f5f7;color:#405969;border-left:3px solid #9fb3c0;border-radius:0 8px 8px 0;padding:10px 16px 10px 28px;margin-top:16px}@media(max-width:700px){.conditions-panel{flex-wrap:wrap;padding:16px;gap:14px}.conditions-panel .condition-chips{flex-basis:100%}.job-card-top{gap:10px}.job-card .job-card-top h3,.job-card:first-child .job-card-top h3{font-size:25px;min-width:0;flex-basis:100%}.job-card:not(:first-child) .job-explanation{display:block}.job-card:not(:first-child) .job-more{border-left:0;border-top:1px solid #e2e8eb;padding:10px 0 0;margin-top:12px}.job-card:first-child .job-detail{border-color:#e4e9ec}}.job-card:nth-child(2) .rank,.job-card:nth-child(3) .rank{color:#326fab}.job-card:nth-child(2) .condition-notes,.job-card:nth-child(3) .condition-notes{background:#edf5ff;color:#2c5680;border-left-color:#6b9bc9}.income-grid{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;padding:32px;border:1px solid color-mix(in srgb,var(--income-color) 28%,white);border-radius:26px;background:linear-gradient(115deg,color-mix(in srgb,var(--income-color) 14%,white),color-mix(in srgb,var(--income-color) 5%,white))}.income-grid article,.income-grid article:last-child{padding:0;border:0;border-radius:0;background:none;align-self:center}.income-grid article:last-child{padding-left:28px;border-left:1px solid color-mix(in srgb,var(--income-color) 25%,white)}.income-mascot img{display:block;width:100%;height:200px;object-fit:contain;filter:drop-shadow(0 8px 6px #284e7018)}@media(max-width:900px)and (min-width:701px){.income-grid{grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:20px;padding:26px}.income-grid h2{font-size:18px}.income-grid h2 span{font-size:38px}.income-grid article:last-child{padding-left:20px}}@media(max-width:700px){.income-grid{grid-template-columns:1fr;gap:24px;padding:26px}.income-mascot{justify-self:center;width:130px}.income-mascot img{height:150px}.income-grid article:last-child{border-left:0;border-top:1px solid color-mix(in srgb,var(--income-color) 25%,white);padding:24px 0 0}}.job-card .job-card-top .job-meta{margin:0;flex:none}.job-card .job-card-top h3,.job-card:not(:first-child) .job-card-top h3{flex:0 1 auto}.job-card:first-child .job-explanation,.job-card:not(:first-child) .job-explanation{display:block}.job-card:first-child .job-detail{border:0;padding:0;margin-top:16px}.job-card:not(:first-child) .job-more{border-left:0;border-top:1px solid #e2e8eb;padding:12px 0 0;margin-top:14px}.income-grid+.result-disclaimer{margin:14px 0 0}@media(max-width:700px){.job-card .job-card-top .job-meta{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.approved-scene{transform:translate(-50%)}.monster-hotspot{position:absolute;z-index:2;border:0;padding:0;background:transparent;border-radius:35%;touch-action:manipulation}.monster-hotspot:focus-visible{outline:3px solid white;outline-offset:2px;box-shadow:0 0 0 5px #22384a}.monster-hotspot.tapped{box-shadow:inset 0 0 0 2px #ffffffb0,0 0 18px #ffffff70}.approved-scene{container-type:inline-size}.type-label{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:var(--label-width);height:var(--label-height);transform:translate(-50%);padding:.45cqw .5cqw;border-radius:1.8cqw;background:#fff;color:#111;box-shadow:0 2px 5px #29455b0b;transition:width .23s,height .23s,box-shadow .23s}.type-label-name{font-size:1.12cqw;font-weight:900;white-space:nowrap;line-height:1.4}.type-label-description{font-size:.78cqw;line-height:1.6;white-space:nowrap;max-height:0;opacity:0;transform:translateY(3px);transition:opacity .23s,transform .23s,max-height .23s}.monster-hotspot.is-expanded{z-index:5}.is-expanded .type-label{width:max(var(--label-width),16.4cqw);height:calc(var(--label-height) + .85cqw);box-shadow:0 5px 12px #29455b20}.is-expanded .type-label-description{max-height:2cqw;opacity:1;transform:translateY(0)}.hero-hotspot{z-index:4;transition:box-shadow .25s,transform .25s}@media(hover:hover){.hero-hotspot-main:hover{transform:translateY(-3px);box-shadow:0 10px 20px #54451c38}}.hero-hotspot-main:active{transform:scale(.98);box-shadow:0 2px 7px #54451c30}.steps>div{transition:opacity .5s,translate .5s;transition-delay:var(--reveal-delay,0ms)}.steps>div.awaiting-reveal{opacity:0;translate:0 20px}.profile-dialog{width:min(900px,calc(100% - 40px));max-height:calc(100dvh - 48px);border:1px solid #ffffffa0;border-radius:24px;padding:0;color:#18232b;background:#fff;box-shadow:0 24px 100px #142c3f35;overflow:auto;overscroll-behavior:contain}.profile-dialog::backdrop{background:#1a2c3e55}.profile-dialog[open]{animation:profile-arrive .2s ease-out}.profile-close{position:sticky;top:12px;float:right;margin:12px 12px -52px 0;z-index:2;width:40px;height:40px;border-radius:50%;background:#f4f6f8;color:#253847;font-size:26px;line-height:1}.profile-close:hover{background:#e5ebef}.profile-layout{display:grid;grid-template-columns:31% minmax(0,1fr)}.profile-art-panel{padding:32px 20px;background:color-mix(in srgb,var(--profile-color) 13%,white);display:flex;flex-direction:column;justify-content:center;gap:24px}.profile-index{font-size:12px;font-weight:800;letter-spacing:1.6px;text-align:center}.profile-portrait{position:relative;overflow:hidden;border-radius:18px;width:100%}.profile-original{position:absolute;max-width:none;height:auto;display:block}.profile-cutout{display:block;width:100%;height:100%;object-fit:contain}.profile-copy{padding:40px 36px 27px}.profile-copy h2{font-size:25px;padding-right:22px}.profile-message{font-size:16px;font-weight:800;margin-top:10px}.profile-description{font-size:14px;line-height:1.95;color:#52616d;margin:16px 0 22px}.profile-lists{display:grid;grid-template-columns:.9fr 1.2fr;gap:20px}.profile-lists h3{font-size:14px;margin-bottom:8px}.profile-lists ul{padding-left:17px;margin:0;font-size:13px;line-height:1.95;color:#455660}.profile-lists li::marker{color:var(--profile-color)}.profile-start{display:block;width:100%;padding:15px 12px;margin-top:26px;border-radius:30px;background:#ffe534;font-size:15px;font-weight:800;transition:background .2s,transform .2s}.profile-start:hover{background:#ffed70;transform:translateY(-2px)}.profile-start:active{transform:scale(.98)}.profile-note{font-size:11px;line-height:1.8;color:#607581;margin:10px 2px 0}.profile-navigation{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:20px;padding-top:15px;border-top:1px solid #e1e8ed;font-size:12px;color:#607581}.profile-navigation button{background:transparent;padding:8px 0;font-size:12px}.profile-navigation button:hover{color:#131e26;text-decoration:underline}.cutout-position{position:absolute;display:block}.cutout-reaction{display:block;width:100%;height:100%;transition:transform var(--reaction-time,.23s),filter var(--reaction-time,.23s)}.top-cutout{width:100%;height:100%;object-fit:contain;animation:top-character-float var(--float-time) ease-in-out infinite;animation-delay:var(--float-delay)}.has-cutout.is-expanded .cutout-reaction{transform:translateY(var(--reaction-y,-6px)) scale(1.025) rotate(var(--reaction-tilt,0deg));filter:drop-shadow(0 7px 5px #24334130)}.monster-hotspot[data-profile=AN]{--reaction-y:-5px}.monster-hotspot[data-profile=CR]{--reaction-tilt:-.7deg}.monster-hotspot[data-profile=CO]{--reaction-y:-7px}.monster-hotspot[data-profile=ST]{--reaction-y:-4px;--reaction-tilt:.3deg}.monster-hotspot[data-profile=SK]{--reaction-y:-4px;--reaction-time:.32s}.monster-hotspot[data-profile=SA]{--reaction-tilt:.7deg}@keyframes top-character-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(calc(-1 * var(--float-lift))) rotate(var(--float-tilt))}}@keyframes profile-arrive{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.profile-dialog{width:calc(100% - 28px);max-height:calc(100dvh - 28px);border-radius:20px}.profile-layout{grid-template-columns:1fr}.profile-art-panel{padding:22px;gap:12px;align-items:center}.profile-portrait{width:125px;max-height:165px}.profile-copy{padding:24px}.profile-copy h2{font-size:22px;padding:0}.profile-message{font-size:15px}.profile-lists{grid-template-columns:1fr;gap:20px}.profile-start{font-size:13px}}@media(prefers-reduced-motion:reduce){.approved-scene{transform:translate(-50%);transition:none}.top-cutout,.profile-dialog[open]{animation:none}.type-label,.type-label-description,.hero-hotspot,.cutout-reaction,.steps>div,.profile-start{transition:none}.has-cutout.is-expanded .cutout-reaction,.type-label-description{transform:none}.hero-hotspot:hover,.hero-hotspot:active,.has-cutout:hover .cutout-reaction,.has-cutout:focus-visible .cutout-reaction,.profile-start:hover,.profile-start:active{transform:none}.steps>div.awaiting-reveal{opacity:1;translate:0 0}}.approved-scene.is-layered{transform:translate(-50%);transition:none;isolation:isolate}.is-layered .approved-art{animation:background-breathe 10s ease-in-out infinite}@keyframes background-breathe{0%,to{transform:translateY(-3px) scaleY(1.015)}50%{transform:translateY(3px) scaleY(1.015)}}.layer-header{position:absolute;top:2.5%;left:5%;right:4.3%;height:4.7%;display:flex;align-items:center;gap:1.7cqw;z-index:8}.layer-logo{font-size:1.9cqw;font-weight:900;letter-spacing:-.05em;color:#080b0e}.layer-header-start{margin-left:auto;border-radius:4cqw;background:#ffe534;color:#080d10;height:100%;padding:0 1.3cqw;font-size:.95cqw;font-weight:800;display:flex;align-items:center;gap:.65cqw;box-shadow:0 3px 8px #8c721518;transition:transform .26s,box-shadow .26s}.layer-title{position:absolute;top:7%;left:25%;width:50%;z-index:1}.layer-title img{display:block;width:100%;height:auto}.layer-cta-area{position:absolute;left:34.39%;top:82%;width:31.22%;height:8.5%;z-index:7}.layer-cta{width:100%;height:100%;border-radius:4cqw;background:#ffe534;font-size:1.95cqw;font-weight:900;letter-spacing:.01em;color:#080d10;padding:0 2.6cqw;display:flex;align-items:center;justify-content:center;gap:1cqw;box-shadow:0 3px 8px #8c721518;transition:transform .26s,box-shadow .26s;white-space:nowrap}.cta-mascot{position:relative;display:block;flex:none;width:3.2cqw;height:4.3cqw;overflow:hidden}.cta-mascot img{position:absolute;width:145.82%;max-width:none;height:auto;left:-18.84%;top:-4.66%}.layer-header-start .cta-mascot{width:1.5cqw;height:2.02cqw}.layer-cta:hover,.layer-header-start:hover{transform:translateY(-3px);box-shadow:0 9px 18px #5f4d2335}.layer-cta:active,.layer-header-start:active{transform:scale(.98)}.completion-hint{position:absolute;width:max-content;min-width:15cqw;left:calc(100% + 1.3cqw);top:50%;min-height:4.2cqw;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.65cqw 1.3cqw;background:#fff;box-shadow:0 5px 16px #213b501a;opacity:0;visibility:hidden;translate:0 -50%;transform:translateY(8px);transition:opacity .23s,transform .23s,visibility .23s;pointer-events:none;white-space:nowrap}.completion-hint:before{content:"";position:absolute;right:100%;top:calc(50% - 7px);border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid white}.completion-hint strong{font-size:1.23cqw;line-height:1.5}.completion-hint>span{font-size:.79cqw}.layer-cta-area:hover .completion-hint,.layer-cta-area:focus-within .completion-hint{opacity:1;visibility:visible;transform:translateY(0)}.is-layered .type-label:after{content:"";position:absolute;bottom:-.4cqw;left:calc(50% - .5cqw);width:1cqw;height:1cqw;transform:rotate(45deg);background:#fff;z-index:-1}.is-layered .cutout-reaction{filter:drop-shadow(0 3px 2px #24334118)}.is-layered .type-label-description{transform:translateY(4px)}.is-layered .is-expanded .type-label-description{transform:translateY(0)}@media(max-width:700px){.completion-hint{left:50%;top:auto;bottom:calc(100% + 12px);width:220px;min-height:55px;margin-left:-110px;translate:none;padding:8px 16px}.completion-hint:before{top:100%;right:auto;left:calc(50% - 7px);border:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid white}.completion-hint strong{font-size:15px}.completion-hint>span{font-size:11px}}@media(prefers-reduced-motion:reduce){.is-layered .approved-art,.layer-cta:hover,.layer-cta:active,.layer-header-start:hover,.layer-header-start:active,.completion-hint,.is-layered .type-label-description{transform:none;transition:none}}.approved-hero{position:relative;overflow:visible}.hero-stage{overflow:hidden}.hero-features{position:relative;width:80%;margin:0 auto;transform:translateY(-50%);z-index:9;min-height:6.2vw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;background:#fff;border-radius:2vw;padding:1.15vw 1.4vw;box-shadow:0 8px 28px #28476015}.hero-feature{display:flex;align-items:center;gap:1.1vw;padding:0 1.2vw;min-width:0;position:relative}.hero-feature+.hero-feature{border-left:1px solid #d5e0e8}.hero-feature h2{font-size:clamp(12px,1.05vw,20px);line-height:1.4;margin:0 0 .35vw}.hero-feature p{font-size:clamp(10px,.85vw,16px);line-height:1.5;margin:0}.hero-feature small{font-size:10px;color:#64717a}.feature-icon{display:block;position:relative;flex:none;width:2.9vw;height:2.9vw;overflow:hidden}.feature-icon img{position:absolute;max-width:none}.feature-icon-1 img{width:129.41%;left:-14.65%;top:-25.8%}.feature-icon-2 img{width:150%;left:-24.76%;top:-26.79%}.feature-icon-3 img{width:155.39%;left:-26.02%;top:-29.74%}.feature-icon-4{height:2.1vw}.feature-icon-4 img{width:136.45%;left:-18.17%;top:-45.11%}body[data-screen=home] .intro h2{font-size:36px}body[data-screen=home] .intro p:not(.eyebrow){font-size:18px}body[data-screen=home] .intro .eyebrow{font-size:14px}body[data-screen=home] .steps h3{font-size:22px}body[data-screen=home] .steps>div>span{font-size:18px}body[data-screen=home] footer p,body[data-screen=home] footer small{font-size:15px}@media(max-width:1000px){.hero-features{width:92%;margin:0 auto;grid-template-columns:1fr 1fr;gap:20px 0;padding:22px 16px;border-radius:22px}.hero-feature{gap:16px;padding:0 16px}.hero-feature:nth-child(3){border-left:0}.hero-feature h2{font-size:16px}.hero-feature p{font-size:13px}.feature-icon{width:38px;height:38px}.feature-icon-4{height:28px}}@media(max-width:700px){.layer-header{left:calc(50% - 50vw + 18px);right:calc(50% - 50vw + 18px);height:34px}.layer-logo{font-size:19px}.layer-header-start{font-size:11px;padding:0 12px;gap:6px}.layer-header-start .cta-mascot{width:16px;height:22px}.layer-title{left:calc(50% - 46vw);width:92vw;top:10%}.hero-features{grid-template-columns:1fr 1fr;gap:18px 0}.hero-feature+.hero-feature{border-left:0}.hero-feature{padding:0 8px;gap:10px;align-items:flex-start}.hero-feature h2{font-size:14px}.hero-feature p{font-size:12px}.feature-icon{width:28px;height:28px}.feature-icon-4{height:21px}.hero-features{padding:20px 10px}.hero-stage{height:700px}.approved-scene{height:580px}.approved-art{height:700px;object-fit:cover}.layer-cta-area{top:82%}.hero-features{margin-bottom:-70px}body[data-screen=home] .intro h2{font-size:28px}body[data-screen=home] .intro p:not(.eyebrow){font-size:16px}body[data-screen=home] .steps h3{font-size:20px}}body[data-screen=home] .intro{margin-top:10px}@media(min-width:701px)and (max-width:1000px){.layer-cta-area{top:79%}}.diagnosis-start{display:flex;align-items:center;justify-content:center;background:#ffe534;color:#080d10;font-weight:900;letter-spacing:.01em;border-radius:999px;white-space:nowrap;box-shadow:0 3px 8px #8c721518;transition:transform .26s,box-shadow .26s}.diagnosis-start:hover{background:#ffe534;transform:translateY(-3px);box-shadow:0 9px 18px #5f4d2335}.diagnosis-start:active{transform:scale(.98)}.profile-start.diagnosis-start{gap:12px;padding:14px 22px;font-size:18px}.profile-start .cta-mascot{width:30px;height:40px}@media(max-width:700px){.profile-start.diagnosis-start{font-size:15px;padding:12px 16px;gap:10px}.profile-start .cta-mascot{width:25px;height:34px}}@media(prefers-reduced-motion:reduce){.diagnosis-start,.diagnosis-start:hover,.diagnosis-start:active{transition:none;transform:none}}@media(prefers-reduced-motion:reduce){.is-layered .approved-art{animation:none;transform:none}}.monster-roster{display:contents}body[data-screen=home] .intro{margin-top:48px}@media(max-width:700px){.hero-stage{height:auto}.approved-scene,.approved-scene.is-layered{width:100%;height:auto;left:0;transform:none;display:flex;flex-direction:column;padding:18px 16px 32px;gap:24px}.is-layered .approved-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.layer-header{position:relative;inset:auto;height:auto;min-height:48px;gap:10px;width:100%}.layer-header-start{height:44px;font-size:10px;padding:0 12px;margin-left:auto}.layer-title{position:relative;inset:auto;width:100%}.monster-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 2px;order:2}.monster-roster .monster-hotspot{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:.72;border-radius:20px}.monster-roster .cutout-position{left:0!important;top:8px!important;width:100%!important;height:calc(100% - 8px)!important}.monster-roster .type-label{left:50%!important;top:-24px!important;width:160px;height:30px;padding:5px 3px;border-radius:12px}.monster-roster .type-label-name{font-size:12px}.monster-roster .type-label-description{white-space:normal;font-size:11px}.monster-roster .is-expanded .type-label{height:auto;min-height:30px}.monster-roster .is-expanded .type-label-description{max-height:50px}.layer-cta-area{position:relative;inset:auto;order:3;width:min(100%,360px);height:60px;align-self:center}.layer-cta{font-size:18px;gap:12px;padding:0 18px}.layer-cta .cta-mascot{width:30px;height:40px}}.intro-monsters{display:block;width:min(100%,440px);height:auto;margin-top:26px}@media(min-width:701px){.layer-cta-area{top:86.1%}}@media(max-width:700px){.intro-monsters{width:min(100%,360px);margin-top:22px}}.monster-roster .type-label{opacity:0;visibility:hidden;translate:0 5px;pointer-events:none;transition:opacity .23s,visibility .23s,translate .23s,width .23s,height .23s,box-shadow .23s}.monster-roster .is-expanded .type-label{opacity:1;visibility:visible;translate:0 0}@media(prefers-reduced-motion:reduce){.monster-roster .type-label{transition:none;translate:none}}.global-nav{display:flex;align-items:center;gap:18px;font-size:13px;font-weight:700}.global-nav a{color:#172a34;text-decoration:none;white-space:nowrap}.global-nav a:hover{text-decoration:underline;text-underline-offset:5px}.layer-header .global-nav{margin-left:auto}.layer-header-start{flex:none}.profile-detail-link{display:block;margin-top:18px;color:#263e51;font-weight:700;text-align:center;text-underline-offset:4px}.result-content-link{color:inherit;text-decoration:none}.result-content-link:hover{text-decoration:underline;text-underline-offset:5px}@media(min-width:701px)and (max-width:1200px){.layer-header .global-nav{position:absolute;top:calc(100% + 16px);left:0;gap:14px;font-size:12px}}@media(max-width:700px){.layer-header{flex-wrap:wrap}.layer-header .global-nav{order:3;flex-basis:100%;margin:8px 0 0;justify-content:space-between;gap:8px;font-size:11px}}@media(max-width:700px){body[data-screen=home] .layer-header .brand-lockup{flex-direction:column;align-items:flex-start;gap:4px}body[data-screen=home] .layer-header .brand-service{border:0;padding:0}.layer-header .global-nav{gap:0;margin-top:10px;padding:5px 0;border-top:1px solid #ffffff80;border-bottom:1px solid #ffffff80}.layer-header .global-nav a{display:flex;align-items:center;justify-content:center;min-height:36px;font-size:clamp(9px,2.7vw,12px)}.layer-title{margin:0 auto;max-width:500px}.monster-roster{width:100%;max-width:460px;align-self:center}.monster-roster .monster-hotspot:nth-child(3n+1) .type-label{left:0!important;transform:none}.monster-roster .monster-hotspot:nth-child(3n) .type-label{left:auto!important;right:0;transform:none}.layer-cta-area{margin-top:4px}body[data-screen=home] .intro{margin:36px auto 48px;padding:0 24px;gap:28px}body[data-screen=home] .intro h2{font-size:clamp(24px,6.6vw,30px);letter-spacing:-.04em}body[data-screen=home] .intro p:not(.eyebrow){font-size:15px;line-height:1.95}body[data-screen=home] .intro p br{display:none}body[data-screen=home] .steps h3{font-size:18px}body[data-screen=home] .steps>div{padding:18px 0}body[data-screen=home] footer{gap:12px;padding:24px 0}body[data-screen=home] footer p,body[data-screen=home] footer small{font-size:11px}}@media(max-width:700px){.layer-header .global-nav{display:grid;grid-template-columns:1fr .75fr .85fr 1fr;width:100%}.layer-header .global-nav a{font-size:clamp(9px,2.5vw,12px)}}@media(max-width:360px){.layer-header-start{padding:0 9px;font-size:9px;gap:5px}.layer-cta{font-size:16px}}