.qb-wrap{inset-inline:0;z-index:30;pointer-events:none;padding-inline:1rem;position:fixed;top:4.25rem}.qb{--qb-bg:linear-gradient(135deg, #bfe9ff 0%, #e6f6ff 45%, #fff3c4 100%);--qb-fg:#0f2a44;--qb-muted:#36556f;--qb-accent:#b45309;--qb-border:#0f2a4426;--qb-btn-bg:#ffffffbf;--qb-btn-fg:#0f2a44;--qb-shadow:0 1px 0 #fff9;border:1px solid var(--qb-border);border-radius:var(--card-radius);background:var(--qb-bg);max-width:42rem;color:var(--qb-fg);pointer-events:auto;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 14px 40px #00000073}.qb--floating{max-height:calc(100dvh - 3.5rem - .75rem - 4.5rem - env(safe-area-inset-bottom));flex-direction:column;display:flex}.qb--floating .qb-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}@media (min-width:640px){.qb--floating{max-height:calc(100dvh - 5rem)}}.qb--entering{animation:.35s cubic-bezier(.2,.9,.3,1.2) both qb-in}.qb--leaving{animation:.22s ease-in both qb-out}@keyframes qb-in{0%{opacity:0;transform:translateY(-18px)scale(.98)}to{opacity:1;transform:none}}@keyframes qb-out{to{opacity:0;transform:translateY(-14px)scale(.98)}}.qb-body{z-index:1;text-shadow:var(--qb-shadow);padding:.85rem 1rem 1rem;position:relative}@media (min-width:640px){.qb-body{padding:1rem 7.5rem 1.1rem 1.25rem}}.qb-greet{flex-wrap:wrap;align-items:baseline;gap:.1rem .6rem;padding-right:4.5rem;display:flex}@media (min-width:640px){.qb-greet{padding-right:0}}.qb-greet__vi{font-family:var(--font-display);letter-spacing:.03em;color:var(--qb-accent);font-size:1.3rem;line-height:1.15}.qb-greet__en{color:var(--qb-muted);font-size:.8rem;font-weight:700}.qb-quote{margin-top:.55rem;font-size:1.02rem;font-weight:700;line-height:1.5}.qb-trans{color:var(--qb-muted);margin-top:.35rem;font-size:.92rem;font-style:italic;line-height:1.5}@media (min-width:640px){.qb-quote{font-size:1.1rem}.qb-trans{font-size:.95rem}}.qb-author{letter-spacing:.06em;text-transform:uppercase;color:var(--qb-accent);margin-top:.55rem;font-size:.74rem;font-weight:800}.qb-hint{color:var(--qb-muted);margin-top:.45rem;font-size:.75rem}.qb-close{z-index:2;border:1px solid var(--qb-border);background:var(--qb-btn-bg);min-height:2.25rem;color:var(--qb-btn-fg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:999px;padding:0 .9rem;font-size:.85rem;font-weight:800;position:absolute;top:.6rem;right:.6rem}.qb-close:hover{filter:brightness(1.08)}.qb-close:focus-visible{outline:2px solid var(--qb-accent);outline-offset:2px}.qb-bar{inset-inline:0;z-index:2;background:var(--qb-accent);transform-origin:0;height:4px;animation:qb-countdown var(--qb-seconds,5s) linear forwards;position:absolute;bottom:0}.qb:hover .qb-bar{animation-play-state:paused}@keyframes qb-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.qb-art{z-index:0;pointer-events:none;position:absolute}.qb-art--tr{width:8rem;height:8rem;top:-.6rem;right:-.5rem}.qb-art--big{width:9.5rem;height:9.5rem;top:-1rem;right:-1.2rem}.qb-art--low{opacity:.75;width:5rem;height:5rem;bottom:-1.1rem;right:-.9rem;transform:scaleX(-1)}@media (max-width:639px){.qb-art--tr{opacity:.55;width:6.5rem;height:6.5rem}.qb-art--big{opacity:.45;width:7.5rem;height:7.5rem}.qb-art--low{display:none}}.qb-spin{animation:24s linear infinite qb-spin}.qb-spin--slow{animation-duration:18s}.qb-spin--reverse{animation:12s linear infinite reverse qb-spin}@keyframes qb-spin{to{transform:rotate(360deg)}}.qb-twinkle{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite qb-twinkle}.qb-twinkle--late{animation-delay:1.2s}@keyframes qb-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.qb-stars,.qb-snow,.qb-confetti,.qb-rays{z-index:0;pointer-events:none;position:absolute;inset:0}.qb-stars{opacity:.75;background-image:radial-gradient(1.5px 1.5px at 8% 22%,#fff 50%,#0000 52%),radial-gradient(1px 1px at 22% 70%,#fff 50%,#0000 52%),radial-gradient(1.5px 1.5px at 37% 12%,#fff 50%,#0000 52%),radial-gradient(1px 1px at 48% 86%,#fff 50%,#0000 52%),radial-gradient(1.5px 1.5px at 61% 30%,#fff 50%,#0000 52%),radial-gradient(1px 1px at 70% 78%,#fff 50%,#0000 52%),radial-gradient(1px 1px at 84% 60%,#fff 50%,#0000 52%),radial-gradient(1.5px 1.5px at 93% 88%,#fff 50%,#0000 52%);animation:4s ease-in-out infinite qb-stars}.qb-stars--soft{opacity:.45}@keyframes qb-stars{50%{opacity:.35}}.qb-snow{opacity:.55;background-image:radial-gradient(2px 2px at 10% 20%,#fff 50%,#0000 55%),radial-gradient(1.5px 1.5px at 25% 60%,#fff 50%,#0000 55%),radial-gradient(2.5px 2.5px at 40% 35%,#fff 50%,#0000 55%),radial-gradient(1.5px 1.5px at 55% 80%,#fff 50%,#0000 55%),radial-gradient(2px 2px at 68% 15%,#fff 50%,#0000 55%),radial-gradient(2px 2px at 82%,#fff 50%,#0000 55%),radial-gradient(1.5px 1.5px at 92% 82%,#fff 50%,#0000 55%);background-size:100% 120px;animation:6s linear infinite qb-snow}@keyframes qb-snow{0%{background-position:0 0}to{background-position:0 120px}}.qb-confetti{opacity:.6;background-image:radial-gradient(3px 3px at 12% 30%,#ffd166 50%,#0000 55%),radial-gradient(2.5px 2.5px at 28% 80%,#ff7eb6 50%,#0000 55%),radial-gradient(3px 3px at 46% 18%,#7bdff2 50%,#0000 55%),radial-gradient(2.5px 2.5px at 58% 72%,#ffd166 50%,#0000 55%),radial-gradient(2px 2px at 74% 40%,#b8f2e6 50%,#0000 55%),radial-gradient(2.5px 2.5px at 88% 85%,#ff7eb6 50%,#0000 55%)}.qb-rays{background:repeating-conic-gradient(from 200deg at 100% 0,#ffffff1a 0deg 6deg,#0000 6deg 14deg)}@media (prefers-reduced-motion:reduce){.qb--entering,.qb--leaving{animation-duration:1ms}.qb-spin,.qb-spin--slow,.qb-spin--reverse,.qb-twinkle,.qb-stars,.qb-snow{animation:none}}.qb[data-look=night]{--qb-bg:linear-gradient(160deg, #0b1230 0%, #1b1f4b 60%, #2a1f55 100%);--qb-fg:#f3f4ff;--qb-muted:#c3c7ee;--qb-accent:#ffd86b;--qb-border:#ffffff24;--qb-btn-bg:#ffffff1f;--qb-btn-fg:#f3f4ff;--qb-shadow:0 1px 2px #00000073}.qb[data-look=newyear]{--qb-bg:linear-gradient(150deg, #10132b 0%, #2b1a4a 60%, #4a1d3f 100%);--qb-fg:#fff;--qb-muted:#dccff2;--qb-accent:#ffd166;--qb-border:#ffd1664d;--qb-btn-bg:#ffffff1f;--qb-btn-fg:#fff;--qb-shadow:0 1px 2px #00000080}.qb[data-look=tet]{--qb-bg:linear-gradient(150deg, #c8102e 0%, #a00d24 55%, #7a0a1c 100%);--qb-fg:#fff8e1;--qb-muted:#ffdcae;--qb-accent:#ffd23f;--qb-border:#ffd23f73;--qb-btn-bg:#7a0a1c8c;--qb-btn-fg:#ffe9a8;--qb-shadow:0 1px 2px #3c000a99}.qb[data-look=school]{--qb-bg:linear-gradient(90deg, transparent .95rem, #ef444459 .95rem 1.05rem, transparent 1.05rem), repeating-linear-gradient(180deg, transparent 0 1.55rem, #3b82f629 1.55rem 1.62rem), #fffdf6;--qb-fg:#1d2b53;--qb-muted:#44557d;--qb-accent:#1d4ed8;--qb-border:#1d2b5326;--qb-btn-bg:#fff;--qb-btn-fg:#1d2b53}.qb[data-look=flower]{--qb-bg:linear-gradient(140deg, #fff0f6 0%, #ffd6e7 55%, #fcc2d7 100%);--qb-fg:#4d0f2f;--qb-muted:#7f3358;--qb-accent:#c2255c;--qb-border:#c2255c38;--qb-btn-bg:#ffffffbf;--qb-btn-fg:#4d0f2f}.qb[data-look=youth]{--qb-bg:linear-gradient(135deg, #0b4fd6 0%, #1673f2 55%, #2b9bf4 100%);--qb-fg:#fff;--qb-muted:#dbeaff;--qb-accent:#ffe066;--qb-border:#ffffff40;--qb-btn-bg:#001e5a59;--qb-btn-fg:#fff;--qb-shadow:0 1px 2px #00144680}.qb[data-look=heritage]{--qb-bg:radial-gradient(circle at 90% 30%, #6b4420 0%, #432a14 45%, #2a180b 100%);--qb-fg:#fdf0d5;--qb-muted:#e3c79a;--qb-accent:#f0bf5a;--qb-border:#e9b44c59;--qb-btn-bg:#0000004d;--qb-btn-fg:#fdf0d5;--qb-shadow:0 1px 2px #0000008c}.qb[data-look=nation]{--qb-bg:linear-gradient(140deg, #da251d 0%, #c41e17 55%, #a3160f 100%);--qb-fg:#fff;--qb-muted:#ffe3da;--qb-accent:#ffde00;--qb-border:#ffde0066;--qb-btn-bg:#6e0a0573;--qb-btn-fg:#fff;--qb-shadow:0 1px 2px #5000008c}.qb[data-look=labour]{--qb-bg:linear-gradient(140deg, #e8590c 0%, #d9480f 45%, #b02525 100%);--qb-fg:#fff;--qb-muted:#ffe8d9;--qb-accent:#ffe066;--qb-border:#ffe06659;--qb-btn-bg:#5a0a0059;--qb-btn-fg:#fff;--qb-shadow:0 1px 2px #500a008c}.qb[data-look=lotus]{--qb-bg:linear-gradient(150deg, #f1faf2 0%, #e1f3e4 50%, #fde4ec 100%);--qb-fg:#163d28;--qb-muted:#3c654d;--qb-accent:#b8326a;--qb-border:#163d2829;--qb-btn-bg:#fffc;--qb-btn-fg:#163d28}.qb[data-look=kids]{--qb-bg:linear-gradient(135deg, #fff6cc 0%, #fff 45%, #dff1ff 100%);--qb-fg:#1f2a44;--qb-muted:#475473;--qb-accent:#d6336c;--qb-border:#1f2a4424;--qb-btn-bg:#ffffffd9;--qb-btn-fg:#1f2a44}.qb[data-look=moon]{--qb-bg:linear-gradient(165deg, #1a1446 0%, #2d1b69 55%, #43206e 100%);--qb-fg:#fff7e6;--qb-muted:#dccff5;--qb-accent:#ffcf5c;--qb-border:#ffcf5c4d;--qb-btn-bg:#ffffff1f;--qb-btn-fg:#fff7e6;--qb-shadow:0 1px 2px #00000080}.qb[data-look=halloween]{--qb-bg:linear-gradient(150deg, #1d0f2e 0%, #2e1446 60%, #3d1a3a 100%);--qb-fg:#fff4e6;--qb-muted:#e8d3ea;--qb-accent:#ff922b;--qb-border:#ff922b59;--qb-btn-bg:#ffffff1a;--qb-btn-fg:#fff4e6;--qb-shadow:0 1px 2px #0000008c}.qb[data-look=teacher]{--qb-bg:linear-gradient(140deg, #fff9ef 0%, #ffefdc 55%, #ffe2cc 100%);--qb-fg:#43250f;--qb-muted:#714a2c;--qb-accent:#c2410c;--qb-border:#43250f26;--qb-btn-bg:#fffc;--qb-btn-fg:#43250f}.qb[data-look=christmas]{--qb-bg:linear-gradient(150deg, #0f5132 0%, #146c43 55%, #0b3d26 100%);--qb-fg:#fff;--qb-muted:#d5f2e1;--qb-accent:#ffd43b;--qb-border:#ffd43b4d;--qb-btn-bg:#0003;--qb-btn-fg:#fff;--qb-shadow:0 1px 2px #00000080}@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{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--neon-angle:0deg}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--neon-angle:0deg}}}@layer theme{:root,:host{--font-sans:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-300:#ffd236;--color-amber-900:#7b3306;--color-emerald-400:#00d294;--color-emerald-950:#002c22;--color-sky-900:#024a70;--color-indigo-950:#1e1a4d;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-xl:0 9px 7px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-yellow:#f5c518;--color-brand-yellow-light:#ffd83d;--color-brand-yellow-deep:#a77e00;--color-brand-black:#131312;--color-brand-soft:#1c1c1a;--color-brand-panel:#262623;--color-brand-line:#3a3a36;--color-brand-cream:#fffef8;--color-brand-cream-2:#fff7cc;--color-brand-muted:#b8b5a6;--color-ok:#4ade80;--color-bad:#ff5a5a;--font-display:"Bangers", "Be Vietnam Pro", system-ui, sans-serif}@supports (color:lab(0% 0 0)){:root,:host{--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-emerald-400:lab(75.0771% -60.7313 19.4146);--color-emerald-950:lab(15.0582% -17.9507 2.38369);--color-sky-900:lab(29.1959% -8.34689 -28.2453);--color-indigo-950:lab(12.4853% 14.9672 -31.3418)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-tap-highlight-color:transparent}body{background-color:var(--color-brand-black);font-family:var(--font-sans);color:var(--color-brand-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--page-bg);background-size:var(--page-bg-size);min-height:100dvh;transition:background-image .3s}h1,h2,h3{font-family:var(--font-display);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}button,[role=button]{touch-action:manipulation}}@layer components{.btn{justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);border-radius:var(--radius-xl);padding-inline:calc(var(--spacing) * 5);--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide);text-transform:uppercase;transition-property:transform,box-shadow,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;-webkit-user-select:none;user-select:none;border-bottom-width:4px;min-height:48px;transition-duration:.1s;display:inline-flex}.btn:active{border-bottom-width:1px;transform:translateY(3px)}.btn-primary{border-color:var(--color-brand-yellow-deep);background-color:var(--color-brand-yellow);color:var(--color-brand-black)}.btn-primary:hover{background-color:var(--color-brand-yellow-light)}.btn-ghost{border-color:var(--color-brand-line);background-color:var(--color-brand-panel);color:var(--color-brand-cream)}.btn-ghost:hover{filter:brightness(1.15)}.card{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-brand-line);background-color:var(--color-brand-soft);border-radius:var(--card-radius)}.game-card{--card-accent:var(--accent-1)}.game-card:nth-child(4n+2){--card-accent:var(--accent-2)}.game-card:nth-child(4n+3){--card-accent:var(--accent-3)}.game-card:nth-child(4n+4){--card-accent:var(--accent-4)}.game-card[data-skill=listening]{--card-accent:#4cc9f0}.game-card[data-skill=speaking]{--card-accent:#7ae582}.game-card[data-skill=reading]{--card-accent:#f5c518}.game-card[data-skill=writing]{--card-accent:#ff6fae}.game-card[data-skill=review]{--card-accent:#b8b5a6}.game-card[data-skill]{border-left:4px solid var(--card-accent);background:linear-gradient(90deg, var(--card-accent), transparent 60%), var(--color-brand-soft)}@supports (color:color-mix(in lab, red, red)){.game-card[data-skill]{background:linear-gradient(90deg, color-mix(in srgb, var(--card-accent) 10%, transparent), transparent 60%), var(--color-brand-soft)}}.game-card:hover{border-color:var(--card-accent)}.game-card__icon{background:var(--card-accent);border-radius:calc(var(--card-radius) * .75)}.game-card__skill{color:var(--card-accent)}.chip{align-items:center;gap:var(--spacing);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-brand-line);background-color:var(--color-brand-panel);padding-inline:calc(var(--spacing) * 3);padding-block:var(--spacing);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold);color:var(--color-brand-muted);border-radius:2147483647px;display:inline-flex}.display-number{font-family:var(--font-display);color:var(--color-brand-yellow);text-shadow:0 2px 0 var(--color-brand-yellow-deep)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.inset-x-2{inset-inline:calc(var(--spacing) * 2)}.inset-y-0{inset-block:0}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-3{top:calc(var(--spacing) * -3)}.-top-8{top:calc(var(--spacing) * -8)}.-top-10{top:calc(var(--spacing) * -10)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:0}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-1\/3{top:33.3333%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-16{top:calc(var(--spacing) * 16)}.top-\[18\%\]{top:18%}.top-full{top:100%}.-right-1{right:calc(var(--spacing) * -1)}.-right-2{right:calc(var(--spacing) * -2)}.-right-6{right:calc(var(--spacing) * -6)}.-right-8{right:calc(var(--spacing) * -8)}.-right-10{right:calc(var(--spacing) * -10)}.-right-12{right:calc(var(--spacing) * -12)}.right-0{right:0}.right-1{right:var(--spacing)}.right-1\.5{right:calc(var(--spacing) * 1.5)}.right-2{right:calc(var(--spacing) * 2)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-16{bottom:calc(var(--spacing) * -16)}.bottom-0{bottom:0}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-8{bottom:calc(var(--spacing) * 8)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-24{bottom:calc(var(--spacing) * 24)}.-left-10{left:calc(var(--spacing) * -10)}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.z-\[41\]{z-index:41}.z-\[60\]{z-index:60}.col-span-2{grid-column:span 2/span 2}.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-26{margin:calc(var(--spacing) * 26)}.mx-3{margin-inline:calc(var(--spacing) * 3)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing) * 3)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.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-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.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)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-3\/2{aspect-ratio:3/2}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.size-24{width:calc(var(--spacing) * 24);height:calc(var(--spacing) * 24)}.size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.size-32{width:calc(var(--spacing) * 32);height:calc(var(--spacing) * 32)}.size-36{width:calc(var(--spacing) * 36);height:calc(var(--spacing) * 36)}.size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.size-48{width:calc(var(--spacing) * 48);height:calc(var(--spacing) * 48)}.size-56{width:calc(var(--spacing) * 56);height:calc(var(--spacing) * 56)}.size-60{width:calc(var(--spacing) * 60);height:calc(var(--spacing) * 60)}.size-\[62\%\]{width:62%;height:62%}.size-\[92\%\]{width:92%;height:92%}.size-full{width:100%;height:100%}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-28{height:calc(var(--spacing) * 28)}.h-36{height:calc(var(--spacing) * 36)}.h-40{height:calc(var(--spacing) * 40)}.h-48{height:calc(var(--spacing) * 48)}.h-56{height:calc(var(--spacing) * 56)}.h-80{height:calc(var(--spacing) * 80)}.h-\[5\.1rem\]{height:5.1rem}.h-auto{height:auto}.h-full{height:100%}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[85dvh\]{max-height:85dvh}.max-h-\[88dvh\]{max-height:88dvh}.max-h-\[calc\(100dvh-5rem\)\]{max-height:calc(100dvh - 5rem)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-60{min-height:calc(var(--spacing) * 60)}.min-h-72{min-height:calc(var(--spacing) * 72)}.min-h-\[40vh\]{min-height:40vh}.min-h-\[50vh\]{min-height:50vh}.min-h-\[320px\]{min-height:320px}.min-h-\[340px\]{min-height:340px}.min-h-\[380px\]{min-height:380px}.min-h-dvh{min-height:100dvh}.w-0\.5{width:calc(var(--spacing) * .5)}.w-2{width:calc(var(--spacing) * 2)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-21{width:calc(var(--spacing) * 21)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-\[4\.6rem\]{width:4.6rem}.w-\[calc\(100\%-1\.5rem\)\]{width:calc(100% - 1.5rem)}.w-\[min\(22rem\,calc\(100vw-2rem\)\)\]{width:min(22rem,100vw - 2rem)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-48{max-width:calc(var(--spacing) * 48)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[12rem\]{max-width:12rem}.max-w-\[14rem\]{max-width:14rem}.max-w-\[40vw\]{max-width:40vw}.max-w-\[45vw\]{max-width:45vw}.max-w-\[50vw\]{max-width:50vw}.max-w-\[80vw\]{max-width:80vw}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-10{min-width:calc(var(--spacing) * 10)}.min-w-16{min-width:calc(var(--spacing) * 16)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[640px\]{min-width:640px}.min-w-\[760px\]{min-width:760px}.min-w-\[820px\]{min-width:820px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.list-decimal{list-style-type:decimal}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[9\.5rem_1fr\]{grid-template-columns:9.5rem 1fr}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.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}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.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-8{gap:calc(var(--spacing) * 8)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-brand-line>:not(:last-child)){border-color:var(--color-brand-line)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[9px\]{border-radius:9px}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[var\(--accent-2\)\]{border-color:var(--accent-2)}.border-bad{border-color:var(--color-bad)}.border-bad\/40{border-color:#ff5a5a66}@supports (color:color-mix(in lab, red, red)){.border-bad\/40{border-color:color-mix(in oklab, var(--color-bad) 40%, transparent)}}.border-bad\/50{border-color:#ff5a5a80}@supports (color:color-mix(in lab, red, red)){.border-bad\/50{border-color:color-mix(in oklab, var(--color-bad) 50%, transparent)}}.border-bad\/60{border-color:#ff5a5a99}@supports (color:color-mix(in lab, red, red)){.border-bad\/60{border-color:color-mix(in oklab, var(--color-bad) 60%, transparent)}}.border-brand-black{border-color:var(--color-brand-black)}.border-brand-line{border-color:var(--color-brand-line)}.border-brand-yellow{border-color:var(--color-brand-yellow)}.border-brand-yellow\/40{border-color:#f5c51866}@supports (color:color-mix(in lab, red, red)){.border-brand-yellow\/40{border-color:color-mix(in oklab, var(--color-brand-yellow) 40%, transparent)}}.border-brand-yellow\/50{border-color:#f5c51880}@supports (color:color-mix(in lab, red, red)){.border-brand-yellow\/50{border-color:color-mix(in oklab, var(--color-brand-yellow) 50%, transparent)}}.border-brand-yellow\/60{border-color:#f5c51899}@supports (color:color-mix(in lab, red, red)){.border-brand-yellow\/60{border-color:color-mix(in oklab, var(--color-brand-yellow) 60%, transparent)}}.border-brand-yellow\/70{border-color:#f5c518b3}@supports (color:color-mix(in lab, red, red)){.border-brand-yellow\/70{border-color:color-mix(in oklab, var(--color-brand-yellow) 70%, transparent)}}.border-ok{border-color:var(--color-ok)}.border-ok\/40{border-color:#4ade8066}@supports (color:color-mix(in lab, red, red)){.border-ok\/40{border-color:color-mix(in oklab, var(--color-ok) 40%, transparent)}}.border-ok\/50{border-color:#4ade8080}@supports (color:color-mix(in lab, red, red)){.border-ok\/50{border-color:color-mix(in oklab, var(--color-ok) 50%, transparent)}}.border-ok\/60{border-color:#4ade8099}@supports (color:color-mix(in lab, red, red)){.border-ok\/60{border-color:color-mix(in oklab, var(--color-ok) 60%, transparent)}}.border-ok\/70{border-color:#4ade80b3}@supports (color:color-mix(in lab, red, red)){.border-ok\/70{border-color:color-mix(in oklab, var(--color-ok) 70%, transparent)}}.border-transparent{border-color:#0000}.border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-\[\#c9843a\]{background-color:#c9843a}.bg-\[\#d9d9d9\]{background-color:#d9d9d9}.bg-bad{background-color:var(--color-bad)}.bg-bad\/10{background-color:#ff5a5a1a}@supports (color:color-mix(in lab, red, red)){.bg-bad\/10{background-color:color-mix(in oklab, var(--color-bad) 10%, transparent)}}.bg-bad\/15{background-color:#ff5a5a26}@supports (color:color-mix(in lab, red, red)){.bg-bad\/15{background-color:color-mix(in oklab, var(--color-bad) 15%, transparent)}}.bg-bad\/20{background-color:#ff5a5a33}@supports (color:color-mix(in lab, red, red)){.bg-bad\/20{background-color:color-mix(in oklab, var(--color-bad) 20%, transparent)}}.bg-bad\/90{background-color:#ff5a5ae6}@supports (color:color-mix(in lab, red, red)){.bg-bad\/90{background-color:color-mix(in oklab, var(--color-bad) 90%, transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-black\/25{background-color:#00000040}@supports (color:color-mix(in lab, red, red)){.bg-black\/25{background-color:color-mix(in oklab, var(--color-black) 25%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/65{background-color:#000000a6}@supports (color:color-mix(in lab, red, red)){.bg-black\/65{background-color:color-mix(in oklab, var(--color-black) 65%, transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-brand-black{background-color:var(--color-brand-black)}.bg-brand-black\/30{background-color:#1313124d}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/30{background-color:color-mix(in oklab, var(--color-brand-black) 30%, transparent)}}.bg-brand-black\/40{background-color:#13131266}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/40{background-color:color-mix(in oklab, var(--color-brand-black) 40%, transparent)}}.bg-brand-black\/60{background-color:#13131299}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/60{background-color:color-mix(in oklab, var(--color-brand-black) 60%, transparent)}}.bg-brand-black\/70{background-color:#131312b3}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/70{background-color:color-mix(in oklab, var(--color-brand-black) 70%, transparent)}}.bg-brand-black\/80{background-color:#131312cc}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/80{background-color:color-mix(in oklab, var(--color-brand-black) 80%, transparent)}}.bg-brand-black\/85{background-color:#131312d9}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/85{background-color:color-mix(in oklab, var(--color-brand-black) 85%, transparent)}}.bg-brand-black\/90{background-color:#131312e6}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/90{background-color:color-mix(in oklab, var(--color-brand-black) 90%, transparent)}}.bg-brand-black\/95{background-color:#131312f2}@supports (color:color-mix(in lab, red, red)){.bg-brand-black\/95{background-color:color-mix(in oklab, var(--color-brand-black) 95%, transparent)}}.bg-brand-cream{background-color:var(--color-brand-cream)}.bg-brand-cream\/70{background-color:#fffef8b3}@supports (color:color-mix(in lab, red, red)){.bg-brand-cream\/70{background-color:color-mix(in oklab, var(--color-brand-cream) 70%, transparent)}}.bg-brand-line{background-color:var(--color-brand-line)}.bg-brand-muted{background-color:var(--color-brand-muted)}.bg-brand-panel{background-color:var(--color-brand-panel)}.bg-brand-panel\/40{background-color:#26262366}@supports (color:color-mix(in lab, red, red)){.bg-brand-panel\/40{background-color:color-mix(in oklab, var(--color-brand-panel) 40%, transparent)}}.bg-brand-panel\/60{background-color:#26262399}@supports (color:color-mix(in lab, red, red)){.bg-brand-panel\/60{background-color:color-mix(in oklab, var(--color-brand-panel) 60%, transparent)}}.bg-brand-panel\/80{background-color:#262623cc}@supports (color:color-mix(in lab, red, red)){.bg-brand-panel\/80{background-color:color-mix(in oklab, var(--color-brand-panel) 80%, transparent)}}.bg-brand-soft{background-color:var(--color-brand-soft)}.bg-brand-yellow{background-color:var(--color-brand-yellow)}.bg-brand-yellow\/5{background-color:#f5c5180d}@supports (color:color-mix(in lab, red, red)){.bg-brand-yellow\/5{background-color:color-mix(in oklab, var(--color-brand-yellow) 5%, transparent)}}.bg-brand-yellow\/10{background-color:#f5c5181a}@supports (color:color-mix(in lab, red, red)){.bg-brand-yellow\/10{background-color:color-mix(in oklab, var(--color-brand-yellow) 10%, transparent)}}.bg-brand-yellow\/15{background-color:#f5c51826}@supports (color:color-mix(in lab, red, red)){.bg-brand-yellow\/15{background-color:color-mix(in oklab, var(--color-brand-yellow) 15%, transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-ok{background-color:var(--color-ok)}.bg-ok\/10{background-color:#4ade801a}@supports (color:color-mix(in lab, red, red)){.bg-ok\/10{background-color:color-mix(in oklab, var(--color-ok) 10%, transparent)}}.bg-ok\/15{background-color:#4ade8026}@supports (color:color-mix(in lab, red, red)){.bg-ok\/15{background-color:color-mix(in oklab, var(--color-ok) 15%, transparent)}}.bg-ok\/20{background-color:#4ade8033}@supports (color:color-mix(in lab, red, red)){.bg-ok\/20{background-color:color-mix(in oklab, var(--color-ok) 20%, transparent)}}.bg-transparent{background-color:#0000}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, 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-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#120f33\]{--tw-gradient-from:#120f33;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-bad{--tw-gradient-from:var(--color-bad);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-950\/60{--tw-gradient-from:#1e1a4d99}@supports (color:color-mix(in lab, red, red)){.from-indigo-950\/60{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-950) 60%, transparent)}}.from-indigo-950\/60{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-900\/40{--tw-gradient-from:#024a7066}@supports (color:color-mix(in lab, red, red)){.from-sky-900\/40{--tw-gradient-from:color-mix(in oklab, var(--color-sky-900) 40%, transparent)}}.from-sky-900\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#4a3f8f\]{--tw-gradient-to:#4a3f8f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-\[\#ff9f5a\]{--tw-gradient-to:#ff9f5a;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-amber-900\/40{--tw-gradient-to:#7b330666}@supports (color:color-mix(in lab, red, red)){.to-amber-900\/40{--tw-gradient-to:color-mix(in oklab, var(--color-amber-900) 40%, transparent)}}.to-amber-900\/40{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-950\/50{--tw-gradient-to:#002c2280}@supports (color:color-mix(in lab, red, red)){.to-emerald-950\/50{--tw-gradient-to:color-mix(in oklab, var(--color-emerald-950) 50%, transparent)}}.to-emerald-950\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-brand-line{fill:var(--color-brand-line)}.fill-brand-yellow{fill:var(--color-brand-yellow)}.fill-current{fill:currentColor}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.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)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.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)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-0{padding-block:0}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-1{padding-right:var(--spacing)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pl-1{padding-left:var(--spacing)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-14{padding-left:calc(var(--spacing) * 14)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.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-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--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))}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[min\(4vw\,2\.5rem\)\]{font-size:min(4vw,2.5rem)}.text-\[min\(9vw\,5\.5rem\)\]{font-size:min(9vw,5.5rem)}.text-\[min\(22vw\,11rem\)\]{font-size:min(22vw,11rem)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading:1;line-height:1}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.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}.wrap-anywhere{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent-2\)\]{color:var(--accent-2)}.text-bad{color:var(--color-bad)}.text-brand-black{color:var(--color-brand-black)}.text-brand-black\/70{color:#131312b3}@supports (color:color-mix(in lab, red, red)){.text-brand-black\/70{color:color-mix(in oklab, var(--color-brand-black) 70%, transparent)}}.text-brand-cream{color:var(--color-brand-cream)}.text-brand-cream-2{color:var(--color-brand-cream-2)}.text-brand-cream\/80{color:#fffef8cc}@supports (color:color-mix(in lab, red, red)){.text-brand-cream\/80{color:color-mix(in oklab, var(--color-brand-cream) 80%, transparent)}}.text-brand-cream\/85{color:#fffef8d9}@supports (color:color-mix(in lab, red, red)){.text-brand-cream\/85{color:color-mix(in oklab, var(--color-brand-cream) 85%, transparent)}}.text-brand-muted{color:var(--color-brand-muted)}.text-brand-yellow{color:var(--color-brand-yellow)}.text-ok{color:var(--color-ok)}.text-white{color:var(--color-white)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.accent-brand-yellow{accent-color:var(--color-brand-yellow)}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.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-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);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_2px_0_var\(--color-brand-yellow-deep\)\]{--tw-shadow:0 2px 0 var(--tw-shadow-color,var(--color-brand-yellow-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-\[0_3px_0_var\(--color-brand-yellow-deep\)\]{--tw-shadow:0 3px 0 var(--tw-shadow-color,var(--color-brand-yellow-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-glow{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#f5c51840), 0 12px 40px var(--tw-shadow-color,#f5c51826);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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\!{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.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)}.shadow-black\/60{--tw-shadow-color:#0009}@supports (color:color-mix(in lab, red, red)){.shadow-black\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-amber-300{--tw-ring-color:var(--color-amber-300)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-brand-panel{--tw-ring-offset-color:var(--color-brand-panel)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));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,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.drop-shadow-\[0_2px_2px_rgba\(0\,0\,0\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 2px 2px var(--tw-drop-shadow-color,#00000073));--tw-drop-shadow:var(--tw-drop-shadow-size);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,)}.drop-shadow-xl{--tw-drop-shadow-size:drop-shadow(0 9px 7px var(--tw-drop-shadow-color,#0000001a));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xl));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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.sepia{--tw-sepia:sepia(100%);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,)}.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{--tw-backdrop-blur:blur(8px);-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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:text-brand-yellow:is(:where(.group):hover *){color:var(--color-brand-yellow)}}.placeholder\:text-lg::placeholder{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.placeholder\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\:tracking-widest::placeholder{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.placeholder\:text-brand-muted::placeholder{color:var(--color-brand-muted)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--accent-2\)\]:hover{border-color:var(--accent-2)}.hover\:border-brand-line:hover{border-color:var(--color-brand-line)}.hover\:border-brand-muted:hover{border-color:var(--color-brand-muted)}.hover\:border-brand-yellow:hover{border-color:var(--color-brand-yellow)}.hover\:border-brand-yellow\/60:hover{border-color:#f5c51899}@supports (color:color-mix(in lab, red, red)){.hover\:border-brand-yellow\/60:hover{border-color:color-mix(in oklab, var(--color-brand-yellow) 60%, transparent)}}.hover\:bg-black\/30:hover{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/30:hover{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.hover\:bg-brand-panel:hover{background-color:var(--color-brand-panel)}.hover\:text-brand-cream:hover{color:var(--color-brand-cream)}.hover\:text-brand-yellow:hover{color:var(--color-brand-yellow)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-glow:hover{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#f5c51840), 0 12px 40px var(--tw-shadow-color,#f5c51826);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-brand-yellow:focus{border-color:var(--color-brand-yellow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:border-brand-yellow:focus-visible{border-color:var(--color-brand-yellow)}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}@media (hover:hover){.enabled\:hover\:border-brand-yellow\/70:enabled:hover{border-color:#f5c518b3}@supports (color:color-mix(in lab, red, red)){.enabled\:hover\:border-brand-yellow\/70:enabled:hover{border-color:color-mix(in oklab, var(--color-brand-yellow) 70%, transparent)}}}.disabled\:cursor-default:disabled{cursor:default}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:bottom-4{bottom:calc(var(--spacing) * 4)}.sm\:bottom-8{bottom:calc(var(--spacing) * 8)}.sm\:left-1\/2{left:50%}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mt-1{margin-top:var(--spacing)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.sm\:size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.sm\:size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.sm\:size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.sm\:size-40{width:calc(var(--spacing) * 40);height:calc(var(--spacing) * 40)}.sm\:size-44{width:calc(var(--spacing) * 44);height:calc(var(--spacing) * 44)}.sm\:size-48{width:calc(var(--spacing) * 48);height:calc(var(--spacing) * 48)}.sm\:size-52{width:calc(var(--spacing) * 52);height:calc(var(--spacing) * 52)}.sm\:h-36{height:calc(var(--spacing) * 36)}.sm\:h-44{height:calc(var(--spacing) * 44)}.sm\:h-48{height:calc(var(--spacing) * 48)}.sm\:w-auto{width:auto}.sm\:w-fit{width:-moz-fit-content;width:fit-content}.sm\:min-w-24{min-width:calc(var(--spacing) * 24)}.sm\:flex-none{flex:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-\[1fr_12rem_auto\]{grid-template-columns:1fr 12rem auto}.sm\:grid-cols-\[12rem_1fr\]{grid-template-columns:12rem 1fr}.sm\:grid-cols-\[13rem_1fr\]{grid-template-columns:13rem 1fr}.sm\:grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:px-16{padding-inline:calc(var(--spacing) * 16)}.sm\:pr-1{padding-right:var(--spacing)}.sm\:pr-8{padding-right:calc(var(--spacing) * 8)}.sm\:pr-\[calc\(50\%\+2\.5rem\)\]{padding-right:calc(50% + 2.5rem)}.sm\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.sm\:pl-0{padding-left:0}.sm\:pl-8{padding-left:calc(var(--spacing) * 8)}.sm\:pl-\[calc\(50\%\+2\.5rem\)\]{padding-left:calc(50% + 2.5rem)}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[10px\]{font-size:10px}.sm\:text-\[11px\]{font-size:11px}}@media (min-width:48rem){.md\:mt-2{margin-top:calc(var(--spacing) * 2)}.md\:mt-4{margin-top:calc(var(--spacing) * 4)}.md\:block{display:block}.md\:w-56{width:calc(var(--spacing) * 56)}.md\:max-w-full{max-width:100%}.md\:shrink-0{flex-shrink:0}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}.md\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:px-3{padding-inline:calc(var(--spacing) * 3)}.md\:py-5{padding-block:calc(var(--spacing) * 5)}}@media (min-width:64rem){.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}}:root{--card-radius:1rem;--accent-1:var(--color-brand-yellow);--accent-2:var(--color-brand-yellow);--accent-3:var(--color-brand-yellow);--accent-4:var(--color-brand-yellow);--page-bg:radial-gradient(circle at 10% 0%, #f5c51814, transparent 40%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px);--page-bg-size:auto, 32px 32px, 32px 32px}:root[data-theme=tieu-hoc]{--card-radius:1.5rem;--accent-1:#f5c518;--accent-2:#ff6fae;--accent-3:#4cc9f0;--accent-4:#7ae582;--page-bg:radial-gradient(circle at 15% 10%, #ff6fae2e, transparent 35%), radial-gradient(circle at 85% 20%, #4cc9f029, transparent 35%), radial-gradient(circle at 50% 90%, #7ae58224, transparent 40%), radial-gradient(#ffffff0f 1.5px, transparent 1.5px);--page-bg-size:auto, auto, auto, 22px 22px}:root[data-theme=thcs]{--card-radius:1.1rem;--accent-1:#f5c518;--accent-2:#2ec4b6;--accent-3:#f5c518;--accent-4:#2ec4b6;--page-bg:radial-gradient(circle at 10% 0%, #f5c5181a, transparent 40%), radial-gradient(circle at 90% 100%, #2ec4b61a, transparent 40%), linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg, #ffffff06 1px, transparent 1px);--page-bg-size:auto, auto, 32px 32px, 32px 32px}:root[data-theme=thpt]{--card-radius:.6rem;--accent-1:#f5c518;--accent-2:#f5c518;--accent-3:#f5c518;--accent-4:#f5c518;--page-bg:linear-gradient(180deg, #151513 0%, #131312 100%);--page-bg-size:auto}:root[data-theme=thpt] .shadow-glow{box-shadow:0 0 0 2px #f5c51859}:root[data-theme=tieu-hoc] h1,:root[data-theme=tieu-hoc] .display-number{letter-spacing:.04em}:root[data-theme=thpt] h1,:root[data-theme=thpt] h2,:root[data-theme=thpt] h3{letter-spacing:.01em}@keyframes pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}.animate-pop{animation:.35s cubic-bezier(.2,.9,.2,1) both pop}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.animate-shake{animation:.4s both shake}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}to{opacity:0;transform:translateY(70vh)rotate(540deg)}}.confetti-piece{border-radius:2px;width:10px;height:14px;animation:1.6s ease-in both confetti-fall;position:absolute;top:-10px}@keyframes screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(5px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-2px)}}html.is-shaking body{animation:.3s both screen-shake}@keyframes float-up{0%{opacity:0;transform:translate(-50%)scale(.7)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.15)}to{opacity:0;transform:translate(-50%,-70px)scale(1)}}.float-text{animation:1s ease-out both float-up}.heart{width:22px;height:20px;transition:transform .2s,filter .2s;display:inline-block;position:relative}.heart:before,.heart:after{content:"";transform-origin:0 100%;background:#ff5a5a;border-radius:11px 11px 0 0;width:11px;height:18px;position:absolute;top:0;left:11px;transform:rotate(-45deg)}.heart:after{transform-origin:100% 100%;left:0;transform:rotate(45deg)}.heart.is-on{filter:drop-shadow(0 0 6px #ff5a5ab3)}.heart.is-off{opacity:.25;transform:scale(.85)}.heart.is-off:before,.heart.is-off:after{background:#6b6b64}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mascot-jump{0%{transform:translateY(0)scale(1)}35%{transform:translateY(-26px)scale(1.08)}70%{transform:translateY(0)scale(.96,1.04)}to{transform:translateY(0)scale(1)}}@keyframes mascot-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes mascot-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(10deg)scale(1.15)}to{transform:rotate(0)scale(1)}}.mascot-idle{animation:2.4s ease-in-out infinite mascot-bob}.mascot-happy{animation:.6s both mascot-jump}.mascot-sad{animation:.5s both mascot-shake}.mascot-cheer{animation:.7s both mascot-spin}.mascot-think{animation:1.2s ease-in-out infinite mascot-bob}:root[data-theme=thpt] .mascot{transform-origin:bottom;transform:scale(.75)}@keyframes boss-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02)}}@keyframes boss-hit{0%{filter:brightness();transform:translate(0)}20%{filter:brightness(2.2)saturate(.3);transform:translate(-14px)rotate(-4deg)}50%{filter:brightness(1.5);transform:translate(12px)rotate(3deg)}to{filter:brightness();transform:translate(0)}}@keyframes boss-attack{0%{transform:scale(1)translateY(0)}40%{filter:drop-shadow(0 0 18px #ff5a5acc);transform:scale(1.3)translateY(30px)}to{transform:scale(1)translateY(0)}}@keyframes boss-dead{0%{opacity:1;transform:rotate(0)scale(1)}to{opacity:0;transform:rotate(25deg)scale(.4)translateY(60px)}}.boss{transition:filter .2s}.boss-idle{animation:2.2s ease-in-out infinite boss-idle}.boss-hit{animation:.45s both boss-hit}.boss-attack{animation:.6s both boss-attack}.boss-dead{animation:1.1s both boss-dead}.boss-revenge img{filter:sepia()saturate(4)hue-rotate(-40deg)brightness(.9)drop-shadow(0 0 18px #ff4646cc);transform:scale(1.1)}.streak-badge{color:var(--color-brand-black);background:linear-gradient(135deg,#ffd83d,#ff8a3d);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:800;display:inline-flex;box-shadow:0 2px #b5521a}.streak-badge--cold{background:var(--color-brand-panel);color:var(--color-brand-muted);box-shadow:none;border:1px dashed var(--color-brand-line)}.streak-number{font-family:var(--font-display);letter-spacing:.02em;font-size:1.15rem;line-height:1}.hole{background:radial-gradient(at 50% 90%,#0000008c,#0000 60%);border-radius:18px}.hole-dirt{background:radial-gradient(#2b1a0e 0%,#4a2d16 55%,#0000 72%);border-radius:50%;height:22%;position:absolute;bottom:6%;left:8%;right:8%}@keyframes mole-rise{0%{transform:translateY(70%)}60%{transform:translateY(-6%)}to{transform:translateY(0)}}@keyframes mole-bonk{0%{transform:translateY(0)scale(1)}30%{transform:translateY(8%)scale(1.05,.9)}to{opacity:.8;transform:translateY(45%)scale(1)}}.mole{transform-origin:bottom;cursor:pointer;background:0 0;border:0;padding:0}.mole-up{animation:.28s cubic-bezier(.2,.9,.2,1) both mole-rise}.mole-bonk{pointer-events:none;animation:.45s both mole-bonk}.mole-sign{color:#131312;text-align:center;overflow-wrap:anywhere;place-items:center;height:27%;padding:0 4px;font-size:clamp(12px,3.4vw,18px);font-weight:800;line-height:1.1;display:grid;position:absolute;top:9%;left:14%;right:9%}.play-bg{z-index:-1;opacity:0;background-position:bottom;background-size:cover;transition:opacity .4s;position:fixed;inset:0}:root[data-theme=tieu-hoc] .play-bg{opacity:.55;background-image:url(/art/bg-tieu-hoc.jpg)}:root[data-theme=thcs] .play-bg{opacity:.45;background-image:url(/art/bg-thcs.jpg)}.play-bg:after{content:"";background:linear-gradient(#131312bf,#13131259 40%,#131312cc);position:absolute;inset:0}.catcher-arena{background:linear-gradient(#4cc9f01f,#1313124d)}.rich-blank{vertical-align:-.12em;opacity:.85;border-bottom:3px solid;width:3.2em;height:1em;margin:0 .15em;display:inline-block}.rich-filled{color:var(--color-ok);background:#4ade802e;border-radius:.3em;padding:0 .25em;display:inline-block}.rich-mark{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--color-brand-yellow);-webkit-text-decoration-color:var(--color-brand-yellow);-webkit-text-decoration-color:var(--color-brand-yellow);text-decoration-color:var(--color-brand-yellow);font-weight:800}.rich-mark__label{color:var(--color-brand-yellow);margin-left:.12em;font-size:.55em;font-weight:800}.mole-sign .rich-mark{text-decoration-color:currentColor}.drill-splash{z-index:40;border:3px solid var(--color-brand-yellow);max-width:90vw;color:var(--color-brand-yellow);font-family:var(--font-display);text-align:center;pointer-events:none;background:#131312eb;border-radius:1.25rem;padding:.6rem 1.4rem;font-size:clamp(1.6rem,6vw,2.6rem);line-height:1.1;animation:1.9s both drill-splash;position:fixed;top:38%;left:50%;box-shadow:0 0 40px #f5c51859}@keyframes drill-splash{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}25%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;visibility:hidden;transform:translate(-50%,-70%)scale(.95)}}.drill-chip{border:2px solid var(--color-brand-yellow);color:var(--color-brand-yellow);background:#f5c5181f;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .85rem;font-size:.85rem;font-weight:800;display:inline-flex}@media (prefers-reduced-motion:reduce){.animate-pop,.animate-shake,.confetti-piece,.float-text,.mascot-idle,.boss-idle,html.is-shaking body{animation:none}}@keyframes egg-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes egg-hatch{0%{transform:rotate(0)scale(1)}20%{transform:rotate(-12deg)scale(1.05)}40%{transform:rotate(12deg)scale(1.08)}60%{filter:brightness(1.2);transform:rotate(-16deg)scale(1.12)}80%{filter:brightness(1.6);transform:rotate(16deg)scale(1.16)}to{filter:brightness(3);transform:rotate(0)scale(1.25)}}@keyframes pet-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.egg-ready{transform-origin:50% 90%;animation:1.6s ease-in-out infinite egg-wobble}.egg-hatching{transform-origin:50% 90%;animation:1.6s ease-in both egg-hatch}.pet-bob{animation:2s ease-in-out infinite pet-bob}.pet-locked{filter:brightness(0)opacity(.3)}.pet-sad{filter:grayscale(.7)brightness(.85)}.pet-glow-rare{filter:drop-shadow(0 0 14px #4cc9f0bf)}.pet-glow-legendary{filter:drop-shadow(0 0 18px #ffd83de6)}.rarity-common{color:var(--color-brand-muted)}.rarity-rare{color:#4cc9f0;border-color:#4cc9f080}.rarity-legendary{color:var(--color-brand-yellow);border-color:#f5c51899}.pet-card--rare{background-image:radial-gradient(circle at 50% 30%,#4cc9f01f,#0000 60%)}.pet-card--legendary{background-image:radial-gradient(circle at 50% 30%,#f5c51829,#0000 60%)}.pet-avatar{object-fit:contain;width:2.25rem;height:2.25rem}@media (prefers-reduced-motion:reduce){.egg-ready,.egg-hatching,.pet-bob{animation:none}}.pet{--pet-scale:1;-webkit-tap-highlight-color:transparent;flex-shrink:0;display:inline-block;position:relative;container-type:inline-size}.pet--stage-1{--pet-scale:.8}.pet--stage-2{--pet-scale:.92}.pet--interactive{cursor:pointer}.pet-move{transform-origin:50% 100%;position:absolute;inset:0}.pet-breathe{transform-origin:50% 100%;width:100%;height:100%;animation:2.6s ease-in-out infinite pet-breathe;display:block}.pet--floats .pet-breathe{animation:2.4s ease-in-out infinite pet-hover}.pet-img{object-fit:contain;object-position:50% 100%;width:100%;height:100%;transform:scale(var(--pet-scale));transform-origin:50% 100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:filter .4s;display:block}.pet--stage-3 .pet-img{filter:drop-shadow(0 0 5px #ffd83da6)}.pet--sleepy .pet-breathe{animation:4s ease-in-out infinite pet-doze}.pet--sleepy .pet-img{filter:grayscale(.55)brightness(.82)}.pet--sleepy.pet--floats .pet-breathe{animation:4s ease-in-out infinite pet-doze-float}@keyframes pet-breathe{0%,to{transform:scale(1)}50%{transform:scale(.985,1.03)}}@keyframes pet-hover{0%,to{transform:translateY(0)rotate(0)}30%{transform:translateY(-7%)rotate(-1.5deg)}70%{transform:translateY(-3%)rotate(1.5deg)}}@keyframes pet-doze{0%,to{transform:rotate(-4deg)scaleY(.97)}50%{transform:rotate(-4deg)scale(1.03,.93)}}@keyframes pet-doze-float{0%,to{transform:translateY(5%)rotate(-5deg)}50%{transform:translateY(7%)rotate(-5deg)scale(1.02,.96)}}.pet-act-hop{animation:.65s ease-out pet-hop}.pet-act-hop2{animation:1.1s ease-out pet-hop2}.pet-act-swoop{animation:1.2s ease-in-out pet-swoop}.pet-act-look{animation:1.9s ease-in-out pet-look}.pet-act-wiggle{animation:.7s ease-in-out pet-wiggle}.pet-act-stretch{animation:1.3s ease-in-out pet-stretch}.pet-act-pace{animation:2.6s ease-in-out pet-pace}.pet-act-spin{animation:.9s ease-in-out pet-spin}.pet-act-power{animation:1.5s ease-in-out pet-power}.pet-act-power .pet-img{animation:1.5s ease-in-out pet-aura}.pet-act-power:after{content:"";aspect-ratio:1;opacity:0;border:2px solid #ffd83de6;border-radius:50%;width:90%;animation:1.5s ease-out .35s pet-ring;position:absolute;bottom:35%;left:50%;transform:translate(-50%,50%)scale(.3);box-shadow:0 0 12px #ffd83db3,inset 0 0 12px #ffd83d80}.pet-act-stir{animation:.9s ease-in-out pet-stir}.pet-act-happy{animation:.95s ease-out pet-happy}.pet-act-wake{animation:.8s ease-out pet-wake}@keyframes pet-hop{0%{transform:none}18%{transform:scale(1.12,.86)}45%{transform:translateY(-26%)scale(.92,1.1)}72%{transform:translateY(0)scale(1.1,.9)}86%{transform:scale(.97,1.03)}to{transform:none}}@keyframes pet-hop2{0%{transform:none}10%{transform:scale(1.1,.88)}25%{transform:translateY(-20%)scale(.94,1.08)}40%{transform:translateY(0)scale(1.08,.92)}55%{transform:translateY(-28%)scale(.92,1.1)rotate(4deg)}75%{transform:translateY(0)scale(1.1,.9)}88%{transform:scale(.97,1.03)}to{transform:none}}@keyframes pet-swoop{0%,to{transform:none}30%{transform:translate(-8%,10%)rotate(-8deg)}65%{transform:translate(8%,-14%)rotate(8deg)}}@keyframes pet-look{0%{transform:scaleX(1)}8%,46%{transform:scaleX(-1)}54%{transform:scaleX(1)}66%,88%{transform:rotate(7deg)}to{transform:none}}@keyframes pet-wiggle{0%,to{transform:none}20%{transform:rotate(-9deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(4deg)}}@keyframes pet-stretch{0%,to{transform:none}25%{transform:scale(1.08,.86)}55%{transform:translateY(-3%)scale(.9,1.16)}75%{transform:scale(1.04,.96)}}@keyframes pet-pace{0%,to{transform:none}10%{transform:translate(-4%,-3%)rotate(-3deg)}20%{transform:translate(-8%)rotate(0)}30%{transform:translate(-12%,-3%)rotate(-3deg)}40%,52%{transform:translate(-16%)rotate(0)}62%{transform:translate(-11%,-3%)rotate(3deg)}72%{transform:translate(-6%)rotate(0)}84%{transform:translate(-2%,-3%)rotate(3deg)}}@keyframes pet-spin{0%{transform:none}20%{transform:translateY(-18%)}80%{transform:translateY(-18%)rotateY(360deg)}to{transform:rotateY(360deg)}}@keyframes pet-power{0%,to{transform:none}20%{transform:scale(1.08,.9)}40%,70%{transform:translateY(-5%)scale(1.1)}}@keyframes pet-aura{0%,to{filter:drop-shadow(0 0 5px #ffd83da6)}50%{filter:drop-shadow(0 0 18px #ffd83d)brightness(1.25)}}@keyframes pet-ring{0%{opacity:.9;transform:translate(-50%,50%)scale(.3)}to{opacity:0;transform:translate(-50%,50%)scale(1.5)}}@keyframes pet-stir{0%,to{transform:none}30%{transform:rotate(4deg)scale(1.03,.97)}60%{transform:rotate(-2deg)}}@keyframes pet-happy{0%{transform:none}15%{transform:scale(1.16,.82)}45%{transform:translateY(-36%)scale(.9,1.12)rotate(-8deg)}70%{transform:translateY(0)scale(1.12,.88)}85%{transform:scale(.96,1.04)}to{transform:none}}@keyframes pet-wake{0%{transform:rotate(-4deg)}25%{transform:translateY(-16%)scale(.95,1.08)}60%{transform:translateY(0)scale(1.06,.94)}to{transform:none}}.pet-zz{pointer-events:none;font-family:var(--font-display);color:#c7d2fe;font-weight:700;line-height:1;position:absolute;top:-4%;right:2%}.pet-zz span{opacity:0;font-size:max(9px,20cqw);animation:2.7s ease-out infinite pet-z;position:absolute;top:0;right:0}.pet-zz span:nth-child(2){font-size:max(8px,15cqw);animation-delay:.9s}.pet-zz span:nth-child(3){font-size:max(7px,11cqw);animation-delay:1.8s}@keyframes pet-z{0%{opacity:0;transform:translate(0)}25%{opacity:1}to{opacity:0;transform:translate(60%,-140%)}}.pet-hearts{pointer-events:none;position:absolute;top:10%;left:50%}.pet-heart{fill:#ff6fae;opacity:0;width:max(10px,22cqw);height:max(10px,22cqw);animation:1s ease-out forwards pet-heart;position:absolute}.pet-heart:nth-child(2){fill:#ff5a5a;animation-name:pet-heart-l;animation-delay:.1s}.pet-heart:nth-child(3){fill:#ffb3d1;animation-name:pet-heart-r;animation-delay:.2s}@keyframes pet-heart{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-160%)scale(1)}}@keyframes pet-heart-l{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-190%,-110%)scale(.85)rotate(-20deg)}}@keyframes pet-heart-r{0%{opacity:0;transform:translate(-50%)scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(90%,-120%)scale(.85)rotate(20deg)}}.evo-stage{aspect-ratio:1;width:min(15rem,70vw);margin:0 auto;animation:3.2s ease-in forwards evo-pulse;position:relative}.evo-rays{background:repeating-conic-gradient(#ffd83d47 0deg 9deg,#0000 9deg 18deg);border-radius:50%;animation:7s linear infinite evo-spin;position:absolute;inset:-35%;-webkit-mask:radial-gradient(circle,#000 25%,#0000 68%);mask:radial-gradient(circle,#000 25%,#0000 68%)}.evo-form{object-fit:contain;filter:brightness(0)invert()drop-shadow(0 0 18px #ffffffe6);width:100%;height:100%;position:absolute;inset:0}.evo-form--from{animation:3.2s step-end forwards evo-from}.evo-form--to{opacity:0;animation:3.2s step-end forwards evo-to}.evo-flash{z-index:60;pointer-events:none;background:#fff;animation:.9s ease-out forwards evo-flash;position:fixed;inset:0}@keyframes evo-spin{to{transform:rotate(360deg)}}@keyframes evo-pulse{0%{transform:scale(.9)}to{transform:scale(1.12)}}@keyframes evo-from{0%{opacity:1}18%{opacity:0}30%{opacity:1}40%{opacity:0}48%{opacity:1}55%{opacity:0}61%{opacity:1}66%{opacity:0}70%{opacity:1}74%{opacity:0}77%{opacity:1}80%{opacity:0}83%{opacity:1}85%,to{opacity:0}}@keyframes evo-to{0%{opacity:0}18%{opacity:1}30%{opacity:0}40%{opacity:1}48%{opacity:0}55%{opacity:1}61%{opacity:0}66%{opacity:1}70%{opacity:0}74%{opacity:1}77%{opacity:0}80%{opacity:1}83%{opacity:0}85%,to{opacity:1}}@keyframes evo-flash{0%{opacity:1}to{opacity:0}}.evo-path-step.is-locked img{filter:brightness(0)invert(.32)drop-shadow(0 0 6px #ffd83d59)}@media (prefers-reduced-motion:reduce){.pet-move,.pet-breathe,.pet-img,.pet-move:after,.pet-zz span,.pet-heart,.evo-stage,.evo-rays{animation:none!important}.pet-zz span:first-child{opacity:1}}.star-shape{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:var(--color-brand-line);display:inline-block}.star-shape.is-on{background:linear-gradient(160deg, #ffe680, var(--color-brand-yellow) 55%, var(--color-brand-yellow-deep))}.map-stars{gap:.15rem;display:inline-flex}.map-stars--trail{margin-top:.35rem}.map-stars--trail .star-shape{width:1.35rem;height:1.35rem}.map-stars--trail .star-shape:nth-child(2){transform:translateY(-4px)scale(1.15)}.map-stars--journey .star-shape{width:1rem;height:1rem}.map-stars--roadmap .star-shape{width:.75rem;height:.75rem}.map-stars--roadmap .star-shape.is-on{background:var(--color-brand-yellow)}.trail-road{fill:none;stroke:#ffffff14;stroke-width:26px;stroke-linecap:round}.trail-dash{fill:none;stroke:#fffef88c;stroke-width:4px;stroke-dasharray:2 12;stroke-linecap:round}.trail-dot{border:4px solid var(--color-brand-black);transition:transform .15s;box-shadow:0 6px #00000073,0 0 0 4px #ffffff1f}.trail-node:hover .trail-dot{transform:scale(1.08)}.trail-node.is-current .trail-dot{animation:1.6s ease-in-out infinite trail-pulse}.trail-guide{animation:1.8s ease-in-out infinite pet-bob}@keyframes trail-pulse{0%,to{box-shadow:0 6px #00000073,0 0 0 4px #ffd83d59}50%{box-shadow:0 6px #00000073,0 0 0 14px #ffd83d00}}.journey:before{content:"";background:linear-gradient(var(--accent-2), var(--accent-2));border-radius:4px;width:4px;position:absolute;top:.5rem;bottom:1.5rem;left:1.25rem}@supports (color:color-mix(in lab, red, red)){.journey:before{background:linear-gradient(var(--accent-2), color-mix(in srgb, var(--accent-2) 20%, transparent))}}@media (min-width:640px){.journey:before{left:calc(50% - 2px)}}.journey-dot{background:var(--color-brand-soft);border:3px solid var(--accent-2);color:var(--accent-2);z-index:1}.journey-dot.is-done{background:var(--accent-2);color:var(--color-brand-black)}.journey-dot.is-current{box-shadow:0 0 0 6px var(--accent-2)}@supports (color:color-mix(in lab, red, red)){.journey-dot.is-current{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent-2) 30%, transparent)}}.roadmap-current{box-shadow:inset 3px 0 0 var(--color-brand-yellow);background:#f5c5180a}@media (prefers-reduced-motion:reduce){.trail-node.is-current .trail-dot,.trail-guide{animation:none}}.live-choice{border-radius:calc(var(--card-radius) * .9);text-align:left;color:#fff;text-shadow:0 1px #00000059;overflow-wrap:anywhere;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.25rem;min-height:6.5rem;padding:.75rem .9rem;transition:transform .12s,opacity .2s;display:flex;box-shadow:inset 0 -6px #00000040}.live-choice:active{transform:translateY(3px);box-shadow:inset 0 -3px #00000040}.live-choice.is-picked{outline:4px solid var(--color-brand-cream);outline-offset:2px}.live-host-choice{color:#fff;border-radius:1.25rem;padding:1.25rem 1.5rem;transition:opacity .3s;box-shadow:inset 0 -8px #00000040}.live-code{font-family:var(--font-display);letter-spacing:.12em;line-height:1}.progress-fill{background-color:var(--accent-1);background-image:linear-gradient(45deg, #ffffff59 25%, transparent 25%, transparent 50%, #ffffff59 50%, #ffffff59 75%, transparent 75%, transparent), linear-gradient(90deg, var(--accent-1), var(--accent-2), var(--accent-3), var(--accent-4));background-size:1rem 1rem,100% 100%;transition:width .3s;animation:.7s linear infinite progress-stripes}@keyframes progress-stripes{0%{background-position:1rem 0,0 0}to{background-position:0 0,0 0}}.top-progress{z-index:80;pointer-events:none;height:4px;transition:opacity .35s .15s;position:fixed;inset:0 0 auto}.top-progress.is-done{opacity:0}.top-progress__bar{height:100%;box-shadow:0 0 10px var(--accent-1);border-radius:0 999px 999px 0}@supports (color:color-mix(in lab, red, red)){.top-progress__bar{box-shadow:0 0 10px color-mix(in srgb, var(--accent-1) 70%, transparent)}}.top-progress__runner{filter:drop-shadow(0 2px 3px #00000080);width:auto;height:28px;transition:left .3s;position:absolute;top:3px}.page-loader__track{border:1px solid var(--color-brand-line);background:var(--color-brand-panel);border-radius:999px;height:14px;margin-top:3.25rem;position:relative}.page-loader__fill{border-radius:999px;height:100%}.page-loader__runner{width:auto;height:48px;margin-bottom:-4px;margin-left:-24px;transition:left .3s;position:absolute;bottom:100%}.loader-hop{transform-origin:bottom;animation:.42s ease-in-out infinite alternate loader-hop}@keyframes loader-hop{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-7px)rotate(6deg)}}.loader-dots:after{content:"";text-align:left;width:1.1em;animation:1.2s step-end infinite loader-dots;display:inline-block}@keyframes loader-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media (prefers-reduced-motion:reduce){.progress-fill,.loader-hop,.loader-dots:after{animation:none}}.live-pulse__dot{background:var(--color-ok);border-radius:999px;width:.6rem;height:.6rem;display:inline-block;position:relative}.live-pulse__dot:after{content:"";border-radius:inherit;background:inherit;animation:1.4s ease-out infinite live-ping;position:absolute;inset:0}@keyframes live-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.live-pulse__dot:after{animation:none}}@property --neon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.neon{--neon-a:var(--accent-1);--neon-b:var(--accent-2);--neon-c:var(--accent-3);isolation:isolate;position:relative}.neon:before,.neon:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:-1px}.neon:before{z-index:1;background:conic-gradient(from var(--neon-angle), transparent 0deg, transparent 150deg, var(--neon-a) 200deg, var(--neon-b) 250deg, var(--neon-c) 300deg, transparent 350deg);-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;padding:2px;animation:4.5s linear infinite neon-spin;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.neon:after{z-index:-1;box-shadow:0 0 18px -4px var(--neon-a), inset 0 0 18px -10px var(--neon-a)}@supports (color:color-mix(in lab, red, red)){.neon:after{box-shadow:0 0 18px -4px color-mix(in srgb, var(--neon-a) 55%, transparent), inset 0 0 18px -10px var(--neon-a)}}.neon:after{opacity:.45;animation:3.2s ease-in-out infinite neon-breathe}.neon:nth-child(3n+2):before{animation-delay:-1.5s}.neon:nth-child(3n+3):before{animation-delay:-3s}.neon:hover:after{opacity:.85}@keyframes neon-spin{to{--neon-angle:360deg}}@keyframes neon-breathe{0%,to{opacity:.3}50%{opacity:.7}}:root:not([data-theme]) .neon,:root[data-theme=brand] .neon{--neon-b:#ffd83d;--neon-c:#2ec4b6}:root[data-theme=thpt] .neon{--neon-b:var(--color-brand-yellow);--neon-c:var(--color-brand-yellow-light)}:root[data-theme=thpt] .neon:before{animation-duration:9s}:root[data-theme=thpt] .neon:after{opacity:.3;animation:none}@media (prefers-reduced-motion:reduce){.neon:before,.neon:after{animation:none}.neon:before{--neon-angle:120deg}}.rank-icon{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 2px 5px var(--tier-a))}@supports (color:color-mix(in lab, red, red)){.rank-icon{filter:drop-shadow(0 2px 5px color-mix(in srgb, var(--tier-a) 45%, transparent))}}.rank-icon.is-glow{animation:2.4s ease-in-out infinite rank-glow}@keyframes rank-glow{0%,to{filter:drop-shadow(0 2px 5px color-mix(in srgb, var(--tier-a) 45%, transparent));transform:scale(1)}50%{filter:drop-shadow(0 0 14px var(--tier-a));transform:scale(1.05)}}.rank-pet{object-fit:contain;filter:drop-shadow(0 1px 2px #000000b3);position:absolute;bottom:-10%;right:-16%}.tier-name{background-image:linear-gradient(90deg, var(--tier-a), var(--tier-b), var(--tier-a));-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;margin:-.4em -.08em -.2em;padding:.4em .08em .2em;line-height:1.2;display:inline-block}.tier-name.is-shiny{animation:3s linear infinite tier-shine}@keyframes tier-shine{to{background-position:-200%}}.tier-aura{background:radial-gradient(circle, var(--tier-a), transparent 70%);border-radius:999px;width:12rem;height:12rem;position:absolute;top:50%;left:-2.5rem;transform:translateY(-50%)}@supports (color:color-mix(in lab, red, red)){.tier-aura{background:radial-gradient(circle, color-mix(in srgb, var(--tier-a) 32%, transparent), transparent 70%)}}.tier-aura{pointer-events:none}.tier-progress{background:linear-gradient(90deg, var(--tier-a), var(--tier-b))}.podium-col{flex-direction:column;min-width:0;display:flex}.podium-col .card{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.podium-base{font-family:var(--font-display);border-radius:0 0 calc(var(--card-radius) * .6) calc(var(--card-radius) * .6);place-items:center;font-size:1.75rem;line-height:1;display:grid;box-shadow:inset 0 -5px #00000038}.podium-col--1 .podium-base{height:3.25rem;font-size:2.25rem}.podium-col--2 .podium-base{height:2.25rem}.podium-col--3 .podium-base{height:1.6rem;font-size:1.4rem}.podium-shine{pointer-events:none;background:radial-gradient(circle at 50% 40%,#f5c51847,#0000 60%);height:120%;position:absolute;inset:-40% -20% auto}:root[data-theme=thpt] .rank-icon.is-glow,:root[data-theme=thpt] .tier-name.is-shiny{animation:none}@media (prefers-reduced-motion:reduce){.rank-icon.is-glow,.tier-name.is-shiny{animation:none}}.pet--shiny{position:relative}.pet--shiny:after{content:"";pointer-events:none;z-index:2;background:radial-gradient(circle at 18% 28%,#fff 0 1.5px,#0000 3px),radial-gradient(circle at 78% 18%,#fff7cc 0 2px,#0000 3.5px),radial-gradient(circle at 84% 66%,#fff 0 1.5px,#0000 3px),radial-gradient(circle at 30% 78%,#ffd83d 0 2px,#0000 3.5px),radial-gradient(circle at 55% 45%,#fff 0 1px,#0000 2.5px);animation:1.8s ease-in-out infinite pet-twinkle;position:absolute;inset:0}@keyframes pet-twinkle{0%,to{opacity:.15}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.pet--shiny:after{opacity:.7;animation:none}}.pfp-frame{--pfp-w:4px;--pfp-neon:#ffd83d;isolation:isolate;padding:var(--pfp-w);border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid;position:relative}.pfp-frame>*{border-radius:999px}.pfp-frame:before,.pfp-frame:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.pfp-frame:before{z-index:-1;box-shadow:0 0 6px 1px var(--pfp-neon), 0 0 16px 2px var(--pfp-neon);inset:0}@supports (color:color-mix(in lab, red, red)){.pfp-frame:before{box-shadow:0 0 6px 1px var(--pfp-neon), 0 0 16px 2px color-mix(in srgb, var(--pfp-neon) 55%, transparent)}}.pfp-frame:before{opacity:.75}.pfp-frame:after{z-index:1;padding:var(--pfp-w);background:conic-gradient(transparent 0 62%, #fff 80%, transparent 92%);inset:0}@supports (color:color-mix(in lab, red, red)){.pfp-frame:after{background:conic-gradient(transparent 0 62%, color-mix(in srgb, #fff 85%, var(--pfp-neon)) 80%, transparent 92%)}}.pfp-frame:after{-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;animation:2.6s linear infinite pfp-spin;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pfp-frame--leaf{--pfp-neon:#8fdc6a;background:repeating-conic-gradient(#3fae55 0 12deg, #8fdc6a 12deg 24deg)}.pfp-frame--candy{--pfp-neon:#ff7eb6;background:repeating-linear-gradient(45deg,#ff7eb6 0 6px,#fff4f8 6px 12px)}.pfp-frame--ocean{--pfp-neon:#5fd3ff;background:conic-gradient(#1e6fd9,#5fd3ff,#1e6fd9,#5fd3ff,#1e6fd9)}.pfp-frame--sunset{--pfp-neon:#ff8a3d;background:linear-gradient(160deg,#ffd83d,#ff8a3d 45%,#e83e8c)}.pfp-frame--star{background:radial-gradient(circle at 30% 20%,#fff6b0,#ffd83d 40%,#c98a00)}.pfp-frame--rainbow{--pfp-neon:#ff5ad1;background:conic-gradient(#ff5a5a,#ffb13d,#ffe74d,#5bd66b,#4db8ff,#8b6bff,#ff5a5a);animation:6s linear infinite pfp-spin}.pfp-frame--rainbow>*{animation:6s linear infinite reverse pfp-spin}.pfp-frame--galaxy{--pfp-neon:#a77bff;background:radial-gradient(circle at 70% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 25% 70%,#fff 0 1px,#0000 2px),conic-gradient(#2a1a5e,#6b3fd9,#d94ff0,#2a1a5e,#3fa9f5,#2a1a5e)}.pfp-frame--league-bronze{--pfp-neon:#f0b27a;background:linear-gradient(135deg,#f0b27a,#c9843a 50%,#7a4a1a)}.pfp-frame--league-silver{--pfp-neon:#e6ebf2;background:linear-gradient(135deg,#fff,#c9ced6 50%,#7d8590)}.pfp-frame--league-gold{background:linear-gradient(135deg,#fff3a0,#ffd83d 50%,#b8860b)}.pfp-frame--league-platinum{--pfp-neon:#7fe3d6;background:linear-gradient(135deg,#e6fffb,#7fe3d6 50%,#2e9c90)}.pfp-frame--league-diamond{--pfp-neon:#8fb8ff;background:conic-gradient(#e8f1ff,#8fb8ff,#c9a8ff,#8fb8ff,#e8f1ff)}.pfp-frame--league-diamond:before{animation:2.4s ease-in-out infinite pfp-neon}.pfp-frame--rainbow:after,.pfp-frame--galaxy:after,.pfp-frame--league-diamond:after{animation-duration:1.6s}@keyframes pfp-spin{to{transform:rotate(360deg)}}@keyframes pfp-neon{50%{opacity:1;transform:scale(1.06)}}:root[data-theme=thpt] .pfp-frame:after{animation-duration:5s}@media (prefers-reduced-motion:reduce){.pfp-frame--rainbow,.pfp-frame--rainbow>*,.pfp-frame:after,.pfp-frame--league-diamond:before{animation:none}.pfp-frame:after{opacity:0}}.pfp-title{letter-spacing:.02em;color:var(--color-brand-yellow);border:1px solid #f5c51873;border-radius:999px;padding:.05rem .55rem;font-size:.7rem;font-weight:800;display:inline-block}@supports (color:color-mix(in lab, red, red)){.pfp-title{border:1px solid color-mix(in srgb, var(--color-brand-yellow) 45%, transparent)}}.pfp-title{background:#f5c5181f}@supports (color:color-mix(in lab, red, red)){.pfp-title{background:color-mix(in srgb, var(--color-brand-yellow) 12%, transparent)}}.pfp-title{white-space:nowrap}.profile-pill{border:1px solid var(--color-brand-line);background:var(--color-brand-panel);text-align:left;border-radius:999px;flex-direction:column;justify-content:center;min-width:0;max-width:100%;height:2.5rem;padding:0 .95rem;line-height:1.3;transition:border-color .15s,box-shadow .15s;display:inline-flex}.profile-pill:hover,.profile-pill[aria-expanded=true]{border-color:var(--color-brand-yellow)}.profile-pill[aria-expanded=true]{box-shadow:0 0 0 3px #f5c5182e}@supports (color:color-mix(in lab, red, red)){.profile-pill[aria-expanded=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-yellow) 18%, transparent)}}.profile-pill--titled{border-color:#8e7929}@supports (color:color-mix(in lab, red, red)){.profile-pill--titled{border-color:color-mix(in srgb, var(--color-brand-yellow) 45%, var(--color-brand-line))}}.profile-pill--titled{background:radial-gradient(120% 140% at 0% 100%, #f5c51829, transparent 60%), var(--color-brand-panel)}@supports (color:color-mix(in lab, red, red)){.profile-pill--titled{background:radial-gradient(120% 140% at 0% 100%, color-mix(in srgb, var(--color-brand-yellow) 16%, transparent), transparent 60%), var(--color-brand-panel)}}.profile-pill__row{white-space:nowrap;align-items:baseline;gap:.4rem;min-width:0;display:flex}.profile-pill__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-brand-cream);font-size:.8rem;font-weight:700;overflow:hidden}.profile-pill__class{color:var(--color-brand-muted);flex-shrink:0;font-size:.68rem;font-weight:600}.profile-pill__class:before{content:"";vertical-align:middle;opacity:.7;background:currentColor;border-radius:999px;width:3px;height:3px;margin-right:.4rem;display:inline-block}@media (max-width:639px){.profile-pill{padding:0 .75rem}.profile-pill__class{display:none}}.profile-pill__title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.03em;background:linear-gradient(90deg, var(--color-brand-yellow-light), #ffb13d);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.64rem;font-weight:800;overflow:hidden}@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}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@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}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}