:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#f7f5ef;--muted:#aaa8ba;--night:#100d2e;--night-deep:#09071d;--panel:#18143d;--line:#f7f5ef33;--violet:#7657ff;--lime:#b8ff38;--red:#ff5b42;--yellow:#ffce45;--paper:#f1eee4;--black:#0b091c;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night-deep)}body{background:var(--night-deep);min-width:320px;min-height:100dvh;color:var(--ink);margin:0}#root{min-height:100dvh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.button{cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 22px;font-weight:800;transition:transform .16s,background-color .16s,color .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:disabled{cursor:wait;opacity:.72;transform:none}.button--primary{background:var(--violet);color:#fff;box-shadow:8px 8px 0 var(--lime)}.button--primary:hover{background:#8970ff}.button--light{background:var(--paper);color:var(--black);box-shadow:7px 7px 0 var(--violet)}.section-index{color:var(--lime);letter-spacing:0;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.game-mark{color:var(--ink);white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:900;display:flex}.game-mark small{border-left:1px solid var(--line);color:var(--muted);padding-left:10px;font-size:9px;font-weight:700}.game-mark__icon{border:1px solid var(--line);width:34px;height:34px;color:var(--lime);border-radius:50%;place-items:center;display:grid}.game-mark--compact{font-size:16px}.game-mark--compact .game-mark__icon{width:30px;height:30px}.home-page{background:var(--night);min-height:100dvh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);background:var(--night);z-index:20;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 640px);display:flex;position:relative}.site-header__meta{color:var(--muted);font-size:11px;font-weight:700}.hero{isolation:isolate;background-color:var(--night);align-items:center;min-height:calc(100dvh - 72px);padding:72px max(24px,50vw - 640px);display:flex;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45%);mask-image:linear-gradient(90deg,#0000,#000 45%)}.hero__content{z-index:5;width:min(570px,52%);position:relative}.hero__eyebrow{color:var(--lime);align-items:center;gap:8px;margin:0 0 20px;font-size:13px;font-weight:800;display:flex}.hero h1{letter-spacing:0;margin:0;font-size:94px;font-weight:950;line-height:.9}.hero__lead{margin:24px 0 0;font-size:30px;font-weight:800;line-height:1.25}.hero__copy{color:#cfccdc;max-width:500px;margin:18px 0 0;font-size:16px;line-height:1.85}.hero__button{min-width:184px;margin-top:34px}.hero__facts{color:var(--muted);gap:0;margin-top:34px;font-size:11px;font-weight:700;display:flex}.hero__facts span{border-right:1px solid var(--line);padding:0 14px}.hero__facts span:first-child{padding-left:0}.hero__facts span:last-child{border-right:0}.hero__scroll{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;bottom:18px;left:50%}.stage{z-index:0;position:absolute;inset:28px -30px 28px 47%;transform:rotate(-2deg)}.stage__grid{background-color:#131037;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;border:1px solid #ffffff24;position:absolute;inset:3% 4% 4% 1%}.stage__controller{background:var(--violet);width:230px;height:200px;color:var(--night-deep);border-radius:50%;place-items:center;display:grid;position:absolute;inset:25% 29% auto auto;transform:rotate(8deg);box-shadow:14px 14px #0000004d}.stage-tile{border:1px solid #ffffff52;flex-direction:column;justify-content:space-between;min-width:148px;min-height:96px;padding:16px;font-size:12px;font-weight:900;display:flex;position:absolute;box-shadow:8px 8px #00000040}.stage-tile--lime{background:var(--lime);color:var(--black)}.stage-tile--violet{color:#fff;background:#4d35c5}.stage-tile--paper{background:var(--paper);color:var(--black)}.stage-tile--red{background:var(--red);color:var(--black)}.stage-tile--yellow{background:var(--yellow);color:var(--black)}.stage-tile--one{width:31%;top:4%;left:2%;transform:rotate(-2deg)}.stage-tile--two{width:31%;top:0;left:37%;transform:rotate(3deg)}.stage-tile--three{width:27%;top:8%;right:1%;transform:rotate(-4deg)}.stage-tile--four{width:24%;top:39%;left:4%;transform:rotate(4deg)}.stage-tile--five{width:24%;top:39%;right:2%;transform:rotate(3deg)}.stage-tile--six{width:29%;bottom:5%;left:2%;transform:rotate(-3deg)}.stage-tile--seven{width:31%;bottom:1%;left:35%;transform:rotate(2deg)}.stage-tile--eight{width:27%;bottom:7%;right:1%;transform:rotate(-2deg)}.stage__ticker{background:var(--black);color:var(--lime);text-align:center;padding:8px 12px;font-size:11px;font-weight:900;position:absolute;top:55%;left:9%;right:0;transform:rotate(-3deg)}.axis-section{background:var(--night);grid-template-columns:minmax(280px,.7fr) minmax(540px,1.3fr);gap:90px;max-width:1280px;margin:0 auto;padding:64px 24px 120px;display:grid}.axis-section__intro{align-self:start;position:sticky;top:40px}.axis-section__intro h2,.home-cta h2,.dimension-section__heading h2{letter-spacing:0;margin:0;font-size:44px;line-height:1.2}.axis-section__intro>p:not(.section-index){color:var(--muted);margin:26px 0 0;font-size:15px;line-height:1.9}.shuffle-note{color:var(--yellow);align-items:center;gap:8px;margin-top:28px;font-size:12px;font-weight:800;display:flex}.axis-list{border-top:1px solid var(--line)}.axis-row{border-bottom:1px solid var(--line);grid-template-columns:40px 122px 155px 1fr;align-items:center;gap:20px;min-height:154px;padding:26px 0;display:grid}.axis-row__number{color:var(--muted);font-size:11px}.axis-row__codes{align-items:center;gap:8px;font-size:38px;line-height:1;display:flex}.axis-row__codes span{color:var(--muted);font-weight:300}.axis-row__names{flex-direction:column;gap:7px;display:flex}.axis-row__names b{font-size:16px}.axis-row__names span{color:var(--muted);font-size:11px}.axis-row>p{color:#c5c2d1;margin:0;font-size:13px;line-height:1.7}.home-cta{text-align:center;background:var(--lime);color:var(--black);padding:100px 24px 90px}.home-cta .section-index{color:#4b641c}.home-cta .button{margin-top:36px}.home-cta__note{color:#4a542f;margin:38px 0 0;font-size:11px}.test-page{background-color:var(--night-deep);background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:32px 32px;min-height:100svh;padding-bottom:142px}.test-header,.result-header{border-bottom:1px solid var(--line);background:#09071deb;justify-content:space-between;align-items:center;height:68px;padding:0 max(22px,50vw - 590px);display:flex}.test-header__right{color:var(--muted);align-items:center;gap:18px;font-size:12px;font-weight:800;display:flex}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:border-color .16s,background-color .16s,color .16s;display:grid}.icon-button:hover:not(:disabled){border-color:var(--lime);color:var(--lime)}.icon-button:disabled{cursor:not-allowed;opacity:.28}.question-stage{width:min(820px,100% - 44px);margin:0 auto;padding:56px 0 26px;animation:.26s both question-in}.question-stage--answered .option-button--selected{animation:.3s option-bounce}.question-stage__meta{color:var(--muted);justify-content:space-between;font-size:10px;font-weight:800;display:flex}.question-stage__meta span:first-child{color:var(--lime)}.question-stage__title{color:var(--violet);margin:30px 0 10px;font-size:13px;font-weight:800}.question-stage h1{letter-spacing:0;max-width:760px;margin:0;font-size:30px;line-height:1.45}.option-list{gap:10px;margin-top:32px;display:grid}.option-button{border:1px solid var(--line);width:100%;min-height:66px;color:var(--ink);text-align:left;cursor:pointer;background:#18143dd6;border-radius:4px;grid-template-columns:34px 1fr 16px;align-items:center;gap:14px;padding:12px 18px;line-height:1.55;transition:transform .14s,border-color .14s,background-color .14s;display:grid}.option-button:hover:not(:disabled){background:#211b51;border-color:#b8ff38ad;transform:translate(5px)}.option-button--selected{border-color:var(--lime);background:var(--lime);color:var(--black)}.option-button__key{border:1px solid;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:900;display:grid}.option-button__dot{border:1px solid;border-radius:50%;justify-self:end;width:10px;height:10px}.option-button--selected .option-button__dot{border:3px solid var(--black);background:var(--black);box-shadow:inset 0 0 0 2px var(--lime)}.progress-dock{z-index:30;padding:14px max(22px, calc((100vw - 920px) / 2)) max(14px, env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#09071df5;position:fixed;bottom:0;left:0;right:0}.progress-dock__line{grid-template-columns:40px 1fr 40px 52px;align-items:center;gap:14px;display:grid}.icon-button--nav{width:40px;height:40px}.progress-track{background:#292541;height:8px;overflow:hidden}.progress-track>span{background:var(--lime);height:100%;transition:width .26s;display:block}.progress-dock__count{color:var(--muted);text-align:right;font-size:11px;font-weight:800}.button--submit{background:var(--lime);width:min(100%,320px);min-height:46px;color:var(--black);margin:0 auto 12px;display:flex}.result-page{background:var(--night);min-height:100vh}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--ink)}.result-hero{background-color:var(--night-deep);background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:38px 38px;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:center;gap:70px;min-height:670px;padding:86px max(24px,50vw - 590px);display:grid;position:relative;overflow:hidden}.result-hero__stamp{background:var(--red);color:var(--black);padding:10px 54px;font-size:11px;font-weight:900;position:absolute;top:32px;right:-32px;transform:rotate(4deg)}.result-code{gap:8px;display:flex}.result-code span{background:var(--violet);color:#fff;place-items:center;width:94px;height:112px;font-size:66px;font-weight:950;line-height:1;display:grid;box-shadow:7px 7px #00000057}.result-code span:nth-child(2){background:var(--lime);color:var(--black);transform:translateY(8px)}.result-code span:nth-child(3){background:var(--red);color:var(--black);transform:translateY(-5px)}.result-code span:nth-child(4){background:var(--yellow);color:var(--black);transform:translateY(4px)}.result-hero__label{color:var(--muted);margin:38px 0 8px;font-size:12px;font-weight:700}.result-hero__main h1{letter-spacing:0;margin:0;font-size:64px;line-height:1.06}.result-hero__main h2{color:var(--lime);margin:12px 0 0;font-size:18px}.result-hero__description{color:#cfccdc;max-width:620px;margin:24px 0 0;font-size:15px;line-height:1.9}.subtype-panel{background:var(--paper);color:var(--black);box-shadow:12px 12px 0 var(--violet);border:1px solid #0b091c40;border-radius:6px;padding:30px;transform:rotate(1deg)}.subtype-panel>p:first-of-type{color:#625d70;margin:28px 0 8px;font-size:11px;font-weight:800}.subtype-panel h3{margin:0;font-size:28px;line-height:1.3}.subtype-panel>span{color:#7657ff;margin-top:8px;font-size:10px;font-weight:900;display:block}.subtype-panel__rule{background:#0b091c2e;height:1px;margin:24px 0}.subtype-panel .subtype-panel__description{color:#4d4957;margin:0;font-size:13px;line-height:1.8}.dimension-section{background:var(--paper);color:var(--black);padding:110px max(24px,50vw - 590px)}.dimension-section .section-index{color:#6549e4}.dimension-section__heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:62px;display:flex}.dimension-section__heading>p{color:#66616c;width:330px;margin:0;font-size:13px;line-height:1.7}.dimension-results{border-top:1px solid #0b091c33}.dimension-result{border-bottom:1px solid #0b091c33;padding:30px 0}.dimension-result__top{grid-template-columns:1fr auto 1fr;align-items:end;gap:20px;display:grid}.dimension-result__top>div{opacity:.45;align-items:baseline;gap:10px;display:flex}.dimension-result__top>div:last-child{justify-content:flex-end}.dimension-result__top>div.is-winner{opacity:1}.dimension-result__top strong{font-size:40px;line-height:1}.dimension-result__top span{font-size:13px;font-weight:700}.dimension-result__top p{color:#77717c;margin:0;font-size:10px}.dimension-bar{background:#c9c4d1;height:11px;margin-top:18px;position:relative}.dimension-bar span{height:100%;display:block}.dimension-bar--right span{margin-left:auto}.dimension-bar i{background:var(--black);width:3px;height:21px;position:absolute;top:-5px;transform:translate(-1px)}.result-footer{background:var(--violet);justify-content:space-between;align-items:center;gap:32px;padding:70px max(24px,50vw - 590px);display:flex}.result-footer p{max-width:600px;margin:0;font-size:15px;line-height:1.8}.result-footer__actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.button--save{background:var(--lime);color:var(--black);box-shadow:7px 7px 0 var(--night-deep)}.button--save-error{background:var(--red)}.is-spinning{animation:.85s linear infinite spin}.result-poster-shell{z-index:-100;pointer-events:none;width:1080px;height:1350px;position:fixed;top:0;left:-12000px;overflow:hidden}.result-poster{background-color:var(--night-deep);width:1080px;height:1350px;color:var(--ink);background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:38px 38px;flex-direction:column;padding:58px 64px 48px;display:flex}.result-poster__header{border-bottom:1px solid #f7f5ef3d;justify-content:space-between;align-items:flex-start;height:52px;padding-bottom:17px;display:flex}.result-poster__brand{align-items:center;gap:12px;font-size:21px;display:flex}.result-poster__brand>span{width:38px;height:38px;color:var(--lime);border:1px solid #f7f5ef59;border-radius:50%;place-items:center;display:grid}.result-poster__header>p{color:var(--muted);margin:11px 0 0;font-size:11px;font-weight:800}.result-poster__hero{grid-template-columns:1.42fr .78fr;align-items:center;gap:45px;min-height:558px;padding:54px 0 50px;display:grid}.result-poster__eyebrow,.result-poster__axes-heading p{color:var(--lime);margin:0 0 17px;font-size:11px;font-weight:900}.result-poster__code{gap:7px;display:flex}.result-poster__code span{place-items:center;width:91px;height:106px;font-size:58px;font-weight:950;line-height:1;display:grid;box-shadow:6px 6px #00000059}.result-poster__label{color:var(--muted);margin:30px 0 5px;font-size:11px;font-weight:700}.result-poster__hero section h1{margin:0;font-size:59px;line-height:1.08}.result-poster__hero section h2{color:var(--lime);margin:9px 0 0;font-size:18px}.result-poster__description{color:#cfccdc;max-width:540px;margin:20px 0 0;font-size:13px;line-height:1.85}.result-poster__subtype{background:var(--paper);min-height:335px;color:var(--black);box-shadow:10px 10px 0 var(--violet);border:1px solid #0b091c33;border-radius:5px;flex-direction:column;padding:28px;display:flex;transform:rotate(1deg)}.result-poster__subtype>p{color:#66616c;margin:22px 0 7px;font-size:10px;font-weight:800}.result-poster__subtype h3{margin:0;font-size:26px;line-height:1.25}.result-poster__subtype>b{color:var(--violet);margin-top:7px;font-size:10px}.result-poster__subtype>i{background:#0b091c2e;height:1px;margin:22px 0;display:block}.result-poster__subtype>span{color:#4d4957;font-size:12px;line-height:1.75}.result-poster__axes{background:var(--paper);color:var(--black);padding:38px 40px 32px}.result-poster__axes-heading{justify-content:space-between;align-items:end;gap:30px;display:flex}.result-poster__axes-heading p{color:#6549e4;margin-bottom:7px}.result-poster__axes-heading h2{margin:0;font-size:28px}.result-poster__axes-heading>span{color:#77717c;font-size:10px}.result-poster__axis-grid{border-top:1px solid #0b091c2e;grid-template-columns:1fr 1fr;column-gap:42px;margin-top:28px;display:grid}.poster-dimension{border-bottom:1px solid #0b091c2e;padding:25px 0 22px}.poster-dimension__labels{grid-template-columns:1fr auto 1fr;align-items:end;gap:9px;display:grid}.poster-dimension__labels>div{opacity:.42;align-items:baseline;gap:7px;display:flex}.poster-dimension__labels>div:last-child{justify-content:flex-end}.poster-dimension__labels>div.is-winner{opacity:1}.poster-dimension__labels strong{font-size:30px;line-height:1}.poster-dimension__labels span{font-size:10px;font-weight:800}.poster-dimension__labels p{color:#77717c;margin:0;font-size:7px}.poster-dimension__bar{background:#c9c4d1;height:9px;margin-top:13px;position:relative}.poster-dimension__bar span{height:100%;display:block}.poster-dimension__bar--right span{margin-left:auto}.poster-dimension__bar i{background:var(--black);width:3px;height:17px;position:absolute;top:-4px;transform:translate(-1px)}.result-poster__footer{min-height:72px;color:var(--muted);justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:26px;font-size:10px;font-weight:800;display:flex}.result-poster__footer b{color:var(--ink);font-size:13px}@keyframes question-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes option-bounce{0%{transform:scale(1)}45%{transform:scale(1.018)translateY(-4px)}72%{transform:scale(.995)translateY(1px)}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.hero h1{font-size:72px}.hero__lead{font-size:26px}.stage{opacity:.72;left:43%}.hero__content{width:60%}.axis-section{grid-template-columns:1fr;gap:55px}.axis-section__intro{max-width:600px;position:static}.result-hero{grid-template-columns:1fr;gap:55px}.subtype-panel{max-width:520px}}@media (width<=720px){.site-header{height:62px;padding:0 18px}.site-header__meta,.game-mark small{display:none}.hero{align-items:flex-start;min-height:calc(100dvh - 62px);max-height:none;padding:82px 20px 104px}.hero__content{width:100%}.hero h1{font-size:58px}.hero__lead{font-size:22px}.hero__copy{max-width:360px;font-size:14px}.hero__button{margin-top:28px}.hero__facts{flex-wrap:wrap;gap:8px 0}.stage{opacity:.38;transform-origin:100% 100%;height:510px;inset:auto -190px -100px 28%;transform:rotate(-5deg)scale(.8)}.stage__controller{top:28%;right:27%}.hero__scroll{left:auto;right:20px}.axis-section{padding:52px 20px 84px}.axis-section__intro h2,.home-cta h2,.dimension-section__heading h2{font-size:32px}.axis-row{grid-template-columns:30px 94px 1fr;gap:12px;min-height:0}.axis-row__codes{font-size:28px}.axis-row__names{grid-column:3}.axis-row>p{grid-column:2/-1}.home-cta{padding:82px 20px 72px}.test-header,.result-header{height:60px;padding:0 16px}.question-stage{width:calc(100% - 32px);padding-top:34px}.question-stage__title{margin-top:24px}.question-stage h1{font-size:22px;line-height:1.5}.option-list{gap:9px;margin-top:24px}.option-button{grid-template-columns:30px 1fr 12px;gap:10px;min-height:62px;padding:10px 12px;font-size:13px}.option-button__key{width:27px;height:27px}.progress-dock{padding-left:12px;padding-right:12px}.progress-dock__line{grid-template-columns:38px 1fr 38px 42px;gap:8px}.progress-dock__count{font-size:10px}.result-hero{min-height:0;padding:72px 20px 78px}.result-hero__stamp{top:20px;right:-55px}.result-code{gap:5px}.result-code span{width:62px;height:76px;font-size:42px;box-shadow:4px 4px #00000057}.result-hero__main h1{font-size:46px}.result-hero__description{font-size:14px}.subtype-panel{box-shadow:8px 8px 0 var(--violet);padding:24px}.dimension-section{padding:80px 20px}.dimension-section__heading{margin-bottom:42px;display:block}.dimension-section__heading>p{width:auto;margin-top:18px}.dimension-result__top{grid-template-columns:1fr 1fr}.dimension-result__top>p{display:none}.dimension-result__top strong{font-size:30px}.dimension-result__top>div{flex-direction:column;gap:4px}.dimension-result__top>div:last-child{align-items:end}.result-footer{flex-direction:column;align-items:flex-start;padding:55px 20px}.result-footer__actions{flex-direction:column;align-items:stretch;width:100%}.result-footer__actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}