body.cti-test-page,body:has(.cti-test[data-cti-hide-theme-chrome=true]){overflow:hidden;background:#1d160f}body.cti-test-page .shopify-section-group-header-group,body.cti-test-page .shopify-section-group-overlay-group,body.cti-test-page .shopify-section-group-footer-group,body:has(.cti-test[data-cti-hide-theme-chrome=true]) .shopify-section-group-header-group,body:has(.cti-test[data-cti-hide-theme-chrome=true]) .shopify-section-group-overlay-group,body:has(.cti-test[data-cti-hide-theme-chrome=true]) .shopify-section-group-footer-group{display:none!important}.craft-ti-test-section{position:relative;z-index:1;margin:0}.cti-test{position:relative;width:100%;height:100vh;height:100dvh;min-height:520px;overflow:hidden;isolation:isolate;background:#1d160f}.cti-test .cti-step{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.cti-test .cti-step[hidden]{display:none!important}.cti-test .cti-step.cti-is-entering{z-index:2;animation:cti-step-enter .18s ease-out both}.cti-test .cti-live-region{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.cti-test .cti-noscript{position:absolute;inset:auto 16px 16px;z-index:200;margin:0;padding:12px 16px;border-radius:8px;background:#fff;color:#24170d;font:600 14px/1.4 Arial,sans-serif;text-align:center}@keyframes cti-step-enter{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.cti-test .cti-step.cti-is-entering{animation:none}}.cti-test .cti-step--1{--frame-w: min(100vw, calc(100vh * 16 / 9));--frame-h: calc(var(--frame-w) * 9 / 16);--chrome-h: 15%;--ground-bottom: 9.8%;--letter-x: 60.16%;--letter-y: 33%}@font-face{font-family:Poppins;src:url(craft-ti-poppins-black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(craft-ti-poppins-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.cti-test .cti-step--1 *{box-sizing:border-box}.cti-test .cti-step--1{width:100%;min-height:100%;margin:0;background:#1d231f}.cti-test .cti-step--1{display:grid;place-items:center;overflow:hidden;font-family:Avenir Next,PingFang SC,Microsoft YaHei,Arial,sans-serif}.cti-test .cti-step--1 button{padding:0;border:0;background:transparent;cursor:pointer;font:inherit}.cti-test .cti-step--1 .page-shell{width:100vw;height:100vh;display:grid;place-items:center}.cti-test .cti-step--1 .browser-frame{position:relative;width:var(--frame-w);height:var(--frame-h);overflow:hidden;background:#f6f9ff;box-shadow:0 28px 80px #00000047}.cti-test .cti-step--1 .flow-mode .browser-frame{background:transparent;box-shadow:none}.cti-test .cti-step--1 .flow-mode .browser-tabs,.cti-test .cti-step--1 .flow-mode .browser-bar{opacity:0}.cti-test .cti-step--1 .browser-tabs{position:absolute;inset:0 0 auto 0;height:7.6%;display:flex;align-items:center;gap:1.3%;padding-left:2.2%;background:#d7e6ff;z-index:30}.cti-test .cti-step--1 .dot{width:1.25%;aspect-ratio:1;border-radius:50%}.cti-test .cti-step--1 .red{background:#ff5b58}.cti-test .cti-step--1 .yellow{background:#ffc02e}.cti-test .cti-step--1 .green{background:#27c848}.cti-test .cti-step--1 .tab-chevron{width:3%;height:66%;margin-left:1.3%;border-radius:28%;background:#edf4ff;position:relative}.cti-test .cti-step--1 .tab-chevron:before{content:"";position:absolute;width:16%;height:16%;border-right:.22vw solid #0d2a53;border-bottom:.22vw solid #0d2a53;transform:rotate(45deg);left:43%;top:34%}.cti-test .cti-step--1 .tab-active{position:relative;width:24.4%;height:82%;border-radius:2vw 2vw 0 0;background:#fff}.cti-test .cti-step--1 .chrome-mark{position:absolute;width:5.3%;aspect-ratio:1;left:4.2%;top:22%;border-radius:50%;border:.22vw solid #47494e}.cti-test .cti-step--1 .chrome-mark:after{content:"";position:absolute;top:21%;right:21%;bottom:21%;left:21%;border-radius:50%;background:#47494e}.cti-test .cti-step--1 .close,.cti-test .cti-step--1 .plus{color:#22252b;font:700 clamp(18px,1.9vw,36px) Arial,sans-serif}.cti-test .cti-step--1 .close{position:absolute;right:4.8%;top:20%}.cti-test .cti-step--1 .plus{margin-left:.6%;transform:translateY(-3%)}.cti-test .cti-step--1 .browser-bar{position:absolute;inset:7.6% 0 auto 0;height:7.4%;display:flex;align-items:center;gap:2.6%;padding-left:1.7%;background:#f4f8ff;z-index:30}.cti-test .cti-step--1 .nav,.cti-test .cti-step--1 .reload{font:400 clamp(26px,2.4vw,52px) Arial,sans-serif;color:#a5a7aa}.cti-test .cti-step--1 .reload{color:#4e5155;transform:translateY(-2%)}.cti-test .cti-step--1 .google{width:3.1%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font:800 clamp(19px,1.7vw,34px) Arial,sans-serif}.cti-test .cti-step--1 .stage{position:absolute;inset:var(--chrome-h) 0 0;overflow:hidden;background:#093a63}.cti-test .cti-step--1 .stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#aa994f;opacity:0;pointer-events:none}.cti-test .cti-step--1 .stage.is-letter-open:after{animation:cti-s1-goldFill .18s linear .74s forwards}.cti-test .cti-step--1 .stage>*{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.cti-test .cti-step--1 .blue-bg{top:0;right:0;bottom:0;left:0;background:url(craft-ti-blue-grid.jpg) center / cover no-repeat;opacity:0;animation:cti-s1-blueIn .5s ease-out forwards}.cti-test .cti-step--1 .green-field{z-index:2;left:0;bottom:9.8%;width:100%;height:54.4%;object-fit:fill;transform:translate(-105%);animation:cti-s1-slideFromLeft .82s cubic-bezier(.2,.7,.18,1) .42s forwards}.cti-test .cti-step--1 .brown-strip{z-index:10;left:0;bottom:0;width:100%;height:11%;object-fit:fill;transform:translateY(115%);animation:cti-s1-stripIn .62s cubic-bezier(.2,.7,.18,1) .72s forwards}.cti-test .cti-step--1 .page-title{z-index:6;left:5.26%;top:9.7%;margin:0;color:#fff;font-family:Poppins,Avenir Next,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:calc(var(--frame-w) * 70 / 1920);font-weight:700;line-height:calc(var(--frame-w) * 72 / 1920);letter-spacing:0;opacity:0;transform:translateY(24px);animation:cti-s1-titleIn .68s cubic-bezier(.2,.72,.2,1) .88s forwards;pointer-events:auto;user-select:text;-webkit-user-select:text}.cti-test .cti-step--1 .cloud{display:none;z-index:4;opacity:0;filter:drop-shadow(0 1px 0 rgba(0,0,0,.02))}.cti-test .cti-step--1 .cloud-left{width:21.8%;left:10.5%;top:12.2%;transform:translate(-32%);animation:cti-s1-cloudInLeft .8s cubic-bezier(.19,.72,.22,1) 1.02s forwards}.cti-test .cti-step--1 .cloud-right{width:18.3%;right:8.4%;top:24.6%;transform:translate(32%);animation:cti-s1-cloudInRight .8s cubic-bezier(.19,.72,.22,1) 1.08s forwards}.cti-test .cti-step--1 .dog{z-index:9;width:12.55%;left:23.125%;bottom:10.89%;opacity:0;transform:translate(-36%) translateY(6%) rotate(-4deg);transform-origin:50% 100%;animation:cti-s1-dogIn .72s cubic-bezier(.2,.72,.2,1) 1.16s forwards,cti-s1-dogIdle 4.8s ease-in-out 2.15s infinite}.cti-test .cti-step--1 .grass{z-index:8;opacity:0;transform:translateY(60%)}.cti-test .cti-step--1 .grass-large{width:7.92%;left:75.83%;bottom:10.89%;animation:cti-s1-grassIn .58s cubic-bezier(.2,.72,.2,1) 1.24s forwards}.cti-test .cti-step--1 .grass-small{width:6.2%;left:7.66%;bottom:10.89%;animation:cti-s1-grassIn .58s cubic-bezier(.2,.72,.2,1) 1.34s forwards}.cti-test .cti-step--1 .mailbox-body{z-index:9;width:16.72%;left:48.54%;bottom:10.89%;opacity:0;transform:translateY(142%) scaleY(.96);transform-origin:50% 100%;animation:cti-s1-mailboxIn .88s cubic-bezier(.18,.78,.22,1) 1.58s forwards}.cti-test .cti-step--1 .mailbox-roof{z-index:22;width:13.6%;left:50.1%;top:20.48%;opacity:0;transform:translateY(1580%) scaleY(.96);transform-origin:50% 100%;animation:cti-s1-mailboxRoofIn .88s cubic-bezier(.18,.78,.22,1) 1.58s forwards}.cti-test .cti-step--1 .letter-trigger{z-index:16;left:var(--letter-x);top:var(--letter-y);width:8.1%;aspect-ratio:154 / 106;opacity:0;pointer-events:none;transform:translate(-50%,760%) scale(.98) rotate(43deg);transform-origin:50% 52%;animation:cti-s1-letterWithMailboxIn .88s cubic-bezier(.18,.78,.22,1) 1.58s forwards;backface-visibility:hidden;will-change:transform,opacity}.cti-test .cti-step--1 .stage.is-letter-ready .letter-trigger{pointer-events:auto}.cti-test .cti-step--1 .letter-trigger:before{content:none;display:none}.cti-test .cti-step--1 .envelope{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain}.cti-test .cti-step--1 .envelope-fly{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:contain;opacity:0}.cti-test .cti-step--1 .click-ring{position:absolute;z-index:2;left:50%;top:38%;width:52%;aspect-ratio:1;border:clamp(1px,.07vw,2px) solid rgba(255,255,255,.92);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.72);filter:none}.cti-test .cti-step--1 .click-ring:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:clamp(1px,.06vw,2px) solid rgba(255,255,255,.72);border-radius:50%}.cti-test .cti-step--1 .click-ring:before{content:"";position:absolute;top:28%;right:28%;bottom:28%;left:28%;border:clamp(1px,.05vw,2px) solid rgba(255,255,255,.58);border-radius:50%}.cti-test .cti-step--1 .stage.is-letter-ready .click-ring{animation:cti-s1-clickRingPulse 1.35s ease-in-out infinite}.cti-test .cti-step--1 .letter-trigger:hover .click-ring{border-color:#fff;filter:drop-shadow(0 0 .85vw rgba(255,255,255,.82))}.cti-test .cti-step--1 .stage.is-letter-open .letter-trigger{pointer-events:none;animation:cti-s1-letterOpenFill .92s cubic-bezier(.18,.78,.18,1) forwards}.cti-test .cti-step--1 .stage.is-letter-open .envelope{opacity:0}.cti-test .cti-step--1 .stage.is-letter-open .envelope-fly{opacity:1}.cti-test .cti-step--1 .stage.is-letter-open .letter-trigger:before,.cti-test .cti-step--1 .stage.is-letter-open .click-ring{animation:cti-s1-fadeOut .18s ease-out forwards}.cti-test .cti-step--1 .wind{display:none;z-index:11;opacity:0;transform:translateY(8%);animation:cti-s1-windIn .42s ease-out 2.26s forwards}.cti-test .cti-step--1 .wind-left{z-index:14;width:7.72%;left:45.78%;top:56.54%}.cti-test .cti-step--1 .wind-right{width:4.6%;left:65.2%;top:43.14%}.cti-test .cti-step--1 .mailbox-ground-mask{z-index:15;left:39.2%;bottom:0;width:21.2%;height:10.95%;background:url(craft-ti-brown-strip.jpg) center bottom / 100vw 100% no-repeat;opacity:0;animation:cti-s1-slotCoverIn .01s linear 1.58s forwards}@keyframes cti-s1-blueIn{to{opacity:1}}@keyframes cti-s1-slideFromLeft{to{transform:translate(0)}}@keyframes cti-s1-stripIn{to{transform:translateY(0)}}@keyframes cti-s1-titleIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cti-s1-cloudInLeft{to{opacity:1;transform:translate(0)}}@keyframes cti-s1-cloudInRight{to{opacity:1;transform:translate(0)}}@keyframes cti-s1-dogIn{to{opacity:1;transform:translate(0) translateY(0) rotate(0)}}@keyframes cti-s1-dogIdle{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-.8%) rotate(-.8deg)}}@keyframes cti-s1-grassIn{to{opacity:1;transform:translateY(0)}}@keyframes cti-s1-mailboxIn{0%{z-index:9;opacity:1;transform:translateY(142%) scaleY(.96)}72%{z-index:9;opacity:1;transform:translateY(-.8%) scaleY(1.01)}to{z-index:12;opacity:1;transform:translateY(0) scaleY(1)}}@keyframes cti-s1-mailboxRoofIn{0%{z-index:22;opacity:1;transform:translateY(1580%) scaleY(.96)}72%{z-index:22;opacity:1;transform:translateY(-10%) scaleY(1.01)}to{z-index:22;opacity:1;transform:translateY(0) scaleY(1)}}@keyframes cti-s1-slotCoverIn{to{opacity:1}}@keyframes cti-s1-windIn{to{opacity:1;transform:translateY(0)}}@keyframes cti-s1-letterWithMailboxIn{0%{opacity:1;transform:translate(-50%,760%) scale(.98) rotate(43deg)}72%{opacity:1;transform:translate(-50%,-55%) scale(1.01) rotate(43deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(43deg)}}@keyframes cti-s1-letterShadowIn{to{opacity:1;transform:scaleX(1)}}@keyframes cti-s1-clickRingPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}34%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}@keyframes cti-s1-letterOpenFill{0%{z-index:40;opacity:1;transform:translate(-50%,-50%) scale(1) rotate(43deg)}34%{z-index:40;opacity:1;transform:translate(-50%,28%) scale(1.35) rotate(22deg)}to{z-index:40;opacity:1;transform:translate(-50%,-50%) scale(13.3) rotate(0)}}@keyframes cti-s1-fadeOut{to{opacity:0}}@keyframes cti-s1-goldFill{to{opacity:1}}@media(max-aspect-ratio:16 / 9){.cti-test .cti-step--1{--frame-w: 100vw}}@media(min-aspect-ratio:16 / 9){.cti-test .cti-step--1{--frame-w: calc(100vh * 16 / 9)}}@media(max-width:760px){.cti-test .cti-step--1{overflow:auto}.cti-test .cti-step--1 .browser-frame{width:100vw;height:min(100vh,56.25vw);min-height:520px}.cti-test .cti-step--1 .browser-tabs,.cti-test .cti-step--1 .browser-bar{display:none}.cti-test .cti-step--1 .stage{top:0;right:0;bottom:0;left:0}}@media(prefers-reduced-motion:reduce){.cti-test .cti-step--1 *,.cti-test .cti-step--1 *:before,.cti-test .cti-step--1 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.cti-test .cti-step--1 h1,.cti-test .cti-step--1 h2,.cti-test .cti-step--1 h3,.cti-test .cti-step--1 p,.cti-test .cti-step--1 span,.cti-test .cti-step--1 strong,.cti-test .cti-step--1 small,.cti-test .cti-step--1 a,.cti-test .cti-step--1 button,.cti-test .cti-step--1 .page-title,.cti-test .cti-step--1 .page-title *{user-select:text!important;-webkit-user-select:text!important}@font-face{font-family:Oregano;src:url(craft-ti-oregano-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(craft-ti-poppins-black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(craft-ti-poppins-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CourierLocal;src:url(craft-ti-courier.ttc);font-weight:400;font-style:normal;font-display:swap}.cti-test .cti-step--2{--frame-w: min(100vw, calc(100vh * 16 / 9));--frame-h: calc(var(--frame-w) * 9 / 16);--chrome-h: 15%;--green-bottom: 10.6%}.cti-test .cti-step--2 *{box-sizing:border-box}.cti-test .cti-step--2{width:100%;min-height:100%;margin:0;background:#21160d}.cti-test .cti-step--2{display:grid;place-items:center;overflow:hidden;font-family:Avenir Next,Arial,sans-serif}.cti-test .cti-step--2 .flow-mode,.flow-mode .cti-test .cti-step--2{background:transparent}.cti-test .cti-step--2 .page-shell{width:100vw;height:100vh;display:grid;place-items:center}.cti-test .cti-step--2 .browser-frame{position:relative;width:var(--frame-w);height:var(--frame-h);overflow:hidden;background:#f6f9ff;box-shadow:0 28px 80px #00000047}.cti-test .cti-step--2 .flow-mode .browser-frame{background:transparent;box-shadow:none}.cti-test .cti-step--2 .browser-tabs{position:absolute;inset:0 0 auto;height:7.6%;display:flex;align-items:center;gap:1.3%;padding-left:2.2%;background:#d7e6ff;z-index:30}.cti-test .cti-step--2 .flow-mode .browser-tabs,.cti-test .cti-step--2 .flow-mode .browser-bar{opacity:0}.cti-test .cti-step--2 .dot{width:1.25%;aspect-ratio:1;border-radius:50%}.cti-test .cti-step--2 .red{background:#ff5b58}.cti-test .cti-step--2 .yellow{background:#ffc02e}.cti-test .cti-step--2 .green{background:#27c848}.cti-test .cti-step--2 .tab-chevron{width:3%;height:66%;margin-left:1.3%;border-radius:28%;background:#edf4ff;position:relative}.cti-test .cti-step--2 .tab-chevron:before{content:"";position:absolute;width:16%;height:16%;border-right:.22vw solid #0d2a53;border-bottom:.22vw solid #0d2a53;transform:rotate(45deg);left:43%;top:34%}.cti-test .cti-step--2 .tab-active{position:relative;width:24.4%;height:82%;border-radius:2vw 2vw 0 0;background:#fff}.cti-test .cti-step--2 .chrome-mark{position:absolute;width:5.3%;aspect-ratio:1;left:4.2%;top:22%;border-radius:50%;border:.22vw solid #47494e}.cti-test .cti-step--2 .chrome-mark:after{content:"";position:absolute;top:21%;right:21%;bottom:21%;left:21%;border-radius:50%;background:#47494e}.cti-test .cti-step--2 .close,.cti-test .cti-step--2 .plus{color:#22252b;font:700 clamp(18px,1.9vw,36px) Arial,sans-serif}.cti-test .cti-step--2 .close{position:absolute;right:4.8%;top:20%}.cti-test .cti-step--2 .plus{margin-left:.6%;transform:translateY(-3%)}.cti-test .cti-step--2 .browser-bar{position:absolute;inset:7.6% 0 auto;height:7.4%;display:flex;align-items:center;gap:2.6%;padding-left:1.7%;background:#f4f8ff;z-index:30}.cti-test .cti-step--2 .nav,.cti-test .cti-step--2 .reload{font:400 clamp(26px,2.4vw,52px) Arial,sans-serif;color:#a5a7aa}.cti-test .cti-step--2 .reload{color:#4e5155;transform:translateY(-2%)}.cti-test .cti-step--2 .google{width:3.1%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font:800 clamp(19px,1.7vw,34px) Arial,sans-serif}.cti-test .cti-step--2 .stage{position:absolute;inset:var(--chrome-h) 0 0;overflow:hidden;background:#aa994f}.cti-test .cti-step--2 .stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#4b2908 url(craft-ti-brown-paper.jpg) center / cover no-repeat;opacity:0;pointer-events:none;transition:opacity .32s ease}.cti-test .cti-step--2 .stage.is-lamp-open:before{opacity:1}.cti-test .cti-step--2 .flow-mode .stage{background:transparent}.cti-test .cti-step--2 .stage>*{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.cti-test .cti-step--2 .board{left:0;top:-17.647%;width:100%;height:117.647%;object-fit:fill}.cti-test .cti-step--2 .board-five{z-index:1;opacity:1}.cti-test .cti-step--2 .board-seven{z-index:4;opacity:0;animation:cti-s2-boardSevenIn .72s cubic-bezier(.2,.7,.18,1) .84s forwards}.cti-test .cti-step--2 .dark-bg,.cti-test .cti-step--2 .green-wall,.cti-test .cti-step--2 .side-wall,.cti-test .cti-step--2 .books,.cti-test .cti-step--2 .lamp,.cti-test .cti-step--2 .chest,.cti-test .cti-step--2 .hand-key{display:none}.cti-test .cti-step--2 .dark-bg{top:0;right:0;bottom:0;left:0;background:url(craft-ti-brown-paper.jpg) center/cover no-repeat;opacity:1;transform:translate(100%);animation:cti-s2-floorIn .62s cubic-bezier(.2,.7,.18,1) forwards}.cti-test .cti-step--2 .green-wall{z-index:2;left:13.55%;top:calc(11.1% - 1px);width:86.45%;height:78.3%;object-fit:fill;transform:translate(100%);animation:cti-s2-wallIn .82s cubic-bezier(.2,.7,.18,1) .68s forwards}.cti-test .cti-step--2 .side-wall{z-index:3;left:0;top:0;height:100%;width:13.55%;object-fit:fill;transform:translate(-105%);animation:cti-s2-sideIn .72s cubic-bezier(.2,.7,.18,1) .78s forwards}.cti-test .cti-step--2 .books{z-index:2;left:17.9%;top:17.2%;display:flex;gap:1.05vw;opacity:0;transform:translate(-18vw);animation:cti-s2-bookIn .82s linear 1.38s forwards}.cti-test .cti-step--2 .books img{width:1.1vw;height:6.25vw;object-fit:fill;opacity:1}.cti-test .cti-step--2 .lamp{z-index:9;left:13.55%;bottom:var(--green-bottom);width:17.2%;opacity:0;transform:translateY(38%);animation:cti-s2-riseIn .72s cubic-bezier(.18,.78,.22,1) 1.5s forwards}.cti-test .cti-step--2 .chest{z-index:10;right:11.7%;bottom:var(--green-bottom);width:9.2%;opacity:0;transform:translateY(65%);animation:cti-s2-riseIn .62s cubic-bezier(.18,.78,.22,1) 2.34s forwards}.cti-test .cti-step--2 .hand-key{z-index:14;right:3.8%;top:29%;width:31%;height:31%;transform:translate(44%);opacity:0;animation:cti-s2-handIn .74s cubic-bezier(.18,.76,.18,1) 2.18s forwards}.cti-test .cti-step--2 .hand-key img{position:absolute;display:block}.cti-test .cti-step--2 .sleeve{right:-1%;top:24%;width:20%;height:auto}.cti-test .cti-step--2 .hand{right:5%;top:0;width:80%}.cti-test .cti-step--2 .key{left:35%;top:46%;width:10%;transform-origin:45% 18%;animation:cti-s2-keyWiggle 2.1s ease-in-out 4.2s infinite}.cti-test .cti-step--2 .letter-card{z-index:12;left:41.7%;top:15.3%;width:30.2%;height:74%;opacity:0;transform:translateY(18px);animation:cti-s2-letterIn .52s ease-out 3.08s forwards}.cti-test .cti-step--2 .letter-copy{position:absolute;top:7.2%;right:8.6%;bottom:6.6%;left:8.6%;width:calc(var(--frame-w) * 480 / 1920);color:#050301;font-family:Oregano,Comic Sans MS,Bradley Hand,cursive;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 24 / 1920);pointer-events:auto}.cti-test .cti-step--2 .letter-copy p{margin:0 0 .9em}@keyframes cti-s2-fadeIn{to{opacity:1}}@keyframes cti-s2-boardSevenIn{to{opacity:1}}@keyframes cti-s2-floorIn{to{transform:translate(0)}}@keyframes cti-s2-wallIn{to{transform:translate(0)}}@keyframes cti-s2-sideIn{to{transform:translate(0)}}@keyframes cti-s2-bookIn{0%{opacity:0;transform:translate(-18vw)}1%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes cti-s2-riseIn{72%{opacity:1;transform:translateY(-1.5%)}to{opacity:1;transform:translateY(0)}}@keyframes cti-s2-handIn{to{opacity:1;transform:translate(0)}}@keyframes cti-s2-letterIn{to{opacity:1;transform:translateY(0)}}@keyframes cti-s2-keyWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}50%{transform:rotate(7deg)}75%{transform:rotate(-4deg)}}.cti-test .cti-step--2 .scene-bg{left:0;top:-17.647%;z-index:1;width:100%;height:117.647%;object-fit:fill}.cti-test .cti-step--2 .scene-empty{opacity:1}.cti-test .cti-step--2 .scene-open{z-index:40;opacity:0}.cti-test .cti-step--2 .stage.is-lamp-open .scene-open{animation:none!important;opacity:0!important}.cti-test .cti-step--2 .scene-title{z-index:8;left:16.094%;top:16.013%;margin:0;color:#fff;font-family:Poppins,Avenir Next,Arial,sans-serif;font-size:calc(var(--frame-w) * 70 / 1920);font-weight:700;line-height:calc(var(--frame-w) * 72 / 1920);letter-spacing:0;opacity:0;transform:translateY(24px);animation:cti-s2-secondTitleIn .62s cubic-bezier(.2,.72,.2,1) .42s forwards}.cti-test .cti-step--2 .lamp-built{z-index:9;left:19.792%;top:44.227%;width:12.5%;height:45.969%;opacity:0;transform:translateY(38%);transform-origin:50% 88%;animation:cti-s2-riseIn .66s cubic-bezier(.18,.78,.22,1) 1.2s forwards;pointer-events:auto}.cti-test .cti-step--2 .lamp-shade{position:absolute;left:0;top:0;width:100%;height:auto}.cti-test .cti-step--2 .lamp-base{position:absolute;left:.3%;bottom:0;width:99.4%;height:auto}.cti-test .cti-step--2 .lamp-new{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.cti-test .cti-step--2 .lamp-static,.cti-test .cti-step--2 .lamp-fly-top,.cti-test .cti-step--2 .lamp-top-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;transform-origin:48% 17%}.cti-test .cti-step--2 .lamp-static{z-index:2;pointer-events:none}.cti-test .cti-step--2 .lamp-top-cover{z-index:6;pointer-events:none}.cti-test .cti-step--2 .lamp-fly-top{display:none!important;z-index:0;opacity:0!important}.cti-test .cti-step--2 .pull-trigger{position:absolute;left:69.8%;top:calc(16.6% + 8.15% - (var(--frame-w) * 10 / 1920));z-index:1;width:calc(var(--frame-w) * 124 / 1920);height:calc(var(--frame-w) * 124 / 1920);padding:0;border:0;background:transparent;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);transition:transform .26s ease}.cti-test .cti-step--2 .pull-ring{position:absolute;left:50%;top:50%;width:calc(var(--frame-w) * 6 / 1920);height:calc(var(--frame-w) * 39 / 1920);transform:translate(-50%,-50%);pointer-events:none}.cti-test .cti-step--2 .pull-ring-glow{position:absolute;left:69.8%;top:calc(16.6% + 8.15% - (var(--frame-w) * 10 / 1920));z-index:8;width:42%;aspect-ratio:1;border:clamp(1px,.07vw,2px) solid rgba(255,255,255,.92);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.72);animation:cti-s2-clickRingPulse 1.35s ease-in-out 3.24s infinite;pointer-events:none}.cti-test .cti-step--2 .pull-ring-glow:before,.cti-test .cti-step--2 .pull-ring-glow:after{content:"";position:absolute;border:clamp(1px,.06vw,2px) solid rgba(255,255,255,.72);border-radius:50%}.cti-test .cti-step--2 .pull-ring-glow:before{top:14%;right:14%;bottom:14%;left:14%}.cti-test .cti-step--2 .pull-ring-glow:after{top:28%;right:28%;bottom:28%;left:28%;border-color:#ffffff94}.cti-test .cti-step--2 .stage.is-lamp-open .pull-trigger{transform:translate(-50%,calc(-50% + (var(--frame-w) * 20 / 1920)))}.cti-test .cti-step--2 .stage.is-lamp-open .pull-ring-glow{animation:cti-s2-fadeIn 1ms reverse forwards}.cti-test .cti-step--2 .stage.is-lamp-open .lamp-built{animation:cti-s2-sceneClear .26s ease forwards}.cti-test .cti-step--2 .stage.is-lamp-open .lamp-static,.cti-test .cti-step--2 .stage.is-lamp-open .lamp-fly-top{animation:none}.cti-test .cti-step--2 .transition-lamp{z-index:40;left:22.708%;top:44.227%;width:7.917%;height:15.468%;opacity:0;pointer-events:none;transform-origin:0 0;transform:translateZ(0) scaleZ(1);will-change:transform,opacity;backface-visibility:hidden;contain:layout paint}.cti-test .cti-step--2 .transition-lamp-shade,.cti-test .cti-step--2 .transition-lamp-bulb{position:absolute;display:block}.cti-test .cti-step--2 .transition-lamp-shade{z-index:2;left:0;top:0;width:100%;height:calc(64% + (var(--frame-w) * 20 / 1920));background:#dedb95;clip-path:polygon(28% 0,72% 0,97% 100%,3% 100%);transform:scaleX(.96) scaleY(.98);transform-origin:50% 0;will-change:transform;backface-visibility:hidden}.cti-test .cti-step--2 .transition-lamp-bulb{z-index:1;left:28.5%;top:43%;width:43%;aspect-ratio:1;border-radius:50%;background:#d8cfad;opacity:1;transform-origin:50% 50%;will-change:opacity}.cti-test .cti-step--2 .stage.is-lamp-open .transition-lamp{animation:cti-s2-transitionLampToTop .88s cubic-bezier(.19,.72,.2,1) 80ms forwards}.cti-test .cti-step--2 .stage.is-lamp-open .transition-lamp-shade{animation:none}.cti-test .cti-step--2 .stage.is-lamp-open .transition-lamp-bulb{animation:cti-s2-transitionBulbWhite .88s cubic-bezier(.19,.72,.2,1) 80ms forwards}.cti-test .cti-step--2 .stage.is-lamp-open .scene-empty,.cti-test .cti-step--2 .stage.is-lamp-open .scene-open,.cti-test .cti-step--2 .stage.is-lamp-open .scene-title,.cti-test .cti-step--2 .stage.is-lamp-open .chest,.cti-test .cti-step--2 .stage.is-lamp-open .hand-key,.cti-test .cti-step--2 .stage.is-lamp-open .letter-card{animation:cti-s2-sceneClear .26s ease forwards}.cti-test .cti-step--2 .chest{display:block;z-index:10;left:84.583%;top:auto;right:auto;bottom:var(--green-bottom);width:9.167%;opacity:0;transform:translateY(65%);animation:cti-s2-riseIn .56s cubic-bezier(.18,.78,.22,1) 1.96s forwards}.cti-test .cti-step--2 .hand-key{display:block;z-index:28;left:auto;top:28.214%;right:-3.3%;width:21.198%;height:30.501%;transform:translate(44%);opacity:0;animation:cti-s2-handIn .66s cubic-bezier(.18,.76,.18,1) 1.82s forwards}.cti-test .cti-step--2 .hand-new{position:absolute;right:0;top:0;width:100%;height:auto}.cti-test .cti-step--2 .hand-key .key{left:20%;top:54%;width:13.3%}.cti-test .cti-step--2 .letter-card{z-index:18;left:42.76%;top:15.686%;width:36.979%;height:73.42%;opacity:0;transform:translateY(18px);animation:cti-s2-letterIn .46s ease-out 2.68s forwards}.cti-test .cti-step--2 .letter-paper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.cti-test .cti-step--2 .letter-copy{position:absolute;top:11.425%;right:4.8%;bottom:10.682%;left:9.296%;width:auto;color:#050301;font-family:CourierLocal,Courier,monospace;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 24 / 1920);pointer-events:auto;user-select:text;-webkit-user-select:text}.cti-test .cti-step--2 .letter-copy p{margin:0 0 .92em}.cti-test .cti-step--2 .scene-title,.cti-test .cti-step--2 .letter-card,.cti-test .cti-step--2 .letter-copy,.cti-test .cti-step--2 .letter-copy *{pointer-events:auto;user-select:text;-webkit-user-select:text}@keyframes cti-s2-secondTitleIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cti-s2-clickRingPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.72)}34%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}@keyframes cti-s2-lampZoomUp{to{opacity:1;transform:translateY(-15%) scale(1.42)}}@keyframes cti-s2-lampTopZoomUp{0%{opacity:1;transform:translate(0) scale(1)}22%{opacity:1}to{opacity:1;transform:translate(calc(var(--frame-w) * 555 / 1920),calc(var(--frame-w) * -510 / 1920)) scale(2.16)}}@keyframes cti-s2-lampStaticFade{to{opacity:0}}@keyframes cti-s2-sceneClear{to{opacity:0}}@keyframes cti-s2-transitionLampToTop{0%{opacity:1;transform:translateZ(0) scaleZ(1)}72%{opacity:1;transform:translate3d(calc(var(--frame-w) * 354 / 1920),calc(var(--frame-w) * -401 / 1920),0) scale3d(2,1.1,1)}to{opacity:1;transform:translate3d(calc(var(--frame-w) * 363 / 1920),calc(var(--frame-w) * -428 / 1920),0) scale3d(2.12,1.14,1)}}@keyframes cti-s2-transitionShadeContract{0%{height:66%;transform:scaleX(1) scaleY(1);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}to{height:calc(64% + (var(--frame-w) * 20 / 1920));transform:scaleX(.96) scaleY(.98);clip-path:polygon(28% 0,72% 0,97% 100%,3% 100%)}}@keyframes cti-s2-transitionBulbWhite{0%{background:#d8cfad;opacity:1;box-shadow:none}56%{opacity:0}to{opacity:0}}@keyframes cti-s2-sceneOpenIn{to{opacity:1}}@media(min-aspect-ratio:16/9){.cti-test .cti-step--2{--frame-w:calc(100vh * 16 / 9)}}@media(max-aspect-ratio:16/9){.cti-test .cti-step--2{--frame-w:100vw}}@media(max-width:760px){.cti-test .cti-step--2{overflow:auto}.cti-test .cti-step--2 .browser-frame{width:100vw;height:min(100vh,56.25vw);min-height:520px}.cti-test .cti-step--2 .browser-tabs,.cti-test .cti-step--2 .browser-bar{display:none}.cti-test .cti-step--2 .stage{top:0;right:0;bottom:0;left:0}}.cti-test .cti-step--2 h1,.cti-test .cti-step--2 h2,.cti-test .cti-step--2 h3,.cti-test .cti-step--2 p,.cti-test .cti-step--2 span,.cti-test .cti-step--2 strong,.cti-test .cti-step--2 small,.cti-test .cti-step--2 a,.cti-test .cti-step--2 button,.cti-test .cti-step--2 .scene-title,.cti-test .cti-step--2 .scene-title *,.cti-test .cti-step--2 .letter-copy,.cti-test .cti-step--2 .letter-copy *{user-select:text!important;-webkit-user-select:text!important}.cti-test .cti-step--3{--frame-w: min(100vw, calc(100vh * 16 / 9));--frame-h: calc(var(--frame-w) * 9 / 16);--chrome-h: 15%;--ink: #281706;--muted: #6c655c;--choice-bg: #f8f4f1}@font-face{font-family:EB Garamond;src:url(craft-ti-eb-garamond.ttf) format("truetype");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(craft-ti-poppins-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(craft-ti-poppins-medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(craft-ti-poppins-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Poppins;src:url(craft-ti-poppins-black.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Niconne;src:url(craft-ti-niconne-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.cti-test .cti-step--3 *{box-sizing:border-box}.cti-test .cti-step--3{width:100%;min-height:100%;margin:0;background:#23180f}.cti-test .cti-step--3{display:grid;place-items:center;overflow:hidden;color:var(--ink);font-family:Avenir Next,PingFang SC,Microsoft YaHei,Arial,sans-serif}.cti-test .cti-step--3 .flow-mode,.flow-mode .cti-test .cti-step--3{background:transparent}.cti-test .cti-step--3 .page-shell{width:100vw;height:100vh;display:grid;place-items:center}.cti-test .cti-step--3 .browser-frame{position:relative;width:var(--frame-w);height:var(--frame-h);overflow:hidden;background:#f6f9ff;box-shadow:0 28px 80px #00000047}.cti-test .cti-step--3 .flow-mode .browser-frame{background:transparent;box-shadow:none}.cti-test .cti-step--3 .flow-mode .browser-tabs,.cti-test .cti-step--3 .flow-mode .browser-bar{opacity:0}.cti-test .cti-step--3 .browser-tabs{position:absolute;inset:0 0 auto 0;height:7.6%;display:flex;align-items:center;gap:1.3%;padding-left:2.2%;background:#d7e6ff;z-index:30}.cti-test .cti-step--3 .dot{width:1.25%;aspect-ratio:1;border-radius:50%}.cti-test .cti-step--3 .red{background:#ff5b58}.cti-test .cti-step--3 .yellow{background:#ffc02e}.cti-test .cti-step--3 .green{background:#27c848}.cti-test .cti-step--3 .tab-chevron{width:3%;height:66%;margin-left:1.3%;border-radius:28%;background:#edf4ff;position:relative}.cti-test .cti-step--3 .tab-chevron:before{content:"";position:absolute;width:16%;height:16%;border-right:.22vw solid #0d2a53;border-bottom:.22vw solid #0d2a53;transform:rotate(45deg);left:43%;top:34%}.cti-test .cti-step--3 .tab-active{position:relative;width:24.4%;height:82%;border-radius:2vw 2vw 0 0;background:#fff}.cti-test .cti-step--3 .chrome-mark{position:absolute;width:5.3%;aspect-ratio:1;left:4.2%;top:22%;border-radius:50%;border:.22vw solid #47494e}.cti-test .cti-step--3 .chrome-mark:after{content:"";position:absolute;top:21%;right:21%;bottom:21%;left:21%;border-radius:50%;background:#47494e}.cti-test .cti-step--3 .close,.cti-test .cti-step--3 .plus{color:#22252b;font:700 clamp(18px,1.9vw,36px) Arial,sans-serif}.cti-test .cti-step--3 .close{position:absolute;right:4.8%;top:20%}.cti-test .cti-step--3 .plus{margin-left:.6%;transform:translateY(-3%)}.cti-test .cti-step--3 .browser-bar{position:absolute;inset:7.6% 0 auto 0;height:7.4%;display:flex;align-items:center;gap:2.6%;padding-left:1.7%;background:#f4f8ff;z-index:30}.cti-test .cti-step--3 .nav,.cti-test .cti-step--3 .reload{font:400 clamp(26px,2.4vw,52px) Arial,sans-serif;color:#a5a7aa}.cti-test .cti-step--3 .reload{color:#4e5155;transform:translateY(-2%)}.cti-test .cti-step--3 .google{width:3.1%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4285f4;font:800 clamp(19px,1.7vw,34px) Arial,sans-serif}.cti-test .cti-step--3 .stage{position:absolute;inset:var(--chrome-h) 0 0;overflow:hidden;background:#4b2908}.cti-test .cti-step--3 .flow-mode .stage{background:transparent}.cti-test .cti-step--3 .brown-bg,.cti-test .cti-step--3 .light-rig,.cti-test .cti-step--3 .beam-wrap,.cti-test .cti-step--3 .beam-swing,.cti-test .cti-step--3 .bottom-strip,.cti-test .cti-step--3 .bulb,.cti-test .cti-step--3 .quiz-lamp,.cti-test .cti-step--3 .quiz-lamp-shade,.cti-test .cti-step--3 .quiz-lamp-bulb,.cti-test .cti-step--3 .result-scene,.cti-test .cti-step--3 .result-stars,.cti-test .cti-step--3 .star,.cti-test .cti-step--3 .result-spotlight-img,.cti-test .cti-step--3 .result-character,.cti-test .cti-step--3 .result-clock,.cti-test .cti-step--3 .result-card,.cti-test .cti-step--3 .result-portrait{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none}.cti-test .cti-step--3 .brown-bg{top:0;right:0;bottom:0;left:0;background:url(craft-ti-brown-paper.jpg) center / cover no-repeat;opacity:1;transform:none;animation:none}.cti-test .cti-step--3 .light-rig{z-index:6;top:0;right:0;bottom:0;left:0;transform-origin:50% 5.45%;backface-visibility:hidden;will-change:transform;animation:none}.cti-test .cti-step--3 .bulb{z-index:6;width:16.56%;left:41.72%;top:-7.2%;opacity:0;transform-origin:50% 100%;transform:translateY(-26%);animation:cti-s3-bulbPeek .65s cubic-bezier(.2,.7,.18,1) 1.45s forwards}.cti-test .cti-step--3 .quiz-lamp{z-index:8;left:41.6%;top:-2.4%;width:16.8%;height:17.6%;opacity:1;transform:translateY(0);transform-origin:50% 0;animation:none}.cti-test .cti-step--3 .quiz-lamp-shade{z-index:2;left:0;top:0;width:100%;height:calc(64% + (var(--frame-w) * 20 / 1920));background:#ddd994;clip-path:polygon(28% 0,72% 0,97% 100%,3% 100%);transform:scaleX(.96) scaleY(.98);transform-origin:50% 0;backface-visibility:hidden}.cti-test .cti-step--3 .quiz-lamp-bulb{z-index:1;left:28.5%;top:calc(45% - (var(--frame-w) * 30 / 1920));width:40%;aspect-ratio:1;border-radius:50%;background:#fff;opacity:0;transform:translateY(calc(var(--frame-w) * -82 / 1920)) scale(.96);transform-origin:50% 50%;animation:cti-s3-bulbDropFromShade .48s cubic-bezier(.18,.74,.2,1) .08s forwards;will-change:transform,opacity}.cti-test .cti-step--3 .beam-wrap{z-index:5;left:0;right:0;top:calc(8.95% - (var(--frame-w) * 34 / 1920));bottom:0;transform-origin:50% 0;opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,-1px,0);animation:cti-s3-beamDrop .72s cubic-bezier(.16,.74,.2,1) .54s forwards;will-change:clip-path,opacity,transform;backface-visibility:hidden;contain:paint}.cti-test .cti-step--3 .beam-swing{top:0;right:0;bottom:0;left:0;transform-origin:50% 0;transform:translateZ(0);animation:cti-s3-lightSwing 5.8s ease-in-out 1.26s infinite;will-change:transform;backface-visibility:hidden}.cti-test .cti-step--3 .beam{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:fill;opacity:0}.cti-test .cti-step--3 .beam-center{opacity:1}.cti-test .cti-step--3 .bottom-strip{z-index:8;left:0;bottom:0;width:100%;height:11%;object-fit:fill;display:none;opacity:0;transform:translateY(100%);animation:cti-s3-stripIn .58s cubic-bezier(.2,.7,.18,1) 2.05s forwards}.cti-test .cti-step--3 .quiz-title{position:absolute;z-index:13;left:5.208%;top:9.695%;margin:0;color:#fff;font-family:Poppins,Arial,sans-serif;font-size:calc(var(--frame-w) * 70 / 1920);line-height:calc(var(--frame-w) * 72 / 1920);font-weight:700;letter-spacing:0;opacity:0;transform:translateY(24px);animation:cti-s3-contentIn .42s ease-out .08s forwards}.cti-test .cti-step--3 .question-panel{position:absolute;z-index:12;left:17.1875%;right:17.1875%;top:22.4%;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(22px);animation:cti-s3-contentIn .42s ease-out .24s forwards}.cti-test .cti-step--3 .progress,.cti-test .cti-step--3 .next-link{font-family:EB Garamond,Georgia,Times New Roman,serif}.cti-test .cti-step--3 .progress{margin:0 0 calc(var(--frame-w) * 28 / 1920);font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 30 / 1920);font-weight:500}.cti-test .cti-step--3 .story{width:calc(var(--frame-w) * 830 / 1920);margin:0;text-align:center;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 30 / 1920);font-weight:500}.cti-test .cti-step--3 .prompt{display:flex;flex-direction:row;justify-content:center;align-items:baseline;gap:calc(var(--frame-w) * 58 / 1920);width:100%;margin:calc(var(--frame-w) * 26 / 1920) 0 calc(var(--frame-w) * 38 / 1920);text-align:center;font-family:EB Garamond,Georgia,Times New Roman,serif;letter-spacing:-.25px}.cti-test .cti-step--3 .prompt strong{display:block;font-family:EB Garamond,Georgia,Times New Roman,serif;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 30 / 1920);font-weight:500}.cti-test .cti-step--3 .prompt span{color:var(--muted);font-family:Poppins,Arial,sans-serif;font-size:calc(var(--frame-w) * 16 / 1920);line-height:calc(var(--frame-w) * 24 / 1920);font-weight:400}.cti-test .cti-step--3 .choices{width:calc(var(--frame-w) * 1260 / 1920);display:grid;grid-template-columns:repeat(3,calc(var(--frame-w) * 400 / 1920));gap:calc(var(--frame-w) * 30 / 1920);pointer-events:auto}.cti-test .cti-step--3 .choice{--final-opacity: 1;position:relative;min-height:calc(var(--frame-w) * 120 / 1920);display:grid;grid-template-columns:calc(var(--frame-w) * 34 / 1920) 1fr;gap:calc(var(--frame-w) * 20 / 1920);align-items:center;padding:calc(var(--frame-w) * 24 / 1920) calc(var(--frame-w) * 32 / 1920);border:0;border-radius:calc(var(--frame-w) * 16 / 1920);background:var(--choice-bg);font:inherit;color:var(--ink);text-align:left;box-shadow:none;outline:none;cursor:pointer;pointer-events:auto;opacity:0;transform:translateY(18px);animation:cti-s3-choiceIn .5s ease-out forwards;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}.cti-test .cti-step--3 .choice:focus,.cti-test .cti-step--3 .choice:focus-visible{outline:none;box-shadow:none}.cti-test .cti-step--3 .choice:nth-child(1){animation-delay:.48s}.cti-test .cti-step--3 .choice:nth-child(2){animation-delay:.54s}.cti-test .cti-step--3 .choice:nth-child(3){animation-delay:.6s}.cti-test .cti-step--3 .choice:nth-child(4){animation-delay:.66s}.cti-test .cti-step--3 .choice:nth-child(5){animation-delay:.72s}.cti-test .cti-step--3 .choice:nth-child(6){animation-delay:.78s}.cti-test .cti-step--3 .choice strong{display:block;margin-bottom:.28em;font-family:Poppins,Arial,sans-serif;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 30 / 1920);font-weight:500;letter-spacing:-.25px}.cti-test .cti-step--3 .choice small{display:block;font-family:Poppins,Arial,sans-serif;font-size:calc(var(--frame-w) * 16 / 1920);line-height:calc(var(--frame-w) * 24 / 1920);font-weight:400;letter-spacing:-.25px;color:#3e2410;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cti-test .cti-step--3 .radio{width:calc(var(--frame-w) * 30 / 1920);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#321a00;color:#efece5;font-size:clamp(12px,.84vw,16px);position:relative;flex:0 0 auto;pointer-events:none}.cti-test .cti-step--3 .selected .radio{background:#321a00}.cti-test .cti-step--3 .selected .radio:after{content:"";position:absolute;left:50%;top:50%;width:58%;height:58%;background:url(craft-ti-choice-selected.svg) center / contain no-repeat;transform:translate(-50%,-50%)}.cti-test .cti-step--3 .choice.selected{--final-opacity: .7;opacity:.7}.cti-test .cti-step--3 .next-link{position:absolute;z-index:14;right:auto;left:44.79%;bottom:7.05%;width:calc(var(--frame-w) * 200 / 1920);height:calc(var(--frame-w) * 61 / 1920);display:grid;place-items:center;background:#805001;color:#fff6df;text-decoration:none;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 30 / 1920);opacity:0;transform:translateY(14px);animation:cti-s3-contentIn .42s ease-out .92s forwards}.cti-test .cti-step--3 .result-scene{z-index:90;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0c4772;visibility:hidden;opacity:0;transform:scale(1.01);transition:opacity .42s ease,transform .42s ease;pointer-events:none}.cti-test .cti-step--3 .stage.show-result .result-scene{visibility:visible;opacity:1;transform:scale(1);pointer-events:auto}.cti-test .cti-step--3 .stage:not(.show-result) .result-scene,.cti-test .cti-step--3 .stage:not(.show-result) .result-scene *{pointer-events:none!important}.cti-test .cti-step--3 .result-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(craft-ti-result-bg.jpg) center / cover no-repeat;opacity:0}.cti-test .cti-step--3 .result-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0727420f;opacity:0}.cti-test .cti-step--3 .stage.show-result .result-scene:before{animation:cti-s3-resultBgIn .42s ease-out forwards}.cti-test .cti-step--3 .stage.show-result .result-scene:after{animation:cti-s3-resultBgIn .42s ease-out .05s forwards}.cti-test .cti-step--3 .result-stars{display:none}.cti-test .cti-step--3 .star{display:block;background:#5f4b32b8;clip-path:polygon(50% 0,62% 35%,100% 35%,70% 56%,82% 96%,50% 72%,18% 96%,30% 56%,0 35%,38% 35%);transform:rotate(-12deg)}.cti-test .cti-step--3 .star-a{left:5%;top:18%;width:32%;aspect-ratio:1}.cti-test .cti-step--3 .star-b{left:28%;top:-17%;width:33%;aspect-ratio:1;transform:rotate(6deg)}.cti-test .cti-step--3 .star-c{right:-2%;top:15%;width:28%;aspect-ratio:1;transform:rotate(16deg)}.cti-test .cti-step--3 .result-spotlight-img{--target-opacity: .96;z-index:2;left:65.57%;top:0;width:27.73%;height:94.34%;object-fit:fill;opacity:0;transform:translateY(calc(var(--frame-w) * 16 / 1920));filter:blur(calc(var(--frame-w) * 2 / 1920)) saturate(1.2);mix-blend-mode:soft-light}.cti-test .cti-step--3 .result-character{--target-opacity: 1;z-index:4;right:12.15%;bottom:7.5%;width:17.95%;height:auto;opacity:0;transform:translateY(calc(var(--frame-w) * 24 / 1920))}.cti-test .cti-step--3 .result-clock{--target-opacity: 1;z-index:5;right:28.4%;top:47.2%;width:7.4%;height:auto;opacity:0;transform:translateY(calc(var(--frame-w) * 14 / 1920))}.cti-test .cti-step--3 .result-card{--target-opacity: 1;z-index:6;left:9.1%;top:13.62%;width:52.2%;height:72%;pointer-events:auto;opacity:0;transform:translateY(calc(var(--frame-w) * 20 / 1920))}.cti-test .cti-step--3 .stage.show-result .result-spotlight-img{animation:cti-s3-resultLayerIn .46s ease-out .24s forwards}.cti-test .cti-step--3 .stage.show-result .result-character{animation:cti-s3-resultLayerIn .5s ease-out .36s forwards}.cti-test .cti-step--3 .stage.show-result .result-clock{animation:cti-s3-resultLayerIn .46s ease-out .48s forwards}.cti-test .cti-step--3 .stage.show-result .result-card{animation:cti-s3-resultLayerIn .52s ease-out .52s forwards}.cti-test .cti-step--3 .result-paper{position:absolute;left:0;top:12.1%;width:100%;height:86.7%;padding:calc(var(--frame-w) * 44 / 1920) calc(var(--frame-w) * 68 / 1920) calc(var(--frame-w) * 56 / 1920) calc(var(--frame-w) * 296 / 1920);border-radius:calc(var(--frame-w) * 15 / 1920);background:url(craft-ti-result-paper.png) center / 100% 100% no-repeat;box-shadow:0 calc(var(--frame-w) * 3 / 1920) 0 #0000003d;color:#17120c;pointer-events:auto}.cti-test .cti-step--3 .result-paper:before{content:none}.cti-test .cti-step--3 .result-heading{position:absolute;z-index:4;left:25.7%;top:0;margin:0;padding:calc(var(--frame-w) * 16 / 1920) calc(var(--frame-w) * 42 / 1920) calc(var(--frame-w) * 18 / 1920);border-radius:calc(var(--frame-w) * 13 / 1920);background:#ad7b45;color:#fff;font-family:Poppins,Arial,sans-serif;font-weight:700;font-size:calc(var(--frame-w) * 62 / 1920);line-height:calc(var(--frame-w) * 72 / 1920);letter-spacing:0;pointer-events:auto;-webkit-user-select:text;user-select:text}.cti-test .cti-step--3 .result-portrait{z-index:5;left:-8.4%;top:5.1%;width:31.4%;height:auto;transform:rotate(-8deg)}.cti-test .cti-step--3 .result-card h2{position:relative;z-index:2;margin:0 0 calc(var(--frame-w) * 18 / 1920);font-family:Niconne,EB Garamond,Georgia,serif;font-style:normal;font-weight:400;font-size:calc(var(--frame-w) * 70 / 1920);line-height:calc(var(--frame-w) * 78 / 1920)}.cti-test .cti-step--3 .type-section,.cti-test .cti-step--3 .rule,.cti-test .cti-step--3 .dashed{position:relative;z-index:2}.cti-test .cti-step--3 .rule-top{width:calc(var(--frame-w) * 900 / 1920);height:calc(var(--frame-w) * 10 / 1920);border-top:calc(var(--frame-w) * 3 / 1920) solid #111;border-bottom:calc(var(--frame-w) * 3 / 1920) solid #111;margin-left:calc(var(--frame-w) * -245 / 1920);margin-bottom:calc(var(--frame-w) * 20 / 1920)}.cti-test .cti-step--3 .dashed{width:calc(var(--frame-w) * 900 / 1920);border-top:calc(var(--frame-w) * 1 / 1920) dashed rgba(0,0,0,.35);margin:calc(var(--frame-w) * 22 / 1920) 0 calc(var(--frame-w) * 18 / 1920) calc(var(--frame-w) * -245 / 1920)}.cti-test .cti-step--3 .type-section h3{margin:0 0 calc(var(--frame-w) * 8 / 1920);font-family:CourierLocal,Courier New,monospace;font-weight:700;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 28 / 1920)}.cti-test .cti-step--3 .type-section p{margin:0;max-width:calc(var(--frame-w) * 650 / 1920);font-family:Poppins,Arial,sans-serif;font-size:calc(var(--frame-w) * 18 / 1920);line-height:calc(var(--frame-w) * 24 / 1920);color:#65605c}.cti-test .cti-step--3 .type-section.hidden{margin-left:calc(var(--frame-w) * -242 / 1920)}.cti-test .cti-step--3 .type-section.hidden p{max-width:calc(var(--frame-w) * 860 / 1920)}.cti-test .cti-step--3 .share-button{position:absolute;right:calc(var(--frame-w) * 42 / 1920);bottom:calc(var(--frame-w) * 40 / 1920);width:calc(var(--frame-w) * 59 / 1920);aspect-ratio:1;border:0;border-radius:50%;background:#000;color:#fff;line-height:1;cursor:pointer;-webkit-user-select:text;user-select:text;display:grid;place-items:center;padding:0}.cti-test .cti-step--3 .share-button img{width:48%;height:48%;display:block}.cti-test .cti-step--3 .result-tags{position:absolute;z-index:7;left:8.6%;right:23.5%;bottom:-1.8%;display:flex;justify-content:center;gap:calc(var(--frame-w) * 22 / 1920);transform:translate(calc(var(--frame-w) * -50 / 1920));pointer-events:auto}.cti-test .cti-step--3 .result-tags span{min-width:calc(var(--frame-w) * 162 / 1920);padding:calc(var(--frame-w) * 12 / 1920) calc(var(--frame-w) * 28 / 1920);border-radius:999px;background:#ad7b45;color:#fff;text-align:center;font-family:CourierLocal,Courier New,monospace;font-weight:700;font-size:calc(var(--frame-w) * 24 / 1920);line-height:calc(var(--frame-w) * 30 / 1920);transform:rotate(-9deg);-webkit-user-select:text;user-select:text}.cti-test .cti-step--3 .result-tags span:nth-child(2){transform:rotate(0)}.cti-test .cti-step--3 .result-tags span:nth-child(3){transform:rotate(0)}.cti-test .cti-step--3 .stage.show-result>:not(.result-scene){opacity:0!important;pointer-events:none!important}@keyframes cti-s3-brownIn{to{opacity:1;transform:translate(0)}}@keyframes cti-s3-bulbPeek{0%{opacity:0;transform:translateY(-32%) scaleX(.96)}to{opacity:1;transform:translateY(0) scaleX(1)}}@keyframes cti-s3-beamDrop{0%{opacity:1;clip-path:inset(0 0 92% 0);transform:translate3d(0,-1px,0)}to{opacity:1;clip-path:inset(0 0 0 0);transform:translateZ(0)}}@keyframes cti-s3-bulbDropFromShade{0%{opacity:0;transform:translateY(calc(var(--frame-w) * -82 / 1920)) scale(.96)}18%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cti-s3-stripIn{to{opacity:1;transform:translate(0)}}@keyframes cti-s3-contentIn{to{opacity:1;transform:translateY(0)}}@keyframes cti-s3-resultBgIn{to{opacity:1}}@keyframes cti-s3-resultLayerIn{to{opacity:var(--target-opacity, 1);transform:translateY(0)}}@keyframes cti-s3-lightSwing{0%,to{transform:rotate(-2.1deg) translate3d(-.55%,0,0)}50%{transform:rotate(2.1deg) translate3d(.55%,0,0)}}@keyframes cti-s3-choiceIn{to{opacity:var(--final-opacity);transform:translateY(0)}}@media(max-aspect-ratio:16 / 9){.cti-test .cti-step--3{--frame-w: 100vw}}@media(min-aspect-ratio:16 / 9){.cti-test .cti-step--3{--frame-w: calc(100vh * 16 / 9)}}@media(max-width:760px){.cti-test .cti-step--3{overflow:auto}.cti-test .cti-step--3 .page-shell{min-height:100vh}.cti-test .cti-step--3 .browser-frame{width:100vw;height:min(100vh,56.25vw);min-height:520px}.cti-test .cti-step--3 .browser-tabs,.cti-test .cti-step--3 .browser-bar{display:none}.cti-test .cti-step--3 .stage{top:0;right:0;bottom:0;left:0}.cti-test .cti-step--3 .bulb{width:34%;left:33%}.cti-test .cti-step--3 .question-panel{left:6%;right:6%;top:13%}.cti-test .cti-step--3 .story{width:100%}.cti-test .cti-step--3 .choices{grid-template-columns:1fr;gap:10px}.cti-test .cti-step--3 .choice{border-radius:10px}.cti-test .cti-step--3 .next-link{bottom:3.5%}}@media(prefers-reduced-motion:reduce){.cti-test .cti-step--3 *,.cti-test .cti-step--3 *:before,.cti-test .cti-step--3 *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.cti-test .cti-step--3 h1,.cti-test .cti-step--3 h2,.cti-test .cti-step--3 h3,.cti-test .cti-step--3 p,.cti-test .cti-step--3 span,.cti-test .cti-step--3 strong,.cti-test .cti-step--3 small,.cti-test .cti-step--3 a,.cti-test .cti-step--3 button,.cti-test .cti-step--3 .question-panel,.cti-test .cti-step--3 .question-panel *,.cti-test .cti-step--3 .choice,.cti-test .cti-step--3 .choice *,.cti-test .cti-step--3 .next-link,.cti-test .cti-step--3 .quiz-title,.cti-test .cti-step--3 .quiz-title *,.cti-test .cti-step--3 .result-scene,.cti-test .cti-step--3 .result-scene *,.cti-test .cti-step--3 .result-card,.cti-test .cti-step--3 .result-card *{user-select:text!important;-webkit-user-select:text!important}
/*# sourceMappingURL=/cdn/shop/t/116/assets/craft-ti-test.css.map */