@font-face{font-family:Proxima Nova;src:url(/intro-assets/ProximaNova-Regular.woff2) format("woff2"),url(/intro-assets/ProximaNova-Regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/intro-assets/ProximaNova-Bold.woff2) format("woff2"),url(/intro-assets/ProximaNova-Bold.woff) format("woff");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/intro-assets/ProximaNova-BoldIt.woff2) format("woff2"),url(/intro-assets/ProximaNova-BoldIt.woff) format("woff");font-style:italic;font-weight:700;font-display:swap}@font-face{font-family:Proxima Nova;src:url(/intro-assets/ProximaNova-Semibold.woff2) format("woff2"),url(/intro-assets/ProximaNova-Semibold.woff) format("woff");font-style:normal;font-weight:600;font-display:swap}:root{color:#fff;font-family:Proxima Nova,Trebuchet MS,Avenir Next,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#040404}:where(.intro-screen,.intro-screen *){box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;background:#040404}button,input{font:inherit}.game-root{position:relative;isolation:isolate;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;background:linear-gradient(180deg,#040404,#06070c 3%,#101733 8%,#243264 20%,#3d4b92 31%,#4d5aa7 45%,#505ea9 58%,#4a58a3 75%,#344393 90%,#233292)}.game-root:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#00000006,#00000003 2.5%,#788eff02 8%,#788eff01 12%,#0000 20%);pointer-events:none}.game-root:after{content:"";position:absolute;inset:0;z-index:0;background:#0308194d;opacity:0;transition:opacity .18s ease;pointer-events:none}.game-root--input-focused:after{opacity:1}.game-root--unity{position:fixed;inset:0;width:100vw;height:100vh;height:100svh;height:100dvh;min-height:0;background:#000}.game-root--unity:before{display:none}.game-root--unity:after{display:none}.game-root--unity,.game-root--unity *{box-sizing:content-box}.unity-layer{position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;transition:opacity .22s ease}.unity-layer--visible{opacity:1;pointer-events:auto}.intro-screen{--intro-side-padding: clamp(16px, 4vw, 24px);--intro-top-padding: clamp(18px, 5vh, 56px);--intro-gap: clamp(12px, 1.8vh, 18px);--intro-title-size: clamp(28px, 7vw, 42px);--intro-input-font-size: clamp(20px, 5vw, 24px);--intro-button-font-size: clamp(20px, 5vw, 24px);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;padding:calc(var(--intro-top-padding) + env(safe-area-inset-top,0px)) calc(var(--intro-side-padding) + env(safe-area-inset-right,0px)) 0 calc(var(--intro-side-padding) + env(safe-area-inset-left,0px))}.intro-screen--resolved .intro-top-block,.intro-screen--resolved .intro-actions,.intro-layout--welcome-reveal,.intro-title--reveal,.intro-hand--reveal,.intro-button--reveal{opacity:0;transform:translateY(16px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.intro-screen--resolved.intro-screen--enter-ready .intro-top-block,.intro-screen--resolved.intro-screen--enter-ready .intro-actions,.intro-screen--resolved.intro-screen--enter-ready .intro-layout--welcome-reveal,.intro-screen--resolved.intro-screen--enter-ready .intro-title--reveal,.intro-screen--resolved.intro-screen--enter-ready .intro-hand--reveal,.intro-screen--resolved.intro-screen--enter-ready .intro-button--reveal{opacity:1;transform:translateY(0)}.intro-screen--resolved .intro-layout--welcome-reveal{transition-delay:30ms}.intro-screen--resolved .intro-title--reveal{transition-delay:70ms}.intro-screen--resolved .intro-hand--reveal{transition-delay:.13s}.intro-screen--resolved .intro-actions,.intro-screen--resolved .intro-button--reveal{transition-delay:.18s}.intro-screen--input-mode .intro-top-block,.intro-screen--input-mode .intro-actions,.intro-screen--input-mode .intro-title--reveal,.intro-screen--input-mode .intro-button--reveal{opacity:1;transform:none;transition:none}.intro-content,.intro-top-block,.intro-layout,.intro-form,.intro-input-shell,.intro-button{min-width:0}.intro-content{width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.intro-top-block{display:flex;align-items:center;justify-content:center;width:100%}.intro-layout{display:grid;justify-items:center;gap:var(--intro-gap);width:min(100%,20rem);margin:0 auto}.intro-layout--welcome{width:min(100%,24rem)}.intro-title{margin:0;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(67,67,67,.15);font-size:var(--intro-title-size);font-style:italic;font-weight:700;line-height:1.05;text-wrap:balance}.intro-title--welcome{font-size:clamp(38px,9vw,56px);line-height:1.08}.intro-form{display:grid;justify-items:center;gap:12px;width:100%}.intro-hand{display:block;width:min(100%,15rem);height:auto;object-fit:contain;margin-top:clamp(18px,4vh,28px);transform-origin:50% 85%;animation:intro-hand-float 4.6s ease-in-out infinite}.intro-pending-shell{display:grid;justify-items:center;gap:16px;width:100%;padding-top:clamp(10px,2vh,18px)}.intro-pending-line{border-radius:999px;background:#ffffff29;animation:intro-pulse 1.2s ease-in-out infinite}.intro-pending-line--title{width:min(100%,12rem);height:1rem}.intro-input-shell{display:flex;align-items:center;justify-content:center;width:min(100%,18.5rem);min-height:4.45rem;padding:.9em 1.1em;border-radius:999px;background:linear-gradient(180deg,#2b63f0,#2757d8);box-shadow:inset 0 8px 18px #ffffff14,0 14px 30px #101f6638}.intro-input-shell--placeholder{background:linear-gradient(180deg,#2b63f0b8,#2757d8b8)}.intro-input-placeholder{width:min(100%,10rem);height:1.25rem;border-radius:999px;background:#ffffff57;animation:intro-pulse 1.2s ease-in-out infinite}.intro-input{width:100%;border:0;outline:0;background:transparent;color:#fff;text-align:center;font-size:var(--intro-input-font-size);font-weight:700;line-height:1.2;-webkit-user-select:text;user-select:text;-webkit-tap-highlight-color:transparent}.intro-input::placeholder{color:#fff;opacity:.55}.intro-status,.intro-error{width:min(100%,18.5rem);margin:0;text-align:center;line-height:1.35}.intro-status{color:#ffffffc2;font-size:.95rem}.intro-error{color:#ffd8d8;font-size:.98rem}.intro-actions{display:flex;align-items:center;justify-content:center;width:100%;flex:0 0 auto;padding-top:clamp(16px,4vh,32px);padding-bottom:calc(clamp(28px,5vh,48px) + env(safe-area-inset-bottom,0px))}.intro-button{display:inline-flex;width:min(100%,195.4px);height:53.81px;max-width:100%;padding:0;border:1.5px solid #cddbff;background:transparent;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);box-shadow:0 0 0 1px #cddbff38,0 14px 28px #0b1d6129;cursor:pointer}.intro-button:disabled{cursor:progress;opacity:.82}.intro-button-surface{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0;padding:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);background:linear-gradient(180deg,#fff 18.52%,#89aaff 193.52%),#fff;color:#2b63f0;font-size:20.7px;font-weight:700;line-height:1}@keyframes intro-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes intro-hand-float{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}.tutorial-screen{--tutorial-title-size: clamp(30px, 7.5vw, 40px);--tutorial-subtitle-size: clamp(15px, 4vw, 18px);--tutorial-copy-size: clamp(14px, 3.8vw, 17px);--tutorial-top-padding: clamp(8px, 1.6vh, 14px);--tutorial-bottom-offset: 0px;--tutorial-layout-width: 21.5rem;--tutorial-layout-gap: clamp(8px, 1.5vh, 13px);--tutorial-card-list-width: 20.25rem;--tutorial-card-gap: clamp(8px, 1.2vh, 12px);--tutorial-split-columns: minmax(68px, 86px) 1fr;--tutorial-split-min-height: 102px;--tutorial-split-padding: 14px 12px;--tutorial-stacked-min-height: 148px;--tutorial-stacked-padding: 16px 12px 14px;--tutorial-illustration-size: 68px;--tutorial-illustration-stacked-size: 84px;position:relative;z-index:1;display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh}.tutorial-content{width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding-top:calc(var(--tutorial-top-padding) + env(safe-area-inset-top,0px));padding-bottom:var(--tutorial-bottom-offset);overflow:hidden}.tutorial-scale-wrap{width:100%;display:flex;align-items:center;justify-content:center}.tutorial-layout{display:grid;align-content:center;gap:var(--tutorial-layout-gap);width:min(100%,var(--tutorial-layout-width));transform-origin:top center}.tutorial-header{display:grid;justify-items:center;gap:8px;text-align:center}.tutorial-layout--enter,.tutorial-header--enter,.tutorial-card,.tutorial-card-visual{opacity:0;transform:translateY(18px);transition:opacity .58s cubic-bezier(.22,1,.36,1),transform .58s cubic-bezier(.22,1,.36,1)}.tutorial-screen--enter-ready .tutorial-layout--enter,.tutorial-screen--enter-ready .tutorial-header--enter,.tutorial-screen--enter-ready .tutorial-card,.tutorial-screen--enter-ready .tutorial-card-visual{opacity:1;transform:translateY(0)}.tutorial-screen--enter-ready .tutorial-header--enter{transition-delay:60ms}.tutorial-title{margin:0;color:#fff;text-align:center;text-shadow:0 2px 4px rgba(67,67,67,.15);font-size:var(--tutorial-title-size);font-style:italic;font-weight:700;line-height:1.04}.tutorial-subtitle{margin:0;color:#fffffff5;font-size:var(--tutorial-subtitle-size);line-height:1.24;text-wrap:balance}.tutorial-card-list{display:grid;gap:var(--tutorial-card-gap);width:min(100%,var(--tutorial-card-list-width));margin:0 auto}.tutorial-card{position:relative;overflow:hidden;border:1.5px solid rgba(214,225,255,.42);border-radius:16px;background:#1f275af0;box-shadow:inset 0 1px #ffffff1f,0 16px 32px #0b144547;transform:translateY(20px) scale(.98);transition-delay:calc(.12s + var(--tutorial-card-index, 0) * .11s)}.tutorial-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(147,178,255,.16),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.06),transparent 38%);pointer-events:none}.tutorial-card--split{display:grid;grid-template-columns:var(--tutorial-split-columns);gap:clamp(12px,2.6vw,16px);align-items:center;min-height:var(--tutorial-split-min-height);padding:var(--tutorial-split-padding)}.tutorial-card--stacked{display:grid;justify-items:center;gap:14px;min-height:var(--tutorial-stacked-min-height);padding:var(--tutorial-stacked-padding);text-align:center}.tutorial-card-visual{position:relative;z-index:1;transition-delay:calc(.19s + var(--tutorial-card-index, 0) * .11s)}.tutorial-card-copy{position:relative;z-index:1;margin:0;color:#fff;font-size:var(--tutorial-copy-size);line-height:1.28;text-wrap:balance}.tutorial-card-copy strong{font-weight:700}.tutorial-card--stacked .tutorial-card-copy{text-align:center}.tutorial-error{margin:0;color:#ffd8d8;text-align:center;font-size:.98rem;line-height:1.35}.tutorial-actions{display:flex;align-items:center;justify-content:center;width:100%;flex:0 0 auto;padding-top:clamp(16px,4vh,32px);padding-bottom:calc(clamp(28px,5vh,48px) + env(safe-area-inset-bottom,0px))}.tutorial-illustration{position:relative;display:grid;place-items:center;width:var(--tutorial-illustration-size);height:var(--tutorial-illustration-size);margin:0 auto;filter:drop-shadow(0 10px 16px rgba(0,0,0,.24));will-change:transform}.tutorial-illustration-image{display:block;width:100%;height:100%;object-fit:contain;animation:tutorial-image-float 5.2s ease-in-out infinite}.tutorial-card--stacked .tutorial-illustration{width:var(--tutorial-illustration-stacked-size);height:var(--tutorial-illustration-stacked-size)}.tutorial-phone-shape{position:absolute;width:44px;height:76px;border-radius:14px;border:2px solid rgba(255,215,226,.8);background:linear-gradient(180deg,#4f246f,#2a1743);box-shadow:inset 0 0 0 2px #ffffff14,0 0 24px #ff8ac22e;transform:rotate(-15deg);animation:tutorial-phone-rock 4.2s ease-in-out infinite}.tutorial-phone-shape:before{content:"";position:absolute;top:6px;left:50%;width:14px;height:3px;border-radius:999px;background:#ffffff73;transform:translate(-50%)}.tutorial-tilt-arrow{position:absolute;width:22px;height:22px;border-top:4px solid #f095ff;border-right:4px solid #f095ff;border-radius:4px;opacity:.95}.tutorial-tilt-arrow--left{top:24px;left:8px;transform:rotate(-160deg);animation:tutorial-arrow-left 2.8s ease-in-out infinite}.tutorial-tilt-arrow--right{top:20px;right:8px;transform:rotate(25deg);animation:tutorial-arrow-right 2.8s ease-in-out infinite}.tutorial-trophy-shape{position:relative;width:62px;height:58px;border-radius:12px 12px 18px 18px;background:linear-gradient(180deg,#ffda78,#cf7d35 54%,#7b2c2f);clip-path:polygon(16% 0,84% 0,100% 32%,78% 78%,22% 78%,0 32%);box-shadow:inset 0 2px #ffffff38,0 0 26px #ffb04e2e;animation:tutorial-trophy-bob 4s ease-in-out infinite}.tutorial-trophy-shape:before,.tutorial-trophy-shape:after{content:"";position:absolute;top:14px;width:18px;height:22px;border:4px solid #bc5f40;border-radius:999px}.tutorial-trophy-shape:before{left:-12px;border-right:0}.tutorial-trophy-shape:after{right:-12px;border-left:0}.tutorial-trophy-base{position:absolute;bottom:6px;width:46px;height:24px}.tutorial-trophy-base:before,.tutorial-trophy-base:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#dca56c,#8b4040)}.tutorial-trophy-base:before{bottom:10px;width:16px;height:16px;border-radius:0 0 6px 6px}.tutorial-trophy-base:after{bottom:0;width:42px;height:10px;border-radius:999px}.tutorial-cone-shape{position:absolute;bottom:12px;left:18px;width:0;height:0;border-left:22px solid transparent;border-right:22px solid transparent;border-bottom:62px solid #ff8f3f;filter:drop-shadow(0 0 18px rgba(255,136,67,.22));animation:tutorial-cone-wobble 3.8s ease-in-out infinite}.tutorial-cone-stripe{position:absolute;bottom:38px;left:28px;width:24px;height:10px;background:#fff;transform:skew(-18deg);box-shadow:0 0 8px #ffffff38}.tutorial-cone-arrow{position:absolute;right:8px;bottom:28px;width:32px;height:8px;border-radius:999px;background:linear-gradient(90deg,#ff7f45,#ff3f3f);transform:rotate(-10deg);animation:tutorial-cone-arrow-pulse 2.8s ease-in-out infinite}.tutorial-cone-arrow:after{content:"";position:absolute;top:50%;right:-8px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:14px solid #ff3f3f;transform:translateY(-50%)}.tutorial-bolt-shape{width:76px;height:94px;background:linear-gradient(180deg,#fff4c6,#ffc34e 26%,#ff8b2f 66%,#ffef99);clip-path:polygon(58% 0,38% 40%,62% 40%,24% 100%,42% 58%,18% 58%);filter:drop-shadow(0 0 14px rgba(255,232,129,.72)) drop-shadow(0 0 26px rgba(255,161,58,.45));animation:tutorial-bolt-flash 2.6s ease-in-out infinite}.tutorial-heart-shape{position:relative;width:68px;height:68px;transform:rotate(-45deg);border-radius:16px;background:radial-gradient(circle at 30% 30%,#ffddc8 0%,rgba(255,221,200,.18) 22%,transparent 23%),linear-gradient(180deg,#ff958e,#dd3a58 38%,#7b1538);box-shadow:0 0 18px #ff809966,0 0 34px #ff708f33;animation:tutorial-heart-beat 2.2s ease-in-out infinite}.tutorial-heart-shape:before,.tutorial-heart-shape:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;background:linear-gradient(180deg,#ff958e,#dd3a58 38%,#7b1538)}.tutorial-heart-shape:before{top:-34px;left:0}.tutorial-heart-shape:after{top:0;left:34px}@keyframes tutorial-image-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tutorial-phone-rock{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-4px)}}@keyframes tutorial-arrow-left{0%,to{transform:rotate(-160deg) translate(0);opacity:.78}50%{transform:rotate(-160deg) translate(-4px);opacity:1}}@keyframes tutorial-arrow-right{0%,to{transform:rotate(25deg) translate(0);opacity:.78}50%{transform:rotate(25deg) translate(4px);opacity:1}}@keyframes tutorial-trophy-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes tutorial-cone-wobble{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-3deg)}}@keyframes tutorial-cone-arrow-pulse{0%,to{transform:rotate(-10deg) translate(0);opacity:.84}50%{transform:rotate(-10deg) translate(5px);opacity:1}}@keyframes tutorial-bolt-flash{0%,to{transform:translateY(0) scale(1);filter:drop-shadow(0 0 14px rgba(255,232,129,.72)) drop-shadow(0 0 26px rgba(255,161,58,.45))}50%{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 0 18px rgba(255,238,160,.9)) drop-shadow(0 0 32px rgba(255,161,58,.58))}}@keyframes tutorial-heart-beat{0%,to{transform:rotate(-45deg) scale(1)}20%{transform:rotate(-45deg) scale(1.04)}40%{transform:rotate(-45deg) scale(.98)}60%{transform:rotate(-45deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.intro-screen--resolved .intro-top-block,.intro-screen--resolved .intro-actions,.intro-layout--welcome-reveal,.intro-title--reveal,.intro-hand--reveal,.intro-button--reveal,.intro-hand,.intro-pending-line,.intro-input-placeholder,.tutorial-layout--enter,.tutorial-header--enter,.tutorial-card,.tutorial-card-visual,.tutorial-illustration-image,.tutorial-phone-shape,.tutorial-tilt-arrow--left,.tutorial-tilt-arrow--right,.tutorial-trophy-shape,.tutorial-cone-shape,.tutorial-cone-arrow,.tutorial-bolt-shape,.tutorial-heart-shape{animation:none!important;transform:none!important;opacity:1!important;transition:none!important}}.unity-screen{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:#000}.unity-shell{position:absolute;inset:0;width:100%;height:100%}.unity-progress-text{color:#fff;font-size:41px;text-shadow:1px 1px 2px #333333}.unity-progress-stack{display:flex;flex-direction:column;align-items:center}.unity-progress-caption{display:flex;align-items:center;justify-content:center;margin:10px 0 0;color:#fff;text-align:center;text-shadow:1px 1px 1px #333333;font-family:lack,sans-serif;font-size:18px;line-height:1}@media(max-width:640px){.intro-screen{--intro-side-padding: 16px;--intro-top-padding: clamp(16px, 3.5vh, 24px);--intro-bottom-padding: clamp(16px, 4vh, 28px)}.intro-layout{width:min(100%,19rem)}.intro-layout--welcome{width:min(100%,21rem)}}@media(max-width:380px){.intro-screen{--intro-title-size: clamp(24px, 8vw, 30px);--intro-input-font-size: clamp(18px, 5.2vw, 21px);--intro-button-font-size: clamp(18px, 5vw, 21px);--intro-gap: 12px}.tutorial-screen{--tutorial-title-size: clamp(24px, 7.6vw, 30px);--tutorial-subtitle-size: clamp(13px, 3.8vw, 15px);--tutorial-copy-size: clamp(12px, 3.4vw, 14px);--tutorial-top-padding: 8px;--tutorial-bottom-offset: 0px;--tutorial-layout-width: 20rem;--tutorial-card-list-width: 18.9rem;--tutorial-layout-gap: 8px;--tutorial-card-gap: 7px;--tutorial-split-columns: 68px 1fr;--tutorial-split-min-height: 96px;--tutorial-split-padding: 12px 10px;--tutorial-stacked-min-height: 140px;--tutorial-stacked-padding: 14px 10px 12px;--tutorial-illustration-size: 60px;--tutorial-illustration-stacked-size: 76px}.intro-layout{width:min(100%,18rem)}.intro-layout--welcome{width:min(100%,18.75rem)}.intro-title--welcome{font-size:clamp(32px,10vw,42px)}.intro-hand{width:min(100%,13rem)}}@media(max-height:760px){.intro-screen{--intro-top-padding: clamp(14px, 3vh, 20px);--intro-bottom-padding: clamp(14px, 3.5vh, 24px);--intro-title-size: clamp(24px, 5vh, 32px);--intro-input-font-size: clamp(18px, 4.2vh, 22px);--intro-button-font-size: clamp(18px, 4vh, 22px);--intro-gap: 12px}.tutorial-screen{--tutorial-title-size: clamp(24px, 4.8vh, 30px);--tutorial-subtitle-size: clamp(13px, 2.7vh, 15px);--tutorial-copy-size: clamp(12px, 2.3vh, 14px);--tutorial-top-padding: 6px;--tutorial-bottom-offset: 0px;--tutorial-layout-width: 19.75rem;--tutorial-card-list-width: 18.75rem;--tutorial-layout-gap: 7px;--tutorial-card-gap: 6px;--tutorial-split-min-height: 92px;--tutorial-split-padding: 12px 10px;--tutorial-stacked-min-height: 136px;--tutorial-stacked-padding: 13px 10px 11px;--tutorial-illustration-size: 58px;--tutorial-illustration-stacked-size: 74px}}@media(max-height:620px){.intro-screen{--intro-top-padding: 12px;--intro-bottom-padding: 14px;--intro-gap: 10px}.intro-layout{width:min(100%,18rem)}.intro-layout--welcome{width:min(100%,20rem)}.intro-actions{padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.tutorial-card-list{gap:10px}.tutorial-screen{--tutorial-title-size: clamp(20px, 4.2vh, 26px);--tutorial-subtitle-size: clamp(11px, 2.4vh, 13px);--tutorial-copy-size: clamp(10px, 2.1vh, 12px);--tutorial-top-padding: 4px;--tutorial-bottom-offset: 0px;--tutorial-layout-width: 18.6rem;--tutorial-card-list-width: 17.8rem;--tutorial-layout-gap: 6px;--tutorial-card-gap: 6px;--tutorial-split-columns: 60px 1fr;--tutorial-split-min-height: 86px;--tutorial-split-padding: 11px 9px;--tutorial-stacked-min-height: 124px;--tutorial-stacked-padding: 12px 9px 10px;--tutorial-illustration-size: 52px;--tutorial-illustration-stacked-size: 66px}}@media(max-width:380px)and (max-height:760px){.tutorial-screen{--tutorial-top-padding: 4px;--tutorial-bottom-offset: 0px;--tutorial-layout-width: 18.25rem;--tutorial-card-list-width: 17.35rem;--tutorial-layout-gap: 6px;--tutorial-card-gap: 5px;--tutorial-split-columns: 58px 1fr;--tutorial-split-min-height: 82px;--tutorial-split-padding: 10px 8px;--tutorial-stacked-min-height: 118px;--tutorial-stacked-padding: 11px 8px 9px;--tutorial-illustration-size: 48px;--tutorial-illustration-stacked-size: 62px}}@media(orientation:landscape)and (max-height:500px){.intro-screen{--intro-side-padding: 20px;--intro-top-padding: 12px;--intro-bottom-padding: 12px}.tutorial-screen{--tutorial-title-size: clamp(18px, 4vh, 22px);--tutorial-subtitle-size: clamp(10px, 2.1vh, 12px);--tutorial-copy-size: clamp(9px, 1.8vh, 11px);--tutorial-top-padding: 2px;--tutorial-bottom-offset: 0px;--tutorial-layout-width: 17.75rem;--tutorial-card-list-width: 17rem;--tutorial-layout-gap: 5px;--tutorial-card-gap: 5px;--tutorial-split-columns: 54px 1fr;--tutorial-split-min-height: 78px;--tutorial-split-padding: 9px 8px;--tutorial-stacked-min-height: 112px;--tutorial-stacked-padding: 10px 8px 8px;--tutorial-illustration-size: 46px;--tutorial-illustration-stacked-size: 58px}.intro-layout{width:min(100%,19rem)}}