@font-face{font-family:playFont;src:url(../media/nunito_variable-s.p.3jgfg-byv_s0i.ttf)format("truetype");font-display:swap;font-weight:200 1000}@font-face{font-family:playFont Fallback;src:local(Arial);ascent-override:103.02%;descent-override:35.97%;line-gap-override:0.0%;size-adjust:98.13%}.playfont_d7ceb66f-module__CT0BCq__className{font-family:playFont,playFont Fallback}.playfont_d7ceb66f-module__CT0BCq__variable{--font-play:"playFont", "playFont Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-purple-200:#e9d5ff;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-xl:36rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--radius-xl:.75rem;--radius-2xl:1rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-nunito);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-purple-200:lab(87.8405% 13.4282 -18.7159)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.z-0{z-index:0}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-5{margin:calc(var(--spacing) * 5)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-13{height:calc(var(--spacing) * 13)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-40{height:calc(var(--spacing) * 40)}.h-fit{height:fit-content}.h-full{height:100%}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-64{max-height:calc(var(--spacing) * 64)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-32{min-height:calc(var(--spacing) * 32)}.min-h-full{min-height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-40{width:calc(var(--spacing) * 40)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[430px\]{max-width:430px}.max-w-\[480px\]{max-width:480px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[930px\]{max-width:930px}.max-w-\[1060px\]{max-width:1060px}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-\[7\.5rem_1fr_2rem\]{grid-template-columns:7.5rem 1fr 2rem}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.self-end{align-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#c7e3d1\]{border-color:#c7e3d1}.border-\[\#c8aff5\]{border-color:#c8aff5}.border-\[\#c9dac6\]{border-color:#c9dac6}.border-\[\#cbd5df\]{border-color:#cbd5df}.border-\[\#d4dcca\]{border-color:#d4dcca}.border-\[\#d7e4db\]{border-color:#d7e4db}.border-\[\#dce1e7\]{border-color:#dce1e7}.border-\[\#e0d4ee\]{border-color:#e0d4ee}.border-\[\#e5dcf1\]{border-color:#e5dcf1}.border-\[\#e6dcf3\]{border-color:#e6dcf3}.border-\[\#e7dff0\]{border-color:#e7dff0}.border-\[\#f1dfb7\]{border-color:#f1dfb7}.border-\[var\(--blue\)\]{border-color:var(--blue)}.border-\[var\(--line\)\]{border-color:var(--line)}.border-purple-200{border-color:var(--color-purple-200)}.border-white{border-color:var(--color-white)}.border-white\/80{border-color:#fffc}@supports (color:color-mix(in lab, red, red)){.border-white\/80{border-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-\[\#173d61\]{background-color:#173d61}.bg-\[\#e0f5e8\]{background-color:#e0f5e8}.bg-\[\#e2f5ee\]{background-color:#e2f5ee}.bg-\[\#e6eedf\]{background-color:#e6eedf}.bg-\[\#e7dafa\]{background-color:#e7dafa}.bg-\[\#e9dfff\]{background-color:#e9dfff}.bg-\[\#e9ecef\]{background-color:#e9ecef}.bg-\[\#eaf1ff\]{background-color:#eaf1ff}.bg-\[\#edf3f8\]{background-color:#edf3f8}.bg-\[\#edf8f1\]{background-color:#edf8f1}.bg-\[\#eee5fa\]{background-color:#eee5fa}.bg-\[\#eee5ff\]{background-color:#eee5ff}.bg-\[\#f3ecff\]{background-color:#f3ecff}.bg-\[\#f3f4f6\]{background-color:#f3f4f6}.bg-\[\#f4effa\]{background-color:#f4effa}.bg-\[\#f9f6fe\]{background-color:#f9f6fe}.bg-\[\#fcfaff\]{background-color:#fcfaff}.bg-\[\#ffdd82\]{background-color:#ffdd82}.bg-\[\#ffe9e4\]{background-color:#ffe9e4}.bg-\[\#fff0bd\]{background-color:#fff0bd}.bg-\[\#fff0d1\]{background-color:#fff0d1}.bg-\[\#fff0ed\]{background-color:#fff0ed}.bg-\[\#fff2cd\]{background-color:#fff2cd}.bg-\[\#fff7e2\]{background-color:#fff7e2}.bg-\[\#fff7f3\]{background-color:#fff7f3}.bg-\[\#fffaf0\]{background-color:#fffaf0}.bg-\[var\(--blue\)\]{background-color:var(--blue)}.bg-\[var\(--mint\)\]{background-color:var(--mint)}.bg-\[var\(--yellow\)\]{background-color:var(--yellow)}.bg-black{background-color:var(--color-black)}.bg-white{background-color:var(--color-white)}.bg-white\/85{background-color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.bg-white\/85{background-color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-\[family-name\:var\(--font-jakarta\)\]{font-family:var(--font-jakarta)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-\[-0\.04em\]{--tw-tracking:-.04em;letter-spacing:-.04em}.tracking-\[-0\.05em\]{--tw-tracking:-.05em;letter-spacing:-.05em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.13em\]{--tw-tracking:.13em;letter-spacing:.13em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#285c4d\]{color:#285c4d}.text-\[\#816b45\]{color:#816b45}.text-\[\#6032ab\]{color:#6032ab}.text-\[\#6330c6\]{color:#6330c6}.text-\[\#6536b4\]{color:#6536b4}.text-\[\#21654c\]{color:#21654c}.text-\[\#24674f\]{color:#24674f}.text-\[\#46515e\]{color:#46515e}.text-\[\#237559\]{color:#237559}.text-\[\#596675\]{color:#596675}.text-\[\#685635\]{color:#685635}.text-\[\#765620\]{color:#765620}.text-\[\#a56f18\]{color:#a56f18}.text-\[\#a63f36\]{color:#a63f36}.text-\[\#ad3c32\]{color:#ad3c32}.text-\[\#ad9bbc\]{color:#ad9bbc}.text-\[\#b77e1d\]{color:#b77e1d}.text-\[\#bd5b4a\]{color:#bd5b4a}.text-\[\#bd684f\]{color:#bd684f}.text-\[\#f1e9ff\]{color:#f1e9ff}.text-\[var\(--blue\)\]{color:var(--blue)}.text-\[var\(--ink\)\]{color:var(--ink)}.text-\[var\(--ink-soft\)\]{color:var(--ink-soft)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-25{opacity:.25}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_5px_0_var\(--blue-deep\)\]{--tw-shadow:0 5px 0 var(--tw-shadow-color,var(--blue-deep));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-card\)\]{--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-soft\)\]{--tw-shadow:var(--shadow-soft);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[var\(--blue\)\]\/30{--tw-ring-color:var(--blue)}@supports (color:color-mix(in lab, red, red)){.ring-\[var\(--blue\)\]\/30{--tw-ring-color:color-mix(in oklab, var(--blue) 30%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-\[\#a8b5c4\]::placeholder{color:#a8b5c4}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-\[\#d7e6cf\]:hover{background-color:#d7e6cf}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-\[var\(--blue\)\]:hover{color:var(--blue)}}.focus\:border-\[var\(--blue\)\]:focus{border-color:var(--blue)}.enabled\:cursor-pointer:enabled{cursor:pointer}@media (hover:hover){.enabled\:hover\:bg-\[\#f3f4f6\]:enabled:hover{background-color:#f3f4f6}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:opacity-70:disabled{opacity:.7}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mt-5{margin-top:calc(var(--spacing) * 5)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:max-w-\[220px\]{max-width:220px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sm\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:rounded-\[30px\]{border-radius:30px}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-9{padding:calc(var(--spacing) * 9)}.sm\:p-12{padding:calc(var(--spacing) * 12)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-28{top:calc(var(--spacing) * 28)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mt-8{margin-top:calc(var(--spacing) * 8)}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1\.1fr_0\.9fr\]{grid-template-columns:1.1fr .9fr}.lg\:grid-cols-\[minmax\(300px\,5fr\)_minmax\(0\,7fr\)\]{grid-template-columns:minmax(300px,5fr) minmax(0,7fr)}.lg\:gap-8{gap:calc(var(--spacing) * 8)}}@media (min-width:80rem){.xl\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}}.\[\&_h2\]\:text-xl h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\[\&_h2\]\:font-black h2{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}}:root{--font-nunito:var(--font-play), "Trebuchet MS", Arial, sans-serif;--font-jakarta:var(--font-play), "Trebuchet MS", Arial, sans-serif;--ink:#30214f;--ink-soft:#6a5c80;--canvas:#f7f4ff;--surface:#fff;--line:#e6def2;--blue:#7545df;--blue-deep:#5125ad;--mint:#49c7b0;--yellow:#ffcf57;--coral:#fa8f78;--lavender:#baa0f3;--shadow-soft:0 6px 0 #e6def2, 0 16px 30px #38245b0a;--shadow-card:0 4px 0 #e6def2}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:var(--font-nunito)}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s}button:not(:disabled),summary,select{cursor:pointer}button:disabled{cursor:not-allowed}:where(button,a,input,textarea,select,summary):focus-visible{outline-offset:4px;outline:3px solid #5125ad}:where(main,section):focus{outline:none}::selection{color:#30214f;background:#e0cfff}.skip-link{z-index:150;background:#fff;border-radius:12px;padding:16px;font-weight:900;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}.play-shell{background:radial-gradient(at 90% 0,#e8e0ff 0,#0000 40%),#f7f4ff;min-height:100svh}.play-header{z-index:30;background:#fff;border-bottom:2px solid #ece5f7;position:sticky;top:0}.play-header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;min-height:86px;margin:auto;padding:14px 32px;display:flex}.brand{letter-spacing:-.8px;flex-shrink:0;align-items:center;gap:12px;font-size:23px;font-weight:900;line-height:1.1;display:inline-flex}.brand>span>span{color:var(--blue)}.brand small{color:var(--ink-soft);letter-spacing:1px;margin-top:5px;font-size:11px;font-weight:700;display:block}.brand-mark{background:var(--blue);box-shadow:0 4px 0 var(--blue-deep);border-radius:15px;flex-shrink:0;place-items:center;display:grid;transform:rotate(-7deg)}.brand-mark svg{width:85%;height:85%}.header-player{align-items:center;gap:12px;display:flex}.player-chip{align-items:center;gap:10px;font-size:14px;font-weight:900;display:flex}.player-avatar{background:#ffdd82;border:3px solid #fff;border-radius:16px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 0 0 2px #f1e8fc}.avatar-leaf,.avatar-mint{background:#baefde}.avatar-coral{background:#ffc6b9}.avatar-orbit{background:#c2d8ff}.student-top-nav{gap:10px;display:flex}.nav-link{min-height:48px;color:var(--ink-soft);border-radius:16px;align-items:center;gap:10px;padding:12px 18px;font-size:15px;font-weight:800;display:flex}.nav-link:hover{background:#f2edfc}.nav-link.is-active{color:#6230c8;background:#eee5ff;box-shadow:inset 0 -3px #d5c4f5}.workspace-label{color:var(--ink-soft);font-size:14px;font-weight:800}.play-layout{max-width:1320px;margin:auto}.play-main{min-width:0;padding:32px}.studio-shell .play-layout{grid-template-columns:220px minmax(0,1fr);display:grid}.studio-sidebar{padding:32px 12px 24px 24px}.studio-sidebar>nav{gap:6px;display:grid;position:sticky;top:112px}.nav-caption{letter-spacing:.1em;color:var(--ink-soft);margin:0 14px 18px;font-size:12px;font-weight:900}.sidebar-companion{text-align:center;background:#ece3ff;border-radius:24px;margin-top:48px;padding:18px;font-size:14px;line-height:1.6}.sidebar-companion img{width:120px;margin:-35px auto 4px}.mobile-dock{z-index:40;padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:14px;left:16px;right:16px}.mobile-dock-inner{background:#fff;border:2px solid #e5daf4;border-radius:24px;gap:4px;max-width:600px;margin:auto;padding:7px;display:flex;box-shadow:0 5px #e5daf4,0 8px 30px #35235715}.mobile-link{min-width:0;min-height:52px;color:var(--ink-soft);border-radius:17px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:800;display:flex}.mobile-link.is-active{color:#6230c8;background:#eee5ff}.game-button{background:var(--blue);color:#fff;min-height:52px;box-shadow:0 5px 0 var(--blue-deep);border-radius:17px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:16px;font-weight:900;display:inline-flex}.game-button:hover:not(:disabled){box-shadow:0 7px 0 var(--blue-deep);transform:translateY(-2px)}.game-button:active:not(:disabled){box-shadow:0 2px 0 var(--blue-deep);transform:translateY(3px)}.game-button:disabled{opacity:.5}.game-button-small{min-height:48px;padding:11px 17px;font-size:14px}.game-button-light{color:#5c30b4;background:#eee6ff;box-shadow:0 4px #d8c9f6}.game-button-light:hover:not(:disabled){box-shadow:0 6px #d8c9f6}.game-button-yellow{color:#493418;background:#ffdb6d;box-shadow:0 5px #daae38}.game-button-yellow:hover:not(:disabled){box-shadow:0 7px #daae38}.game-pill,.sticker-tag{color:#56390c;background:#ffdf7b;border-radius:12px;align-items:center;gap:7px;padding:8px 13px;font-size:14px;font-weight:900;display:inline-flex}.sticker-tag{background:#fff;border:2px solid #fff;transform:rotate(-3deg);box-shadow:0 3px #35235715}.play-card,.liquid-glass{box-shadow:var(--shadow-card);background:#fff;border:2px solid #e8e0f2;border-radius:26px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.section-heading h2{letter-spacing:-.8px;font-size:clamp(23px,3vw,30px);font-weight:900}.section-heading p{color:var(--ink-soft);margin-top:4px;font-size:14px;line-height:1.7}.play-hero{background:#7645df;border:3px solid #fff;border-radius:32px;grid-template-columns:1.1fr 1fr;align-items:center;display:grid;position:relative;overflow:hidden;box-shadow:0 7px #ddd0f5}.play-hero-copy{z-index:1;color:#fff;padding:36px}.play-hero h1{letter-spacing:-1.5px;margin:17px 0 12px;font-size:clamp(30px,4vw,46px);font-weight:900;line-height:1.15}.play-hero h1 span{color:#ffdf7b}.play-hero-copy>p{color:#f2eaff;max-width:430px;font-size:16px;line-height:1.8}.play-hero .world-art{object-fit:cover;object-position:62% center;width:100%;height:100%;min-height:340px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15%);mask-image:linear-gradient(90deg,#0000,#000 15%)}.hero-footer{flex-wrap:wrap;align-items:center;gap:16px;margin-top:23px;display:flex}.play-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0 32px;display:grid}.stat-sticker{background:#eee5ff;border:2px solid #fff;border-radius:23px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 4px #ded2ef}.stat-sticker:nth-child(2){background:#fff0c2}.stat-sticker:nth-child(3){background:#d9f4f0}.stat-sticker .stat-symbol{font-size:34px}.stat-sticker strong{font-size:27px;font-weight:900;line-height:1.3;display:block}.stat-sticker p{font-size:14px;font-weight:800}.stat-sticker small{color:var(--ink-soft);font-size:12px}.dashboard-lower{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);align-items:start;gap:26px;margin-top:32px;display:grid}.feedback-card{padding:24px}.feedback-card h2{font-size:20px;font-weight:900}.feedback-card .play-mascot{width:130px;margin:12px auto}.feedback-bubble{background:#f5f0ff;border-radius:20px;margin-top:16px;padding:18px;font-size:15px;line-height:1.8}.mission-library{margin-top:28px;scroll-margin-top:110px}.chapter-title{align-items:center;gap:12px;margin:24px 0 16px;display:flex}.chapter-title>span{background:#e9dfff;border-radius:15px;place-items:center;width:45px;height:45px;font-size:23px;display:grid}.chapter-title p{color:#7146bd;font-size:12px;font-weight:900}.chapter-title h3{font-size:20px;font-weight:900}.mission-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mission-tile{--tile-bg:#e9e0ff;background:#fff;border:2px solid #fff;border-radius:26px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 5px #e1d7f0}.mission-tile:hover{transform:translateY(-4px);box-shadow:0 9px #e1d7f0}.mission-tile-art{background:var(--tile-bg);background-image:radial-gradient(#fff9 2px,#0000 2px);background-size:22px 22px;justify-content:space-between;align-items:center;min-height:120px;padding:18px;display:flex}.mission-tile-art .step-sticker{width:90px;transform:rotate(-8deg)}.mission-code{color:#493268;opacity:.65;letter-spacing:-2px;font-size:42px;font-weight:900}.mission-tile-copy{flex-direction:column;flex:1;gap:10px;padding:21px;display:flex}.mission-tile h4{font-size:19px;font-weight:900;line-height:1.35}.mission-tile p{color:var(--ink-soft);font-size:14px;line-height:1.7}.mission-tile .game-button{width:100%;margin-top:auto}.mission-status{align-items:center;gap:5px;font-size:12px;font-weight:900;display:inline-flex}.mission-status.is-done{color:#237559}.mission-status.is-waiting{color:#9a581b}.mission-status.is-running{color:#6335ba}.adventure-board{color:var(--ink);background:#fff;border:2px solid #e6dbf5;border-radius:28px;padding:27px;box-shadow:0 5px #e6dbf5}.board-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.board-heading p{color:#7545df;letter-spacing:.08em;font-size:12px;font-weight:900}.board-heading h2{margin-top:5px;font-size:23px;font-weight:900;line-height:1.35}.board-description{color:var(--ink-soft);margin-top:12px;font-size:14px;line-height:1.7}.quest-map{background:#f6f1ff;border-radius:20px;margin:20px -8px 0;padding:20px 8px}.quest-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 12px;display:grid}.quest-node{position:relative}.quest-node:not(:nth-child(3n)):after{content:"";pointer-events:none;border-top:3px dashed #d8c8ed;width:calc(100% - 70px);position:absolute;top:38px;left:calc(50% + 35px)}.quest-node-content{text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.quest-node-content strong{font-size:14px}.quest-node-content>span:last-child{color:var(--ink-soft);font-size:12px}.quest-island{width:74px;height:74px;position:relative}.quest-island>svg{width:100%;height:100%}.quest-number{color:#654e80;background:#e0d5ef;border:2px solid #fff;border-radius:10px;place-items:center;width:27px;height:27px;font-size:14px;font-weight:900;display:grid;position:absolute;bottom:-3px;right:-2px}.quest-node.is-current .quest-island{transform:rotate(-6deg)scale(1.1)}.quest-node.is-current .quest-number{background:var(--blue);color:#fff}.quest-node.is-current strong{color:#6330c6}.quest-node.is-done .quest-number{color:#fff;background:#2b805b}.quest-node:not(.is-current):not(.is-done) .quest-island{opacity:.6;filter:saturate(.3)}.quest-badge{color:#756784;border:1px dashed #dbd1e9;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:inline-flex}.quest-badge.is-earned{color:#7b530e;background:#fff1c3;border-style:solid;border-color:#f0cf6b}.mission-hud{background:#eee5ff;border:3px solid #fff;border-radius:27px;align-items:center;gap:20px;padding:23px;display:flex;box-shadow:0 5px #ded0f4}.mission-hud .play-mascot{object-fit:contain;width:92px;height:92px}.mission-hud h1{font-size:26px;font-weight:900;line-height:1.2}.mission-hud p{color:var(--ink-soft);font-size:14px;line-height:1.6}.mission-hud .game-pill{white-space:nowrap;margin-left:auto}.mission-destination,.learning-pathways{background:#fff;border:2px solid #e7dff1;border-radius:22px;padding:18px}.mission-destination summary,.learning-pathways summary{min-height:28px}.learning-pathways{background:#f8f4ff}.pathway-option{cursor:pointer;background:#fff;border:2px solid #e4daf2;border-radius:18px;align-items:flex-start;gap:10px;padding:16px;font-size:14px;display:flex}.pathway-option.is-picked{background:#f1e8ff;border-color:#7545df;box-shadow:0 3px #d9c6f6}.pathway-option input{accent-color:var(--blue);margin-top:5px}.step-support{background:#fff9e7;border:2px dashed #e8c969;border-radius:20px;padding:17px}.answer-option{cursor:pointer;background:#fff;border:2px solid #e5dcf0;border-radius:19px;align-items:center;gap:12px;min-height:64px;padding:16px;font-size:16px;line-height:1.6;transition:border-color .16s,transform .16s;display:flex;box-shadow:0 3px #eee6f7}.answer-option:hover{border-color:#b794ed;transform:translateY(-1px)}.answer-option.is-picked{background:#f2ebff;border-color:#7545df;box-shadow:0 3px #bea0ec}.answer-option input{width:18px;height:18px;accent-color:var(--blue);flex-shrink:0}.answer-letter{color:#6330c6;background:#eee5ff;border-radius:11px;place-items:center;min-width:34px;height:34px;font-weight:900;display:grid}.answer-option.is-picked .answer-letter{color:#fff;background:#7545df}.answer-option:focus-within,.pathway-option:focus-within{outline-offset:3px;outline:3px solid #5125ad}.social-practice{background:#fff1c4;border:3px solid #fff;border-radius:27px;padding:26px;box-shadow:0 5px #ecd386}.social-scene{background:#e4ddfb;border-radius:23px;align-items:center;gap:22px;padding:24px;display:flex;position:relative;overflow:hidden}.social-scene>img{z-index:0}.social-scene-character{background:#fff;border:3px solid #fff;border-radius:23px;place-items:center;min-width:70px;height:70px;font-size:38px;display:grid;position:relative;box-shadow:0 4px #c7b6e2}.quiz-stage{background:#fff;border:3px solid #fff;border-radius:30px;overflow:hidden;box-shadow:0 7px #dfd1f1}.quiz-intro{background:#eee5ff;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:20px;padding:34px;display:grid}.quiz-intro h2{letter-spacing:-.8px;margin-top:16px;font-size:clamp(25px,4vw,34px);font-weight:900;line-height:1.2}.quiz-intro p{color:var(--ink-soft);margin-top:16px;font-size:16px;line-height:1.8}.quiz-intro .play-mascot{width:180px}.quiz-intro-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:23px 34px 30px;display:flex}.quiz-intro-foot p{color:var(--ink-soft);font-size:14px}.quiz-play{padding:27px}.quiz-topbar{justify-content:space-between;align-items:center;gap:14px;font-size:14px;font-weight:900;display:flex}.quiz-track{gap:5px;margin:18px 0 26px;display:flex}.quiz-track span{background:#ece3f6;border-radius:5px;flex:1;height:9px}.quiz-track .is-answered{background:#9d77e3}.quiz-track .is-current{background:#7545df}.quiz-question{background:#f7f2ff;border:2px solid #e7dcf7;border-radius:24px;padding:28px}.quiz-question h2{letter-spacing:-.5px;font-size:clamp(25px,3vw,32px);font-weight:900;line-height:1.4}.quiz-tools{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-top:16px;display:flex}.quiz-tools details{flex:1;min-width:170px}.quiz-tools summary{min-height:44px;padding:10px 12px;font-size:14px;font-weight:800}.quiz-tools p{margin:8px 12px;font-size:14px;line-height:1.7}.quiz-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.quiz-choice{--choice-fill:#e9ddff;--choice-edge:#b99ddd;background:var(--choice-fill);min-height:110px;box-shadow:0 5px 0 var(--choice-edge);color:#332147;cursor:pointer;border:3px solid #0000;border-radius:22px;align-items:center;gap:14px;padding:22px;font-size:18px;font-weight:900;line-height:1.5;display:flex;position:relative}.quiz-choice:nth-of-type(2){--choice-fill:#cbedf7;--choice-edge:#91cad9}.quiz-choice:nth-of-type(3){--choice-fill:#ffe0cb;--choice-edge:#e3b194}.quiz-choice:nth-of-type(4){--choice-fill:#d9efd6;--choice-edge:#a5ce9d}.quiz-choice:hover{transform:translateY(-2px)}.quiz-choice.is-picked{border-color:#5d30b8;box-shadow:0 5px #5d30b8}.quiz-choice:has(input:focus-visible){outline-offset:4px;outline:3px solid #5125ad}.quiz-choice input{opacity:0;width:1px;height:1px;position:absolute}.choice-symbol{text-align:center;flex-shrink:0;width:39px;font-size:33px}.choice-check{color:#6330c6;background:#fff;border-radius:50%;margin-left:auto;padding:5px}.quiz-navigation{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.quiz-selection-note{color:var(--ink-soft);min-height:22px;font-size:14px}.auth-scene{background:radial-gradient(at 15% 20%,#eee4ff,#0000 55%),radial-gradient(at 90% 80%,#fceac7,#0000 50%),#faf7ff;min-height:100svh;position:relative}.auth-doodles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-doodles span{color:#d8c3f6;font-size:120px;position:absolute}.auth-doodles span:first-child{top:20%;left:2%;transform:rotate(-10deg)}.auth-doodles span:nth-child(2){color:#f4cc78;top:5%;right:4%}.auth-doodles span:nth-child(3){bottom:3%;right:10%}.landing-nav{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;margin:auto;padding:28px 32px;display:flex}.landing-hero{grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;max-width:1240px;margin:auto;padding:45px 32px 60px;display:grid;position:relative}.landing-copy h1{letter-spacing:-2.5px;margin-top:25px;font-size:clamp(40px,5.8vw,72px);font-weight:900;line-height:1.08}.landing-copy h1>span{color:#7545df;position:relative}.landing-copy p{color:var(--ink-soft);max-width:440px;margin-top:25px;font-size:18px;line-height:1.8}.landing-art{position:relative}.landing-art .world-art{border:6px solid #fff;border-radius:38px;width:100%;transform:rotate(3deg);box-shadow:0 10px #ded0f2}.art-label{background:#ffdf82;border:4px solid #fff;border-radius:17px;padding:14px 20px;font-weight:900;position:absolute;bottom:-20px;right:14px;transform:rotate(-6deg);box-shadow:0 4px #e0b646}.landing-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1240px;margin:auto;padding:10px 32px 48px;display:grid}.landing-feature{align-items:center;gap:18px;padding:24px;display:flex}.landing-feature .step-sticker{flex-shrink:0;width:72px}.landing-feature h2{font-size:18px;font-weight:900}.landing-feature p{color:var(--ink-soft);margin-top:6px;font-size:14px;line-height:1.7}.login-stage{grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;max-width:1140px;margin:auto;padding:38px 32px 60px;display:grid}.login-art h1{letter-spacing:-1px;margin:20px 0;font-size:42px;font-weight:900;line-height:1.15}.login-art h1 span{color:#7545df}.login-art .world-art{border:5px solid #fff;border-radius:32px;width:100%;margin-top:26px;transform:rotate(-3deg);box-shadow:0 8px #e0d3f4}.login-card{background:#fff;border:3px solid #e6daf7;border-radius:30px;padding:32px;box-shadow:0 8px #dbcaef}.login-card h2{letter-spacing:-.5px;font-size:27px;font-weight:900}.login-card .role-switch{background:#f0eafa;border-radius:19px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.role-switch button{border-radius:14px;min-height:52px;padding:12px 8px;font-size:15px;font-weight:900}.role-switch button[aria-pressed=true]{background:var(--blue);color:#fff;box-shadow:0 3px #5125ad}.login-card input,.login-card select{background:#fbf9ff;border:2px solid #e2d6f0;min-height:56px;font-size:16px}.studio-shell .play-main h1{letter-spacing:-.8px}.studio-shell .play-main>div>p{line-height:1.8}.studio-shell .play-main table{border-collapse:separate;border-spacing:0}.studio-shell .play-main th{white-space:nowrap;background:#f4eefc;padding:14px 16px;font-size:12px}.studio-shell .play-main td{border-color:#ede6f5;padding:14px 16px}.studio-shell .play-main tbody tr:nth-child(2n){background:#faf7fe}.studio-shell .play-main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.studio-shell .play-main select,.studio-shell .play-main textarea{background-color:#fcfaff;border-width:2px;min-height:48px}.studio-shell .play-main button[type=submit]{min-height:48px}.studio-toolbar{background:#fff;border:2px solid #e7ddf3;border-radius:22px;padding:17px 20px;box-shadow:0 3px #e7ddf3}.app-grid{background:radial-gradient(#d9c8ef 1.3px,#0000 1.3px) 0 0/26px 26px,#f7f4ff}.app-veil-dot{animation:.7s ease-in-out infinite loading-hop}.app-veil-dot:nth-child(2){animation-delay:.1s}.app-veil-dot:nth-child(3){animation-delay:.2s}.float-in,.step-enter{animation:.24s both enter-pop}.float-in-delay{animation:.26s 80ms both enter-pop}.success-pop{animation:.26s both success-pop}.soft-bob{animation:4s ease-in-out 2 companion-bob}.garden-petal{background:#ffce65;border-radius:3px;width:10px;height:14px;animation:2s ease-out both confetti-fall;position:absolute;top:-5%}.garden-petal:nth-child(3n){background:#b38bef}.garden-petal:nth-child(3n+1){background:#6ed8ca}@keyframes enter-pop{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes success-pop{0%{transform:scale(.98)}to{transform:none}}@keyframes companion-bob{50%{transform:translateY(-6px)rotate(2deg)}}@keyframes confetti-fall{to{opacity:0;top:110%;transform:rotate(180deg)}}@keyframes loading-hop{50%{opacity:.5;transform:translateY(-5px)}}@media (max-width:1100px){.play-header-inner{padding:14px 24px}.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-hero-copy{padding:28px}.stat-sticker{gap:10px;padding:17px}.stat-sticker .stat-symbol{font-size:28px}.dashboard-lower{grid-template-columns:1.4fr 1fr}.landing-features{gap:15px}.landing-feature{gap:10px;padding:18px}}@media (max-width:1023px){.studio-shell .play-layout{display:block}.studio-sidebar{display:none}.mobile-dock{display:block}.play-main{padding:26px 24px 116px}.studio-shell .mobile-link{font-size:12px}}@media (max-width:767px){.play-header-inner{gap:14px;min-height:75px;padding:12px 18px}.brand{gap:9px;font-size:20px}.brand-mark{width:38px;height:38px}.brand small{font-size:9px}.player-name,.workspace-label{display:none}.header-player{gap:7px}.student-top-nav{display:none}.play-main{padding:22px 18px 115px}.play-hero{border-radius:27px;grid-template-columns:1fr}.play-hero-copy{padding:26px}.play-hero .world-art{height:auto;min-height:0;max-height:240px;margin-top:-15px;-webkit-mask-image:linear-gradient(#0000,#000 13%);mask-image:linear-gradient(#0000,#000 13%)}.play-hero h1{font-size:34px}.play-hero-copy>p{font-size:15px}.play-stats{gap:10px;margin:23px 0}.stat-sticker{border-radius:19px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 12px}.stat-sticker .stat-symbol,.stat-sticker strong{font-size:25px}.stat-sticker p{font-size:12px}.stat-sticker small{display:none}.dashboard-lower{grid-template-columns:1fr;gap:22px}.mission-grid{gap:15px}.mission-tile-art{min-height:100px;padding:14px}.mission-tile-art .step-sticker{width:67px}.mission-code{font-size:32px}.mission-tile-copy{padding:17px}.mission-tile h4{font-size:17px}.mission-tile p{font-size:14px}.mission-tile .game-button{padding:10px 13px;font-size:14px}.mission-hud{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:20px}.mission-hud .play-mascot{width:65px;height:65px}.mission-hud h1{font-size:23px}.mission-hud .game-pill{margin-left:0}.mission-hud>div{flex:1}.adventure-board{padding:21px}.board-heading{flex-wrap:wrap}.social-practice{padding:21px}.social-scene{flex-direction:column;align-items:flex-start;padding:20px}.landing-nav{padding:22px}.landing-nav .game-button{min-height:46px;padding:10px 16px;font-size:14px}.landing-hero{grid-template-columns:1fr;gap:40px;padding:30px 24px 45px}.landing-copy h1{font-size:46px}.landing-copy p{font-size:16px}.landing-art{margin:0 10px}.landing-features{grid-template-columns:1fr;padding:15px 24px 40px}.landing-feature{padding:20px}.login-stage{grid-template-columns:1fr;gap:28px;padding:20px 24px 40px}.login-art h1{margin:14px 0;font-size:33px}.login-art .world-art{display:none}.login-card{padding:24px}.quiz-intro{grid-template-columns:1fr 95px;gap:8px;padding:24px}.quiz-intro .play-mascot{align-self:start;width:95px}.quiz-intro p{grid-column:1/-1;font-size:15px}.quiz-intro-foot{padding:24px}.quiz-play{padding:20px}.quiz-question{padding:22px}.quiz-choice{gap:10px;min-height:100px;padding:16px;font-size:16px}.choice-symbol{width:29px;font-size:27px}.quiz-answers{gap:14px}.quiz-topbar{flex-wrap:wrap}.studio-toolbar{padding:14px}}@media (max-width:480px){.mission-grid{grid-template-columns:1fr}.mission-tile-art{min-height:110px}.mission-tile-art .step-sticker{width:84px}.mission-code{font-size:42px}.mission-tile p{display:none}.mission-tile-copy{padding:20px}.quiz-answers{grid-template-columns:1fr}.quiz-choice{min-height:76px}.quiz-tools{gap:6px}.quest-nodes{gap:22px 8px}.quest-node-content strong{font-size:12px}.quest-node-content>span:last-child{font-size:11px}.quest-island{width:63px;height:63px}.quest-node:not(:nth-child(3n)):after{width:calc(100% - 56px);top:33px;left:calc(50% + 28px)}.board-heading h2{font-size:21px}.quiz-navigation .game-button{padding:10px 15px;font-size:14px}.brand small{letter-spacing:.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}.garden-petal{display:none}}.studio-heading{background:#ece3ff;border:3px solid #fff;border-radius:27px;align-items:center;gap:18px;margin:0 0 28px;padding:26px;display:flex;box-shadow:0 5px #dfd0f3}.studio-heading-icon{color:#54328e;background:#d2baf8;border:3px solid #fff;border-radius:20px;flex-shrink:0;place-items:center;width:62px;height:62px;font-size:28px;display:grid;transform:rotate(-6deg)}.studio-heading>div:nth-child(2){flex:1;min-width:0}.studio-eyebrow{color:#7951b2;letter-spacing:.12em;font-size:11px;font-weight:900}.studio-heading h1{font-size:clamp(25px,3vw,33px);font-weight:900;line-height:1.3}.studio-heading-detail{color:#6a5c80;max-width:640px;margin-top:7px;font-size:14px;line-height:1.7}.studio-status{color:#6136ab;background:#fff;border-radius:11px;padding:7px 12px;font-size:12px;font-weight:900;display:inline-flex}.studio-section{background:#fff;border:2px solid #e6dbf3;border-radius:25px;padding:26px;box-shadow:0 4px #e6dbf3}.studio-section-title{align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.studio-section-title>span{color:#6330c6;background:#eee5ff;border-radius:10px;padding:7px 10px;font-size:14px}.instrument-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;display:grid}.instrument-tile{overflow:hidden}.instrument-tile:hover{transform:translateY(-3px)}.instrument-tile-art{background:#eee3ff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.instrument-tile:nth-child(2) .instrument-tile-art{background:#d4eff8}.instrument-tile:nth-child(3) .instrument-tile-art{background:#fff0bf}.instrument-tile:nth-child(4) .instrument-tile-art{background:#ffe2d5}.instrument-tile-art .step-sticker{width:80px;transform:rotate(-6deg)}.instrument-tile-copy{padding:24px}.instrument-tile h2{font-size:22px;font-weight:900}.instrument-tile p{color:#6a5c80;margin-top:8px;font-size:14px}.instrument-open{color:#7545df;align-items:center;gap:9px;margin-top:20px;font-size:15px;font-weight:900;display:flex}.empty-state{text-align:center;background:#f7f2ff;border:2px dashed #decff1;border-radius:23px;padding:32px 20px}.empty-state>span{color:#956cdf;font-size:42px;display:block}.empty-state h3{margin-top:12px;font-size:20px;font-weight:900}.empty-state p{color:#6a5c80;max-width:440px;margin:10px auto 0;font-size:15px;line-height:1.7}.studio-form-block{background:#faf7ff;border:2px solid #e9dff4;border-radius:22px;padding:23px}.studio-action-bar{z-index:10;background:#fff;border:2px solid #e6dbf2;border-radius:20px;flex-wrap:wrap;gap:12px;padding:18px;display:flex;position:sticky;bottom:20px;box-shadow:0 4px #ded0ef}.studio-roster-row{background:#fff;border:2px solid #e8dff1;border-radius:23px;padding:20px}.studio-roster-row:hover{border-color:#bb98ed}.studio-mission-row{background:#fff;border:2px solid #e5d9f2;border-radius:22px;padding:20px}.studio-mission-row .game-button-small{box-shadow:none}.studio-timeline{border-left:3px dashed #d8c6ed;margin-left:17px;padding-left:27px;position:relative}.studio-timeline article{position:relative}.studio-timeline article:before{content:"";background:#aa83e4;border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;top:23px;left:-35px;box-shadow:0 0 0 2px #d8c6ed}.report-stat{background:#eee3ff;border:2px solid #fff;border-radius:23px;padding:23px;box-shadow:0 4px #e0d1f2}.report-stat:nth-child(2n){background:#dff4ee}.report-stat:nth-child(3n){background:#fff0c9}.report-table{border:2px solid #e7ddf2;border-radius:18px;overflow:auto}.mission-step-card{border:3px solid #e5d8f3}.step-chip{min-height:48px}.play-mascot{object-fit:contain;height:auto}.answer-choice{background:#fcfaff;border:2px solid #ede5f5;border-radius:23px;padding:20px}.answer-choice legend{padding:0 8px;font-size:17px}.answer-check{color:#7545df;margin-left:auto;font-weight:900}@media (max-width:767px){.studio-heading{flex-wrap:wrap;align-items:flex-start;padding:22px}.studio-heading-icon{width:49px;height:49px;font-size:24px}.studio-heading .game-button{margin-left:67px}.instrument-library{grid-template-columns:1fr}.studio-section{padding:22px}.studio-form-block{padding:19px}.studio-action-bar{padding:14px;bottom:100px}.answer-choice{padding:15px}.answer-choice legend{font-size:16px}.studio-heading-detail{font-size:14px}.studio-roster-row{padding:17px}}.status-world{background:radial-gradient(at 50% 40%,#e9ddff,#0000 70%),#f8f5ff;align-content:start;min-height:100svh;padding:28px;display:grid}.status-brand{width:100%;max-width:1200px;margin:auto}.status-card{text-align:center;background:#fff;border:3px solid #fff;border-radius:32px;width:100%;max-width:560px;margin:8vh auto 40px;padding:32px;box-shadow:0 8px #e2d4f2}.status-card .play-mascot{width:165px;margin:-60px auto 22px}.status-card h1{margin-top:24px;font-size:30px;font-weight:900;line-height:1.3}.status-card>p{color:#6a5c80;margin-top:16px;font-size:16px;line-height:1.8}.result-stage{background:radial-gradient(at 50% 0,#e9ddff,#0000 75%),#fff;border:3px solid #fff}.result-grade{background:#fff0bf;border:4px solid #fff;border-radius:27px;max-width:330px;margin:20px auto;padding:21px;transform:rotate(-3deg);box-shadow:0 5px #ead082}@media (max-width:767px){.status-world{padding:22px}.status-card{margin-top:12vh;padding:26px}.status-card h1{font-size:26px}}.preview-toolbar{background:#fff;border:2px dashed #dfd1ee;border-radius:20px;padding:14px 18px;font-size:14px}.preview-toolbar nav a{align-items:center;min-height:44px;display:inline-flex}.preview-toolbar nav a[aria-current=page]{color:#fff;background:#7545df}.form-message{border-radius:18px;align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;font-weight:800;line-height:1.6;display:flex}.form-message>span{background:#fff;border-radius:8px;flex-shrink:0;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.form-message.is-success{color:#237559;background:#ddf4e6}.form-message.is-error{color:#a74338;background:#ffe9e3}.media-uploader{background:#f2eaff;border:2px dashed #c5ade7;border-radius:22px;padding:20px}.media-uploader input[type=file]{font-size:14px}.media-uploader input::file-selector-button{color:#593794;cursor:pointer;background:#e1d2f7;border:0;border-radius:12px;min-height:44px;margin-right:10px;padding:10px 14px;font-family:inherit;font-weight:900}.quiz-stage{scroll-margin-top:105px}.student-shell .text-xs,.student-shell .quest-node-content strong,.student-shell .quest-node-content>span:last-child,.student-shell .quest-badge,.student-shell .mobile-link,.student-shell .stat-sticker small,.studio-shell .play-main .text-xs{font-size:14px}.play-main button:not([type=radio]):not([type=checkbox]),.play-main summary{min-height:44px}@media (max-width:767px){.quiz-stage{scroll-margin-top:95px}.brand small{display:none}.brand{font-size:20px}.player-avatar{width:38px;height:38px}.play-hero{border-radius:25px}.student-shell .quest-node-content strong,.student-shell .quest-node-content>span:last-child,.student-shell .stat-sticker p{font-size:14px}}.report-panel{grid-template-columns:minmax(0,1fr);min-width:0}.report-panel>*{min-width:0}.report-table{max-width:100%}.report-panel .report-stat{min-width:0}.student-game-header{--student-header-offset:134px;isolation:isolate;color:#fff;background:linear-gradient(110deg,#7545df,#602bc2 65%,#6e37d0);border-bottom:5px solid #4e249c;border-radius:0 0 26px 26px;box-shadow:0 5px #e4d8f3}.student-game-header:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 14% 0,#ffffff0c 0 75px,#0000 76px),radial-gradient(circle at 87% 110%,#bda0ff22 0 100px,#0000 101px),radial-gradient(circle at 43% 24%,#ffde7b 0 2px,#0000 3px),radial-gradient(circle at 96% 19%,#a6f1ed 0 3px,#0000 4px);position:absolute;inset:0}.student-header-inner{align-items:center;gap:26px;max-width:1320px;min-height:106px;margin:auto;padding:16px 32px;display:flex}.student-header-brand{flex-shrink:0}.student-game-header .brand{color:#fff;font-size:25px}.student-game-header .brand>span>span{color:#ffe58a}.student-game-header .brand small{color:#f4eaff;letter-spacing:.2px;font-size:14px}.student-game-header .brand-mark{background:#935ee6;border:2px solid #c7aeff;border-radius:17px;width:49px;height:49px;box-shadow:0 5px #49218b}.student-game-nav{background:#4f239c;border:1px solid #9464e3;border-radius:25px;flex:1;justify-content:center;align-items:center;gap:6px;max-width:350px;margin:0 auto;padding:7px;display:flex;box-shadow:inset 0 3px #411a8533}.student-menu-tab{color:#fff;white-space:nowrap;border:2px solid #0000;border-radius:19px;flex:1;align-items:center;gap:11px;min-height:62px;padding:9px 14px;display:flex}.student-menu-tab:hover{background:#693ab7}.student-menu-icon{color:#ffe58a;background:#7849c7;border-radius:13px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;transform:rotate(-5deg)}.student-menu-label{gap:1px;display:grid}.student-menu-label strong{font-size:15px;font-weight:900}.student-menu-label>span{color:#f2e7ff;font-size:14px}.student-menu-tab.is-active{color:#452377;background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px #d8c7f1}.student-menu-tab.is-active .student-menu-icon{color:#6240a0;background:#ffe58a;box-shadow:0 3px #e9c76f}.student-menu-tab.is-active .student-menu-label>span{color:#695481}.student-player-tools{align-items:center;gap:14px;min-width:0;display:flex}.student-xp-wallet{color:#523711;background:#fff0b5;border:2px solid #fff5d6;border-radius:20px;flex-shrink:0;align-items:center;gap:9px;min-height:62px;padding:8px 13px 8px 8px;display:flex;box-shadow:0 4px #ca9638}.student-xp-wallet:hover{background:#fff5d1;transform:translateY(-2px)}.xp-coin{flex-shrink:0;width:38px;height:38px}.student-xp-wallet strong{white-space:nowrap;font-size:21px;font-weight:900;line-height:1.2;display:block}.student-xp-wallet strong span{font-size:14px}.student-xp-wallet small{margin-top:2px;font-size:14px;font-weight:800;display:block}.student-player-pass{background:#5126a5;border:2px solid #af85ef;border-radius:21px;align-items:center;gap:11px;min-width:0;padding:5px 11px 5px 5px;display:flex;box-shadow:0 4px #432084}.student-player-portrait{background:#d4c2ff;border:2px solid #fff;border-radius:17px;flex-shrink:0;width:54px;height:54px;position:relative;overflow:hidden}.student-player-portrait .play-mascot{width:62px;max-width:none;position:absolute;top:0;left:-5px}.student-player-initial{color:#523711;text-align:center;background:#fff0b5;border-radius:7px 0 0;min-width:20px;padding:2px 3px;font-size:14px;font-weight:900;line-height:1.25;position:absolute;bottom:0;right:0}.student-player-info{gap:3px;min-width:0;max-width:145px;display:grid}.student-player-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:900;overflow:hidden}.student-player-info>span{color:#f1e5ff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.player-pass-star{display:none}.student-header-exit button{color:#fff;background:#5126a5;border-color:#ae87e7;border-radius:15px;min-width:44px;min-height:44px;box-shadow:0 3px #422083}.student-header-exit button:hover{color:#fff;background:#6c3bb9}.student-game-header :where(a,button):focus-visible{outline-color:#ffe58a}.student-shell .quiz-stage,.student-shell #perjalananmu,.student-shell #misi-ipas{scroll-margin-top:138px}@media (min-width:1024px) and (max-width:1150px){.student-header-inner{gap:18px;padding:16px 24px}.student-game-header .brand{font-size:22px}.student-game-header .brand small{display:none}.student-player-info{max-width:100px}.student-player-tools{gap:10px}.student-menu-tab{gap:8px;padding:9px 10px}.student-xp-wallet small{display:none}.student-xp-wallet{padding-right:10px}}@media (max-width:1023px){.student-game-nav{display:none}.student-header-inner{justify-content:space-between;gap:18px}}@media (max-width:767px){.student-header-inner{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand xp exit""player player player";gap:12px 10px;min-height:0;padding:12px 18px 14px;display:grid}.student-header-brand{grid-area:brand;min-width:0}.student-player-tools{display:contents}.student-xp-wallet{border-radius:15px;grid-area:xp;gap:5px;min-height:44px;padding:5px 9px 5px 5px}.xp-coin{width:28px;height:28px}.student-xp-wallet strong{font-size:17px}.student-xp-wallet small{display:none}.student-header-exit{grid-area:exit}.student-game-header .brand{gap:9px;font-size:22px}.student-game-header .brand-mark{border-radius:13px;width:38px;height:38px}.student-game-header .brand small{display:none}.student-player-pass{border-radius:19px;grid-area:player;gap:11px;padding:5px 14px 5px 5px}.student-player-portrait{border-radius:13px;width:41px;height:41px}.student-player-portrait .play-mascot{width:48px;left:-4px}.student-player-info{flex:1;gap:1px;max-width:none}.student-player-info strong{font-size:16px}.student-player-info>span{font-size:14px}.player-pass-star{color:#ffe58a;font-size:30px;display:inline;transform:rotate(12deg)}.student-shell .quiz-stage,.student-shell #perjalananmu,.student-shell #misi-ipas{scroll-margin-top:158px}}@media (max-width:420px){.student-header-inner{column-gap:8px;padding:10px 14px 12px}.student-game-header .brand{gap:7px;font-size:19px}.student-game-header .brand-mark{width:33px;height:33px}.student-xp-wallet{gap:3px;padding-right:7px}.xp-coin{width:25px;height:25px}.student-xp-wallet strong{font-size:16px}}.student-game-header .brand{min-height:44px}.student-shell aside.lg\:sticky{top:138px}@media (max-width:360px){.student-game-header .brand{gap:6px;font-size:17px}.student-game-header .brand-mark{width:29px;height:29px}.student-xp-wallet strong{font-size:15px}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
.brand-mark{box-shadow:none;background:0 0;border-radius:0;transform:none}.brand-mark img{object-fit:contain;width:100%;height:100%}.brand{font-family:var(--font-play), sans-serif}.brand:where(:hover,:focus-visible) .brand-mark{animation:.6s entry-wave}.brand small{letter-spacing:.12em;font-size:10px}.science-brand .science-logo{width:46px;height:46px}.auth-scene{--ink:#293c55;--ink-soft:#58677d;background:radial-gradient(at 5% 75%,#e5f6eb 0,#0000 45%),radial-gradient(at 95% 20%,#e8e5ff 0,#0000 45%),#f3faff;overflow:clip}.auth-scene main{z-index:1;position:relative}.auth-doodles span{opacity:.6;font-size:54px;animation:6s ease-in-out infinite entry-drift}.auth-doodles span:nth-child(2){animation-delay:-2s}.auth-doodles span:nth-child(3){animation-delay:-4s}.entry-header{justify-content:space-between;align-items:center;gap:16px;width:min(1120px,100%);margin:auto;padding:25px 28px;animation:.5s both entry-bouncy-fade;display:flex}.entry-header .brand-mark{width:54px;height:54px}.entry-home{flex-direction:column;min-height:100svh;display:flex}.entry-adventure{text-align:center;width:min(1080px,100%);margin:auto;padding:0 28px 24px}.entry-world{aspect-ratio:2.15;border:5px solid #fff;border-radius:45% 45% 30% 30%/35% 35% 25% 25%;width:min(660px,100%);margin:0 auto 28px;animation:.65s 80ms both entry-bouncy-fade;position:relative;box-shadow:0 7px #c9e4ef,0 18px 40px #457a9420}.entry-world>img{object-fit:cover;object-position:center 46%;border-radius:inherit}.entry-world-badge{white-space:nowrap;color:#755127;background:#fff0b8;border:3px solid #fff;border-radius:99px;padding:7px 16px;font-size:14px;font-weight:900;animation:4s ease-in-out infinite entry-drift;position:absolute;bottom:-14px;left:50%;translate:-50%}.entry-spark{color:#e7ac35;text-shadow:0 2px #fff;font-size:54px;animation:3s ease-in-out infinite entry-twinkle;position:absolute}.entry-spark-one{top:30%;left:-24px}.entry-spark-two{animation-delay:-1.5s;top:8%;right:-16px}.entry-invitation{animation:.65s .16s both entry-bouncy-fade}.entry-eyebrow{letter-spacing:.12em;color:#477273;font-size:12px;font-weight:950}.entry-invitation h1{letter-spacing:-1.7px;margin:12px 0 14px;font-size:clamp(34px,4.5vw,52px);font-weight:1000;line-height:1.1}.entry-invitation h1 span{color:#7652c7}.entry-invitation p{color:var(--ink-soft);margin:0 auto 24px;font-size:18px;line-height:1.65}.entry-start{color:#fff;background:#8359db;border:3px solid #5735a5;border-radius:23px;justify-content:center;align-items:center;gap:26px;min-width:220px;min-height:62px;padding:12px 30px;font-size:23px;font-weight:1000;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px #5735a5,inset 0 2px #bca0f0}.entry-start:hover{transform:translateY(-3px)rotate(-1deg);box-shadow:0 9px #5735a5}.entry-start:active{transform:translateY(5px);box-shadow:0 1px #5735a5}.entry-start svg{animation:2.8s ease-in-out infinite entry-nudge}.entry-invitation small{color:var(--ink-soft);margin-top:19px;font-size:13px;font-weight:750;display:block}.entry-footer{text-align:center;color:var(--ink-soft);padding:20px 24px 26px;font-size:14px;font-weight:750}.entry-back{color:#58677d;align-items:center;min-height:44px;font-size:15px;font-weight:850;display:inline-flex}.entry-login{flex-direction:column;min-height:100svh;display:flex}.entry-login .login-stage{flex:1;grid-template-columns:1fr 1fr;gap:64px;width:min(1040px,100%);padding:28px 32px 38px}.entry-login .login-art{text-align:center;animation:.6s 80ms both entry-bouncy-fade}.entry-login .login-art h1{letter-spacing:-1.3px;margin:14px 0;font-size:clamp(32px,3.5vw,44px);line-height:1.15}.entry-login .login-art h1 span{color:#7652c7}.entry-login .login-art p{color:var(--ink-soft);font-size:17px;line-height:1.7}.entry-piko{max-width:280px;margin:16px auto 0;position:relative}.entry-piko:before{content:"";background:#d4f1e3;border-radius:50%;position:absolute;inset:12% -8% 0;transform:rotate(-12deg)}.entry-piko img{width:100%;height:auto;animation:4.5s ease-in-out infinite entry-drift;position:relative}.entry-piko>span{color:#e7ac35;font-size:38px;animation:3s infinite entry-twinkle;position:absolute;top:10%;right:-15px}.entry-piko>span:last-child{animation-delay:-1.5s;top:50%;left:-15px;right:auto}.entry-login .login-card{border:3px solid #e0dcf3;border-radius:32px;padding:30px;animation:.6s .16s both entry-bouncy-fade;box-shadow:0 8px #d9d2ed,0 22px 45px #67578b0d}.entry-login .login-card h2{font-size:26px;line-height:1.2}.entry-login .login-card p{font-size:15px;line-height:1.6}.entry-fields{border:0;gap:17px;min-width:0;padding:0;animation:.32s both entry-bouncy-fade;display:grid}.entry-login .login-card input,.entry-login .login-card select{background:#f7faff;border:2px solid #dce5ed;width:100%;min-width:0;min-height:58px;font-size:17px;font-weight:750;transition:border-color .18s,box-shadow .18s}.entry-login .login-card :is(input,select):focus{border-color:#9978db;outline:none;box-shadow:0 0 0 4px #eee7fc}.entry-login .login-card label{font-size:16px}.entry-login .role-switch{background:#f0eef8}.entry-login .role-switch button{transition:background .18s,box-shadow .18s,transform .18s}.entry-login .login-card button[type=submit]{min-height:58px;font-size:18px}.entry-login .login-card button[disabled]{cursor:wait}.entry-login .login-card button:active:not(:disabled){transform:translateY(3px)}.science-chapter-main{animation:.38s both entry-bouncy-fade}.game-loader{text-align:center;color:#293c55;justify-items:center;gap:12px;padding:30px 24px;display:grid}.game-loader-art{width:112px;height:108px;position:relative}.game-loader-art .brand-mark{width:96px;height:96px;margin:auto;animation:1.6s ease-in-out infinite entry-loader-hop;position:relative}.game-loader-art:after{content:"";background:#75639320;border-radius:50%;height:9px;animation:1.6s ease-in-out infinite entry-shadow;position:absolute;bottom:0;left:24px;right:24px}.game-loader-art>span:last-child{color:#d69d29;font-size:25px;animation:2s infinite entry-twinkle;position:absolute;top:6px;right:-6px}.game-loader strong{max-width:32ch;font-size:18px;font-weight:950}.game-loader p{color:#58677d;max-width:34ch;margin:0;font-size:15px;line-height:1.6}.game-loader-track{gap:8px;padding-top:2px;display:flex}.game-loader-track i{background:#88d8bd;border-radius:6px;width:13px;height:10px;animation:.9s ease-in-out infinite loading-hop;box-shadow:0 3px #58ae96}.game-loader-track i:nth-child(2){background:#bda6f1;animation-delay:.15s;box-shadow:0 3px #9a80cc}.game-loader-track i:nth-child(3){background:#ffd478;animation-delay:.3s;box-shadow:0 3px #d3a452}.game-loading-screen{background:radial-gradient(circle at 50% 40%,#fff,#edf7ff);place-items:center;min-height:100svh;display:grid}.game-loading-screen>.game-loader{animation:.3s .45s both entry-loader-reveal}.journey-loading{place-items:center;min-height:360px;display:grid}.journey-loading>.game-loader{animation:.3s .65s both entry-loader-reveal}.game-busy-toast{z-index:110;bottom:max(24px, env(safe-area-inset-bottom));pointer-events:none;background:#f7fbff;border:3px solid #fff;border-radius:28px;width:min(380px,100vw - 32px);animation:.3s .65s both entry-loader-reveal;position:fixed;left:50%;translate:-50%;box-shadow:0 8px #d8e4f0,0 20px 60px #37466824}.game-busy-toast .game-loader{text-align:left;grid-template-columns:64px 1fr;justify-items:start;column-gap:14px;padding:18px}.game-busy-toast .game-loader-art{grid-row:span 2;width:64px;height:68px}.game-busy-toast .game-loader-art .brand-mark{width:62px;height:62px}.game-busy-toast .game-loader-art:after{left:12px;right:12px}.game-busy-toast .game-loader strong{align-self:end;font-size:16px}.game-busy-toast .game-loader p{grid-column:1/-1}.digestive-stage .game-loader{z-index:2;background:#f5fbf3eb;align-content:center;position:absolute;inset:0}.digestive-stage .game-loader>*{animation-delay:.1s}@keyframes entry-bouncy-fade{0%{opacity:0;transform:translateY(12px)scale(.98)}65%{opacity:1;transform:translateY(-3px)scale(1.005)}to{opacity:1;transform:none}}@keyframes entry-loader-reveal{0%{opacity:0;visibility:hidden;transform:translateY(10px)scale(.96)}to{opacity:1;visibility:visible;transform:none}}@keyframes entry-loader-hop{0%,to{transform:translateY(0)rotate(-3deg)}35%{transform:translateY(-10px)rotate(4deg)}65%{transform:translateY(1px)scale(1.04,.96)}}@keyframes entry-shadow{35%{opacity:.5;transform:scale(.75)}}@keyframes entry-drift{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(2deg)}}@keyframes entry-twinkle{0%,to{opacity:.6;transform:scale(.8)rotate(-10deg)}50%{opacity:1;transform:scale(1.15)rotate(15deg)}}@keyframes entry-wave{30%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}}@keyframes entry-nudge{0%,75%,to{transform:translate(0)}85%{transform:translate(5px)}}@media (max-width:720px){.entry-header{padding:18px 20px}.entry-header .brand{gap:9px;font-size:21px}.entry-header .brand-mark{width:46px;height:46px}.entry-adventure{padding:10px 24px 24px}.entry-world{aspect-ratio:1.7;margin-bottom:30px}.entry-world-badge{padding-inline:11px;font-size:12px}.entry-invitation h1{letter-spacing:-1.2px;font-size:clamp(32px,7vw,44px)}.entry-invitation p{font-size:17px}.entry-eyebrow{font-size:10px}.entry-desktop-break{display:none}.entry-login .login-stage{flex-direction:column;gap:20px;padding:6px 20px 24px;display:flex}.entry-login .login-art{text-align:left;width:min(440px,100%);padding:16px 102px 10px 0;position:relative}.entry-login .login-art h1{margin-block:7px;font-size:27px}.entry-login .login-art p{font-size:15px}.entry-login .login-art p br{display:none}.entry-piko{width:95px;margin:0;position:absolute;top:30px;right:-5px}.entry-piko>span{font-size:22px;right:-5px}.entry-login .login-card{border-radius:26px;width:min(440px,100%);padding:24px}.entry-login .login-card h2{font-size:23px}.entry-footer{padding:14px 22px 24px;font-size:13px}}@media (max-width:360px){.entry-header{padding-inline:16px}.entry-header .brand{font-size:19px}.entry-header .brand small{font-size:8px}.entry-login .login-stage{padding-inline:16px}.entry-login .login-card{padding:20px}.entry-login .login-art h1{font-size:25px}.entry-login .login-art .entry-eyebrow{letter-spacing:.04em;font-size:9px}}@media (prefers-reduced-motion:reduce){.auth-scene *,.auth-scene :before,.game-loader *,.game-loader :after,.game-busy-toast,.game-loading-screen>.game-loader,.journey-loading>.game-loader,.science-chapter-main,.brand .brand-mark{transition:none!important;animation:none!important}}