@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-500-normal-CmLZ27r7.woff2) format("woff2"),url(./baloo-2-latin-500-normal-BSdEhq8m.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(./baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2) format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff) format("woff")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--green: #58cc02;--green-dark: #46a302;--blue: #1cb0f6;--orange: #ff9600;--red: #ff4b4b;--purple: #ce82ff;--yellow: #ffd93d;--text: #3c3c3c;--card: #ffffff}html,body{margin:0;padding:0;font-family:"Baloo 2",Comic Sans MS,system-ui,sans-serif;background:linear-gradient(180deg,#aee7ff,#d9f6ff 40%,#e8fbe8);min-height:100%;color:var(--text)}#root{min-height:100vh;min-height:100svh;display:flex;justify-content:center}.screen{width:100%;max-width:480px;padding:16px 16px 48px;display:flex;flex-direction:column;align-items:center}.loading-screen{position:relative;isolation:isolate;overflow:hidden;justify-content:center;align-items:center;min-height:100vh;max-width:none;padding:32px 20px 90px;text-align:center;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.95) 0 3%,transparent 28%),linear-gradient(180deg,#8dddf8,#c8f1fc 62%,#edfbdf)}.loading-sky,.loading-landscape{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.loading-panorama-prewarm{position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;z-index:-1}.loading-card{width:min(100%,390px);display:flex;flex-direction:column;align-items:center;padding:28px 26px 24px;border:3px solid rgba(255,255,255,.82);border-radius:36px;background:#ffffffc7;box-shadow:0 18px 50px #2b748d2e,inset 0 1px #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:loading-card-in .45s cubic-bezier(.2,.9,.25,1.15) both}.loading-capy-wrap{position:relative;width:176px;height:154px;display:grid;place-items:center;margin-top:-8px}.loading-capy-wrap:before{content:"";position:absolute;width:136px;height:136px;border-radius:50%;background:linear-gradient(145deg,#fff4a8,#ffd84d);box-shadow:0 9px #e7b82e,0 14px 28px #ae791038}.loading-capy{position:relative;width:142px;height:142px;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(91,57,26,.18));animation:loading-capy-spin 1.8s ease-in-out infinite;transform-origin:50% 55%}.loading-orbit{position:absolute;z-index:2;display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;color:#fff;font-size:1.05rem;font-weight:800;line-height:1;box-shadow:0 4px 8px #235b7033;animation:loading-number-float 1.7s ease-in-out infinite}.loading-orbit-one{top:2px;left:4px;background:#ff8f4d;transform:rotate(-10deg)}.loading-orbit-two{top:10px;right:0;background:#8a63d2;animation-delay:-.55s}.loading-orbit-three{right:1px;bottom:2px;background:#42b8d5;animation-delay:-1.05s}.loading-copy h1{margin:10px 0 2px;color:#24576b;font-size:clamp(1.55rem,6vw,2rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}.loading-copy p{min-height:26px;margin:9px 0 20px;color:#597681;font-size:1rem;font-weight:700}.loading-progress{width:100%}.loading-bar-track{width:100%;height:18px;padding:3px;border-radius:999px;background:#d9e8eb;box-shadow:inset 0 2px 4px #2c5a6726;overflow:hidden}.loading-bar-fill{height:100%;min-width:8px;position:relative;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#46bf58,#75d83e 55%,#b5e83f);box-shadow:0 1px 3px #26882759;transition:width .3s cubic-bezier(.2,.8,.2,1)}.loading-bar-glint{position:absolute;inset:1px auto 1px -35%;width:38%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:loading-glint 1.25s linear infinite}.loading-progress-meta{display:flex;justify-content:space-between;margin-top:8px;color:#66808a;font-size:.85rem;font-weight:700}.loading-progress-meta strong{color:#309b3d;font-size:.92rem}.loading-cloud{position:absolute;width:92px;height:28px;border-radius:999px;background:#ffffffa8;animation:loading-cloud-drift 7s ease-in-out infinite alternate}.loading-cloud:before,.loading-cloud:after{content:"";position:absolute;bottom:5px;border-radius:50%;background:inherit}.loading-cloud:before{left:15px;width:40px;height:40px}.loading-cloud:after{right:14px;width:29px;height:29px}.loading-cloud-one{top:15%;left:-25px}.loading-cloud-two{top:28%;right:-20px;transform:scale(.7);animation-delay:-3s}.loading-spark{position:absolute;color:#ffffffe6;font-size:1.3rem;animation:loading-twinkle 1.6s ease-in-out infinite}.loading-spark-one{top:10%;left:17%}.loading-spark-two{top:17%;right:13%;animation-delay:-.55s}.loading-spark-three{top:40%;left:7%;font-size:.85rem;animation-delay:-1s}.loading-hill{position:absolute;bottom:-100px;width:75%;height:230px;border-radius:50% 50% 0 0}.loading-hill-back{left:-15%;background:#a8df70;transform:rotate(5deg)}.loading-hill-front{right:-24%;bottom:-125px;background:#72c95e;transform:rotate(-6deg)}.loading-flower{position:absolute;bottom:34px;color:#fff;font-size:1.5rem;text-shadow:0 2px 0 #e79c34}.loading-flower-one{left:9%;transform:rotate(-12deg)}.loading-flower-two{right:12%;bottom:18px;color:#fff47d;transform:rotate(14deg)}@keyframes loading-capy-spin{0%,to{transform:rotate(-7deg) scale(1)}50%{transform:rotate(7deg) scale(1.035)}}@keyframes loading-number-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes loading-glint{to{left:110%}}@keyframes loading-card-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}@keyframes loading-cloud-drift{to{translate:35px 8px}}@keyframes loading-twinkle{0%,to{opacity:.35;transform:scale(.75) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(20deg)}}@media (max-height: 600px){.loading-screen{padding-block:14px 55px}.loading-card{padding-block:16px}.loading-capy-wrap{width:140px;height:116px}.loading-capy-wrap:before{width:104px;height:104px;box-shadow:0 6px #e7b82e}.loading-capy{width:108px;height:108px}.loading-orbit{width:28px;height:28px;font-size:.85rem;border-width:2px}.loading-copy h1{margin-top:7px}.loading-copy p{margin:6px 0 12px}}@media (prefers-reduced-motion: reduce){.loading-card,.loading-capy,.loading-orbit,.loading-cloud,.loading-spark,.loading-bar-glint{animation:none}}.intro-screen{--intro-accent: #2878d0;--intro-accent-dark: #18599f;--intro-accent-soft: #e7f2ff;--intro-safe-block: max( 32px, calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)) );position:fixed;top:0;right:0;bottom:0;left:0;isolation:isolate;display:grid;place-items:center;width:100%;min-height:100vh;min-height:100svh;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow:hidden;background:#a9ddf0}.intro-screen[data-accent=purple]{--intro-accent: #8a58cc;--intro-accent-dark: #6337a4;--intro-accent-soft: #f0e7ff}.intro-world-preview{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-2;overflow:hidden;pointer-events:none;filter:saturate(.88) brightness(.9);transform:scale(1.025)}.intro-panorama-track{position:absolute;top:0;bottom:0;left:calc(50% - max(50vw,83dvh));width:max(600vw,996dvh);height:100%}.intro-world-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 44%,#15405114 0,#15405114 24%,#0f2b413d 72%),linear-gradient(135deg,#0c324e52,#133d4833);backdrop-filter:blur(2.5px);-webkit-backdrop-filter:blur(2.5px)}.intro-dialog{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.45fr);width:min(900px,100%);height:auto;min-height:min(520px,calc(100svh - var(--intro-safe-block)));max-height:calc(100svh - var(--intro-safe-block));overflow:hidden;border:2px solid rgba(255,255,255,.9);border-radius:36px;background:#fffdf8;box-shadow:0 30px 80px #07233757,0 8px 24px #07233733,inset 0 1px #fff;animation:intro-dialog-in .48s cubic-bezier(.18,.86,.25,1.08) both}.intro-visual{position:relative;isolation:isolate;min-width:0;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.9) 0 4%,transparent 26%),linear-gradient(165deg,#dff4ff,#c6edf3 48%,#dff0bd);border-right:1px solid rgba(53,113,132,.12)}.intro-visual:before,.intro-visual:after{content:"";position:absolute;z-index:-2;border-radius:50%}.intro-visual:before{width:390px;height:220px;left:-125px;bottom:-116px;background:#80cf67;box-shadow:170px -8px #a5de79;transform:rotate(7deg)}.intro-visual:after{width:130px;height:36px;right:-38px;top:82px;background:#ffffff94;box-shadow:-32px 8px #ffffff61}.intro-visual-badge{position:absolute;top:28px;left:50%;z-index:4;translate:-50% 0;width:max-content;max-width:calc(100% - 24px);padding:8px 14px 7px;overflow:hidden;color:#27743c;background:#ffffffd6;border:1px solid rgba(255,255,255,.92);border-radius:999px;box-shadow:0 5px 14px #265f5f21;font-size:.72rem;font-weight:800;line-height:1.15;letter-spacing:.12em;text-align:center;text-transform:uppercase;white-space:normal}.intro-symbol{position:absolute;z-index:-1;display:grid;place-items:center;width:40px;height:40px;color:#fff;border:2px solid rgba(255,255,255,.72);border-radius:14px;box-shadow:0 6px 16px #264e6829;font-size:1.15rem;font-weight:800;animation:intro-symbol-float 3.2s ease-in-out infinite}.intro-symbol-one{top:108px;left:22px;background:#ff9f43;rotate:-10deg}.intro-symbol-two{top:157px;right:21px;background:#8a63d2;rotate:8deg;animation-delay:-1.1s}.intro-symbol-three{top:226px;left:31px;color:#80630a;background:#ffe16a;rotate:7deg;animation-delay:-2.1s}.intro-trail{position:absolute;z-index:-1;right:22px;bottom:118px;width:126px;height:76px;border-top:4px dashed rgba(94,112,61,.46);border-radius:50%;rotate:-22deg}.intro-capy-stage{position:absolute;z-index:2;left:45%;bottom:22px;width:198px;height:300px;translate:-50% 0;filter:drop-shadow(0 12px 8px rgba(69,50,27,.2));animation:intro-capy-in .58s cubic-bezier(.18,.85,.25,1.12) .14s both}.intro-capy-sprite{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-repeat:no-repeat;background-position:0 0;background-size:700% 100%;animation:capy-stand-cycle 3.2s linear infinite}.intro-treasure{position:absolute;right:10px;bottom:25px;z-index:3;width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(83,52,15,.3));transform:rotate(2deg)}.intro-copy{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:48px 50px 42px}.intro-copy-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(52,127,218,.28) transparent}.intro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;margin-bottom:13px}.intro-kicker{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin-bottom:0;color:var(--intro-accent-dark);font-size:.78rem;font-weight:800;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}.intro-kicker span{display:grid;place-items:center;width:24px;height:24px;color:#785b08;background:#ffe36e;border-radius:50%;font-size:.75rem;box-shadow:0 2px #ddbd3d}.intro-read-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;padding:7px 12px 7px 9px;color:var(--intro-accent-dark);background:var(--intro-accent-soft);border:1px solid color-mix(in srgb,var(--intro-accent) 35%,white);border-radius:14px;box-shadow:0 3px color-mix(in srgb,var(--intro-accent-dark) 28%,transparent);font:inherit;font-size:.82rem;font-weight:800;line-height:1;cursor:pointer;touch-action:manipulation;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.intro-read-btn:hover:not(:disabled){transform:translateY(-1px);background:color-mix(in srgb,var(--intro-accent-soft) 70%,white);box-shadow:0 4px color-mix(in srgb,var(--intro-accent-dark) 30%,transparent)}.intro-read-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px color-mix(in srgb,var(--intro-accent-dark) 30%,transparent)}.intro-read-btn.active{color:#fff;background:var(--intro-accent);border-color:#ffffff52;box-shadow:0 3px 0 var(--intro-accent-dark)}.intro-read-btn:focus-visible{outline:3px solid color-mix(in srgb,var(--intro-accent) 34%,white);outline-offset:3px}.intro-read-btn:disabled{opacity:.48;cursor:not-allowed}.intro-read-icon{display:grid;place-items:center;width:24px;height:24px;font-size:1rem;line-height:1}.intro-copy h1{margin:0 0 16px;color:#203f52;font-size:clamp(2rem,4vw,2.55rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}.intro-story p{margin:0 0 11px;color:#526b76;font-size:1.03rem;font-weight:600;line-height:1.5}.intro-invitation{display:flex;align-items:center;gap:12px;margin:21px 0 22px;padding:13px 15px;color:#3e562c;background:#fff8d7;border:1px solid #f1dd88;border-radius:17px;font-size:.96rem;line-height:1.35;box-shadow:inset 0 1px #fffc}.intro-invitation-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;background:#fff;border-radius:12px;box-shadow:0 3px 8px #68571821;font-size:1.25rem}.intro-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;flex:0 0 auto;min-height:58px;margin-top:18px;margin-left:auto;padding:10px 12px 10px 23px;color:#fff;background:var(--intro-accent);border:1px solid rgba(255,255,255,.28);border-radius:18px;box-shadow:0 5px 0 var(--intro-accent-dark),0 10px 20px #17477038;font:inherit;font-size:1.05rem;font-weight:800;cursor:pointer;touch-action:manipulation;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}.intro-cta:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 7px 0 var(--intro-accent-dark),0 13px 24px #17477040}.intro-cta:active{transform:translateY(3px);box-shadow:0 2px 0 var(--intro-accent-dark),0 6px 12px #17477033}.intro-cta:focus-visible{outline:4px solid color-mix(in srgb,var(--intro-accent) 34%,white);outline-offset:4px}.intro-cta-arrow{display:grid;place-items:center;width:36px;height:36px;color:var(--intro-accent-dark);background:#fff;border-radius:12px;font-size:1.25rem;line-height:1}@keyframes intro-dialog-in{0%{opacity:0;transform:translateY(22px) scale(.965)}}@keyframes intro-capy-in{0%{opacity:0;transform:translateY(24px) scale(.88)}}@keyframes intro-symbol-float{0%,to{translate:0 0}50%{translate:0 -7px}}@media (max-width: 700px){.intro-screen{--intro-safe-block: max( 20px, calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)) );padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(10px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}.intro-dialog{grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(175px,25svh,215px) minmax(0,1fr);width:100%;height:auto;min-height:min(570px,calc(100svh - var(--intro-safe-block)));max-height:calc(100svh - var(--intro-safe-block));border-radius:28px}.intro-visual{border-right:none;border-bottom:1px solid rgba(53,113,132,.12)}.intro-copy{padding:26px 28px 24px}.intro-toolbar{gap:8px;margin-bottom:12px}.intro-copy h1{margin-bottom:12px;font-size:clamp(1.45rem,6vw,1.9rem)}.intro-story p{margin-bottom:9px;font-size:.92rem;line-height:1.43}.intro-invitation{margin:16px 0 18px;padding:11px;font-size:.86rem}.intro-invitation-icon{width:33px;height:33px;border-radius:10px;font-size:1rem}.intro-cta{width:fit-content;max-width:100%;min-height:53px;gap:8px;padding:9px 8px 9px 11px;font-size:.92rem}.intro-cta-arrow{width:31px;height:31px;border-radius:10px}.intro-read-btn{width:42px;min-height:42px;padding:0;border-radius:13px}.intro-read-label{display:none}.intro-visual-badge{top:14px;left:14px;translate:0 0;max-width:126px;padding:7px 10px 6px;font-size:.61rem;letter-spacing:.08em}.intro-capy-stage{left:50%;bottom:3px;width:clamp(106px,32vw,132px);height:auto;aspect-ratio:330 / 500}.intro-treasure{right:14%;bottom:7px;width:clamp(65px,20vw,86px);height:auto;aspect-ratio:1}.intro-symbol{width:30px;height:30px;border-radius:10px;font-size:.9rem}.intro-symbol-one{top:82px;left:22px}.intro-symbol-two{top:27px;right:28px}.intro-symbol-three{top:103px;right:18px;left:auto}.intro-trail{right:17%;bottom:51px;width:98px}}@media (max-width: 380px){.intro-copy{padding:21px 20px 20px}.intro-toolbar{gap:5px;margin-bottom:9px}.intro-kicker{gap:6px;margin-bottom:0;font-size:.63rem;letter-spacing:.08em}.intro-kicker span{width:20px;height:20px}.intro-read-btn{width:38px;min-height:38px;padding:0;border-radius:12px;font-size:.76rem}.intro-read-icon{width:21px;height:21px;font-size:.9rem}.intro-copy h1{font-size:1.4rem;line-height:1.06}.intro-story p{font-size:.82rem;line-height:1.38}.intro-invitation{gap:8px;margin:13px 0 15px;padding:9px;font-size:.78rem}.intro-invitation-icon{width:28px;height:28px}.intro-cta{gap:8px;min-height:49px;padding:8px 8px 8px 10px;font-size:.84rem}.intro-cta-arrow{width:28px;height:28px}.intro-capy-stage{width:92px;height:139px}.intro-treasure{width:58px;height:58px}}@media (max-height: 620px){.intro-dialog{height:calc(100svh - var(--intro-safe-block));min-height:0;max-height:none}.intro-copy{padding-top:18px;padding-bottom:18px}.intro-toolbar{margin-bottom:8px}.intro-kicker{margin-bottom:0}.intro-copy h1{margin-bottom:10px;font-size:clamp(1.35rem,4.6vw,1.8rem)}.intro-story p{margin-bottom:7px;font-size:.86rem;line-height:1.36}.intro-invitation{margin:11px 0 13px;padding-block:8px}.intro-cta{min-height:48px}.intro-visual-badge{top:14px}.intro-capy-stage{bottom:8px;width:112px;height:170px}.intro-treasure{bottom:10px;width:68px;height:68px}}@media (max-height: 620px) and (min-width: 701px){.intro-dialog{grid-template-columns:clamp(96px,25vw,190px) minmax(0,1fr)}}@media (max-height: 620px) and (max-width: 700px){.intro-dialog{grid-template-columns:minmax(0,1fr);grid-template-rows:150px minmax(0,1fr)}.intro-capy-stage{bottom:0;width:94px;height:auto}.intro-treasure{right:15%;bottom:3px;width:62px;height:62px}.intro-visual-badge{top:10px}.intro-symbol-one{top:67px}.intro-symbol-three{top:82px}}@media (prefers-reduced-motion: reduce){.intro-dialog,.intro-capy-stage,.intro-capy-sprite,.intro-symbol{animation:none}.intro-cta,.intro-read-btn{transition:none}}.btn{font-family:inherit;font-weight:700;font-size:1.1rem;border:none;border-radius:16px;padding:14px 24px;cursor:pointer;color:#fff;background:var(--blue);box-shadow:0 4px #0000002e;transition:transform .08s,box-shadow .08s,background .15s;touch-action:manipulation}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #0000002e}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--green);box-shadow:0 4px 0 var(--green-dark);min-width:220px;margin-top:12px}.btn-secondary{background:var(--blue);margin-top:16px}.btn-ghost{background:transparent;color:var(--blue);box-shadow:none;margin-top:8px}.btn-tip{background:var(--yellow);color:#7a5b00;box-shadow:0 4px #d9b520;font-size:1rem;padding:10px 18px;margin-top:18px}.icon-btn{font-size:1.5rem;background:#fffc;border:none;border-radius:12px;width:44px;height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bubble{background:var(--card);border-radius:18px;padding:12px 16px;font-size:1.05rem;box-shadow:0 3px 10px #0000001a;position:relative;max-width:320px}.bubble.small{font-size:.95rem}.tip-bubble{margin-top:14px;background:#fff8db;border:2px solid var(--yellow);animation:pop .25s ease}.profiles-hero{display:flex;align-items:center;gap:8px;margin-top:24px}.app-title{font-size:2.2rem;font-weight:800;color:#12809c;margin:12px 0 20px;text-shadow:0 2px 0 #fff}.profile-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;transition:opacity .2s ease,filter .2s ease}.profile-list-muted{opacity:.48;filter:grayscale(.8) saturate(.4)}.profile-list-muted:focus-within{opacity:.72;filter:grayscale(.45) saturate(.7)}.profile-card{display:flex;align-items:center;height:72px;background:var(--card);border-radius:18px;box-shadow:0 3px 10px #0000001a;overflow:hidden}.profile-main{flex:1;height:100%;display:flex;align-items:center;gap:14px;padding:14px 18px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:700;color:var(--text)}.profile-avatar{font-size:2rem}.animal-avatar-image{display:inline-block;width:.95em;height:.95em;object-fit:contain;vertical-align:middle}.animal-avatar-image-raccoon{width:1.08em;height:1.08em}.animal-avatar-image-t-rex{position:relative;top:-.06em;width:1em;height:1em}.profile-edit,.profile-delete{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;border:none;background:none;color:#bbb;font-size:1.1rem;padding:14px 12px;cursor:pointer}.profile-delete{padding-right:20px}.profile-edit-icon{width:21px;height:21px}.profile-edit:hover{color:var(--profile-accent, #347fda)}.profile-delete:hover{color:var(--red)}.profile-form-editing-name{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:4px}.profile-form-editing-name .profile-avatar{font-size:2rem}.profile-form{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px;width:100%;max-width:340px}.profiles-screen[data-accent=blue]{--profile-accent: #347fda;--profile-accent-dark: #18599f;--profile-accent-soft: #e6f1ff}.profiles-screen[data-accent=purple]{--profile-accent: #8a58cc;--profile-accent-dark: #6337a4;--profile-accent-soft: #f0e7ff}.profiles-screen .profile-form .name-input{border-color:var(--profile-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--profile-accent) 12%,transparent)}.profiles-screen .profile-form .avatar-btn.selected{border-color:var(--profile-accent);background:var(--profile-accent-soft)}.profiles-screen .profile-form .btn-primary{background:var(--profile-accent);box-shadow:0 4px 0 var(--profile-accent-dark)}.form-label{font-weight:700;align-self:flex-start}.name-input{width:100%;font-family:inherit;font-size:1.3rem;font-weight:700;padding:12px 16px;border-radius:14px;border:3px solid var(--blue);outline:none;text-align:center}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%}.avatar-btn{font-size:2rem;padding:8px;border-radius:14px;border:3px solid transparent;background:var(--card);cursor:pointer}.avatar-btn.selected{border-color:var(--green);background:#eaffdd}.accent-fieldset{width:100%;margin:4px 0 0;padding:0;border:0}.accent-fieldset .form-label{margin-bottom:8px}.accent-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.accent-option{min-height:54px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 14px;color:#3c4650;background:#ffffffd1;border:2px solid transparent;border-radius:15px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 2px 7px #2133431a}.accent-option.selected.accent-blue{border-color:#2878d0;background:#e6f1ff;color:#18599f}.accent-option.selected.accent-purple{border-color:#8252c7;background:#f0e7ff;color:#6337a4}.accent-swatch{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff8c}.accent-blue .accent-swatch{background:#347fda}.accent-purple .accent-swatch{background:#8a58cc}.profile-card.profile-accent-blue{border-left:6px solid #347fda}.profile-card.profile-accent-purple{border-left:6px solid #8a58cc}@media (min-width: 840px){.profiles-screen{max-width:960px;padding:32px 40px 64px}.profiles-hero{gap:18px;margin-top:30px}.profiles-hero .bubble{max-width:400px;padding:16px 20px;font-size:1.15rem}.app-title{margin:14px 0 22px;font-size:2.55rem}.profile-list{max-width:420px}.profile-form{max-width:720px;gap:14px;padding:28px 36px 30px;border:2px solid rgba(255,255,255,.78);border-radius:28px;background:#ffffff8f;box-shadow:0 16px 40px #24698021}.profile-form .form-label{font-size:1.05rem}.profile-form .name-input{min-height:64px;font-size:1.4rem}.profile-form .avatar-grid{gap:12px}.profile-form .avatar-btn{min-height:70px;font-size:2.2rem}.profile-form .accent-option{min-height:60px}.profile-form .btn-primary{width:100%;min-height:56px}}.path-screen{padding-bottom:80px}.path-header{width:100%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:linear-gradient(180deg,#ffffff4d,#ffffff29);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border-radius:0 0 24px 24px;border:1px solid rgba(255,255,255,.5);border-top:none;box-shadow:0 6px 20px #0f466424,inset 0 1px #ffffff8c;padding:18px 20px}.header-profile{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;color:#1f5b78}.header-avatar{font-size:1.55rem;line-height:1;width:40px;height:40px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;background:#fff9;border-radius:50%;box-shadow:0 2px 6px #0000001f,inset 0 0 0 1.5px #ffffffb3}.header-avatar-symbol{display:block;line-height:1;transform:translateY(2px)}.header-name{text-shadow:0 1px 3px rgba(255,255,255,.75),0 1px 8px rgba(255,255,255,.4);letter-spacing:.2px}.header-right{display:flex;align-items:center;gap:8px}.path-header .icon-btn{background:#ffffff80;box-shadow:0 2px 6px #0000001a,inset 0 0 0 1.5px #fff9;transition:background .15s,transform .08s}.path-header .icon-btn:active{transform:translateY(1px);background:#ffffffa6}.icon-btn.info-btn>span{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffffeb;color:#2d343a94;box-shadow:0 1px 3px #2d343a14;font-size:.9rem;font-weight:800;line-height:1}.path-capy{display:flex;align-items:center;gap:6px;margin:14px 0 24px}.path{display:flex;flex-direction:column;align-items:center;gap:26px;padding-bottom:30px}.path-row{display:flex;align-items:center;gap:12px}.node{width:76px;height:76px;border-radius:50%;border:none;cursor:pointer;font-family:inherit;font-size:1.5rem;font-weight:800;color:#fff;box-shadow:0 6px #0003;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .1s}.node:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #0003}.node-learn{background:var(--blue)}.node-practice{background:var(--green)}.node-review{background:var(--purple)}.node-final{background:var(--orange)}.node.locked{background:#c7c7c7;cursor:default;box-shadow:0 6px #a5a5a5}.node.done:after{content:"✓";position:absolute;top:-14px;right:-14px;background:var(--green);border:3px solid #fff;border-radius:50%;width:26px;height:26px;font-size:.9rem;display:flex;align-items:center;justify-content:center}.node.current{animation:bounce 1.6s infinite}.node-badge{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:var(--card);color:var(--green-dark);font-size:.7rem;font-weight:800;border-radius:8px;padding:2px 8px;box-shadow:0 2px 6px #00000026;letter-spacing:1px}.node-label{min-width:120px}.node-title{font-weight:800;font-size:1rem}.node-sub{font-size:.82rem;opacity:.75}.stars .star{color:#cfcfcf;font-size:1rem}.stars .star.on{color:var(--orange)}.path-end{font-size:3rem;margin-top:8px}.worlds{display:flex;flex-direction:row;align-items:stretch;gap:0;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;padding:0}.map-clip{position:relative;overflow:hidden;contain:paint;flex:0 0 auto;height:100%}.panorama{position:relative;overflow:hidden;background:#cfeeff;flex:0 0 auto;height:100%;width:calc(6*max(100vw,166vh));width:calc(6*max(100vw,166dvh))}.panorama-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;contain:paint}.pano-layer-ground{overflow:hidden}.royal-treasure-closed,.royal-treasure-open{filter:saturate(.72) contrast(.92) brightness(.98);transform-box:fill-box;transform-origin:50% 100%}.royal-treasure-open,.royal-treasure-glow,.royal-treasure-sparkles{opacity:0}.royal-treasure.is-open:not(.is-opening) .royal-treasure-closed{opacity:0}.royal-treasure.is-open:not(.is-opening) .royal-treasure-open{opacity:1}.royal-treasure.is-opening .royal-treasure-closed{animation:treasure-closed-open .95s ease-in-out both}.royal-treasure.is-opening .royal-treasure-open{animation:treasure-open-reveal 1.15s cubic-bezier(.16,1.35,.35,1) .72s both}.royal-treasure.is-opening .royal-treasure-glow{transform-box:fill-box;transform-origin:center;animation:treasure-glow 1.25s ease-out .68s both}.royal-treasure.is-opening .royal-treasure-sparkles{animation:treasure-sparkles-in 1.2s ease-out .76s both}.treasure-spark{transform-box:fill-box;transform-origin:center}.royal-treasure.is-opening .treasure-spark-one{animation:treasure-spark-pop .62s ease-out .82s both}.royal-treasure.is-opening .treasure-spark-two{animation:treasure-spark-pop .68s ease-out 1.02s both}.royal-treasure.is-opening .treasure-spark-three{animation:treasure-spark-pop .58s ease-out 1.18s both}@keyframes treasure-closed-open{0%,45%{opacity:1;transform:translateY(0) rotate(0)}18%{transform:translateY(-2px) rotate(-1.5deg)}32%{transform:translateY(0) rotate(1.5deg)}65%{opacity:1;transform:translateY(2px) scaleY(.94)}to{opacity:0;transform:translateY(-5px) scale(1.03,.88)}}@keyframes treasure-open-reveal{0%{opacity:0;transform:translateY(9px) scale(.94,.72)}52%{opacity:1;transform:translateY(-4px) scale(1.035,1.055)}75%{transform:translateY(1px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes treasure-glow{0%{opacity:0;transform:scale(.35)}38%{opacity:.95;transform:scale(1.08)}to{opacity:0;transform:scale(1.42)}}@keyframes treasure-sparkles-in{0%,to{opacity:0}28%,72%{opacity:1}}@keyframes treasure-spark-pop{0%{transform:translateY(8px) scale(0) rotate(0)}55%{transform:translateY(-4px) scale(1.35) rotate(28deg)}to{transform:translateY(-10px) scale(.7) rotate(50deg)}}@media (prefers-reduced-motion: reduce){.royal-treasure.is-opening .royal-treasure-closed,.royal-treasure.is-opening .royal-treasure-glow,.royal-treasure.is-opening .royal-treasure-sparkles{animation:none;opacity:0}.royal-treasure.is-opening .royal-treasure-open{animation:none;opacity:1;transform:none}}.victory-castle-glow{opacity:0;filter:blur(26px);transform-box:fill-box;transform-origin:center}.victory-fireworks.is-active .victory-castle-glow{animation:victory-castle-glow 2.8s ease-out .58s both}.victory-firework{opacity:0;transform-box:fill-box;transform-origin:center}.victory-fireworks.is-active .victory-firework{animation:victory-firework-burst 1.85s cubic-bezier(.12,.8,.22,1) var(--firework-delay) infinite both}.firework-flash{filter:drop-shadow(0 0 16px var(--firework-color))}.firework-rays,.firework-rays-secondary,.firework-ring,.firework-dots{transform-box:fill-box;transform-origin:center}.victory-fireworks.is-active .firework-rays{animation:victory-firework-rays 1.85s ease-out var(--firework-delay) infinite both}.victory-fireworks.is-active .firework-rays-secondary{animation:victory-firework-secondary-rays 1.85s ease-out var(--firework-delay) infinite both}.victory-fireworks.is-active .firework-ring{animation:victory-firework-ring 1.85s ease-out var(--firework-delay) infinite both}.victory-fireworks.is-active .firework-dots{animation:victory-firework-dots 1.85s ease-out var(--firework-delay) infinite both}@keyframes victory-castle-glow{0%{opacity:0;transform:scale(.55)}28%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}@keyframes victory-firework-burst{0%{opacity:0;transform:scale(.08)}10%{opacity:1}45%{opacity:1;transform:scale(1)}72%,to{opacity:0;transform:scale(1.18)}}@keyframes victory-firework-rays{0%{opacity:0;transform:scale(.18) rotate(-16deg)}17%{opacity:1}72%,to{opacity:0;transform:scale(1.16) rotate(10deg)}}@keyframes victory-firework-secondary-rays{0%{opacity:0;transform:scale(.12) rotate(25deg)}21%{opacity:.95}72%,to{opacity:0;transform:scale(1.28) rotate(-12deg)}}@keyframes victory-firework-ring{0%{opacity:.95;transform:scale(.05);stroke-width:8px}72%,to{opacity:0;transform:scale(1.75);stroke-width:1px}}@keyframes victory-firework-dots{0%{opacity:0;transform:scale(.2)}20%{opacity:1}52%{opacity:.9}72%,to{opacity:0;transform:translateY(18px) scale(1.34)}}@media (prefers-reduced-motion: reduce){.victory-fireworks.is-active .victory-castle-glow,.victory-fireworks.is-active .victory-firework,.victory-fireworks.is-active .firework-rays,.victory-fireworks.is-active .firework-rays-secondary,.victory-fireworks.is-active .firework-ring,.victory-fireworks.is-active .firework-dots{animation:none;opacity:0}}.pano-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pano-layer-sky{transform:translate(calc(var(--scroll, 0px) * .05));will-change:transform}.pano-layer-hills{transform:translate(calc(var(--scroll, 0px) * .032));will-change:transform}.pano-layer-clouds{transform:translate(calc(var(--scroll, 0px) * .018));will-change:transform}.fog-zone{position:absolute;top:0;bottom:0;z-index:12;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;background-repeat:no-repeat;background-size:100% 100%}.fog-zone .locked-center{z-index:2;position:static;padding:20px}.panorama-end{position:absolute;right:2%;top:40%;z-index:11;font-size:4rem}.world-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.world-banner-fixed{position:absolute;top:100px;left:24px;z-index:15;display:flex;flex-direction:column;align-items:center;gap:2px;width:156px;text-align:center;background:#ffffffe0;border-radius:22px;padding:16px 14px 14px;box-shadow:0 4px 14px #0000002e}.world-banner-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.9rem;background:#ffffffd9;box-shadow:0 3px 8px #00000026,inset 0 0 0 2px #fff9;margin-bottom:6px}.world-banner-fixed.locked .world-banner-icon{background:#00000014;filter:grayscale(1)}.world-banner-label{font-size:.68rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;opacity:.55}.world-banner-name{font-size:1.08rem;font-weight:800;line-height:1.2;margin-bottom:8px}.world-banner-fixed.locked .world-banner-name{opacity:.6}.world-banner-bar-track{width:100%;height:8px;border-radius:6px;background:#0000001f;overflow:hidden}.world-banner-bar-fill{height:100%;background:var(--green);border-radius:6px;transition:width .3s ease}.world-banner-progress-text{font-size:.78rem;font-weight:700;opacity:.75;margin-top:6px}.world-banner-fixed.locked .world-banner-progress-text{opacity:.6;font-style:italic}@media (max-width: 600px){.world-banner-fixed{top:96px;left:50%;width:min(340px,calc(100% - 32px));min-height:88px;padding:12px 16px;transform:translate(-50%);display:grid;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto auto;column-gap:12px;row-gap:3px;align-items:center;text-align:left;border-radius:20px}.world-banner-icon{grid-column:1;grid-row:1 / -1;width:54px;height:54px;margin:0}.world-banner-label{grid-column:2;grid-row:1;align-self:end}.world-banner-name{grid-column:2 / -1;grid-row:2;margin:0}.world-banner-bar-track{grid-column:2;grid-row:3}.world-banner-progress-text{grid-column:3;grid-row:3;margin:0;white-space:nowrap}.world-banner-fixed.locked .world-banner-progress-text{grid-column:2 / -1}}.world-banner-anchor{position:absolute;top:0;width:1px;height:1px;pointer-events:none}.world-node{position:absolute;transform:translate(-50%,-50%);z-index:5;display:flex;flex-direction:column;align-items:center;isolation:isolate}.world-node .node{width:68px;height:68px;border:4px solid rgba(255,255,255,.92);outline:3px solid color-mix(in srgb,currentColor 30%,transparent);outline-offset:-1px;overflow:visible;text-shadow:0 2px 1px rgba(0,0,0,.16);box-shadow:none;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.world-node .node-learn{color:#0876ad}.world-node .node-practice{color:#328300}.world-node .node-review{color:#8a43ba}.world-node .node-final{color:#b86500}.world-node .node-icon{position:relative;z-index:2;color:#fff;line-height:1}.node-shine{position:absolute;top:7%;right:13%;bottom:51%;left:13%;z-index:1;border-radius:999px 999px 55% 55%;background:linear-gradient(180deg,#ffffff94,#fff0);pointer-events:none}.node-level-number{position:absolute;right:-8px;bottom:-5px;z-index:3;display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#24576a;color:#fff;font-size:.68rem;line-height:1;text-shadow:none;box-shadow:0 2px 5px #0000003d}.world-node .node:hover:not(:disabled){transform:translateY(-3px) scale(1.04);filter:saturate(1.08) brightness(1.04)}.world-node .node:active:not(:disabled){transform:translateY(4px) scale(.98);box-shadow:none}.world-node .node.locked{color:#8a9295;border-color:#ffffffbf;outline-color:#5b696e33;filter:saturate(.4)}.world-node .node.done{filter:saturate(.86)}.world-node .node.done:after{top:-10px;right:-10px;z-index:4;width:25px;height:25px;border-width:2px;box-shadow:0 2px 5px #22610b4d;text-shadow:none}.world-node .node.current{animation:node-current-float 1.8s ease-in-out infinite}.world-node .node.current:before{content:"";position:absolute;top:-13px;right:-13px;bottom:-13px;left:-13px;z-index:-1;border:4px solid rgba(255,238,93,.9);border-radius:50%;box-shadow:0 0 0 5px #ffee5d38,0 0 20px #ffda2ba6;animation:node-current-ring 1.8s ease-out infinite}.node-chip{position:absolute;top:calc(100% + 7px);left:50%;min-width:112px;max-width:155px;background:#fffffff0;border:2px solid rgba(255,255,255,.95);font:inherit;color:inherit;cursor:pointer;border-radius:14px;padding:5px 11px 6px;text-align:center;box-shadow:0 3px 9px #23434733,inset 0 -1px #23434714;line-height:1.15;transition:transform .15s ease,background .15s ease}.node-chip:hover:not(:disabled){background:#fff}.node-chip:disabled{cursor:default}.node-chip .node-title{font-size:.86rem;line-height:1.05;white-space:nowrap}.node-chip .node-sub{font-size:.72rem;margin-top:2px}.node-chip-royal .node-sub{white-space:nowrap}.node-chip .stars{display:block;height:13px;margin-top:1px;letter-spacing:1px;line-height:1}.node-chip .stars .star{font-size:.82rem}.node-status{display:block;width:max-content;margin:-15px auto 3px;padding:3px 9px 2px;border:2px solid #fff;border-radius:999px;background:#ffce2e;color:#715000;font-size:.59rem;font-weight:900;letter-spacing:.04em;line-height:1.1;text-transform:uppercase;box-shadow:0 2px 4px #7150003d}@keyframes node-current-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes node-current-ring{0%{transform:scale(.9);opacity:.95}75%,to{transform:scale(1.18);opacity:0}}@media (prefers-reduced-motion: reduce){.world-node .node.current,.world-node .node.current:before{animation:none}}.world-locked .world-scene{filter:grayscale(.75) brightness(.75) blur(3px)}.locked-fog{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(255,255,255,.55),transparent 70%),radial-gradient(ellipse 70% 45% at 80% 60%,rgba(255,255,255,.5),transparent 70%),radial-gradient(ellipse 80% 50% at 50% 90%,rgba(255,255,255,.45),transparent 70%),#5a6e8c59}.locked-center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.locked-card{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;width:min(390px,calc(100vw - 40px));padding:16px 18px;color:#20354d;text-align:left;background:#edf5fff5;border:1px solid #b9d3ef;border-radius:28px;box-shadow:0 10px 30px #2641581a,0 2px 6px #2641580f}.locked-lock{display:grid;place-items:center;width:52px;height:52px;color:var(--path-accent);background:var(--path-accent-soft);border:1px solid var(--path-accent-outline);border-radius:16px;box-shadow:none;animation:locked-lock-float 3.6s ease-in-out infinite}.locked-lock svg{width:27px;height:27px;fill:currentColor}@keyframes locked-lock-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion: reduce){.locked-lock{animation:none}}.locked-card-copy{min-width:0}.locked-kicker{margin-bottom:3px;color:var(--path-accent);font-size:.73rem;font-weight:800;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}.locked-name{color:#20354d;font-size:1.08rem;font-weight:700;line-height:1.2}.locked-hint{max-width:300px;margin-top:6px;color:#4e647d;font-size:.84rem;font-weight:600;line-height:1.4}.more-worlds-hint{position:absolute;top:50%;left:calc(100% - 50vw);z-index:0;display:flex;align-items:center;justify-content:center;max-width:calc(100vw - 40px);opacity:.78;filter:saturate(.72) blur(.12px);transform:translate(-50%,-50%);pointer-events:none}.more-worlds-copy{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.more-worlds-title{color:#20354db8;font-size:clamp(1.05rem,1.55vw,1.28rem);font-weight:800;letter-spacing:.015em;line-height:1.15;white-space:nowrap;text-shadow:0 1px 1px rgba(255,255,255,.75),0 0 16px rgba(255,255,255,.42)}.more-worlds-subtitle{color:#2b445b8c;font-size:clamp(.72rem,1vw,.84rem);font-weight:650;letter-spacing:.035em;line-height:1.25;text-shadow:0 1px 1px rgba(255,255,255,.64)}@media (max-width: 520px){.more-worlds-copy{gap:3px}.more-worlds-title{font-size:.98rem}.locked-card{grid-template-columns:46px minmax(0,1fr);gap:12px;padding:14px 16px;border-radius:24px}.locked-lock{width:46px;height:46px;border-radius:15px}.locked-name{font-size:1.05rem}.locked-hint{font-size:.76rem}}.worlds-more{text-align:center;font-weight:800;font-size:1.05rem;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.4);padding:10px}.path-screen{--path-accent: #347fda;--path-accent-soft: #dcecff;--path-accent-outline: #b9d3ef;max-width:none;padding:0;height:100vh;height:100dvh;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block}.path-screen.is-hidden{content-visibility:hidden;pointer-events:none}.path-screen[data-accent=purple]{--path-accent: #8a58cc;--path-accent-soft: #eadcff;--path-accent-outline: #ceb8ec}.path-screen .path-header{position:absolute;top:0;left:0;right:0;z-index:20;padding:18px 20px}.path-screen .path-capy{position:absolute;bottom:10px;left:10px;z-index:20;margin:0}.path-screen .path-capy .bubble{max-width:min(52vw,300px)}.worlds-more{flex:0 0 auto;width:44vw;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#788ca559,#788ca599);text-align:center;padding:20px}.capy-walker .capy-bubble{position:absolute;bottom:calc(100% + 4px);left:50%;width:max-content;max-width:230px;font-size:.92rem;animation:pop .3s ease;pointer-events:none}.capy-bubble .victory-crown{display:block;margin:7px auto -2px;font-size:2.6rem;line-height:1;text-align:center;filter:drop-shadow(0 3px 2px rgba(168,104,0,.22))}.capy-walker{position:absolute;transform:translate(-50%,-88%);z-index:25;pointer-events:none;filter:drop-shadow(0 6px 5px rgba(0,0,0,.25));transition:transform .16s ease-out}.capy-walker:not(.walking){transform:translate(-50%,-80%)}.capy-motion-stage{display:block;position:relative;width:calc(var(--capy-walk-size) * .96);height:calc(var(--capy-walk-size) * 1.1)}.capy-walk-sprite{display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%);width:calc(var(--capy-walk-size) * .96);height:calc(var(--capy-walk-size) * 1.08);background-repeat:no-repeat;background-position:0 0}.capy-walk-start{background-image:url(../bilder/capy/walk-start.png);background-size:300% 100%;animation:capy-walk-transition .3s steps(2) forwards}.capy-walk-loop{background-image:url(../bilder/capy/walk-loop.png);background-size:600% 100%;animation:capy-walk-loop .54s steps(6) infinite}.capy-walk-stop{background-image:url(../bilder/capy/walk-stop.png);background-size:300% 100%;animation:capy-walk-transition .28s steps(2) forwards,capy-walk-fade-out .3s ease-in forwards}@keyframes capy-walk-loop{to{background-position:120% 0}}@keyframes capy-walk-transition{to{background-position:100% 0}}@keyframes capy-walk-fade-out{0%,72%{opacity:1}to{opacity:0}}.capy-idle-stage{display:block;position:absolute;left:50%;bottom:0;transform:translate(-50%);width:calc(var(--capy-idle-size) * .726);height:calc(var(--capy-idle-size) * 1.1)}.capy-motion-stage.walking .capy-idle-stage{opacity:0}.capy-motion-stage.walking.stopping .capy-idle-stage{animation:capy-idle-reveal .3s ease-out forwards}@keyframes capy-idle-reveal{0%,72%{opacity:0}to{opacity:1}}.capy-idle-sprite{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:700% 100%;background-position:0 0}.capy-idle-stand{background-image:url(../bilder/capy/idle-stand.png);animation:capy-stand-cycle 3.2s linear infinite}@keyframes capy-stand-cycle{0%,86%{background-position:0 0;animation-timing-function:steps(6)}to{background-position:100% 0}}@media (prefers-reduced-motion: reduce){.capy-idle-stand{animation:none}}.quiz-screen{--quiz-primary: #347fda;--quiz-primary-dark: #18599f;--quiz-primary-soft: #dcecff;--quiz-surface: #edf5ff;--quiz-surface-strong: #dcecff;--quiz-outline: #b9d3ef;--quiz-ink: #20354d;--quiz-bg-start: #d9ebff;--quiz-bg-end: #bcd9f7;position:relative;isolation:isolate;min-height:100vh;min-height:100svh;max-width:1040px;padding:20px 20px 120px;align-items:stretch}.quiz-screen[data-accent=purple]{--quiz-primary: #8a58cc;--quiz-primary-dark: #6337a4;--quiz-primary-soft: #eadcff;--quiz-surface: #f2eaff;--quiz-surface-strong: #e6d7fa;--quiz-outline: #ceb8ec;--quiz-ink: #392c4e;--quiz-bg-start: #eadfff;--quiz-bg-end: #d4c0f0}.quiz-screen:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(180deg,var(--quiz-bg-start) 0%,var(--quiz-bg-end) 100%)}.quiz-world-backdrop{position:fixed;left:0;right:0;bottom:0;height:min(40vh,340px);z-index:-1;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.quiz-world-scene{position:absolute;top:0;right:0;bottom:12%;left:0;display:block;opacity:.075;background-color:var(--quiz-primary-dark)}.world-wiese .quiz-world-scene{mask-image:radial-gradient(circle at 12% 78%,#000 0 9px,transparent 10px),radial-gradient(circle at 27% 64%,#000 0 13px,transparent 14px),radial-gradient(circle at 48% 76%,#000 0 18px,transparent 19px),radial-gradient(circle at 69% 61%,#000 0 11px,transparent 12px),radial-gradient(circle at 88% 75%,#000 0 16px,transparent 17px),linear-gradient(82deg,transparent 48%,#000 49% 52%,transparent 53%) 0 100% / 18% 46% repeat-x;-webkit-mask-image:radial-gradient(circle at 12% 78%,#000 0 9px,transparent 10px),radial-gradient(circle at 27% 64%,#000 0 13px,transparent 14px),radial-gradient(circle at 48% 76%,#000 0 18px,transparent 19px),radial-gradient(circle at 69% 61%,#000 0 11px,transparent 12px),radial-gradient(circle at 88% 75%,#000 0 16px,transparent 17px),linear-gradient(82deg,transparent 48%,#000 49% 52%,transparent 53%) 0 100% / 18% 46% repeat-x}.world-wald .quiz-world-scene{mask-image:conic-gradient(from 330deg at 12% 92%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg),conic-gradient(from 330deg at 38% 100%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg),conic-gradient(from 330deg at 67% 94%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg),conic-gradient(from 330deg at 92% 100%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg);-webkit-mask-image:conic-gradient(from 330deg at 12% 92%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg),conic-gradient(from 330deg at 38% 100%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg),conic-gradient(from 330deg at 67% 94%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg),conic-gradient(from 330deg at 92% 100%,transparent 0 30deg,#000 31deg 91deg,transparent 92deg)}.world-berge .quiz-world-scene{clip-path:polygon(0 100%,0 87%,18% 55%,29% 72%,48% 18%,62% 59%,72% 40%,100% 88%,100% 100%)}.world-see .quiz-world-scene{mask-image:repeating-radial-gradient(ellipse 70px 22px at 50% 100%,#000 0 2px,transparent 3px 16px);-webkit-mask-image:repeating-radial-gradient(ellipse 70px 22px at 50% 100%,#000 0 2px,transparent 3px 16px)}.world-nacht .quiz-world-scene{mask-image:radial-gradient(circle at 18% 42%,#000 0 3px,transparent 4px),radial-gradient(circle at 34% 69%,#000 0 5px,transparent 6px),radial-gradient(circle at 53% 31%,#000 0 4px,transparent 5px),radial-gradient(circle at 72% 63%,#000 0 3px,transparent 4px),radial-gradient(circle at 88% 36%,#000 0 6px,transparent 7px),radial-gradient(circle at 50% 100%,#000 0 29%,transparent 29.5%);-webkit-mask-image:radial-gradient(circle at 18% 42%,#000 0 3px,transparent 4px),radial-gradient(circle at 34% 69%,#000 0 5px,transparent 6px),radial-gradient(circle at 53% 31%,#000 0 4px,transparent 5px),radial-gradient(circle at 72% 63%,#000 0 3px,transparent 4px),radial-gradient(circle at 88% 36%,#000 0 6px,transparent 7px),radial-gradient(circle at 50% 100%,#000 0 29%,transparent 29.5%)}.world-schloss .quiz-world-scene{clip-path:polygon(8% 100%,8% 57%,18% 57%,18% 43%,26% 43%,26% 63%,39% 63%,39% 35%,46% 35%,50% 18%,54% 35%,61% 35%,61% 63%,74% 63%,74% 43%,82% 43%,82% 57%,92% 57%,92% 100%)}.quiz-world-backdrop{top:0;height:auto}.quiz-world-backdrop .quiz-world-scene{top:0;right:0;bottom:0;left:0;opacity:.075;background-color:transparent;background-repeat:repeat;background-position:center top;background-size:min(920px,125vw) auto;clip-path:none;mask-image:none;-webkit-mask-image:none}.quiz-world-backdrop.world-wiese .quiz-world-scene{background-image:url(./wiese-C9r4bNMw.jpg)}.quiz-world-backdrop.world-wald .quiz-world-scene{background-image:url(./wald-xyPEaunc.jpg)}.quiz-world-backdrop.world-berge .quiz-world-scene{background-image:url(./berge-BayQuXjg.jpg)}.quiz-world-backdrop.world-see .quiz-world-scene{background-image:url(./see-Dzigcw3L.jpg)}.quiz-world-backdrop.world-nacht .quiz-world-scene{background-image:url(./nacht-DIX-dcVB.jpg)}.quiz-world-backdrop.world-schloss .quiz-world-scene{background-image:url(./schloss-ZzdZGwnz.jpg)}.quiz-world-backdrop:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-42%;height:72%;border-radius:50% 50% 0 0/34% 34% 0 0;background:var(--quiz-primary-dark);opacity:.045}.quiz-world-backdrop:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-55%;height:82%;border-radius:50% 50% 0 0/28% 28% 0 0;background:var(--quiz-primary);opacity:.05}.world-motif{position:absolute;bottom:7%;z-index:1;display:block;opacity:.09;filter:saturate(.62);transform:rotate(var(--motif-rotation, 0deg));transform-origin:center bottom}.motif-1{left:1%;font-size:clamp(3.8rem,11vw,6.2rem);--motif-rotation: -7deg}.motif-2{left:18%;bottom:14%;font-size:clamp(2.5rem,7vw,4rem);--motif-rotation: 5deg}.motif-3{left:35%;font-size:clamp(4.6rem,13vw,7.2rem);--motif-rotation: -3deg}.motif-4{right:31%;bottom:16%;font-size:clamp(2.4rem,7vw,3.8rem);--motif-rotation: 6deg}.motif-5{right:15%;font-size:clamp(3.8rem,11vw,6rem);--motif-rotation: -4deg}.motif-6{right:-1%;bottom:10%;font-size:clamp(3rem,9vw,5rem);--motif-rotation: 7deg}.quiz-world-backdrop.world-wiese .motif-1{left:38%;bottom:8%;font-size:clamp(5rem,15vw,8rem)}.quiz-world-backdrop.world-wiese .motif-2{left:15%;bottom:8%;font-size:clamp(3.4rem,9vw,5rem)}.quiz-world-backdrop.world-wiese .motif-3{left:58%;bottom:42%;font-size:clamp(2.8rem,7vw,4rem)}.quiz-world-backdrop.world-wiese .motif-4{right:13%;bottom:33%;font-size:clamp(2.5rem,6vw,3.5rem)}.quiz-world-backdrop.world-wiese .motif-5{left:2%;bottom:5%;font-size:clamp(4rem,11vw,6rem)}.quiz-world-backdrop.world-wiese .motif-6{right:-1%;bottom:5%;font-size:clamp(4rem,11vw,6rem)}.quiz-world-backdrop.world-wald .motif-1{left:34%;bottom:5%;font-size:clamp(7rem,21vw,12rem)}.quiz-world-backdrop.world-wald .motif-2{left:18%;bottom:5%;font-size:clamp(3rem,8vw,4.5rem)}.quiz-world-backdrop.world-wald .motif-3{left:3%;bottom:4%;font-size:clamp(4rem,12vw,6.5rem)}.quiz-world-backdrop.world-wald .motif-4{right:20%;bottom:37%;font-size:clamp(2.8rem,7vw,4rem)}.quiz-world-backdrop.world-wald .motif-5{right:12%;bottom:5%;font-size:clamp(3rem,9vw,5rem)}.quiz-world-backdrop.world-wald .motif-6{right:-3%;bottom:3%;font-size:clamp(5rem,15vw,8rem)}.quiz-world-backdrop.world-berge .motif-1{left:29%;bottom:2%;font-size:clamp(8rem,25vw,14rem)}.quiz-world-backdrop.world-berge .motif-2{left:13%;bottom:4%;font-size:clamp(3.5rem,10vw,5.5rem)}.quiz-world-backdrop.world-berge .motif-3{right:8%;bottom:3%;font-size:clamp(5rem,15vw,8rem)}.quiz-world-backdrop.world-berge .motif-4{right:27%;bottom:50%;font-size:clamp(2.6rem,7vw,4rem)}.quiz-world-backdrop.world-berge .motif-5{left:5%;bottom:48%;font-size:clamp(2.8rem,8vw,4.5rem)}.quiz-world-backdrop.world-berge .motif-6{right:-2%;bottom:51%;font-size:clamp(3.5rem,10vw,5.5rem)}.quiz-world-backdrop.world-see .motif-1{left:37%;bottom:18%;font-size:clamp(6rem,18vw,10rem)}.quiz-world-backdrop.world-see .motif-2{left:4%;bottom:5%;font-size:clamp(3rem,9vw,5rem)}.quiz-world-backdrop.world-see .motif-3{left:21%;bottom:1%;font-size:clamp(5rem,15vw,8rem)}.quiz-world-backdrop.world-see .motif-4{right:5%;bottom:51%;font-size:clamp(4rem,11vw,6rem)}.quiz-world-backdrop.world-see .motif-5{right:20%;bottom:6%;font-size:clamp(3rem,8vw,4.5rem)}.quiz-world-backdrop.world-see .motif-6{right:-2%;bottom:3%;font-size:clamp(3.5rem,10vw,5.5rem)}.quiz-world-backdrop.world-nacht .motif-1{left:42%;bottom:42%;font-size:clamp(6rem,18vw,10rem)}.quiz-world-backdrop.world-nacht .motif-2{left:12%;bottom:45%;font-size:clamp(3rem,8vw,4.5rem)}.quiz-world-backdrop.world-nacht .motif-3{left:28%;bottom:18%;font-size:clamp(3rem,8vw,4.5rem)}.quiz-world-backdrop.world-nacht .motif-4{right:13%;bottom:13%;font-size:clamp(5rem,15vw,8rem)}.quiz-world-backdrop.world-nacht .motif-5{left:1%;bottom:5%;font-size:clamp(4rem,11vw,6rem)}.quiz-world-backdrop.world-nacht .motif-6{right:-3%;bottom:49%;font-size:clamp(3rem,9vw,5rem)}.quiz-world-backdrop.world-schloss .motif-1{left:33%;bottom:1%;font-size:clamp(9rem,27vw,15rem)}.quiz-world-backdrop.world-schloss .motif-2{left:9%;bottom:35%;font-size:clamp(3.8rem,10vw,5.5rem)}.quiz-world-backdrop.world-schloss .motif-3{left:24%;bottom:7%;font-size:clamp(3rem,8vw,4.5rem)}.quiz-world-backdrop.world-schloss .motif-4{right:18%;bottom:8%;font-size:clamp(4rem,11vw,6rem)}.quiz-world-backdrop.world-schloss .motif-5{left:2%;bottom:4%;font-size:clamp(3rem,8vw,4.5rem)}.quiz-world-backdrop.world-schloss .motif-6{right:1%;bottom:43%;font-size:clamp(3rem,8vw,4.5rem)}.quiz-header{width:100%;display:flex;align-items:stretch;gap:12px;margin-bottom:22px;min-height:48px}.quiz-back-btn{width:58px;flex:0 0 58px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin:0;padding:8px 6px;color:var(--quiz-primary-dark);background:var(--quiz-primary-soft);border:1px solid var(--quiz-outline);border-radius:18px;font:inherit;font-size:.86rem;font-weight:800;box-shadow:0 2px 8px #26413a14;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s}.quiz-back-btn>span{font-size:1.35rem;line-height:1}.quiz-back-btn:hover{background:var(--quiz-surface-strong);transform:translateY(-1px);box-shadow:0 4px 12px #26413a21}.progress-bar{width:100%;display:block;height:10px;border-radius:999px;background:#ffffff7a;overflow:hidden;box-shadow:inset 0 1px 3px #2341391f}.progress-fill{display:block;height:100%;border-radius:inherit;background:var(--quiz-primary);box-shadow:none;transition:width .3s ease}.progress-text{min-width:42px;color:var(--quiz-primary-dark);font-size:.88rem;font-weight:600;text-align:right}.progress-text strong{color:var(--quiz-primary-dark);font-size:1.05rem}.quiz-content{width:100%;display:flex;flex-direction:column;align-items:stretch;padding-top:clamp(4px,1.8vh,16px)}.quiz-status-card{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px;padding:11px 13px;color:var(--quiz-primary-dark);background:color-mix(in srgb,var(--quiz-primary-soft) 82%,transparent);border:1px solid var(--quiz-outline);border-radius:18px;box-shadow:0 3px 10px #27364b12;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.quiz-status-top{width:100%;display:flex;align-items:center;gap:11px}.quiz-status-card .quiz-location-copy{gap:2px}.quiz-status-card .progress-bar{height:7px}.quiz-status-card .progress-text{margin-left:auto;align-self:center}.quiz-location-icon{width:38px;height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--quiz-surface);font-size:1.35rem;box-shadow:inset 0 0 0 1px var(--quiz-outline)}.quiz-location-copy{min-width:0;display:flex;flex-direction:column;line-height:1.25}.quiz-world-name{font-size:.73rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.quiz-level-name{overflow:hidden;color:var(--quiz-ink);font-size:.94rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.question-card{position:relative;overflow:hidden;background:var(--quiz-surface);border:1px solid var(--quiz-outline);border-radius:28px;padding:18px 20px 24px;box-shadow:0 10px 30px #26413a17,0 2px 6px #26413a0d}.question-card:after{content:none}.question-card-heading{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--quiz-outline)}.quiz-capy{width:58px;height:58px;display:flex;align-items:center;justify-content:center;overflow:visible}.question-meta{min-width:0;display:flex;flex:1;flex-direction:column;gap:1px}.question-kicker{color:var(--quiz-primary);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.question-instruction{color:var(--quiz-ink);font-size:1.05rem;font-weight:700}.question-actions{position:relative;z-index:1;display:flex;align-items:center;gap:7px}.quiz-content .question-actions .btn-tip{min-height:42px;display:inline-flex;align-items:center;gap:5px;align-self:auto;margin:0;padding:8px 11px;border-radius:12px;font-size:.84rem}.quiz-question{display:flex;align-items:center;justify-content:center;padding-top:22px}.equation{font-size:2.7rem;font-weight:800;line-height:1.15;background:transparent;padding:8px 12px;box-shadow:none;text-align:center;color:var(--quiz-ink)}.equation .gap{display:inline-flex;min-width:52px;justify-content:center;color:var(--quiz-primary-dark);border-bottom:3px solid var(--quiz-primary);padding:0 8px 2px;border-radius:10px 10px 3px 3px;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.equation .gap.is-filled{background:var(--quiz-primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--quiz-primary) 10%,transparent)}.tf-hint{font-size:1rem;color:var(--quiz-primary);font-weight:700}.pairs-title{font-size:1.75rem}.quiz-body{width:100%;margin-top:22px;display:flex;justify-content:center}.quiz-content .tip-bubble{align-self:center;width:min(100%,430px);max-width:none;margin-top:16px;padding:14px 18px;color:#66510c;background:#fff9df;border:1px solid #f0d76b;border-radius:16px;box-shadow:0 5px 14px #775d0817}.quiz-content .btn-tip{align-self:center;margin-top:20px;padding:10px 16px;color:var(--quiz-primary-dark);background:var(--quiz-primary-soft);border:1px solid var(--quiz-outline);border-radius:999px;box-shadow:0 2px 7px #26413a12;font-size:.95rem}.quiz-content .btn-tip.active{color:#725b09;background:#fff7d4;border-color:#ead26b}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:430px}.answer-btn{position:relative;min-height:78px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.6rem;padding:16px 18px;background:var(--quiz-surface);color:var(--quiz-ink);border:2px solid var(--quiz-outline);border-radius:18px;box-shadow:0 3px 8px #26413a12;transition:border-color .18s,background .18s,transform .12s,box-shadow .18s}.answer-btn:hover:not(:disabled){color:var(--quiz-primary-dark);border-color:#7da49d;background:var(--quiz-surface-strong);transform:translateY(-2px);box-shadow:0 7px 16px #356b631f}.answer-marker{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:2px solid #c9d2ce;border-radius:50%;font-size:1rem;line-height:1}.answer-btn.right{background:#e7f8dc;color:#267a15;border-color:#69bf48;box-shadow:0 4px 12px #419b2324}.answer-btn.right .answer-marker{border-color:#4da932;background:#4da932;color:#fff}.answer-btn.wrong{background:#ffebec;color:#b52932;border-color:#ea6b72;box-shadow:0 4px 12px #c5303a1f;animation:shake .35s}.answer-btn.wrong .answer-marker{border-color:#db4b54;background:#db4b54;color:#fff}.answer-btn:disabled{opacity:.72}.answer-btn.right:disabled,.answer-btn.wrong:disabled{opacity:1}.answers-grid.tf .answer-btn{font-size:1.3rem}.tf-true{color:#32801d}.tf-false{color:#bc3540}.input-area{display:flex;flex-direction:column;align-items:center;width:100%}.keypad{display:grid;grid-template-columns:repeat(3,76px);gap:10px}.key{font-size:1.5rem;padding:14px 0;background:var(--quiz-surface);color:var(--quiz-ink);border:1px solid var(--quiz-outline);border-radius:16px;box-shadow:0 3px 7px #26413a14}.key-del{background:#ffe3e3}.key-ok{background:var(--quiz-primary);color:#fff;border-color:var(--quiz-primary);box-shadow:0 3px 8px #356b6338}.pairs{display:flex;gap:16px;width:100%;max-width:360px;justify-content:center}.pairs-col{display:flex;flex-direction:column;gap:10px;flex:1}.pair-btn{font-size:1.2rem;background:var(--quiz-surface);color:var(--quiz-ink);border:2px solid var(--quiz-outline);box-shadow:0 3px 8px #26413a12;padding:14px 8px}.pair-btn.selected{background:var(--quiz-primary);color:#fff;box-shadow:0 4px 0 var(--quiz-primary-dark)}.pair-btn.matched{background:#d9f7c5;color:#7aa568;box-shadow:none}.shake-0,.shake-1{animation:shake .35s}.feedback{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;padding:14px 18px max(16px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;box-shadow:0 -10px 30px #23444f24;animation:slideup .25s ease;z-index:50}.feedback-content{width:min(100%,560px);display:flex;align-items:center;justify-content:space-between;gap:26px}.feedback-message{min-width:0;display:flex;flex:1;align-items:center;gap:12px}.feedback-icon{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;font-size:1.15rem;font-weight:800;line-height:1}.feedback.ok .feedback-icon{background:#4da932}.feedback.nope .feedback-icon{background:#db4b54}.feedback.ok{background:#e2f7d6;color:#236b17}.feedback.nope{background:#ffe4e5;color:#a02931}.feedback-text{font-size:1.05rem;font-weight:700;line-height:1.3;text-align:left}.feedback .btn-primary{width:auto;min-width:132px;flex:0 0 auto;margin-top:0;padding:12px 20px;background:var(--quiz-primary);box-shadow:0 4px 0 var(--quiz-primary-dark)}.result-screen .btn-primary{background:var(--quiz-primary);box-shadow:0 4px 0 var(--quiz-primary-dark);width:min(100%,360px);min-width:0}.result-screen .bubble{color:var(--quiz-ink);background:var(--quiz-surface);border:1px solid var(--quiz-outline);text-align:center}.result-screen{justify-content:center;align-items:center;min-height:100vh;gap:14px;text-align:center}.result-stars{display:flex;gap:8px}.big-star{font-size:3.2rem;color:#d5d5d5}.big-star.on{color:var(--orange);animation:pop .4s ease}.result-score{font-weight:700;opacity:.8}.speak-btn{flex-shrink:0;position:relative;z-index:1;width:42px;height:42px;font-size:1.15rem;color:var(--quiz-primary-dark);background:var(--quiz-primary-soft);border:1px solid #ccdcd7;border-radius:12px;box-shadow:none}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;overflow:hidden;background:linear-gradient(180deg,#2e9be6,#aee7ff 55%,#7ed957)}.splash-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.splash-scrim{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));pointer-events:none}.splash-header-actions{position:absolute;top:14px;right:14px;z-index:5;display:flex;gap:8px}.splash-header-actions .icon-btn{width:52px;height:52px;box-shadow:0 3px 8px #00000040}.splash-settings{color:#2d343a85}.settings-icon{width:25px;height:25px;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.splash-bottom{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:14px;padding-bottom:max(36px,env(safe-area-inset-bottom,0px) + 28px);width:100%}.splash-greeting{background:#fffffff2;border-radius:18px;padding:10px 20px;font-size:1.25rem;font-weight:800;color:#12809c;box-shadow:0 4px 12px #00000040;animation:pop .4s ease;max-width:90%;text-align:center}.btn-start{min-width:190px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:10px 24px 10px 12px;color:#fff;background:#2878d0;border:1px solid rgba(255,255,255,.3);border-radius:999px;box-shadow:0 5px #18599f,0 10px 24px #0c2f524d;font-size:1.25rem;letter-spacing:.01em;animation:pop .4s ease .15s backwards;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.splash[data-accent=purple] .btn-start{background:#8a58cc;box-shadow:0 5px #6337a4,0 10px 24px #3f23644d}.btn-start:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 7px #18599f,0 14px 28px #0c2f5252}.splash[data-accent=purple] .btn-start:hover{box-shadow:0 7px #6337a4,0 14px 28px #3f236452}.btn-start:active:not(:disabled){transform:translateY(3px)}.btn-start:focus-visible{outline:3px solid #fff;outline-offset:4px}.start-play-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding-left:2px;color:#2878d0;background:#fffffff0;border-radius:50%;font-size:.8rem;box-shadow:0 2px 5px #00000029}.splash[data-accent=purple] .start-play-icon{color:#7443b5}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--card);border-radius:22px;padding:22px 26px 18px;display:flex;flex-direction:column;gap:12px;width:min(320px,88vw);box-shadow:0 10px 30px #0000004d;animation:pop .25s ease}.modal-title{margin:0 0 4px;font-size:1.4rem;text-align:center}.settings-modal-title{display:flex;align-items:center;justify-content:center;gap:8px}.settings-modal-title .settings-icon{flex:0 0 auto;color:#2d343a94}.modal .btn{margin-top:0}.info-modal-backdrop{padding:16px}.info-modal{--info-accent: #347fda;--info-accent-dark: #18599f;--info-accent-soft: #e6f1ff;position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:30px 24px 24px;gap:0;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(56,72,78,.08);box-shadow:0 18px 54px #192c333d}.info-modal[data-accent=purple]{--info-accent: #8a58cc;--info-accent-dark: #6337a4;--info-accent-soft: #f0e7ff}.info-modal-layout{display:grid;gap:24px}.info-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px;border:0;border-radius:50%;color:#6a767a;background:#f1f4f4;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}.info-modal-brand{position:relative;display:flex;flex-direction:column;align-items:center;padding:4px 34px 22px;border-bottom:1px solid #e0e4e5;text-align:center}.info-modal-logo-link{display:block;width:min(170px,55vw);border-radius:10px}.info-modal-logo{display:block;width:100%;height:auto;margin:0;padding:0;background:none;filter:brightness(0);opacity:.36;transition:opacity .16s ease}.info-modal-owner{margin:14px 0 2px;color:#697377;font-size:.9rem;font-weight:700;line-height:1.35}.info-modal-website{color:#6e787c;font-size:.86rem;font-weight:600;line-height:1.35;text-decoration-color:#6e787c59;text-underline-offset:3px}.info-modal-version{margin:12px 0 0;color:#a5acae;font-size:.7rem;font-weight:600;letter-spacing:.04em;line-height:1.3}.info-modal-content{min-width:0}.info-modal-header{padding-right:28px}.info-modal-kicker{margin:0 0 2px;color:#708087;font-size:.75rem;font-weight:800;letter-spacing:.09em;line-height:1.4;text-transform:uppercase}.info-modal-content .modal-title{margin:0;color:var(--info-accent);font-size:1.55rem;line-height:1.2;text-align:left}.info-modal-lead{max-width:58ch;margin:8px 0 0;color:#657075;font-size:.98rem;line-height:1.5}.info-modal-sections{display:grid;gap:18px;margin-top:24px}.info-modal-section{padding-top:12px;border-top:1px solid #e6e9ea}.info-modal-section h3{margin:0 0 4px;color:#3f5057;font-size:1rem;line-height:1.3}.info-modal-section p{margin:0;color:#606b70;font-size:.9rem;line-height:1.5}.info-modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.info-modal-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #d4dde0;border-radius:10px;font-size:.88rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .08s ease}.info-modal-action-primary{color:var(--info-accent-dark);background:var(--info-accent-soft);border-color:color-mix(in srgb,var(--info-accent) 24%,white)}.info-modal-action-secondary{color:#56666c;background:#fff}.info-modal :is(a,button):focus-visible{outline:3px solid color-mix(in srgb,var(--info-accent) 28%,transparent);outline-offset:3px}@media (hover: hover){.info-modal-logo-link:hover .info-modal-logo{opacity:.5}.info-modal-close:hover{color:#45545a;background:#e7ecee}.info-modal-action:hover{transform:translateY(-1px)}.info-modal-action-primary:hover{background:color-mix(in srgb,var(--info-accent) 14%,white);border-color:color-mix(in srgb,var(--info-accent) 34%,white)}.info-modal-action-secondary:hover{background:#f6f8f8;border-color:#c7d2d6}}@media (min-width: 840px){.info-modal{width:min(900px,calc(100vw - 48px));max-height:min(82dvh,720px);padding:36px 40px}.info-modal-layout{grid-template-columns:minmax(190px,225px) minmax(0,1fr);gap:36px;align-items:stretch}.info-modal-brand{justify-content:center;padding:12px 36px 34px 0;border-right:1px solid #dce1e3;border-bottom:0}.info-modal-version{position:absolute;right:36px;bottom:8px;left:0;margin:0;text-align:center}.info-modal-logo-link{width:180px}.info-modal-sections{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pano-cloud{animation-name:pano-cloud-drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes pano-cloud-drift{0%,to{transform:translate(0)}50%{transform:translate(26px)}}.pano-glow{transform-box:fill-box;transform-origin:50% 50%;animation:pano-glow 5s ease-in-out infinite}@keyframes pano-glow{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.08);opacity:.5}}.pano-sway{transform-box:fill-box;transform-origin:50% 100%;animation:pano-sway 4.2s ease-in-out infinite}@keyframes pano-sway{0%,to{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}.pano-flutter{transform-box:fill-box;transform-origin:50% 50%;animation:pano-flutter 1.4s ease-in-out infinite}@keyframes pano-flutter{0%,to{transform:translateY(0) scaleX(1)}50%{transform:translateY(-6px) scaleX(.82)}}.pano-twinkle{transform-box:fill-box;transform-origin:50% 50%;animation:pano-twinkle 2.8s ease-in-out infinite}@keyframes pano-twinkle{0%,to{transform:scale(1)}50%{transform:scale(.7)}}.pano-pulse{animation:pano-pulse 2.4s ease-in-out infinite}@keyframes pano-pulse{0%,to{opacity:.65}50%{opacity:1}}.pano-shimmer{transform-box:fill-box;animation:pano-shimmer 3.4s ease-in-out infinite}@keyframes pano-shimmer{0%,to{opacity:.35;transform:translate(0)}50%{opacity:.8;transform:translate(10px)}}.pano-bee{transform-box:fill-box;transform-origin:50% 50%;animation:pano-bee-fly 6s ease-in-out infinite}@keyframes pano-bee-fly{0%{transform:translate(0)}20%{transform:translate(16px,-12px)}40%{transform:translate(30px,3px)}60%{transform:translate(15px,16px)}80%{transform:translate(-8px,5px)}to{transform:translate(0)}}.pano-bee-wing{transform-box:fill-box;transform-origin:50% 50%;animation:pano-bee-wing .16s ease-in-out infinite alternate}@keyframes pano-bee-wing{0%{transform:scaleY(1)}to{transform:scaleY(.5)}}.pano-soar{transform-box:fill-box;transform-origin:50% 50%;animation:pano-soar 3.2s ease-in-out infinite}@keyframes pano-soar{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-9px) rotate(-4deg)}}@media (prefers-reduced-motion: reduce){.pano-cloud,.pano-glow,.pano-sway,.pano-flutter,.pano-twinkle,.pano-pulse,.pano-shimmer,.pano-bee,.pano-bee-wing,.pano-soar{animation:none}}.capy-cheer{animation:bounce .9s infinite}.capy-sad{animation:none}.capy-img{object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:bottom center;filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.capy-reaction-sprite{display:inline-block;flex:0 0 auto;background-image:url(../bilder/capy/proud.png);background-repeat:no-repeat;background-size:1100% 100%;background-position:0 0;filter:drop-shadow(0 3px 5px rgba(0,0,0,.14))}.capy-reaction-wrong{background-image:url(../bilder/capy/wrong.png)}.capy-reaction-proud,.capy-reaction-wrong{animation:capy-reaction .72s steps(10,end) both}.capy-anim-normal{animation:capy-breathe 3.2s ease-in-out infinite}.capy-anim-happy{animation:capy-hop .55s ease,capy-wiggle 1.6s ease-in-out .55s infinite}.capy-anim-cheer{animation:capy-jump .75s ease-in-out infinite}.capy-anim-sad{animation:capy-droop .6s ease forwards}.capy-anim-think{animation:capy-sway 2s ease-in-out infinite}@keyframes capy-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03,.97)}}@keyframes capy-hop{0%{transform:translateY(0)}35%{transform:translateY(-14px) scale(1.05)}70%{transform:translateY(0) scale(.97,1.03)}to{transform:translateY(0) scale(1)}}@keyframes capy-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes capy-jump{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-16px) rotate(-5deg)}60%{transform:translateY(0) scale(1.04,.94)}80%{transform:translateY(-6px) rotate(4deg)}}@keyframes capy-droop{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-6deg) translateY(4px) scale(.97)}}@keyframes capy-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg) translateY(-3px)}}@keyframes capy-reaction{0%{background-position:0 0}to{background-position:100% 0}}@media (max-width: 380px){.quiz-screen{padding:14px 14px 112px}.question-card{padding:14px 15px 20px;border-radius:22px}.question-card-heading{gap:8px}.quiz-capy{width:48px;height:52px}.question-instruction{font-size:.95rem}.question-kicker{font-size:.68rem}.question-actions{gap:5px}.quiz-content .question-actions .btn-tip{width:42px;padding:8px;justify-content:center}.tip-action-label{display:none}.quiz-status-card{padding:8px 9px;gap:7px}.quiz-status-top{gap:7px}.quiz-location-icon{width:34px;height:34px;font-size:1.15rem}.quiz-level-name{font-size:.84rem}.equation{font-size:2rem}.answer-btn{min-height:66px;padding:12px 8px;font-size:1.35rem}.answer-marker{width:24px;height:24px}.keypad{grid-template-columns:repeat(3,64px)}}@media (max-width: 480px){.quiz-screen[data-question-type=input],.quiz-screen[data-question-type=reverse]{padding-bottom:max(24px,env(safe-area-inset-bottom))}.keypad{--key-size: clamp(48px, min(22vw, calc((100dvh - 390px)/4) ), 82px);grid-template-columns:repeat(3,var(--key-size));gap:clamp(7px,1.8vw,10px)}.key{width:var(--key-size);height:var(--key-size);min-height:0;padding:0;font-size:clamp(1.3rem,calc(var(--key-size) * .36),1.75rem);border-radius:16px}.feedback-content{align-items:stretch;flex-direction:column;gap:14px}.feedback .btn-primary{width:100%;min-height:46px}}@media (max-width: 600px) and (orientation: portrait){.question-actions{flex-direction:row;gap:6px}.quiz-content .question-actions .btn-tip{width:42px;min-width:42px;padding:8px;justify-content:center}.question-actions .tip-action-label{display:none}}@media (min-width: 840px){.quiz-screen{width:min(100%,1040px);padding:28px 32px 110px}.quiz-header{width:min(100%,720px);align-self:center;gap:16px;margin-bottom:26px}.quiz-back-btn{width:68px;flex-basis:68px;border-radius:22px}.quiz-status-card{min-height:86px;padding:13px 18px;border-radius:22px}.quiz-status-top{gap:14px}.quiz-status-card .quiz-location-icon{width:44px;height:44px;font-size:1.5rem}.quiz-status-card .progress-bar{height:8px}.quiz-content{width:min(100%,720px);display:flex;flex-direction:column;align-items:stretch;align-self:center;padding-top:0}.question-card{min-height:250px;display:flex;flex-direction:column;padding:22px 24px 28px;border-radius:28px}.question-card-heading{flex:0 0 auto}.quiz-question{flex:1;padding-top:26px}.equation{font-size:clamp(2.7rem,4vw,3.35rem)}.quiz-body{min-height:0;align-items:center;margin-top:24px;padding:0}.answers-grid,.pairs{max-width:620px}.answer-btn{min-height:92px}.quiz-content .tip-bubble{width:min(100%,620px);margin-top:16px}.feedback{left:50%;right:auto;bottom:24px;width:min(760px,calc(100% - 48px));padding:14px 16px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:22px;transform:translate(-50%);animation:desktop-feedback-in .22s ease-out;box-shadow:0 12px 36px #20312d33}.feedback-content{width:100%}}@keyframes desktop-feedback-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@media (max-height: 700px) and (max-width: 839px){.quiz-content{padding-top:0}.quiz-header{margin-bottom:14px}.question-card{padding-bottom:18px}.quiz-body{margin-top:16px}}@media (prefers-reduced-motion: reduce){.progress-fill,.answer-btn,.quiz-back-btn{transition:none}}#rotate-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;padding:clamp(12px,4vh,28px) clamp(18px,4vw,42px);text-align:center;background:radial-gradient(circle at 50% 5%,rgba(255,255,255,.92) 0 2%,transparent 34%),linear-gradient(180deg,#8dddf8,#c8f1fc 66%,#edfbdf);color:var(--text)}.rotate-overlay-stage{position:relative;z-index:2;width:min(760px,94vw);display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,2.5vw,24px)}.rotate-overlay-capy-side{position:relative;flex:0 0 clamp(126px,34vh,238px);height:clamp(191px,52vh,360px);margin-bottom:clamp(-54px,-8vh,-25px)}.rotate-overlay-capy{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(../bilder/capy/idle-stand.png);background-repeat:no-repeat;background-position:left center;background-size:700% 100%;filter:drop-shadow(0 10px 8px rgba(62,92,82,.18));animation:rotate-overlay-capy-bob 2.5s ease-in-out infinite}.rotate-overlay-number{position:absolute;z-index:2;display:grid;place-items:center;width:clamp(30px,8vh,48px);height:clamp(30px,8vh,48px);border:3px solid #fff;border-radius:50%;color:#fff;font-size:clamp(1rem,3.8vh,1.55rem);font-weight:800;line-height:1;box-shadow:0 5px 12px #2d5d7033;animation:rotate-overlay-number-float 2s ease-in-out infinite}.rotate-overlay-number-one{top:6%;left:-3%;background:#ff8f4d;rotate:-9deg}.rotate-overlay-number-two{top:24%;right:-1%;background:#8a63d2;rotate:8deg;animation-delay:-.8s}.rotate-overlay-card{width:min(500px,67vw);min-height:clamp(176px,64vh,292px);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(14px,3vw,30px);padding:clamp(18px,5vh,34px) clamp(20px,4vw,40px);border:3px solid rgba(255,255,255,.88);border-radius:clamp(24px,7vh,38px);background:#ffffffd1;box-shadow:0 18px 50px #2b748d30,inset 0 1px #fff;text-align:left;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:rotate-overlay-card-in .45s cubic-bezier(.2,.9,.25,1.12) both}.rotate-overlay-device{position:relative;width:clamp(82px,22vh,128px);height:clamp(82px,22vh,128px);display:grid;place-items:center;border-radius:50%;color:#24576b;background:linear-gradient(145deg,#fff4a8,#ffd84d);box-shadow:0 7px #e7b82e,0 12px 24px #ae791033}.rotate-overlay-phone{width:34%;display:block;color:#24576b;filter:drop-shadow(0 4px 2px rgba(87,70,21,.16));animation:rotate-overlay-turn 2.2s ease-in-out infinite}.rotate-overlay-phone svg,.rotate-overlay-arrow{display:block;width:100%}.rotate-overlay-arrow{position:absolute;top:5%;right:5%;bottom:5%;left:5%;width:90%;color:#f08b32;animation:rotate-overlay-arrow-pulse 2.2s ease-in-out infinite}.rotate-overlay-copy{min-width:0}.rotate-overlay-kicker{display:inline-block;margin-bottom:5px;color:#d46a25;font-size:clamp(.8rem,3.2vh,1rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.rotate-overlay-copy h1{margin:0;color:#24576b;font-size:clamp(1.3rem,6.2vh,2.25rem);font-weight:800;line-height:1.04;letter-spacing:-.025em}.rotate-overlay-copy p{margin:0;margin-top:clamp(5px,1.8vh,10px);color:#597681;font-size:clamp(.9rem,3.6vh,1.15rem);font-weight:700;line-height:1.28}.rotate-overlay-cloud{position:absolute;z-index:0;width:130px;height:34px;border-radius:999px;background:#ffffffad;filter:blur(.2px)}.rotate-overlay-cloud:before,.rotate-overlay-cloud:after{content:"";position:absolute;bottom:0;border-radius:50%;background:inherit}.rotate-overlay-cloud:before{left:23px;width:52px;height:52px}.rotate-overlay-cloud:after{right:20px;width:70px;height:70px}.rotate-overlay-cloud-one{top:14%;left:-22px;transform:scale(.82)}.rotate-overlay-cloud-two{top:10%;right:-6px;transform:scale(.62);opacity:.75}.rotate-overlay-landscape{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.rotate-overlay-hill{position:absolute;bottom:-42%;width:68%;height:62%;border-radius:50% 50% 0 0}.rotate-overlay-hill-back{left:-16%;background:#a8df70;rotate:5deg}.rotate-overlay-hill-front{right:-20%;bottom:-45%;background:#72c95e;rotate:-6deg}.rotate-overlay-flower{position:absolute;bottom:7%;color:#fff;font-size:clamp(18px,5vh,30px);text-shadow:0 2px 0 rgba(62,125,68,.16)}.rotate-overlay-flower-one{left:5%;rotate:-12deg}.rotate-overlay-flower-two{right:7%;color:#fff47d;rotate:14deg}@keyframes rotate-overlay-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotate-overlay-turn{0%,18%{transform:rotate(90deg)}48%,82%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes rotate-overlay-arrow-pulse{0%,18%,to{opacity:.35;transform:scale(.92)}42%,82%{opacity:1;transform:scale(1)}}@keyframes rotate-overlay-capy-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes rotate-overlay-number-float{0%,to{translate:0 0}50%{translate:0 -5px}}@media (max-height: 390px){.rotate-overlay-card{min-height:0}.rotate-overlay-capy-side{flex-basis:clamp(110px,31vh,145px);height:clamp(167px,47vh,220px)}}@media (max-width: 620px) and (orientation: landscape){.rotate-overlay-stage{width:96vw}.rotate-overlay-card{width:70vw}.rotate-overlay-number-two{display:none}}@media (prefers-reduced-motion: reduce){.rotate-overlay-card,.rotate-overlay-capy,.rotate-overlay-number,.rotate-overlay-arrow,.rotate-overlay-phone{animation:none}.rotate-overlay-phone{transform:rotate(0)}}@media (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 500px){#rotate-overlay{display:flex}}