@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-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-divide-y-reverse:0;--tw-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:var(--zg-font-body);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--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-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--zg-font-body);--default-mono-font-family:var(--font-mono);--color-stroke:var(--zg-stroke);--color-accent:var(--zg-accent);--color-jade:#2e9e6b;--color-jade-deep:#1f7a4d;--color-lantern:#e63946;--color-lantern-deep:#b52a35;--color-gold:#f4b942;--color-gold-deep:#c98a12;--color-sky:#8ecae6;--color-sky-deep:#4d9bc1;--color-plum:#8c7cf0;--color-coal:#2b2d42;--color-snow:#fff8e7;--font-display:var(--zg-font-display);--font-num:var(--zg-font-num);--font-cjk:var(--font-cjk-face), "Noto Serif SC", "Songti SC", "STSong", "Noto Serif CJK SC", serif;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out-soft:cubic-bezier(.22, 1, .36, 1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background-color:var(--zg-bg);background-image:var(--zg-wallpaper);color:var(--zg-ink);font-family:var(--font-sans);text-rendering:optimizelegibility;overscroll-behavior-y:none;background-attachment:fixed}::selection{background:var(--color-gold);color:var(--color-coal)}:focus-visible{outline:3px solid var(--zg-focus);outline-offset:3px;border-radius:12px}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}dialog{color:inherit}}@layer components{:where([data-theme=dark]) :where(.bg-gold,.bg-sky,.bg-blush,.bg-white,.light-island){--zg-ink:#2b2d42;--zg-ink-soft:#5c5f7a;--zg-ink-faint:#6c6f8c;--zg-surface:#fffdf7;--zg-bg:#fff8e7;--zg-field:#fff;--zg-sunk:#f1e7cf;--zg-jade-fg:#1f7a4d;--zg-lantern-fg:#b52a35;--zg-gold-fg:#9a6a07;color:var(--zg-ink)}.btn{--c:var(--zg-surface);--c-deep:var(--candy-cream-deep);--c-text:var(--zg-ink);--lift:var(--zg-btn-lift);min-height:2.75rem;font-family:var(--font-display);letter-spacing:.01em;text-align:center;text-wrap:balance;overflow-wrap:break-word;color:var(--c-text);background:var(--zg-btn-sheen), var(--c);border:var(--ink-line) solid var(--zg-btn-edge);border-radius:var(--radius-btn);box-shadow:0 var(--lift) 0 0 var(--c-deep), 0 var(--lift) 0 var(--ink-line) var(--zg-btn-edge), var(--zg-btn-inner);text-shadow:0 1.5px #0000002e;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .12s var(--ease-out-soft), box-shadow .12s var(--ease-out-soft), filter .15s, background-color .15s;justify-content:center;align-items:center;gap:.5em;padding:.4em 1.15em;font-size:1rem;font-weight:600;line-height:1.1;display:inline-flex;position:relative}.btn:not([data-variant=primary],[data-tone]){text-shadow:none}.btn:hover:not(:disabled){filter:brightness(1.04)saturate(1.05);box-shadow:0 calc(var(--lift) + 1px) 0 0 var(--c-deep), 0 calc(var(--lift) + 1px) 0 var(--ink-line) var(--zg-btn-edge), var(--zg-btn-inner);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(var(--lift));box-shadow:0 0 0 0 var(--c-deep), 0 0 0 var(--ink-line) var(--zg-btn-edge), inset 0 -2px 0 #00000014}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.7)brightness(.95);opacity:.6}.btn>svg{flex-shrink:0}.btn[data-variant=primary],.btn[data-tone=accent]{--c:var(--zg-accent);--c-deep:var(--zg-accent-strong);--c-text:var(--zg-on-accent);text-shadow:0 1.5px 0 var(--zg-on-accent-halo), 0 0 1.5px var(--zg-on-accent-halo), 0 0 1.5px var(--zg-on-accent-halo)}.btn[data-variant=danger]{--c-text:var(--zg-lantern-fg)}.btn[data-tone=jade]{--c:var(--color-jade);--c-deep:var(--color-jade-deep);--c-text:#fff}.btn[data-tone=red]{--c:var(--color-lantern);--c-deep:var(--color-lantern-deep);--c-text:#fff}.btn[data-tone=gold]{--c:var(--color-gold);--c-deep:var(--color-gold-deep);--c-text:#2b2d42;text-shadow:0 1px #ffffff80}.btn[data-tone=sky]{--c:var(--color-sky);--c-deep:var(--color-sky-deep);--c-text:#2b2d42;text-shadow:0 1px #ffffff80}.btn[data-tone=plum]{--c:var(--color-plum);--c-deep:#6455c9;--c-text:#fff}.btn[data-tone=cream]{--c:var(--zg-surface);--c-deep:var(--candy-cream-deep);--c-text:var(--zg-ink);text-shadow:none}.btn[data-tone=ink]{--c:var(--candy-ink);--c-deep:var(--candy-ink-deep);--c-text:#fff}.btn[data-variant=quiet]{box-shadow:none;color:var(--zg-ink-soft);text-shadow:none;background:0 0;border-color:#0000;border-radius:999px}.btn[data-variant=quiet]:hover:not(:disabled){background:var(--zg-bg-2);color:var(--zg-ink);box-shadow:none;filter:none;transform:none}.btn[data-variant=quiet]:active:not(:disabled){box-shadow:none;transform:scale(.96)}.btn[data-size=sm]{--lift:3px;border-radius:14px;min-height:2.25rem;padding:.35em .85em;font-size:.875rem}.btn[data-size=lg]{--lift:5px;min-height:3.25rem;padding:.45em 1.5em;font-size:1.125rem;font-weight:700}.btn[data-size=xl]{--lift:6px;border-radius:22px;min-height:3.75rem;padding:.5em 1.7em;font-size:1.3rem;font-weight:700}.btn[data-icon]{width:2.75rem;padding:0}.btn[data-icon][data-size=sm]{width:2.25rem}.btn[data-block]{width:100%}.card{background:var(--zg-card-bg);border:var(--ink-line) solid var(--zg-card-edge);border-radius:var(--radius-card);box-shadow:var(--zg-card-shadow)}.sticker{background:var(--zg-surface);border:var(--ink-line) solid var(--zg-stroke);border-radius:var(--radius-panel);box-shadow:0 6px 0 0 var(--zg-stroke)}.ink-outline{border:var(--ink-line) solid var(--zg-stroke)}.icon-tile{border:var(--ink-line) solid var(--zg-stroke);background:var(--zg-accent);width:2.75rem;height:2.75rem;color:var(--zg-on-accent);box-shadow:inset 0 -4px 0 #00000029, 0 3px 0 0 var(--zg-stroke);border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid;rotate:-6deg}.icon-tile[data-soft]{background:var(--zg-accent-soft);color:var(--zg-accent-fg);box-shadow:0 3px 0 0 var(--zg-stroke)}.eyebrow{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--zg-accent-fg);font-size:.8125rem;font-weight:600}.chip{border:2px solid var(--zg-stroke);background:var(--zg-surface);color:var(--zg-ink);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .8rem;font-size:.875rem;font-weight:600;line-height:1.2;display:inline-flex}.pinyin{font-family:var(--font-sans);letter-spacing:.01em;color:var(--zg-ink-soft);font-weight:500}.seal{background:var(--zg-cinnabar);color:#fff8ee;font-family:var(--font-cjk);box-shadow:inset 0 0 0 2px #fff3, 0 0 0 2px var(--zg-stroke);border-radius:8px;place-items:center;font-weight:900;line-height:1;display:inline-grid}.text-outline{paint-order:stroke fill;text-shadow:0 3px 0 var(--zg-stroke), 2px 2px 0 var(--zg-stroke), -2px 2px 0 var(--zg-stroke), 2px -1px 0 var(--zg-stroke), -2px -1px 0 var(--zg-stroke), 0 -2px 0 var(--zg-stroke), 2px 0 0 var(--zg-stroke), -2px 0 0 var(--zg-stroke)}.field{border:var(--ink-line) solid var(--zg-stroke);background:var(--zg-field);width:100%;min-height:3.25rem;color:var(--zg-ink);border-radius:18px;padding:0 1rem;font-size:1rem;font-weight:600;transition:box-shadow .15s;box-shadow:inset 0 3px #2b2d4214}.field::placeholder{color:var(--zg-ink-faint);font-weight:500}.field:focus{outline:none;box-shadow:inset 0 3px #2b2d4214,0 0 0 4px #8ecae6b3}.field[aria-invalid=true]{border-color:var(--color-lantern);box-shadow:0 0 0 4px #e6394640}.field:disabled{opacity:.6}.skeleton{background:linear-gradient(90deg, var(--skeleton-a) 0%, var(--skeleton-b) 40%, var(--skeleton-a) 80%);background-size:200% 100%;border-radius:14px;animation:1.6s linear infinite zg-shimmer}.skip-link{z-index:100;background:var(--color-coal);color:var(--color-snow);border-radius:999px;padding:.6rem 1rem;font-weight:700;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.prose-zg{color:var(--zg-ink-soft);font-size:1.03rem;line-height:1.7}.prose-zg strong{color:var(--zg-ink);font-weight:600}.prose-zg a:not(.btn,.card){color:var(--zg-accent-fg);text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.deco-sky{background:linear-gradient(180deg, var(--sky-a) 0%, var(--sky-b) 28%, var(--sky-c) 55%, var(--sky-d) 100%)}.deco-floor{background:var(--sky-floor);border-radius:50% 50% 0 0/22% 22% 0 0}.deco-moon,.deco-stars{opacity:var(--sky-night)}.deco-stars{background-color:#0000;background-image:radial-gradient(1.6px 1.6px at 8% 18%,#fff4de 98%,#0000),radial-gradient(1.2px 1.2px at 22% 42%,#fff4de 98%,#0000),radial-gradient(2px 2px at 31% 9%,#fff4de 98%,#0000),radial-gradient(1.2px 1.2px at 44% 30%,#fff4de 98%,#0000),radial-gradient(1.6px 1.6px at 57% 12%,#fff4de 98%,#0000),radial-gradient(1.2px 1.2px at 63% 52%,#fff4de 98%,#0000),radial-gradient(2px 2px at 74% 36%,#fff4de 98%,#0000),radial-gradient(1.2px 1.2px at 88% 58%,#fff4de 98%,#0000),radial-gradient(1.6px 1.6px at 94% 22%,#fff4de 98%,#0000),radial-gradient(1.2px 1.2px at 15% 66%,#fff4de 98%,#0000),radial-gradient(1.6px 1.6px at 38% 78%,#fff4de 98%,#0000),radial-gradient(1.2px 1.2px at 81% 84%,#fff4de 98%,#0000);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:560px 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;animation:4.5s ease-in-out infinite alternate deco-twinkle-soft}@keyframes deco-twinkle-soft{to{opacity:calc(var(--sky-night) * .55)}}.lobby-sun{aspect-ratio:1;background:radial-gradient(closest-side, var(--sky-sun) 0%, transparent 100%), repeating-conic-gradient(var(--sky-ray) 0deg 7deg, transparent 7deg 25.7deg);will-change:transform;border-radius:50%;animation:40s linear infinite deco-spin;-webkit-mask-image:radial-gradient(closest-side,#000 22%,#0000 100%);mask-image:radial-gradient(closest-side,#000 22%,#0000 100%)}.lobby-rope{stroke:#b4232f8c}[data-theme=dark] .lobby-rope{stroke:#f4b9428c}.lobby-lantern{transform-origin:50% 0;animation:3.2s ease-in-out infinite alternate lobby-swing}.lobby-lantern-glow{opacity:var(--sky-night);background:radial-gradient(closest-side,#ffb3478c,#ffb34700);border-radius:50%}@keyframes lobby-swing{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.lobby-bob{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite lobby-bob}@keyframes lobby-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-4%)rotate(2deg)}}.lobby-twinkle{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite deco-twinkle}.lobby-bubble{color:#2b2d42;font-family:var(--font-display);background:#fff;border:3px solid #2b2d42;border-radius:18px;font-weight:600;line-height:1.25;box-shadow:0 4px #2b2d422e}.mode-card{--mc:var(--zg-accent);--mc-lip:var(--mc)}@supports (color:color-mix(in lab, red, red)){.mode-card{--mc-lip:color-mix(in oklab, var(--mc), #000 24%)}}.mode-card{--mc-deep:var(--mc)}@supports (color:color-mix(in lab, red, red)){.mode-card{--mc-deep:color-mix(in oklab, var(--mc), #000 48%)}}.mode-card{--mc-text:#fff;--mc-halo:var(--mc-deep);isolation:isolate;border:3px solid var(--zg-stroke);color:var(--mc-text);background:radial-gradient(circle, #ffffff21 3px, transparent 3.5px) 0 0 / 26px 26px, radial-gradient(circle, #ffffff21 3px, transparent 3.5px) 13px 13px / 26px 26px, linear-gradient(135deg, var(--mc) 0%, var(--mc) 55%, var(--mc) 100%);border-radius:28px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.mode-card{background:radial-gradient(circle, #ffffff21 3px, transparent 3.5px) 0 0 / 26px 26px, radial-gradient(circle, #ffffff21 3px, transparent 3.5px) 13px 13px / 26px 26px, linear-gradient(135deg, color-mix(in oklab, var(--mc), #fff 20%) 0%, var(--mc) 55%, color-mix(in oklab, var(--mc), #000 6%) 100%)}}.mode-card{box-shadow:inset 0 0 0 2.5px #fff9, inset 0 -9px 0 0 var(--mc-lip), 0 6px 0 0 var(--zg-stroke);transition:transform .18s var(--ease-out-soft)}.mode-card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff5c,#fff0);border-radius:22px;height:min(22%,3.5rem);position:absolute;inset:5px 12px auto}.mode-card[data-tone=accent]{--mc-text:var(--zg-on-accent);--mc-halo:var(--zg-on-accent-halo)}:is(a,button).mode-card{cursor:pointer;text-align:left}@media (hover:hover){:is(a,button).mode-card:hover{transform:translateY(-3px)rotate(-.4deg)}}:is(a,button).mode-card:active{transform:translateY(3px)scale(.985)}.mode-title{font-family:var(--font-display);color:#fff;letter-spacing:.005em;font-weight:700;line-height:1}.mode-sub{color:var(--mc-text);text-shadow:0 1px 0 var(--mc-halo), 0 0 2px var(--mc-halo), 0 0 2px var(--mc-halo);font-weight:600;line-height:1.3}.mode-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--mc);background:#fff;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.mode-tag{color:color-mix(in oklab, var(--mc), #000 42%)}}.mode-tag{box-shadow:0 2px 0 0 var(--mc-lip)}.mode-glow{background:radial-gradient(closest-side,#ffffff5c 45%,#fff0)}.lobby-knob{border:2.5px solid var(--zg-stroke);color:var(--mc);background:linear-gradient(#fff,#fff8e7);border-radius:50%;flex-shrink:0;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.lobby-knob{color:color-mix(in oklab, var(--mc), #000 10%)}}.lobby-knob{box-shadow:inset 0 -3px 0 0 #2b2d421a, 0 3px 0 0 var(--mc-lip)}.dock-tray{border:var(--ink-line) solid var(--zg-stroke);box-shadow:inset 0 -5px 0 0 #f2d9ae, 0 5px 0 0 var(--zg-stroke);background:linear-gradient(#fffdf6,#fff3d9);border-radius:28px}[data-theme=dark] .dock-tray{background:linear-gradient(180deg, var(--zg-surface), var(--zg-surface-2));box-shadow:inset 0 -5px 0 0 var(--zg-sunk), 0 5px 0 0 var(--zg-stroke)}.candy-tile{border:2px solid var(--zg-stroke);color:#fff;background:linear-gradient(180deg, var(--tc), var(--tc));border-radius:36%;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.candy-tile{background:linear-gradient(180deg, color-mix(in oklab, var(--tc), #fff 20%), var(--tc))}}.candy-tile{box-shadow:inset 0 0 0 1.5px #ffffff8c, inset 0 -4px 0 0 var(--tc), 0 2.5px 0 0 var(--zg-stroke)}@supports (color:color-mix(in lab, red, red)){.candy-tile{box-shadow:inset 0 0 0 1.5px #ffffff8c, inset 0 -4px 0 0 color-mix(in oklab, var(--tc), #000 22%), 0 2.5px 0 0 var(--zg-stroke)}}.candy-tile:before{content:"";background:#ffffff52;border-radius:999px;height:26%;position:absolute;inset:3px 16% auto}.candy-tile>svg{filter:drop-shadow(0 1.5px 0 var(--tc));position:relative}@supports (color:color-mix(in lab, red, red)){.candy-tile>svg{filter:drop-shadow(0 1.5px 0 color-mix(in oklab, var(--tc), #000 38%))}}.dock-blob{border:2px solid var(--tc);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.dock-blob{border:2px solid color-mix(in oklab, var(--tc), transparent 60%)}}.dock-blob{background:linear-gradient(180deg, var(--tc), var(--tc))}@supports (color:color-mix(in lab, red, red)){.dock-blob{background:linear-gradient(180deg, color-mix(in oklab, var(--tc), #fff 88%), color-mix(in oklab, var(--tc), #fff 72%))}}[data-theme=dark] .dock-blob{background:linear-gradient(180deg, var(--tc), var(--tc))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .dock-blob{background:linear-gradient(180deg, color-mix(in oklab, var(--tc), var(--zg-surface) 86%), color-mix(in oklab, var(--tc), var(--zg-surface) 68%))}}.dock-orb{border:var(--ink-line) solid var(--zg-stroke);color:#fff;box-shadow:inset 0 0 0 2.5px #fff9, inset 0 -5px 0 0 #c98a12, 0 4px 0 0 var(--zg-stroke);background:linear-gradient(#ffd77a,#f4b942 60%,#eeae32);border-radius:50%;place-items:center;display:grid;position:relative}.dock-orb:before{content:"";background:linear-gradient(#ffffffa6,#fff0);border-radius:50%;height:26%;position:absolute;inset:5px 22% auto}.dock-orb>svg{filter:drop-shadow(0 2px #9a6a07);position:relative}.dock-orb-halo{background:radial-gradient(closest-side,#ffd87abf 62%,#ffd87a38 80%,#ffd87a00);border-radius:50%;animation:1.6s ease-in-out infinite alternate dock-breathe}@keyframes dock-breathe{0%{transform:scale(.94)}to{transform:scale(1.08)}}.dock-cradle{background:#fffdf6;border-radius:50%}.dock-orb-label{color:#b07a0e}[data-theme=dark] .dock-orb-label{color:#ffd166}[data-theme=dark] .dock-cradle{background:var(--zg-surface)}.zg-card{border-radius:calc(var(--cw) * .1);background:linear-gradient(165deg, var(--card-face,#fffdf8), var(--card-face-2,#f1ebdf));box-shadow:inset 0 0 0 1px var(--card-edge,#00000029), -2px 1px 5px -2px rgb(var(--zg-shadow) / .35);color:var(--card-black,#1b1a1f);-webkit-user-select:none;user-select:none;flex:none;line-height:1;transition:box-shadow .16s;display:block;position:relative;overflow:hidden}.zg-card[data-red]{color:var(--card-red,#c0242c)}.zg-card-index{top:calc(var(--cw) * .07);left:calc(var(--cw) * .05);width:calc(var(--cw) * .34);align-items:center;gap:calc(var(--cw) * .035);flex-direction:column;display:flex;position:absolute}.zg-card-rank{font-family:var(--font-display);font-size:calc(var(--cw) * .34);letter-spacing:-.06em;font-variant-numeric:lining-nums;font-weight:700}.zg-card-pip{width:calc(var(--cw) * .22);height:calc(var(--cw) * .22)}.zg-card-joker{font-family:var(--font-cjk);font-size:calc(var(--cw) * .24);writing-mode:vertical-rl;letter-spacing:.02em;font-weight:900}.zg-card-center{place-items:center;display:grid;position:absolute;inset:22% 10% 10% 30%}.zg-card-center>svg{width:calc(var(--cw) * .46);height:calc(var(--cw) * .46)}.zg-card-center>svg.zg-card-ace{width:calc(var(--cw) * .6);height:calc(var(--cw) * .6)}.zg-card-court{place-items:center;gap:calc(var(--cw) * .04);border-radius:calc(var(--cw) * .06);border:1px solid;width:100%;height:100%;display:grid}@supports (color:color-mix(in lab, red, red)){.zg-card-court{border:1px solid color-mix(in oklab, currentColor 30%, transparent)}}.zg-card-court{background:currentColor}@supports (color:color-mix(in lab, red, red)){.zg-card-court{background:color-mix(in oklab, currentColor 7%, transparent)}}.zg-card-court{font-family:var(--font-display);font-size:calc(var(--cw) * .4);font-style:italic;font-weight:700}.zg-card-court>svg{width:calc(var(--cw) * .2);height:calc(var(--cw) * .2)}.zg-card-crown{width:calc(var(--cw) * .52);height:calc(var(--cw) * .52);border-radius:calc(var(--cw) * .08);font-family:var(--font-cjk);font-size:calc(var(--cw) * .36);color:var(--card-face,#fffdf8);background:var(--card-black,#1b1a1f);place-items:center;font-weight:900;display:grid}.zg-card[data-joker=big] .zg-card-crown{background:var(--card-joker,var(--card-red,#c0242c))}.zg-card[data-joker=big]{color:var(--card-joker,var(--card-red,#c0242c))}.zg-card.is-selected{box-shadow:inset 0 0 0 2px var(--zg-accent), 0 0 0 2px var(--zg-accent), 0 8px 18px -8px rgb(var(--zg-shadow) / .5)}@supports (color:color-mix(in lab, red, red)){.zg-card.is-selected{box-shadow:inset 0 0 0 2px var(--zg-accent), 0 0 0 2px color-mix(in oklab, var(--zg-accent) 35%, transparent), 0 8px 18px -8px rgb(var(--zg-shadow) / .5)}}.zg-card-back{background:radial-gradient(circle at 50% 50%, var(--card-back-line,#e9c77b) 0 calc(var(--cw) * .07), transparent calc(var(--cw) * .075)), repeating-linear-gradient(45deg, transparent 0 calc(var(--cw) * .09), var(--card-back-line,#e9c77b) calc(var(--cw) * .09) calc(var(--cw) * .11)), repeating-linear-gradient(-45deg, transparent 0 calc(var(--cw) * .09), var(--card-back-line,#e9c77b) calc(var(--cw) * .09) calc(var(--cw) * .11)), linear-gradient(160deg, var(--card-back,#8a2433), var(--card-back-2,#4f1220))}@supports (color:color-mix(in lab, red, red)){.zg-card-back{background:radial-gradient(circle at 50% 50%, var(--card-back-line,#e9c77b) 0 calc(var(--cw) * .07), transparent calc(var(--cw) * .075)), repeating-linear-gradient(45deg, transparent 0 calc(var(--cw) * .09), color-mix(in oklab, var(--card-back-line,#e9c77b) 38%, transparent) calc(var(--cw) * .09) calc(var(--cw) * .11)), repeating-linear-gradient(-45deg, transparent 0 calc(var(--cw) * .09), color-mix(in oklab, var(--card-back-line,#e9c77b) 38%, transparent) calc(var(--cw) * .09) calc(var(--cw) * .11)), linear-gradient(160deg, var(--card-back,#8a2433), var(--card-back-2,#4f1220))}}.zg-card-back{box-shadow:inset 0 0 0 calc(var(--cw) * .05) var(--card-face,#fffdf8), inset 0 0 0 calc(var(--cw) * .07) var(--card-back-line,#e9c77b), 0 1px 3px rgb(var(--zg-shadow) / .3)}.zg-hand-card{transition:transform .2s var(--ease-out-expo)}.zg-pile-card{animation:zg-card-in .28s var(--ease-out-expo) both}@keyframes zg-card-in{0%{opacity:0;translate:0 14px;scale:.94}}:where(h1,h2,.text-outline):not(.font-cjk,.font-sans){font-family:var(--font-display);letter-spacing:0;font-weight:400}:where(h3){font-weight:700}.btn{font-family:var(--font-sans);letter-spacing:.005em;font-weight:700}.btn[data-size=lg],.btn[data-size=xl]{font-weight:700}.btn[data-size=xl]{border-radius:14px}.btn[data-size=sm]{border-radius:10px}[data-theme=dark] .btn:not([data-variant=primary],[data-tone],[data-variant=quiet]){--c:#352d24;--c-deep:#0c0a07;--c-text:var(--zg-ink)}.sticker{border-color:var(--zg-card-edge);box-shadow:var(--zg-card-shadow)}.eyebrow{font-family:var(--font-sans);letter-spacing:.14em;color:var(--hk-cinnabar);font-weight:700}[data-theme=dark] .eyebrow{color:#ef8a72}.chip{border-width:1.5px;border-color:var(--zg-line-strong);background:var(--zg-surface);border-radius:8px;font-weight:700}.card{border-width:1.5px;border-color:var(--zg-line-strong)}.icon-tile{outline-offset:-5px;border:0;border-radius:8px;outline:1.5px solid #fff8ecbf;box-shadow:0 2px #3a2e2240}.icon-tile[data-soft]{outline-color:currentColor}@supports (color:color-mix(in lab, red, red)){.icon-tile[data-soft]{outline-color:color-mix(in srgb, currentColor 40%, transparent)}}.mode-card{background:var(--hk-cloth);color:var(--hk-on-cloth);box-shadow:inset 0 0 0 5px var(--hk-indigo), inset 0 0 0 6.5px #f7eeda66, 0 4px 0 var(--hk-indigo-deep);border:0;border-radius:12px}.mode-card:before{display:none}}@layer utilities{.\[container-type\:size\]{container-type:size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-\[-8\%\]{inset:-8%}.inset-x-0{inset-inline:0}.inset-x-\[-10\%\]{inset-inline:-10%}.-top-1\.5{top:calc(var(--spacing) * -1.5)}.-top-2\.5{top:calc(var(--spacing) * -2.5)}.-top-3{top:calc(var(--spacing) * -3)}.-top-4{top:calc(var(--spacing) * -4)}.-top-10{top:calc(var(--spacing) * -10)}.-top-\[2\.4rem\]{top:-2.4rem}.top-0{top:0}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-\[0\.2em\]{top:.2em}.top-\[0\.62em\]{top:.62em}.top-\[0\.68em\]{top:.68em}.top-\[3px\]{top:3px}.top-\[8\%\]{top:8%}.top-\[10\%\]{top:10%}.top-\[11\%\]{top:11%}.top-\[12\%\]{top:12%}.top-\[14\%\]{top:14%}.top-\[15\%\]{top:15%}.top-\[16\%\]{top:16%}.top-\[18\%\]{top:18%}.top-\[20\%\]{top:20%}.top-\[22\%\]{top:22%}.top-\[24\%\]{top:24%}.top-\[26\%\]{top:26%}.top-\[30\%\]{top:30%}.top-\[34\%\]{top:34%}.top-\[38\%\]{top:38%}.top-\[40\%\]{top:40%}.top-\[42\%\]{top:42%}.top-\[44\%\]{top:44%}.top-\[45\%\]{top:45%}.top-\[46\%\]{top:46%}.top-\[56\%\]{top:56%}.top-\[58\%\]{top:58%}.top-\[calc\(50\%-11px\)\]{top:calc(50% - 11px)}.-right-1\.5{right:calc(var(--spacing) * -1.5)}.-right-2{right:calc(var(--spacing) * -2)}.-right-3{right:calc(var(--spacing) * -3)}.-right-12{right:calc(var(--spacing) * -12)}.-right-16{right:calc(var(--spacing) * -16)}.-right-20{right:calc(var(--spacing) * -20)}.-right-24{right:calc(var(--spacing) * -24)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-5{right:calc(var(--spacing) * 5)}.right-8{right:calc(var(--spacing) * 8)}.right-\[-3rem\]{right:-3rem}.right-\[-7\%\]{right:-7%}.right-\[3\%\]{right:3%}.right-\[4\%\]{right:4%}.right-\[6\%\]{right:6%}.right-\[7\%\]{right:7%}.right-\[9\%\]{right:9%}.right-\[12\%\]{right:12%}.right-\[14\%\]{right:14%}.right-\[20\%\]{right:20%}.right-\[22\%\]{right:22%}.right-\[24\%\]{right:24%}.right-\[26\%\]{right:26%}.right-\[30\%\]{right:30%}.-bottom-2{bottom:calc(var(--spacing) * -2)}.-bottom-3{bottom:calc(var(--spacing) * -3)}.-bottom-24{bottom:calc(var(--spacing) * -24)}.-bottom-\[9px\]{bottom:-9px}.bottom-0{bottom:0}.bottom-\[-6\%\]{bottom:-6%}.bottom-\[-9\%\]{bottom:-9%}.bottom-\[2\%\]{bottom:2%}.bottom-\[4\%\]{bottom:4%}.bottom-\[6\%\]{bottom:6%}.bottom-\[8\%\]{bottom:8%}.bottom-\[10\%\]{bottom:10%}.bottom-\[14\%\]{bottom:14%}.bottom-\[16\%\]{bottom:16%}.bottom-\[18\%\]{bottom:18%}.bottom-\[22\%\]{bottom:22%}.bottom-\[24\%\]{bottom:24%}.bottom-\[30\%\]{bottom:30%}.bottom-\[calc\(5\.5rem\+env\(safe-area-inset-bottom\)\)\]{bottom:calc(5.5rem + env(safe-area-inset-bottom))}.bottom-\[calc\(100\%\+10px\)\]{bottom:calc(100% + 10px)}.-left-3{left:calc(var(--spacing) * -3)}.-left-10{left:calc(var(--spacing) * -10)}.-left-16{left:calc(var(--spacing) * -16)}.-left-20{left:calc(var(--spacing) * -20)}.-left-24{left:calc(var(--spacing) * -24)}.-left-\[13px\]{left:-13px}.-left-\[33px\]{left:-33px}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\.5{left:calc(var(--spacing) * 1.5)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3\.5{left:calc(var(--spacing) * 3.5)}.left-\[-30\%\]{left:-30%}.left-\[2\.5\%\]{left:2.5%}.left-\[3\%\]{left:3%}.left-\[3px\]{left:3px}.left-\[4\%\]{left:4%}.left-\[7\%\]{left:7%}.left-\[8\%\]{left:8%}.left-\[12\%\]{left:12%}.left-\[14\%\]{left:14%}.left-\[16\%\]{left:16%}.left-\[18\%\]{left:18%}.left-\[22\%\]{left:22%}.left-\[28\%\]{left:28%}.left-\[30\%\]{left:30%}.left-\[34\%\]{left:34%}.left-\[38\%\]{left:38%}.left-\[40\%\]{left:40%}.left-\[46\%\]{left:46%}.left-\[58\%\]{left:58%}.left-\[78\%\]{left:78%}.left-\[84\%\]{left:84%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.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-0{margin:0}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.-mx-2\.5{margin-inline:calc(var(--spacing) * -2.5)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.my-4{margin-block:calc(var(--spacing) * 4)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-9{margin-top:calc(var(--spacing) * -9)}.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-2\.5{margin-top:calc(var(--spacing) * 2.5)}.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-12{margin-top:calc(var(--spacing) * 12)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mt-\[0\.15em\]{margin-top:.15em}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing) * -1)}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1{margin-right:var(--spacing)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mr-\[-12px\]{margin-right:-12px}.-mb-2{margin-bottom:calc(var(--spacing) * -2)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-\[calc\(var\(--pandu-w\)\*0\.62\)\]{margin-bottom:calc(var(--pandu-w) * .62)}.-ml-2{margin-left:calc(var(--spacing) * -2)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.-ml-4{margin-left:calc(var(--spacing) * -4)}.-ml-5{margin-left:calc(var(--spacing) * -5)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.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-\[5\.25rem\]{width:5.25rem;height:5.25rem}.size-\[236px\]{width:236px;height:236px}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.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-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-6{height:calc(var(--spacing) * 6)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-28{height:calc(var(--spacing) * 28)}.h-\[20\%\]{height:20%}.h-\[22px\]{height:22px}.h-\[22vh\]{height:22vh}.h-\[46px\]{height:46px}.h-\[60\%\]{height:60%}.h-\[68px\]{height:68px}.h-auto{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-svh{height:100svh}.max-h-\[92svh\]{max-height:92svh}.max-h-\[min\(26rem\,55svh\)\]{max-height:min(26rem,55svh)}.min-h-0{min-height:0}.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-12{min-height:calc(var(--spacing) * 12)}.min-h-\[12\.5rem\]{min-height:12.5rem}.min-h-\[13\.5rem\]{min-height:13.5rem}.min-h-\[60svh\]{min-height:60svh}.min-h-\[120px\]{min-height:120px}.min-h-\[230px\]{min-height:230px}.min-h-\[260px\]{min-height:260px}.min-h-svh{min-height:100svh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-4{width:calc(var(--spacing) * 4)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-\[2\.5px\]{width:2.5px}.w-\[4\.75rem\]{width:4.75rem}.w-\[30\%\]{width:30%}.w-\[33\%\]{width:33%}.w-\[36px\]{width:36px}.w-\[44\%\]{width:44%}.w-\[78\%\]{width:78%}.w-\[92\%\]{width:92%}.w-\[130px\]{width:130px}.w-\[150px\]{width:150px}.w-\[180px\]{width:180px}.w-\[200px\]{width:200px}.w-\[220px\]{width:220px}.w-\[240px\]{width:240px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[clamp\(64px\,21cqw\,118px\)\]{width:clamp(64px,21cqw,118px)}.w-\[clamp\(78px\,24cqw\,140px\)\]{width:clamp(78px,24cqw,140px)}.w-\[min\(21rem\,calc\(100vw-24px\)\)\]{width:min(21rem,100vw - 24px)}.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-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[9rem\]{max-width:9rem}.max-w-\[12rem\]{max-width:12rem}.max-w-\[15rem\]{max-width:15rem}.max-w-\[19rem\]{max-width:19rem}.max-w-\[20rem\]{max-width:20rem}.max-w-\[28rem\]{max-width:28rem}.max-w-\[30rem\]{max-width:30rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[35rem\]{max-width:35rem}.max-w-\[40rem\]{max-width:40rem}.max-w-\[62\%\]{max-width:62%}.max-w-\[90rem\]{max-width:90rem}.max-w-\[max\(17rem\,min\(27rem\,calc\(\(100svh-19rem\)\*0\.78\)\)\)\]{max-width:max(17rem,min(27rem,78svh - 14.82rem))}.max-w-full{max-width:100%}.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-7{min-width:calc(var(--spacing) * 7)}.min-w-36{min-width:calc(var(--spacing) * 36)}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom-right{transform-origin:100% 100%}.-translate-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-7{--tw-translate-x:calc(var(--spacing) * 7);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);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-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[58\%\]{--tw-translate-y:calc(58% * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-2{rotate:-2deg}.-rotate-6{rotate:-6deg}.-rotate-12{rotate:-12deg}.-rotate-90{rotate:-90deg}.rotate-3{rotate:3deg}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[zg-sheet-pop_320ms_var\(--ease-spring\)\]{animation:zg-sheet-pop .32s var(--ease-spring)}.animate-\[zg-sheet-pop_360ms_var\(--ease-spring\)\]{animation:zg-sheet-pop .36s var(--ease-spring)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.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-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[minmax\(0\,14rem\)_1fr\]{grid-template-columns:minmax(0,14rem) 1fr}.grid-cols-\[repeat\(auto-fit\,minmax\(6\.5rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-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}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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-3\.5{gap:calc(var(--spacing) * 3.5)}.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)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-\[clamp\(10px\,2svh\,20px\)\]{gap:clamp(10px,2svh,20px)}.gap-\[clamp\(14px\,2\.6svh\,32px\)\]{gap:clamp(14px,2.6svh,32px)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-x-12{column-gap:calc(var(--spacing) * 12)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.gap-y-10{row-gap:calc(var(--spacing) * 10)}: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-y-2>: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(2px * var(--tw-divide-y-reverse));border-bottom-width:calc(2px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.divide-line>:not(:last-child)){border-color:var(--zg-line)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[7px\]{border-radius:7px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10\%\]{border-radius:10%}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[13px\]{border-radius:13px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-\[var\(--radius-card\)\]{border-radius:var(--radius-card)}.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-\[var\(--radius-panel\)\]{border-top-left-radius:var(--radius-panel);border-top-right-radius:var(--radius-panel)}.rounded-b-full{border-bottom-right-radius:2147483647px;border-bottom-left-radius:2147483647px}.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-\[0\.5px\]{border-style:var(--tw-border-style);border-width:.5px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-\[2\.5px\]{border-style:var(--tw-border-style);border-width:2.5px}.border-\[3px\]{border-style:var(--tw-border-style);border-width:3px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-t-\[2\.5px\]{border-top-style:var(--tw-border-style);border-top-width:2.5px}.border-r-\[2\.5px\]{border-right-style:var(--tw-border-style);border-right-width:2.5px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-\[2\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:2.5px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-double{--tw-border-style:double;border-style:double}.border-\[\#2B2D42\]{border-color:#2b2d42}.border-\[\#9c1f16\]{border-color:#9c1f16}.border-\[\#fffdf7\]{border-color:#fffdf7}.border-accent{border-color:var(--zg-accent)}.border-danger\/30{border-color:var(--zg-danger)}@supports (color:color-mix(in lab, red, red)){.border-danger\/30{border-color:color-mix(in oklab, var(--zg-danger) 30%, transparent)}}.border-gold-deep\/60{border-color:#c98a1299;border-color:lab(62.7197% 18.5201 64.5882/.6)}.border-jade{border-color:#2e9e6b}.border-line{border-color:var(--zg-line)}.border-line-strong{border-color:var(--zg-line-strong)}.border-stroke{border-color:var(--zg-stroke)}.border-transparent{border-color:#0000}.border-white\/25{border-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.border-white\/25{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-\[\#2c2f63\]{background-color:#2c2f63}.bg-\[\#F4B942\]{background-color:#f4b942}.bg-\[\#c62828\]{background-color:#c62828}.bg-\[\#fffdf7\]{background-color:#fffdf7}.bg-\[\#fffdf7\]\/10{background-color:#fffdf71a;background-color:lab(99.3405% -.0840724 3.12467/.1)}.bg-accent{background-color:var(--zg-accent)}.bg-accent-soft,.bg-accent-soft\/55{background-color:var(--zg-accent-soft)}@supports (color:color-mix(in lab, red, red)){.bg-accent-soft\/55{background-color:color-mix(in oklab, var(--zg-accent-soft) 55%, transparent)}}.bg-bg-2,.bg-bg-2\/60{background-color:var(--zg-bg-2)}@supports (color:color-mix(in lab, red, red)){.bg-bg-2\/60{background-color:color-mix(in oklab, var(--zg-bg-2) 60%, transparent)}}.bg-bg-2\/70{background-color:var(--zg-bg-2)}@supports (color:color-mix(in lab, red, red)){.bg-bg-2\/70{background-color:color-mix(in oklab, var(--zg-bg-2) 70%, transparent)}}.bg-bg\/85{background-color:var(--zg-bg)}@supports (color:color-mix(in lab, red, red)){.bg-bg\/85{background-color:color-mix(in oklab, var(--zg-bg) 85%, transparent)}}.bg-coal{background-color:#2b2d42}.bg-danger,.bg-danger\/8{background-color:var(--zg-danger)}@supports (color:color-mix(in lab, red, red)){.bg-danger\/8{background-color:color-mix(in oklab, var(--zg-danger) 8%, transparent)}}.bg-gold{background-color:#f4b942}.bg-gold-soft{background-color:var(--zg-gold-soft)}.bg-gold\/10{background-color:#f4b9421a;background-color:lab(79.1782% 14.0169 65.5896/.1)}.bg-gold\/15{background-color:#f4b94226;background-color:lab(79.1782% 14.0169 65.5896/.15)}.bg-gold\/20{background-color:#f4b94233;background-color:lab(79.1782% 14.0169 65.5896/.2)}.bg-ink{background-color:var(--zg-ink)}.bg-ink-faint{background-color:var(--zg-ink-faint)}.bg-jade{background-color:#2e9e6b}.bg-jade-soft{background-color:var(--zg-jade-soft)}.bg-lantern{background-color:#e63946}.bg-lantern-soft{background-color:var(--zg-lantern-soft)}.bg-line{background-color:var(--zg-line)}.bg-line-strong{background-color:var(--zg-line-strong)}.bg-ok{background-color:var(--zg-ok)}.bg-plum{background-color:#8c7cf0}.bg-plum-soft{background-color:var(--zg-plum-soft)}.bg-sky{background-color:#8ecae6}.bg-sky-soft{background-color:var(--zg-sky-soft)}.bg-stroke\/25{background-color:var(--zg-stroke)}@supports (color:color-mix(in lab, red, red)){.bg-stroke\/25{background-color:color-mix(in oklab, var(--zg-stroke) 25%, transparent)}}.bg-sunk{background-color:var(--zg-sunk)}.bg-surface,.bg-surface\/60{background-color:var(--zg-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/60{background-color:color-mix(in oklab, var(--zg-surface) 60%, transparent)}}.bg-surface\/70{background-color:var(--zg-surface)}@supports (color:color-mix(in lab, red, red)){.bg-surface\/70{background-color:color-mix(in oklab, var(--zg-surface) 70%, transparent)}}.bg-white{background-color:var(--color-white)}.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)}}.p-0{padding:0}.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-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-10{padding:calc(var(--spacing) * 10)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-px{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.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)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-\[clamp\(10px\,2\.4svh\,36px\)\]{padding-top:clamp(10px,2.4svh,36px)}.pt-\[clamp\(18px\,3svh\,44px\)\]{padding-top:clamp(18px,3svh,44px)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-3\.5{padding-right:calc(var(--spacing) * 3.5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-7{padding-bottom:calc(var(--spacing) * 7)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[calc\(var\(--zg-dock-space\)\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(var(--zg-dock-space) + env(safe-area-inset-bottom))}.pb-\[clamp\(18px\,3\.4svh\,40px\)\]{padding-bottom:clamp(18px,3.4svh,40px)}.pb-\[max\(1\.25rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.25rem, env(safe-area-inset-bottom))}.pb-\[max\(env\(safe-area-inset-bottom\)\,0\.35rem\)\]{padding-bottom:max(env(safe-area-inset-bottom), .35rem)}.pb-\[max\(env\(safe-area-inset-bottom\)\,0\.75rem\)\]{padding-bottom:max(env(safe-area-inset-bottom), .75rem)}.pb-\[max\(env\(safe-area-inset-bottom\)\,2rem\)\]{padding-bottom:max(env(safe-area-inset-bottom), 2rem)}.pl-1{padding-left:var(--spacing)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-7{padding-left:calc(var(--spacing) * 7)}.pl-\[0\.25em\]{padding-left:.25em}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-cjk{font-family:var(--font-cjk-face), "Noto Serif SC", "Songti SC", "STSong", "Noto Serif CJK SC", serif}.font-display{font-family:var(--zg-font-display)}.font-mono{font-family:var(--font-mono)}.font-num{font-family:var(--zg-font-num)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--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-\[0\.55em\]{font-size:.55em}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[16rem\]{font-size:16rem}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[21px\]{font-size:21px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[26rem\]{font-size:26rem}.text-\[28px\]{font-size:28px}.text-\[30px\]{font-size:30px}.text-\[34px\]{font-size:34px}.text-\[38px\]{font-size:38px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.text-\[clamp\(26px\,8\.6vw\,38px\)\]{font-size:clamp(26px,8.6vw,38px)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-\[0\.95\]{--tw-leading:.95;line-height:.95}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.02\]{--tw-leading:1.02;line-height:1.02}.leading-\[1\.04\]{--tw-leading:1.04;line-height:1.04}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.15\]{--tw-leading:1.15;line-height:1.15}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.06em\]{--tw-tracking:.06em;letter-spacing:.06em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-\[0\.15em\]{--tw-tracking:.15em;letter-spacing:.15em}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-balance{text-wrap:balance}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.whitespace-nowrap{white-space:nowrap}.text-\[\#1b1406\]{color:#1b1406}.text-\[\#2B2D42\],.text-\[\#2b2d42\]{color:#2b2d42}.text-\[\#9c1f16\]{color:#9c1f16}.text-\[\#c62828\]{color:#c62828}.text-\[\#fff8e7\]{color:#fff8e7}.text-\[\#fffdf7\]{color:#fffdf7}.text-\[\#fffdf7\]\/75{color:#fffdf7bf;color:lab(99.3405% -.0840724 3.12467/.75)}.text-accent{color:var(--zg-accent)}.text-accent-fg{color:var(--zg-accent-fg)}.text-bg{color:var(--zg-bg)}.text-cinnabar{color:var(--zg-cinnabar)}.text-coal{color:#2b2d42}.text-danger{color:var(--zg-danger)}.text-gold{color:#f4b942}.text-gold-fg{color:var(--zg-gold-fg)}.text-ink{color:var(--zg-ink)}.text-ink-faint{color:var(--zg-ink-faint)}.text-ink-soft{color:var(--zg-ink-soft)}.text-jade-fg{color:var(--zg-jade-fg)}.text-ok{color:var(--zg-ok)}.text-on-accent{color:var(--zg-on-accent)}.text-white{color:var(--color-white)}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.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,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-\[var\(--zg-accent\)\]{accent-color:var(--zg-accent)}.opacity-45{opacity:.45}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-\[0\.1\]{opacity:.1}.opacity-\[0\.08\]{opacity:.08}.shadow-\[0_-6px_0_0_rgb\(0_0_0\/0\.06\)\]{--tw-shadow:0 -6px 0 0 var(--tw-shadow-color,#0000000f);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_0_rgb\(43_45_66\/0\.12\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,#2b2d421f);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_0_var\(--color-stroke\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--color-stroke));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_0_var\(--mc-lip\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--mc-lip));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_0_var\(--zg-stroke\)\]{--tw-shadow:0 2px 0 0 var(--tw-shadow-color,var(--zg-stroke));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_0_var\(--color-stroke\)\]{--tw-shadow:0 3px 0 0 var(--tw-shadow-color,var(--color-stroke));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_0_var\(--mc-lip\)\]{--tw-shadow:0 3px 0 0 var(--tw-shadow-color,var(--mc-lip));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_0_var\(--zg-stroke\)\]{--tw-shadow:0 3px 0 0 var(--tw-shadow-color,var(--zg-stroke));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_4px_0_0_var\(--color-accent\)\,0_4px_0_2\.5px_var\(--color-stroke\)\]{--tw-shadow:0 4px 0 0 var(--tw-shadow-color,var(--color-accent)), 0 4px 0 2.5px var(--tw-shadow-color,var(--color-stroke));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_4px_0_0_var\(--mc-lip\)\]{--tw-shadow:0 4px 0 0 var(--tw-shadow-color,var(--mc-lip));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_4px_0_0_var\(--zg-stroke\)\]{--tw-shadow:0 4px 0 0 var(--tw-shadow-color,var(--zg-stroke));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_5px_0_0_var\(--color-stroke\)\]{--tw-shadow:0 5px 0 0 var(--tw-shadow-color,var(--color-stroke));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_6px_14px_-6px_rgb\(0_0_0\/0\.5\)\]{--tw-shadow:0 6px 14px -6px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-4px_0_rgb\(0_0_0\/0\.18\)\,0_3px_0_0_var\(--zg-stroke\)\]{--tw-shadow:inset 0 -4px 0 var(--tw-shadow-color,#0000002e), 0 3px 0 0 var(--tw-shadow-color,var(--zg-stroke));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_1px_0_var\(--frame-rim\)\,inset_0_-3px_0_rgb\(0_0_0\/0\.25\)\]\!{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,var(--frame-rim)), inset 0 -3px 0 var(--tw-shadow-color,#00000040)!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}.shadow-\[var\(--shadow-lift\)\]{--tw-shadow:var(--shadow-lift);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--shadow-soft\)\]{--tw-shadow:var(--shadow-soft);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-surface{--tw-ring-color:var(--zg-surface)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-\[3px\]{outline-style:var(--tw-outline-style);outline-width:3px}.outline-offset-2{outline-offset:2px}.outline-offset-\[3px\]{outline-offset:3px}.outline-gold{outline-color:#f4b942}.drop-shadow-\[0_8px_0_var\(--color-stroke\)\]{--tw-drop-shadow-size:drop-shadow(0 8px 0 var(--tw-drop-shadow-color,var(--color-stroke)));--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,)}.grayscale-\[\.35\]{--tw-grayscale:grayscale(.35);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-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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-\[border-color\,background-color\,box-shadow\]{transition-property:border-color,background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,background-color\,border-color\]{transition-property:transform,background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;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-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[var\(--ease-spring\)\]{--tw-ease:var(--ease-spring);transition-timing-function:var(--ease-spring)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.\[animation-delay\:-6s\]{animation-delay:-6s}.\[animation-delay\:-11s\]{animation-delay:-11s}.\[image-rendering\:pixelated\]{image-rendering:pixelated}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-rotate-6:is(:where(.group):hover *){rotate:-6deg}.group-hover\:rotate-0:is(:where(.group):hover *){rotate:0deg}.group-hover\:rotate-3:is(:where(.group):hover *){rotate:3deg}}.empty\:hidden:empty{display:none}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-line-strong:hover{border-color:var(--zg-line-strong)}.hover\:border-stroke:hover{border-color:var(--zg-stroke)}.hover\:bg-\[\#383c7a\]:hover{background-color:#383c7a}.hover\:bg-accent-soft:hover{background-color:var(--zg-accent-soft)}.hover\:bg-bg-2:hover{background-color:var(--zg-bg-2)}.hover\:bg-gold-soft:hover{background-color:var(--zg-gold-soft)}.hover\:bg-sky-soft:hover{background-color:var(--zg-sky-soft)}.hover\:bg-surface:hover{background-color:var(--zg-surface)}.hover\:text-ink:hover{color:var(--zg-ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-stroke:focus-visible{border-color:var(--zg-stroke)}.active\:translate-y-\[2px\]:active{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:translate-y-\[3px\]:active{--tw-translate-y:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.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\:shadow-\[0_1px_0_0_var\(--color-stroke\)\]:active{--tw-shadow:0 1px 0 0 var(--tw-shadow-color,var(--color-stroke));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:shadow-none:active{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-3:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:3px}.has-\[\:focus-visible\]\:outline-accent:has(:focus-visible){outline-color:var(--zg-accent)}.has-\[\:focus-visible\]\:outline-sky-deep:has(:focus-visible){outline-color:#4d9bc1}.aria-expanded\:bg-gold-soft[aria-expanded=true]{background-color:var(--zg-gold-soft)}.aria-expanded\:text-gold-fg[aria-expanded=true]{color:var(--zg-gold-fg)}.aria-pressed\:border-stroke[aria-pressed=true]{border-color:var(--zg-stroke)}.aria-pressed\:bg-accent-soft[aria-pressed=true]{background-color:var(--zg-accent-soft)}.aria-pressed\:bg-ink[aria-pressed=true]{background-color:var(--zg-ink)}.aria-pressed\:text-accent-fg[aria-pressed=true]{color:var(--zg-accent-fg)}.aria-pressed\:text-bg[aria-pressed=true]{color:var(--zg-bg)}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}}@media not all and (min-width:1399px){.max-\[1399px\]\:hidden{display:none}}@media not all and (min-width:480px){.max-\[480px\]\:left-\[-20\%\]{left:-20%}}@media not all and (min-width:380px){.max-\[380px\]\:hidden{display:none}}@media not all and (min-width:359px){.max-\[359px\]\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-\[359px\]\:hidden{display:none}}@media not all and (min-width:64rem){.max-lg\:order-last{order:9999}.max-lg\:hidden{display:none}}@media not all and (min-width:48rem){.max-md\:hidden{display:none}}@media not all and (min-width:40rem){.max-sm\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.max-sm\:top-5{top:calc(var(--spacing) * 5)}.max-sm\:top-\[70\%\]{top:70%}.max-sm\:top-auto{top:auto}.max-sm\:right-\[3\%\]{right:3%}.max-sm\:right-\[4\%\]{right:4%}.max-sm\:bottom-\[4\%\]{bottom:4%}.max-sm\:left-\[3\%\]{left:3%}.max-sm\:col-span-2{grid-column:span 2/span 2}.max-sm\:hidden{display:none}.max-sm\:inline{display:inline}.max-sm\:size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.max-sm\:min-h-\[3\.75rem\]{min-height:3.75rem}.max-sm\:w-\[3\.75rem\]{width:3.75rem}.max-sm\:min-w-0{min-width:0}.max-sm\:flex-1{flex:1}.max-sm\:shrink-0{flex-shrink:0}.max-sm\:px-0{padding-inline:0}.max-sm\:px-2{padding-inline:calc(var(--spacing) * 2)}.max-sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.max-sm\:pr-\[4\.75rem\]{padding-right:4.75rem}.max-sm\:text-\[18px\]{font-size:18px}.max-sm\:opacity-60{opacity:.6}}@media (min-width:360px){.min-\[360px\]\:flex{display:flex}}@media (min-width:400px){.min-\[400px\]\:flex{display:flex}.min-\[400px\]\:text-\[20px\]{font-size:20px}}@media (min-width:40rem){.sm\:-right-16{right:calc(var(--spacing) * -16)}.sm\:right-\[5\%\]{right:5%}.sm\:right-\[10\%\]{right:10%}.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-span-6{grid-column:span 6/span 6}.sm\:m-auto{margin:auto}.sm\:mx-0{margin-inline:0}.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.sm\:mr-8{margin-right:calc(var(--spacing) * 8)}.sm\:mr-28{margin-right:calc(var(--spacing) * 28)}.sm\:mb-8{margin-bottom:calc(var(--spacing) * 8)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.sm\:size-\[42px\]{width:42px;height:42px}.sm\:h-auto{height:auto}.sm\:min-h-\[14rem\]{min-height:14rem}.sm\:min-h-\[16rem\]{min-height:16rem}.sm\:w-20{width:calc(var(--spacing) * 20)}.sm\:w-56{width:calc(var(--spacing) * 56)}.sm\:w-\[30\%\]{width:30%}.sm\:w-\[150px\]{width:150px}.sm\:w-\[220px\]{width:220px}.sm\:w-\[240px\]{width:240px}.sm\:w-\[280px\]{width:280px}.sm\:w-\[300px\]{width:300px}.sm\:w-\[340px\]{width:340px}.sm\:w-\[min\(30rem\,calc\(100vw-2rem\)\)\]{width:min(30rem,100vw - 2rem)}.sm\:max-w-\[19rem\]{max-width:19rem}.sm\:max-w-sm{max-width:var(--container-sm)}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-\[13rem_minmax\(0\,1fr\)\]{grid-template-columns:13rem minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,14rem\)_1fr\]{grid-template-columns:minmax(0,14rem) 1fr}.sm\:grid-cols-\[repeat\(auto-fit\,minmax\(13rem\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-wrap{flex-wrap:wrap}.sm\:items-center{align-items:center}.sm\:items-end{align-items:flex-end}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:gap-24{gap:calc(var(--spacing) * 24)}.sm\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.sm\:self-start{align-self:flex-start}.sm\:rounded-\[var\(--radius-panel\)\]{border-radius:var(--radius-panel)}.sm\:border-b-\[2\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:2.5px}.sm\:p-3{padding:calc(var(--spacing) * 3)}.sm\:p-3\.5{padding:calc(var(--spacing) * 3.5)}.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-7{padding:calc(var(--spacing) * 7)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-0{padding-inline:0}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-7{padding-block:calc(var(--spacing) * 7)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:py-14{padding-block:calc(var(--spacing) * 14)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:pt-6{padding-top:calc(var(--spacing) * 6)}.sm\:pt-8{padding-top:calc(var(--spacing) * 8)}.sm\:pt-14{padding-top:calc(var(--spacing) * 14)}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pb-6{padding-bottom:calc(var(--spacing) * 6)}.sm\:pb-7{padding-bottom:calc(var(--spacing) * 7)}.sm\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.sm\:pb-9{padding-bottom:calc(var(--spacing) * 9)}.sm\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.sm\:pb-24{padding-bottom:calc(var(--spacing) * 24)}.sm\:pl-1{padding-left:var(--spacing)}.sm\:pl-8{padding-left:calc(var(--spacing) * 8)}.sm\:text-left{text-align:left}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.sm\:text-\[12\.5px\]{font-size:12.5px}.sm\:text-\[13px\]{font-size:13px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[15px\]{font-size:15px}.sm\:text-\[16px\]{font-size:16px}.sm\:text-\[17px\]{font-size:17px}.sm\:text-\[18px\]{font-size:18px}.sm\:text-\[21px\]{font-size:21px}.sm\:text-\[22px\]{font-size:22px}.sm\:text-\[22rem\]{font-size:22rem}.sm\:text-\[27px\]{font-size:27px}.sm\:text-\[28px\]{font-size:28px}.sm\:text-\[34px\]{font-size:34px}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[38px\]{font-size:38px}.sm\:text-\[40px\]{font-size:40px}.sm\:text-\[42px\]{font-size:42px}.sm\:text-\[48px\]{font-size:48px}.sm\:text-\[54px\]{font-size:54px}.sm\:text-\[58px\]{font-size:58px}.sm\:shadow-\[0_8px_0_0_var\(--color-stroke\)\]{--tw-shadow:0 8px 0 0 var(--tw-shadow-color,var(--color-stroke));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.4fr_1fr_1fr_1fr\]{grid-template-columns:1.4fr 1fr 1fr 1fr}.md\:grid-cols-\[minmax\(0\,1fr\)_15rem\]{grid-template-columns:minmax(0,1fr) 15rem}.md\:items-center{align-items:center}.md\:items-start{align-items:flex-start}.md\:pr-56{padding-right:calc(var(--spacing) * 56)}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:bottom-6{bottom:calc(var(--spacing) * 6)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:row-span-5{grid-row:span 5/span 5}.lg\:row-start-1{grid-row-start:1}.lg\:row-start-2{grid-row-start:2}.lg\:row-start-3{grid-row-start:3}.lg\:row-start-4{grid-row-start:4}.lg\:-mt-6{margin-top:calc(var(--spacing) * -6)}.lg\:mt-4{margin-top:calc(var(--spacing) * 4)}.lg\:mt-8{margin-top:calc(var(--spacing) * 8)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}.lg\:inline-flex{display:inline-flex}.lg\:size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.lg\:h-20{height:calc(var(--spacing) * 20)}.lg\:min-h-13{min-height:calc(var(--spacing) * 13)}.lg\:min-h-\[19rem\]{min-height:19rem}.lg\:min-h-\[420px\]{min-height:420px}.lg\:min-h-\[480px\]{min-height:480px}.lg\:w-\[34\%\]{width:34%}.lg\:w-\[47\%\]{width:47%}.lg\:w-\[50\%\]{width:50%}.lg\:w-\[178px\]{width:178px}.lg\:w-\[420px\]{width:420px}.lg\:max-w-\[58\%\]{max-width:58%}.lg\:max-w-\[min\(27rem\,calc\(\(100svh-9rem\)\*0\.78\)\)\]{max-width:min(27rem,78svh - 7.02rem)}.lg\:max-w-lg{max-width:var(--container-lg)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[15rem_minmax\(0\,1fr\)\]{grid-template-columns:15rem minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,22rem\)\]{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,25rem\)\]{grid-template-columns:minmax(0,1fr) minmax(0,25rem)}.lg\:grid-cols-\[minmax\(0\,22rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}.lg\:grid-cols-\[minmax\(0\,27rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,27rem) minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:gap-2{gap:calc(var(--spacing) * 2)}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-5{gap:calc(var(--spacing) * 5)}.lg\:gap-10{gap:calc(var(--spacing) * 10)}.lg\:gap-14{gap:calc(var(--spacing) * 14)}.lg\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.lg\:self-start{align-self:flex-start}.lg\:self-stretch{align-self:stretch}.lg\:p-5{padding:calc(var(--spacing) * 5)}.lg\:p-9{padding:calc(var(--spacing) * 9)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:pt-12{padding-top:calc(var(--spacing) * 12)}.lg\:pb-7{padding-bottom:calc(var(--spacing) * 7)}.lg\:pb-11{padding-bottom:calc(var(--spacing) * 11)}.lg\:pb-14{padding-bottom:calc(var(--spacing) * 14)}.lg\:text-left{text-align:left}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-\[15px\]{font-size:15px}.lg\:text-\[17px\]{font-size:17px}.lg\:text-\[19px\]{font-size:19px}.lg\:text-\[23px\]{font-size:23px}.lg\:text-\[48px\]{font-size:48px}.lg\:text-\[58px\]{font-size:58px}@media not all and (min-width:96rem){.lg\:max-2xl\:right-\[48\%\]{right:48%}.lg\:max-2xl\:left-\[31\%\]{left:31%}}}@media (min-width:80rem){.xl\:flex{display:flex}.xl\:grid{display:grid}}@media (min-width:96rem){.\32 xl\:max-w-7xl{max-width:var(--container-7xl)}.\32 xl\:grid-cols-\[minmax\(0\,46rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,46rem) minmax(0,1fr)}.\32 xl\:text-\[27px\]{font-size:27px}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}}@font-face{font-family:ZG Pinyin;src:url(../media/pinyin-500.0vbvo3ek5lr24.woff2)format("woff2");font-weight:100 500;font-display:swap;unicode-range:U+100-101,U+112-113,U+11A-11B,U+12A-12B,U+144,U+148,U+14B-14D,U+16A-16B,U+1CD-1DC}@font-face{font-family:ZG Pinyin;src:url(../media/pinyin-600.0_5by3f5updwz.woff2)format("woff2");font-weight:600;font-display:swap;unicode-range:U+100-101,U+112-113,U+11A-11B,U+12A-12B,U+144,U+148,U+14B-14D,U+16A-16B,U+1CD-1DC}@font-face{font-family:ZG Pinyin;src:url(../media/pinyin-700.2cygpfrshe9ob.woff2)format("woff2");font-weight:700 900;font-display:swap;unicode-range:U+100-101,U+112-113,U+11A-11B,U+12A-12B,U+144,U+148,U+14B-14D,U+16A-16B,U+1CD-1DC}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--zg-bg:#fff8e7;--zg-bg-2:#f6ecd5;--zg-surface:#fffdf7;--zg-surface-2:#fff4dc;--zg-sunk:#f1e7cf;--zg-field:#fff;--zg-line:#ecdfc3;--zg-line-strong:#d8c59d;--zg-stroke:#2b2d42;--zg-ink:#2b2d42;--zg-ink-soft:#5c5f7a;--zg-ink-faint:#6c6f8c;--zg-ok:#1f7a4d;--zg-danger:#c42a36;--zg-cinnabar:#d6442c;--zg-shadow:43 45 66;--zg-jade-soft:#d3f1e1;--zg-jade-fg:#1f7a4d;--zg-lantern-soft:#ffdfe1;--zg-lantern-fg:#b52a35;--zg-gold-soft:#fff0c9;--zg-gold-fg:#9a6a07;--zg-sky-soft:#ddf0f9;--zg-sky-fg:#2f7aa1;--zg-plum-soft:#ebe7ff;--zg-plum-fg:#6a59d6;--zg-accent:#2e9e6b;--zg-accent-strong:#1f7a4d;--zg-accent-deep:#14502f;--zg-accent-soft:#d3f1e1;--zg-accent-fg:#1f7a4d;--zg-on-accent:#fff;--zg-on-accent-halo:var(--zg-accent-deep);--zg-mode-practice:#3e95e8;--zg-mode-room:#8e5bd8;--ink-line:2.5px;--candy-cream-deep:#e9dcc0;--candy-ink:#2b2d42;--candy-ink-deep:#15162a;--skeleton-a:#f3ead3;--skeleton-b:#fff8e7;--radius-btn:18px;--radius-card:22px;--radius-panel:30px;--shadow-soft:0 4px 0 0 var(--zg-stroke);--shadow-lift:0 6px 0 0 var(--zg-stroke);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--zg-font-display:"ZG Pinyin", var(--font-fredoka), ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--zg-font-body:var(--zg-font-display);--zg-font-num:var(--zg-font-body);--zg-btn-sheen:linear-gradient(180deg, #ffffff47 0%, #fff0 46%);--zg-btn-edge:var(--zg-stroke);--zg-btn-lift:4px;--zg-btn-inner:inset 0 -3px 0 #00000014;--zg-card-bg:var(--zg-surface);--zg-card-edge:var(--zg-stroke);--zg-card-shadow:0 4px 0 0 var(--zg-stroke);--zg-focus:#4d9bc1;--zg-tab-home:#f4b942;--zg-tab-1:#3e95e8;--zg-tab-2:#e63946;--zg-tab-3:#2e9e6b;--zg-tab-4:#8e5bd8;--zg-dock-space:8.75rem;--zg-wallpaper:radial-gradient(circle at 50% 0%, #8ecae659, transparent 55%), radial-gradient(ellipse at 100% 0%, var(--zg-accent), transparent 42%), radial-gradient(ellipse at 0% 100%, #2e9e6b1a, transparent 48%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke-width='2' stroke-linecap='round'%3E%3Cg stroke='%232E9E6B' stroke-opacity='.12'%3E%3Crect x='8' y='6' width='16' height='21' rx='4'/%3E%3Ccircle cx='44' cy='44' r='4'/%3E%3Ccircle cx='18' cy='98' r='2.5'/%3E%3C/g%3E%3Crect x='70' y='68' width='16' height='21' rx='4' transform='rotate%2814 78 78%29' stroke='%23E63946' stroke-opacity='.09'/%3E%3Cg stroke='%23F4B942' stroke-opacity='.36'%3E%3Cpath d='M80 26a8 8 0 0 1 16 0a5 5 0 0 1-10 0'/%3E%3Cpath d='M104 100v8m-4-4h8'/%3E%3Cpath d='M36 76a5 5 0 0 1 10 0a3 3 0 0 1-6 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@supports (color:color-mix(in lab, red, red)){:root{--zg-wallpaper:radial-gradient(circle at 50% 0%, #8ecae659, transparent 55%), radial-gradient(ellipse at 100% 0%, color-mix(in srgb, var(--zg-accent) 16%, transparent), transparent 42%), radial-gradient(ellipse at 0% 100%, #2e9e6b1a, transparent 48%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke-width='2' stroke-linecap='round'%3E%3Cg stroke='%232E9E6B' stroke-opacity='.12'%3E%3Crect x='8' y='6' width='16' height='21' rx='4'/%3E%3Ccircle cx='44' cy='44' r='4'/%3E%3Ccircle cx='18' cy='98' r='2.5'/%3E%3C/g%3E%3Crect x='70' y='68' width='16' height='21' rx='4' transform='rotate%2814 78 78%29' stroke='%23E63946' stroke-opacity='.09'/%3E%3Cg stroke='%23F4B942' stroke-opacity='.36'%3E%3Cpath d='M80 26a8 8 0 0 1 16 0a5 5 0 0 1-10 0'/%3E%3Cpath d='M104 100v8m-4-4h8'/%3E%3Cpath d='M36 76a5 5 0 0 1 10 0a3 3 0 0 1-6 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--zg-bg:#1a1730;--zg-bg-2:#241f3c;--zg-surface:#2a2540;--zg-surface-2:#221e37;--zg-sunk:#18152a;--zg-field:#1c1930;--zg-line:#3a335a;--zg-line-strong:#4d4573;--zg-stroke:#0c0a17;--zg-ink:#f7eedb;--zg-ink-soft:#c9c1dc;--zg-ink-faint:#a49dbf;--zg-ok:#5fd39b;--zg-danger:#ff8a93;--zg-cinnabar:#e2563d;--zg-shadow:0 0 0;--zg-jade-soft:#173f31;--zg-jade-fg:#5fd39b;--zg-lantern-soft:#4d1f2a;--zg-lantern-fg:#ff8a93;--zg-gold-soft:#4a3a1c;--zg-gold-fg:#f6c35a;--zg-sky-soft:#183a4d;--zg-sky-fg:#7cc6ea;--zg-plum-soft:#312a5c;--zg-plum-fg:#b3a6ff;--zg-accent-soft:#173f31;--zg-accent-fg:#5fd39b;--candy-cream-deep:#120f22;--candy-ink:#4a4372;--candy-ink-deep:#1b1733;--skeleton-a:#2a2540;--skeleton-b:#352f4f;--zg-wallpaper:radial-gradient(ellipse at 12% -10%, var(--zg-accent), transparent 45%), radial-gradient(ellipse at 95% 0%, #f4b94224, transparent 40%), radial-gradient(ellipse at 50% 120%, #2e9e6b29, transparent 55%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke-width='2' stroke-linecap='round'%3E%3Cg stroke='%23F4B942' stroke-opacity='.08'%3E%3Crect x='8' y='6' width='16' height='21' rx='4'/%3E%3Ccircle cx='44' cy='44' r='4'/%3E%3Ccircle cx='18' cy='98' r='2.5'/%3E%3C/g%3E%3Crect x='70' y='68' width='16' height='21' rx='4' transform='rotate%2814 78 78%29' stroke='%23E63946' stroke-opacity='.1'/%3E%3Cg stroke='%23F4B942' stroke-opacity='.16'%3E%3Cpath d='M80 26a8 8 0 0 1 16 0a5 5 0 0 1-10 0'/%3E%3Cpath d='M104 100v8m-4-4h8'/%3E%3Cpath d='M36 76a5 5 0 0 1 10 0a3 3 0 0 1-6 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--zg-wallpaper:radial-gradient(ellipse at 12% -10%, color-mix(in srgb, var(--zg-accent) 22%, transparent), transparent 45%), radial-gradient(ellipse at 95% 0%, #f4b94224, transparent 40%), radial-gradient(ellipse at 50% 120%, #2e9e6b29, transparent 55%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke-width='2' stroke-linecap='round'%3E%3Cg stroke='%23F4B942' stroke-opacity='.08'%3E%3Crect x='8' y='6' width='16' height='21' rx='4'/%3E%3Ccircle cx='44' cy='44' r='4'/%3E%3Ccircle cx='18' cy='98' r='2.5'/%3E%3C/g%3E%3Crect x='70' y='68' width='16' height='21' rx='4' transform='rotate%2814 78 78%29' stroke='%23E63946' stroke-opacity='.1'/%3E%3Cg stroke='%23F4B942' stroke-opacity='.16'%3E%3Cpath d='M80 26a8 8 0 0 1 16 0a5 5 0 0 1-10 0'/%3E%3Cpath d='M104 100v8m-4-4h8'/%3E%3Cpath d='M36 76a5 5 0 0 1 10 0a3 3 0 0 1-6 0'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}}@keyframes zg-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.pandu-body,.pandu-head,.pandu-arm,.pandu-shadow,.pandu-fx{transform-box:view-box}.pandu-body{transform-origin:100px 196px;animation:3.2s ease-in-out infinite pandu-idle}.pandu[data-mood=happy] .pandu-body{animation:.7s ease-out infinite pandu-happy}.pandu[data-mood=dance] .pandu-body{animation:.5s ease-in-out infinite pandu-dance}.pandu[data-mood=sad] .pandu-body{animation:3s ease-in-out infinite pandu-sad}.pandu[data-mood=sleepy] .pandu-body{animation:3.5s ease-in-out infinite pandu-breathe}.pandu-shadow{transform-origin:100px 200px;animation:3.2s ease-in-out infinite pandu-shadow}.pandu[data-mood=dance] .pandu-shadow{animation:.5s ease-in-out infinite pandu-shadow}.pandu-head{transform-origin:100px 130px}.pandu[data-mood=thinking] .pandu-head{animation:2.4s ease-in-out infinite pandu-ponder}.pandu[data-mood=dance] .pandu-head{animation:.9s ease-in-out infinite pandu-tilt}.pandu[data-mood=sad] .pandu-head{transform:translateY(4px)}.pandu-arm-l{transform-origin:50px 140px}.pandu-arm-r{transform-origin:150px 140px}.pandu[data-mood=happy] .pandu-arm-l,.pandu[data-mood=dance] .pandu-arm-l{animation:.8s ease-in-out infinite alternate pandu-cheer-l}.pandu[data-mood=happy] .pandu-arm-r,.pandu[data-mood=dance] .pandu-arm-r{animation:.8s ease-in-out infinite alternate pandu-cheer-r}.pandu[data-mood=dance] .pandu-arm{animation-duration:.5s}.pandu[data-mood=wave] .pandu-arm-r{animation:2s ease-in-out infinite pandu-wave}.pandu-eyes-shut{opacity:0}.pandu[data-blink] .pandu-eyes-open{animation:4.2s step-end infinite pandu-blink-open}.pandu[data-blink] .pandu-eyes-shut{animation:4.2s step-end infinite pandu-blink-shut}.pandu-tear{animation:1.4s ease-in infinite pandu-tear}.pandu-dot{animation:1.2s ease-in-out infinite zg-pulse}.pandu-z{animation:2.2s ease-out infinite pandu-z}@keyframes pandu-idle{50%{transform:translateY(-5px)}}@keyframes pandu-happy{50%{transform:translateY(-10px)scaleY(.96)}}@keyframes pandu-dance{0%,to{transform:rotate(-7deg)}25%{transform:translateY(-16px)scaleY(.94)}50%{transform:rotate(7deg)}75%{transform:translateY(-16px)scaleY(.94)}}@keyframes pandu-sad{0%,to{transform:translateY(2px)scaleY(.97)}50%{transform:translateY(4px)scaleY(.97)}}@keyframes pandu-breathe{50%{transform:scaleY(1.02)}}@keyframes pandu-shadow{50%{transform:scaleX(.9)}}@keyframes pandu-ponder{0%,to{transform:rotate(-6deg)}50%{transform:rotate(-10deg)}}@keyframes pandu-tilt{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes pandu-cheer-l{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}@keyframes pandu-cheer-r{0%{transform:rotate(8deg)}to{transform:rotate(-10deg)}}@keyframes pandu-wave{0%,70%,to{transform:rotate(0)}14%,42%{transform:rotate(-18deg)}28%{transform:rotate(6deg)}}@keyframes pandu-blink-open{0%,to{opacity:1}96%{opacity:0}}@keyframes pandu-blink-shut{0%,to{opacity:0}96%{opacity:1}}@keyframes pandu-tear{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}@keyframes pandu-z{0%{opacity:0;transform:translate(0)}40%{opacity:1}to{opacity:0;transform:translate(12px,-20px)}}@keyframes zg-pulse{0%,to{opacity:.2}50%{opacity:1}}:root{--deco-cloud:#fffdf7;--deco-cloud-line:#efdfbb;--deco-curl:#f0cf86;--deco-ray:#f4b94226;--deco-glow:#ffdc8c80;--deco-far:.5;--deco-near:.92;--deco-cord:#c9a46a;--deco-lantern-glow:#ffb0604d;--deco-spark:#f4b942;--deco-spark-line:#d99a1e;--deco-blossom:#ffc4d2;--deco-blossom-line:#f08fa8;--deco-blossom-o:.85;--sky-a:#8fd3f0;--sky-b:#cdebf2;--sky-c:#fff0d4;--sky-d:#ffd9a8;--sky-floor:#f7b97a80;--sky-sun:#ffe08acc;--sky-ray:#ffffff8c;--sky-night:0}[data-theme=dark]{--deco-cloud:#241f3c;--deco-cloud-line:#302a52;--deco-curl:#5e4b33;--deco-ray:#f4b9420f;--deco-glow:#e6394629;--deco-far:.3;--deco-near:.72;--deco-cord:#4a4170;--deco-lantern-glow:#ff605052;--deco-spark:#f6c35a;--deco-spark-line:#8a6420;--deco-blossom:#b86a86;--deco-blossom-line:#6b3a55;--deco-blossom-o:.7;--sky-a:#0f1029;--sky-b:#1d1f45;--sky-c:#2c2557;--sky-d:#3a2752;--sky-floor:#4a2e5c99;--sky-sun:#f4b9426b;--sky-ray:#ffe2964d;--sky-night:1}.deco-item{will-change:transform;backface-visibility:hidden}.deco-near{opacity:var(--deco-near)}.deco-far{opacity:var(--deco-far)}.deco-halo{aspect-ratio:1;background:radial-gradient(closest-side, var(--deco-glow) 0%, transparent 80%), repeating-conic-gradient(var(--deco-ray) 0deg 8deg, transparent 9deg 21.5deg, var(--deco-ray) 22.5deg);will-change:transform;border-radius:50%;width:min(1100px,170vw);animation:160s linear infinite deco-spin;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000 100%);mask-image:radial-gradient(closest-side,#000 20%,#0000 100%)}.deco-lantern{transform-origin:50% 0}.deco-lantern-glow{background:radial-gradient(closest-side, var(--deco-lantern-glow), transparent);border-radius:50%}.deco-spark{opacity:.8}.deco-blossom{opacity:0}.deco-blossom>svg{opacity:var(--deco-blossom-o)}.deco-layer[data-paused=true] *{animation-play-state:paused!important}@keyframes deco-drift{0%,to{transform:translate3d(0, 0, 0) rotate(var(--r,0deg))}50%{transform:translate3d(var(--dx,0px), var(--dy,-14px), 0) rotate(calc(var(--r,0deg) + var(--dr,6deg)))}}@keyframes cloud-drift{0%,to{transform:translate(0)}50%{transform:translate3d(var(--dx,24px), 0, 0)}}@keyframes deco-spin{to{transform:rotate(360deg)}}@keyframes deco-sway{0%,to{transform:rotate(calc(var(--sway,5deg) * -1))}50%{transform:rotate(var(--sway,5deg))}}@keyframes deco-flip{0%,to{transform:scaleX(1)}50%{transform:scaleX(.45)}}@keyframes deco-twinkle{0%,to{opacity:.35;transform:scale(.5)rotate(0)}50%{opacity:1;transform:scale(1)rotate(25deg)}}@keyframes petal-fall{0%{opacity:0;transform:translateY(-10vh)rotate(0)}10%{opacity:1}to{transform:translate3d(var(--drift,40px), 110vh, 0) rotate(540deg);opacity:.9}}@keyframes zg-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bob{animation:3.2s ease-in-out infinite zg-bob}.hero-screen{min-height:100svh}.hero-copy{container-type:inline-size}.hero-title{font-size:clamp(30px,min(9.5cqi,7.4svh),76px)}.hero-sub{font-size:clamp(15px,min(2.25svh,4.3vw),18.5px)}.rise{animation:zg-rise .64s var(--ease-spring) var(--delay,0s) both}@keyframes zg-rise{0%{opacity:0;transform:translateY(22px)scale(.96)}}.reveal{rotate:var(--tilt,0deg);transition:opacity .52s var(--ease-out-soft) var(--delay,0s), translate .62s var(--ease-spring) var(--delay,0s), rotate .4s var(--ease-spring)}.reveal[data-reveal=wait]{opacity:0;translate:0 36px;rotate:0deg}@media (hover:hover){.reveal[data-lift]:hover{translate:0 -6px;rotate:0deg}}.zg-sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2b2d4273}[data-theme=dark] .zg-sheet::backdrop{background:#0009}.zg-sheet[open]{animation:zg-sheet-up .38s var(--ease-out-expo)}.zg-sheet[open]::backdrop{animation:.26s ease-out zg-fade}@media (min-width:40rem){.zg-sheet[open]{animation-name:zg-sheet-pop}}.zg-toast{animation:zg-sheet-pop .32s var(--ease-spring)}@keyframes zg-sheet-up{0%{opacity:.4;transform:translateY(40%)}}@keyframes zg-sheet-pop{0%{opacity:0;transform:translateY(12px)scale(.97)}}.zg-think{animation:1.1s ease-in-out infinite zg-think}@keyframes zg-think{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.zg-emote-caption{text-shadow:1.5px 0 #2b2d42,-1.5px 0 #2b2d42,0 1.5px #2b2d42,0 -1.5px #2b2d42,1.1px 1.1px #2b2d42,-1.1px 1.1px #2b2d42,1.1px -1.1px #2b2d42,-1.1px -1.1px #2b2d42,0 2.5px #2b2d42}.zg-emote-bubble{--tail:50%;animation:2.5s ease-in-out both zg-emote}.zg-emote-bubble[data-place=above]{transform-origin:var(--tail) 100%;bottom:calc(100% + 6px)}.zg-emote-bubble[data-place=below]{transform-origin:var(--tail) 0;top:calc(100% + 6px)}.zg-emote-bubble[data-align=center]{left:50%;translate:-50%}.zg-emote-bubble[data-align=start]{--tail:26px;left:calc(50% - 26px)}.zg-emote-bubble[data-align=end]{--tail:calc(100% - 26px);right:calc(50% - 26px)}.zg-emote-body{background:linear-gradient(#fff 55%,#f9ecd0);box-shadow:0 3.5px #2b2d4238}.zg-emote-tail{left:var(--tail);translate:-50%;rotate:45deg}[data-place=above] .zg-emote-tail{background:#f9ecd0;border-bottom-width:2.5px;border-right-width:2.5px;bottom:-8.5px}[data-place=below] .zg-emote-tail{background:#fff;border-top-width:2.5px;border-left-width:2.5px;top:-8.5px}@keyframes zg-emote{0%{opacity:0;rotate:0deg;scale:.25}5%{opacity:1}10%{scale:1.12}16%{scale:.95}21%{rotate:0deg;scale:1.03}26%{scale:1}32%{rotate:3.4deg}44%{rotate:-2.6deg}56%{rotate:1.6deg}68%{rotate:0deg}86%{opacity:1;scale:1}to{opacity:0;rotate:0deg;scale:.92}}.zg-emote-picker{animation:zg-sheet-pop .22s var(--ease-spring)}.zg-emote-drain{height:100%;animation:linear both zg-emote-drain}@keyframes zg-emote-drain{to{height:0}}@keyframes zg-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.deco-layer *,.pandu *,.lobby-sun,.lobby-lantern,.lobby-bob,.lobby-twinkle,.dock-orb-halo,.zg-emote-bubble,.rise{animation:none!important}.reveal[data-reveal=wait]{opacity:1;translate:none;rotate:var(--tilt,0deg)}}:root{--hk-indigo:#2c4c80;--hk-indigo-2:#213c68;--hk-indigo-deep:#172b4c;--hk-cinnabar:#c8442f;--hk-cinnabar-deep:#93301f;--hk-gold:#d9a21b;--hk-gold-deep:#9b7208;--hk-bamboo:#7a9a4a;--hk-ink:#26201a;--hk-paper:#f4ecd8;--hk-on-cloth:#f7eeda;--hk-on-cloth-soft:#c8d4ea;--hk-map:#f8f1e0;--hk-road:#e4d4ae;--hk-road-ink:#a88e5c;--hk-page-edge:#d8c8a2;--hk-wash:74 98 104;--hk-cloud:#b8a37a;--zg-bg:#f4ecd8;--zg-bg-2:#ebe1c8;--zg-surface:#fbf6ea;--zg-surface-2:#f6efdd;--zg-sunk:#e7dbbd;--zg-field:#fffbf1;--zg-line:#dfd1b1;--zg-line-strong:#c4b089;--zg-stroke:#3a2e22;--zg-ink:#26201a;--zg-ink-soft:#57493a;--zg-ink-faint:#6b5c49;--zg-ok:#3f7426;--zg-danger:#b23a26;--zg-cinnabar:#c8442f;--zg-shadow:58 46 34;--zg-jade-soft:#e3ebcf;--zg-jade-fg:#456620;--zg-lantern-soft:#f6dcd3;--zg-lantern-fg:#a3341f;--zg-gold-soft:#f5e4b8;--zg-gold-fg:#765000;--zg-sky-soft:#dce8f6;--zg-sky-fg:#1f5fa8;--zg-plum-soft:#ebdff0;--zg-plum-fg:#6a3d8f;--zg-accent:#3e95e8;--zg-accent-strong:#2a76c4;--zg-accent-deep:#1a4f87;--zg-accent-soft:#dceaf8;--zg-accent-fg:#1f5fa8;--zg-on-accent:#fff;--zg-on-accent-halo:var(--zg-accent-deep);--zg-mode-practice:#7a9a4a;--zg-mode-room:#c8442f;--zg-font-display:var(--font-kurale), "ZG Pinyin", Georgia, serif;--zg-font-body:var(--font-andika), "ZG Pinyin", system-ui, sans-serif;--zg-font-num:var(--font-kurale), Georgia, serif;--zg-btn-sheen:linear-gradient(180deg, #ffffff38, #fff0 55%);--zg-btn-edge:#3a2e22;--zg-btn-lift:3px;--zg-btn-inner:inset 0 -2px 0 #3a2e221a;--ink-line:2px;--candy-cream-deep:#cdb98f;--candy-ink:#2c4c80;--candy-ink-deep:#172b4c;--zg-card-bg:var(--zg-surface);--zg-card-edge:#3a2e22;--zg-card-shadow:0 3px 0 0 var(--hk-page-edge), 0 16px 28px -20px #3a2e2273;--zg-focus:#2a76c4;--zg-tab-home:#c8442f;--zg-tab-1:#3e95e8;--zg-tab-2:#7a9a4a;--zg-tab-3:#d9a21b;--zg-tab-4:#8a5aa8;--zg-dock-space:7rem;--radius-btn:12px;--radius-card:14px;--radius-panel:18px;--shadow-soft:0 3px 0 0 var(--hk-page-edge);--shadow-lift:0 5px 0 0 var(--hk-page-edge);--zg-wallpaper:radial-gradient(ellipse 70% 50% at 50% 0%, #fffbeeb3, transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='none' stroke='%23B9A47C' stroke-linecap='round' stroke-opacity='.28'%3E%3Cpath d='M8 14l9 2M52 9l6 5M30 40l10-3M71 52l8 1M14 70l5 6M47 78l9-2M84 26l3 7'/%3E%3C/g%3E%3Cg fill='%23B9A47C' fill-opacity='.22'%3E%3Ccircle cx='38' cy='18' r='.9'/%3E%3Ccircle cx='62' cy='34' r='.7'/%3E%3Ccircle cx='22' cy='52' r='.8'/%3E%3Ccircle cx='80' cy='74' r='.9'/%3E%3C/g%3E%3C/svg%3E")}[data-theme=dark]{--hk-indigo:#233d66;--hk-indigo-2:#1a2f50;--hk-indigo-deep:#0f1d33;--hk-cinnabar:#d4553e;--hk-cinnabar-deep:#8e2e1d;--hk-gold:#e2b23a;--hk-on-cloth:#f1e6cf;--hk-on-cloth-soft:#b9c6df;--hk-map:#241f19;--hk-road:#3a3127;--hk-road-ink:#7d6a4d;--hk-page-edge:#0c0a07;--hk-wash:150 168 170;--hk-cloud:#5f5240;--zg-bg:#1c1814;--zg-bg-2:#231e18;--zg-surface:#2a241d;--zg-surface-2:#241f19;--zg-sunk:#15120e;--zg-field:#201b15;--zg-line:#3e352a;--zg-line-strong:#574b3b;--zg-stroke:#0c0a07;--zg-ink:#f1e6cf;--zg-ink-soft:#d3c5a8;--zg-ink-faint:#b0a184;--zg-ok:#9cc46a;--zg-danger:#f08a70;--zg-cinnabar:#e2644c;--zg-shadow:0 0 0;--zg-jade-soft:#29331b;--zg-jade-fg:#a9cc78;--zg-lantern-soft:#3d2019;--zg-lantern-fg:#f29a82;--zg-gold-soft:#3a2f14;--zg-gold-fg:#ecc760;--zg-sky-soft:#1c2b40;--zg-sky-fg:#93c3f2;--zg-plum-soft:#2f2236;--zg-plum-fg:#cfa9e6;--zg-accent:#5aa8f0;--zg-accent-strong:#3e8fdc;--zg-accent-deep:#1a4f87;--zg-accent-soft:#1e3047;--zg-accent-fg:#8cc2f5;--zg-on-accent:#0f1e30;--zg-on-accent-halo:#ffffff59;--zg-mode-practice:#a9cc78;--zg-mode-room:#e2644c;--zg-btn-edge:#0c0a07;--candy-cream-deep:#0c0a07;--zg-card-edge:#4d4234;--zg-card-shadow:0 3px 0 0 #0c0a07, 0 18px 30px -16px #0009;--zg-focus:#e2b23a;--shadow-soft:0 3px 0 0 #0c0a07;--shadow-lift:0 5px 0 0 #0c0a07;--zg-wallpaper:radial-gradient(ellipse 60% 40% at 50% 0%, #e2b23a14, transparent 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cg fill='none' stroke='%23F1E6CF' stroke-linecap='round' stroke-opacity='.05'%3E%3Cpath d='M8 14l9 2M52 9l6 5M30 40l10-3M71 52l8 1M14 70l5 6M47 78l9-2M84 26l3 7'/%3E%3C/g%3E%3C/svg%3E")}:root{--hk-cloth:repeating-linear-gradient(0deg, #ffffff09 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #0000000f 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--hk-indigo), var(--hk-indigo-2))}.sticker.bg-coal{background:var(--hk-cloth);border-color:var(--hk-indigo-deep);box-shadow:inset 0 0 0 6px var(--hk-indigo), inset 0 0 0 7.5px #f7eeda59, 0 4px 0 0 var(--hk-indigo-deep)}body{font-family:var(--font-sans);background:var(--zg-wallpaper), var(--zg-bg)}.hk-header{background:var(--hk-cloth);color:var(--hk-on-cloth);box-shadow:inset 0 -3px 0 var(--hk-indigo-deep), 0 6px 14px -8px #172b4c99}.hk-header:before,.hk-header:after{content:"";pointer-events:none;border-top:1.5px dashed #f7eeda61;height:0;position:absolute;inset-inline:0}.hk-header:before{top:5px}.hk-header:after{bottom:8px}.hk-brand-seal{transition:rotate .3s var(--ease-spring)}.group:hover .hk-brand-seal{rotate:4deg!important}.hk-logo{font-family:var(--font-display);color:var(--hk-on-cloth);white-space:nowrap;font-size:21px;line-height:1}.hk-logo-sub{letter-spacing:.04em;color:var(--hk-on-cloth-soft);white-space:nowrap;margin-top:3px;font-size:11.5px;font-weight:700}.hk-tab{height:40px;color:var(--hk-on-cloth-soft);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 13px;font-size:15px;font-weight:700;transition:background-color .15s,color .15s;position:relative}.hk-tab:hover{color:var(--hk-on-cloth);background:#ffffff14}.hk-tab[aria-current=page]{color:var(--hk-ink);background:var(--hk-paper);box-shadow:inset 0 0 0 2px var(--hk-paper), inset 0 0 0 3px #3a2e2259}.hk-tab[aria-current=page]:after{content:"";background:linear-gradient(90deg, var(--hk-cinnabar-deep), var(--hk-cinnabar) 40%, var(--hk-cinnabar));clip-path:polygon(0 0,100% 0,100% 100%,50% 72%,0 100%);filter:drop-shadow(0 2px 1px #0003);pointer-events:none;width:16px;height:22px;position:absolute;top:calc(100% - 2px);left:calc(50% - 8px)}.hk-knob{width:40px;height:40px;color:var(--hk-on-cloth);background:#ffffff14;border-radius:999px;place-items:center;transition:background-color .15s;box-shadow:inset 0 0 0 1.5px #f7eeda59}.hk-knob:hover{background:#ffffff29}.hk-knob.hk-lang{justify-content:center;align-items:center;width:auto;padding:0 12px;font-size:14px;font-weight:700}.hk-header [data-part=coins]{border-width:2px;border-color:var(--hk-indigo-deep);background:var(--hk-paper);color:var(--hk-ink);box-shadow:0 2px 0 var(--hk-indigo-deep)}.hk-header [data-part=profile]>*{box-shadow:0 0 0 2px var(--hk-paper)}.hk-header .btn:not([data-variant=primary]){--c:var(--hk-paper);--c-text:var(--hk-ink);--c-deep:var(--hk-indigo-deep);border-color:var(--hk-indigo-deep)}@media (max-width:639px){.hk-logo{font-size:19px}.hk-knob{width:38px;height:38px}}.hk-dock-bar{background:var(--hk-cloth);box-shadow:inset 0 3px 0 var(--hk-indigo-deep), 0 -6px 18px -10px #172b4c8c;border-radius:18px 18px 0 0;padding-top:7px;padding-bottom:6px;position:relative}.hk-dock-bar:before{content:"";pointer-events:none;border-top:1.5px dashed #f7eeda4d;position:absolute;inset:9px 10px auto}.hk-dock-tab{min-height:54px;color:var(--hk-on-cloth-soft);flex-direction:column;align-items:center;gap:2px;transition:color .2s;display:flex;position:relative}.hk-dock-icon{width:40px;height:36px;transition:transform .25s var(--ease-spring), background-color .2s;place-items:center;display:grid;position:relative}.hk-dock-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:700;line-height:1.15;overflow:hidden}.hk-dock-tab[aria-current=page]{color:var(--hk-on-cloth)}.hk-dock-tab[aria-current=page] .hk-dock-icon{color:#fff8ec;background:linear-gradient(90deg, var(--hk-cinnabar-deep) 0 3px, var(--hk-cinnabar) 3px calc(100% - 3px), var(--hk-cinnabar-deep) calc(100% - 3px));clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);filter:drop-shadow(0 3px 2px #00000040);height:50px;margin-top:-20px;margin-bottom:0;padding-bottom:8px}.hk-wash-1{fill:rgb(var(--hk-wash) / .1)}.hk-wash-2{fill:rgb(var(--hk-wash) / .13)}.hk-wash-3{fill:rgb(var(--hk-wash) / .16)}.hk-backdrop[data-scene=page] .hk-hills{opacity:.6}.hk-cloud{color:var(--hk-cloud)}.hk-drift{animation:14s ease-in-out infinite hk-drift}[data-part=page-mark]{color:#fff8ec;background:var(--hk-seal-ink), var(--hk-cinnabar);box-shadow:inset 0 0 0 3px var(--hk-cinnabar), inset 0 0 0 4.5px #fff8ecbf, 0 2px 0 #3a2e2240;border:0;border-radius:10px}[data-part=page-title],[data-part=sheet-title]{font-family:var(--font-display);color:var(--zg-ink);font-weight:400}:root{--hk-seal-ink:radial-gradient(circle at 22% 30%, #fff0dc2e 0 1.5px, transparent 2px), radial-gradient(circle at 70% 76%, #fff0dc24 0 1.2px, transparent 1.8px), radial-gradient(circle at 84% 18%, #0000001f 0 2px, transparent 2.6px), radial-gradient(120% 90% at 30% 20%, #ffffff1f, transparent 60%)}.hk-seal{--seal:var(--hk-cinnabar);font-family:var(--font-cjk);letter-spacing:-.02em;color:#fff8ec;background:var(--hk-seal-ink), var(--seal);box-shadow:inset 0 0 0 calc(.07em + 1px) var(--seal), inset 0 0 0 calc(.07em + 2.5px) #fff8ecc7, 0 2px 0 #3a2e2238;-webkit-user-select:none;user-select:none;border-radius:14%;flex-shrink:0;place-items:center;font-weight:900;line-height:1;display:inline-grid}.hk-star-seal{flex-shrink:0;overflow:visible}.hk-star-seal-disc{fill:var(--zg-sunk);stroke:var(--zg-line-strong);stroke-width:1.2px}.hk-star-seal-rule{stroke:#0000}.hk-star-seal-star{fill:var(--zg-line-strong)}.hk-star-seal[data-on] .hk-star-seal-disc{fill:var(--hk-cinnabar);stroke:var(--hk-cinnabar-deep)}.hk-star-seal[data-on] .hk-star-seal-rule{stroke:#fff8ecb3}.hk-star-seal[data-on] .hk-star-seal-star{fill:#fff8ec}.hk-speech{white-space:nowrap;color:var(--hk-ink);border:2px solid var(--hk-ink);background:#fffbf1;border-radius:14px 14px 14px 4px;padding:7px 13px 8px;font-size:14.5px;font-weight:700;line-height:1.25;position:relative;box-shadow:0 3px #3a2e2240}.hk-hero-title{font-family:var(--font-display);color:var(--zg-ink);font-size:clamp(44px,min(14cqi,9.4svh),96px);font-weight:400;line-height:.92}.hk-hero-second{color:var(--hk-cinnabar);padding:0 .12em;display:inline-block;position:relative}.hk-hero-second:before{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30' preserveAspectRatio='none'%3E%3Cpath d='M4 18 C40 8 90 10 140 12 S190 14 197 9 L196 20 C160 24 120 22 80 24 S20 28 3 26Z' fill='%233E95E8' fill-opacity='.28'/%3E%3Cpath d='M30 16 C80 13 130 14 180 12' stroke='%233E95E8' stroke-opacity='.25' stroke-width='2' fill='none'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.34em;position:absolute;inset:auto -.18em .02em -.1em}.hk-hero-tale{font-family:var(--font-display);color:var(--zg-accent-fg);align-items:center;gap:10px;font-size:clamp(17px,2.2svh,21px);display:flex}.hk-hero-tale:before,.hk-hero-tale:after{content:"";opacity:.6;border-top:1.5px solid;width:28px;height:0}.hk-hero-page{background:linear-gradient(90deg, #3a2e2229, transparent 9%), var(--zg-surface);box-shadow:inset 0 0 0 8px var(--zg-surface), inset 0 0 0 9.5px var(--zg-line-strong), 3px 4px 0 -1px var(--hk-page-edge), 6px 8px 0 -2px var(--zg-line-strong), 0 30px 50px -28px rgb(var(--zg-shadow) / .6);border-radius:6px 16px 16px 6px;position:absolute;inset:-7% -9% -9% -11%;rotate:-2deg}.hk-hero-ribbon{z-index:2;width:22px;height:auto;color:var(--hk-cinnabar);filter:drop-shadow(0 2px 1px #00000040);position:absolute;top:-11%;right:12%}.hk-hero-seal{z-index:2;position:absolute;bottom:10%;right:-7%}.hk-hero-pandu{filter:drop-shadow(0 6px #3a2e2226);display:block}.hero-screen .hk-speech{margin-bottom:-6px;margin-left:46%}.hk-titlepage{background:var(--zg-surface);box-shadow:inset 0 0 0 7px var(--zg-surface), inset 0 0 0 8.5px var(--zg-line-strong), inset 0 0 0 11px var(--zg-surface), inset 0 0 0 11.75px var(--zg-line), 0 3px 0 var(--hk-page-edge), 0 18px 30px -22px rgb(var(--zg-shadow) / .5);border-radius:16px}.hk-titlepage-pandu{pointer-events:none;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:-4px;right:14px}.hk-titlepage-pandu>svg{filter:drop-shadow(0 5px #3a2e221f);flex-shrink:0}.hk-speech-up{white-space:normal;border-radius:14px 14px 4px;max-width:190px;margin-bottom:44px}@media (max-width:639px){.hk-titlepage-pandu{top:10px;bottom:auto;right:8px}.hk-titlepage-pandu>svg{width:72px;height:auto}.hk-titlepage-pandu .hk-speech{display:none}}@media (min-width:1024px){.hk-titlepage-pandu .hk-speech{display:none}}.hk-meter{background:var(--zg-sunk);box-shadow:inset 0 1px 2px rgb(var(--zg-shadow) / .25);border-radius:999px;overflow:hidden}.hk-meter>span{border-radius:inherit;transition:width .6s var(--ease-out-soft);background-image:linear-gradient(#ffffff40,#0000 60%)!important}.hk-scroll{color:var(--hk-on-cloth);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='56'%3E%3Cpath d='M8 46H100C112 46 116 34 108 28 102 23 93 26 93 33 93 18 78 12 68 20 62 8 44 6 36 18 26 12 14 20 18 30 10 30 6 38 8 46Z' fill='none' stroke='%23F7EEDA' stroke-opacity='.07' stroke-width='2.5'/%3E%3C/svg%3E") 0 0 / 120px 56px, var(--hk-cloth);box-shadow:inset 0 0 0 6px var(--hk-indigo), inset 0 0 0 7.5px #f7eeda59, 0 18px 30px -20px #172b4cb3;transition:transform .2s var(--ease-out-soft);border-radius:6px;margin:10px 4px;position:relative}.hk-scroll:before,.hk-scroll:after{content:"";background:linear-gradient(#a2683a,#6b4423 60%,#4e2f17);border-radius:6px;height:12px;position:absolute;left:-8px;right:-8px;box-shadow:0 2px #0003}.hk-scroll:before{top:-8px}.hk-scroll:after{bottom:-8px}@media (hover:hover){.hk-scroll:hover{transform:translateY(-3px)}}.hk-scroll:focus-visible{outline:3px solid var(--zg-focus);outline-offset:12px}.hk-scroll-tag{letter-spacing:.12em;text-transform:uppercase;color:#fff8ec;background:var(--hk-cinnabar);border-radius:4px;padding:3px 9px 4px;font-size:12px;font-weight:700}.hk-scroll-title{font-family:var(--font-display);color:#fff;line-height:1}.hk-scroll-title .font-cjk{font-weight:900}.hk-scroll-page{background:#fbf6ea;border-radius:6px;padding:9px;display:block;box-shadow:inset 0 0 0 1.5px #c4b089,0 6px #0003}.hk-chapter-tab{white-space:nowrap;height:42px;color:var(--zg-ink);background:var(--zg-surface);box-shadow:inset 0 0 0 1.5px var(--zg-line-strong), 0 2px 0 var(--hk-page-edge);transition:transform .15s var(--ease-out-soft);border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px 0 6px;font-size:15px;font-weight:700;display:inline-flex}.hk-chapter-tab:hover{transform:translateY(-2px)}.hk-chapter-num{min-width:30px;height:30px;font-family:var(--font-display);color:#fff8ec;background:var(--tc);border-radius:7px;place-items:center;padding:0 4px;font-size:15px;display:grid}.hk-chapter-seal{--seal:var(--tc)}.hk-saga{height:var(--h0);background:radial-gradient(60% 50% at 0% 0%, var(--tc), transparent 70%), radial-gradient(50% 50% at 100% 100%, var(--tc), transparent 70%), var(--hk-map);border-radius:18px;margin-top:12px;position:relative}@supports (color:color-mix(in lab, red, red)){.hk-saga{background:radial-gradient(60% 50% at 0% 0%, color-mix(in srgb, var(--tc) 9%, transparent), transparent 70%), radial-gradient(50% 50% at 100% 100%, color-mix(in srgb, var(--tc) 7%, transparent), transparent 70%), var(--hk-map)}}.hk-saga{box-shadow:inset 0 0 0 1.5px var(--zg-line-strong), 0 3px 0 var(--hk-page-edge)}.hk-road{width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.hk-road[data-cols="0"]{display:block}.hk-road-bed{fill:none;stroke:var(--hk-road);stroke-width:26px;stroke-linecap:round;stroke-linejoin:round}.hk-road-dash{fill:none;stroke:var(--hk-road-ink);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.1 9}.hk-stop{left:var(--x0);top:var(--y0);width:80px;position:absolute;translate:-50% -29px}@media (min-width:640px){.hk-saga{height:var(--h1)}.hk-road[data-cols="0"]{display:none}.hk-road[data-cols="1"]{display:block}.hk-stop{left:var(--x1);top:var(--y1)}}@media (min-width:1024px){.hk-saga{height:var(--h2)}.hk-road[data-cols="1"]{display:none}.hk-road[data-cols="2"]{display:block}.hk-stop{left:var(--x2);top:var(--y2)}}.hk-stop-link{border-radius:14px;flex-direction:column;align-items:center;gap:4px;display:flex}.hk-stop-link:focus-visible{outline:none}.hk-stop-link:focus-visible .hk-stop-medal{outline:3px solid var(--zg-focus);outline-offset:4px}.hk-stop-medal{width:56px;height:56px;font-family:var(--font-display);color:var(--zg-ink);background:var(--zg-surface);box-shadow:inset 0 0 0 2.5px var(--tc), inset 0 0 0 5px var(--zg-surface), inset 0 0 0 6px var(--tc), 0 3px 0 var(--tc);border-radius:999px;place-items:center;font-size:22px;line-height:1;display:grid}@supports (color:color-mix(in lab, red, red)){.hk-stop-medal{box-shadow:inset 0 0 0 2.5px var(--tc), inset 0 0 0 5px var(--zg-surface), inset 0 0 0 6px color-mix(in srgb, var(--tc) 40%, transparent), 0 3px 0 color-mix(in oklab, var(--tc), #000 35%)}}.hk-stop-medal{transition:transform .2s var(--ease-spring), rotate .2s var(--ease-spring)}@media (hover:hover){.hk-stop-link:hover .hk-stop-medal{transform:translateY(-3px)}}.hk-stop-link:active .hk-stop-medal{transform:translateY(1px)}.hk-stop-link[data-cleared] .hk-stop-medal{color:#fff8ec;background:var(--hk-seal-ink), var(--hk-cinnabar);box-shadow:inset 0 0 0 3px var(--hk-cinnabar), inset 0 0 0 4.5px #fff8ecbf, 0 3px 0 var(--hk-cinnabar-deep);border-radius:12px;rotate:-5deg}.hk-stop:nth-child(2n) .hk-stop-link[data-cleared] .hk-stop-medal{rotate:4deg}.hk-stop-link[data-perfect] .hk-stop-medal{color:#3a2600;background:var(--hk-seal-ink), var(--hk-gold);box-shadow:inset 0 0 0 3px var(--hk-gold), inset 0 0 0 4.5px #fff8eccc, 0 3px 0 var(--hk-gold-deep)}.hk-stop-link[data-next] .hk-stop-medal{color:#fff;width:62px;height:62px;text-shadow:0 1px 0 var(--zg-accent-deep);background:radial-gradient(circle at 35% 28%, #ffffff59, transparent 50%), var(--zg-accent);box-shadow:inset 0 0 0 3px var(--zg-accent-strong), inset 0 0 0 4.5px #fff9, 0 3px 0 var(--zg-accent-deep), 0 0 0 0 var(--zg-accent);margin-top:-3px;font-size:24px}@supports (color:color-mix(in lab, red, red)){.hk-stop-link[data-next] .hk-stop-medal{box-shadow:inset 0 0 0 3px var(--zg-accent-strong), inset 0 0 0 4.5px #fff9, 0 3px 0 var(--zg-accent-deep), 0 0 0 0 color-mix(in srgb, var(--zg-accent) 45%, transparent)}}.hk-stop-link[data-next] .hk-stop-medal{animation:2.2s ease-out infinite hk-next}.hk-stop-stars{gap:1px;display:flex}.hk-stop-link:not([data-cleared]) .hk-stop-stars{opacity:.55}.hk-stop-name{white-space:nowrap;color:var(--zg-ink);background:var(--zg-surface);box-shadow:inset 0 0 0 1px var(--zg-line-strong);border-radius:5px;margin-top:-1px;padding:1px 6px 2px;font-size:12.5px;font-weight:900;line-height:1.2}@media (min-width:1024px){.hk-book{--gutter:31rem;background:linear-gradient(90deg, transparent calc(var(--gutter) - 40px), rgb(var(--zg-shadow) / .08) calc(var(--gutter) - 10px), rgb(var(--zg-shadow) / .2) var(--gutter), rgb(var(--zg-shadow) / .08) calc(var(--gutter) + 10px), transparent calc(var(--gutter) + 40px)), var(--zg-surface);box-shadow:inset 0 0 0 9px var(--zg-surface), inset 0 0 0 10px var(--zg-line), 0 3px 0 -1px var(--hk-page-edge), 0 6px 0 -2px var(--zg-line-strong), 0 9px 0 -3px var(--hk-page-edge), 0 30px 50px -30px rgb(var(--zg-shadow) / .6);border-radius:12px}[data-theme=dark] .hk-book{box-shadow:inset 0 0 0 9px var(--zg-surface), inset 0 0 0 10px var(--zg-line), 0 3px 0 -1px #120f0b, 0 6px 0 -2px var(--zg-line-strong), 0 9px 0 -3px #120f0b, 0 30px 50px -30px #000c}}.hk-ledger{border-block:1.5px solid var(--zg-line-strong);box-shadow:inset 0 -3px 0 var(--zg-surface-2), inset 0 3px 0 var(--zg-surface-2)}.hk-ledger>div+div{border-left:1.5px dashed var(--zg-line-strong)}.hk-ledger dd:first-of-type{font-family:var(--font-num)}.hk-goal:first-letter{float:left;font-family:var(--font-display);color:var(--hk-cinnabar);margin:2px 8px 0 0;font-size:3.1em;line-height:.8}.hk-result-stage{place-items:center;width:100%;padding:14px 0 6px;display:grid;position:relative}.hk-result-stage:before{content:"";background:conic-gradient(from 200deg, transparent 0 6%, rgb(var(--hk-wash) / .22) 10%, rgb(var(--hk-wash) / .14) 70%, rgb(var(--hk-wash) / .05) 92%, transparent 96%);border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(closest-side,#0000 80%,#000 82% 96%,#0000 98%);mask:radial-gradient(closest-side,#0000 80%,#000 82% 96%,#0000 98%)}.hk-result-pandu{position:absolute;bottom:-6px;right:0}.hk-result-cell{background:var(--zg-surface-2);box-shadow:inset 0 0 0 1.5px var(--zg-line);border-radius:10px}.hk-result-cell dd{font-family:var(--font-num)}[data-part=stat]{background:var(--zg-surface);box-shadow:inset 0 0 0 1.5px var(--zg-line);border-radius:12px}[data-part=stat] :is(.font-num,.tabular-nums){font-family:var(--font-num)}[data-part=level-bar]>*{background:linear-gradient(90deg, var(--hk-cinnabar), #e07a4a)!important}[data-part=shop-item]>div:first-child{border-radius:10px}[role=radiogroup]>label:has(input:checked){box-shadow:inset 0 0 0 2.5px var(--hk-cinnabar)}@keyframes hk-drift{0%,to{transform:translate(0)}50%{transform:translate(18px)}}@keyframes hk-next{0%{box-shadow:inset 0 0 0 3px var(--zg-accent-strong), inset 0 0 0 4.5px #fff9, 0 3px 0 var(--zg-accent-deep), 0 0 0 0 color-mix(in srgb, var(--zg-accent) 45%, transparent)}70%,to{box-shadow:inset 0 0 0 3px var(--zg-accent-strong), inset 0 0 0 4.5px #fff9, 0 3px 0 var(--zg-accent-deep), 0 0 0 14px color-mix(in srgb, var(--zg-accent) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.hk-drift,.hk-stop-link[data-next] .hk-stop-medal{animation:none}.hk-stop-medal,.hk-scroll,.hk-chapter-tab,.hk-dock-icon{transition:none}}@media (max-width:479px){.hk-controls .btn{gap:6px;padding-inline:8px;font-size:15px}}.hrd-tray{--frame:#6b3c20;--frame-2:#4a2713;--frame-grain:#ffd6a014;--frame-rim:#ffe2b459;--floor:#c89a6b;--floor-2:#b5865a;--floor-grain:#5a32141a;--floor-shadow:#3216068c;--exit:#f3d39a;--exit-ink:#6b3c20;background:repeating-linear-gradient(97deg, var(--frame-grain) 0 2px, transparent 2px 9px), repeating-linear-gradient(83deg, transparent 0 13px, var(--frame-grain) 13px 14px), linear-gradient(160deg, var(--frame), var(--frame-2));box-shadow:inset 0 1px 0 var(--frame-rim), inset 0 -2px 0 #00000040, 0 1px 2px rgb(var(--zg-shadow) / .2), 0 28px 50px -26px rgb(var(--zg-shadow) / .7);padding:clamp(10px,3.4%,18px);border-radius:clamp(16px,5%,26px);padding-bottom:clamp(12px,4%,20px);position:relative}.hrd-tray[data-board=jade]{--frame:#2f6f5b;--frame-2:#173f33;--frame-grain:#c8ffe612;--frame-rim:#d2ffeb66;--floor:#d3e6d9;--floor-2:#bcd6c5;--floor-grain:#1e5a3c12;--floor-shadow:#0a322373;--exit:#e3f5ea;--exit-ink:#1d4a3c;background:radial-gradient(120% 60% at 20% 10%, #dcfff02e, transparent 60%), radial-gradient(80% 50% at 85% 85%, #001e1459, transparent 70%), radial-gradient(30% 20% at 70% 30%, #c8ffe61a, transparent 70%), linear-gradient(160deg, var(--frame), var(--frame-2))}.hrd-tray[data-board=night]{--frame:#1c2246;--frame-2:#0d1129;--frame-rim:#e8c478a6;--floor:#161c3a;--floor-2:#0e132b;--floor-grain:#ffffff08;--floor-shadow:#000000b3;--exit:#e8c478;--exit-ink:#e8c478;background:radial-gradient(1px 1px at 12% 22%, #fff0d2cc, transparent), radial-gradient(1px 1px at 78% 8%, #fff0d2b3, transparent), radial-gradient(1.5px 1.5px at 92% 64%, #fff0d299, transparent), radial-gradient(1px 1px at 5% 80%, #fff0d299, transparent), linear-gradient(160deg, var(--frame), var(--frame-2));box-shadow:inset 0 0 0 1.5px #e8c4788c, inset 0 1px 0 var(--frame-rim), 0 1px 2px rgb(var(--zg-shadow) / .2), 0 28px 50px -26px rgb(var(--zg-shadow) / .8)}.hrd-field{aspect-ratio:4/5;background:repeating-linear-gradient(90deg, var(--floor-grain) 0 1px, transparent 1px 7px), linear-gradient(180deg, var(--floor), var(--floor-2));box-shadow:inset 0 3px 8px var(--floor-shadow), inset 0 0 0 1px #0000001f;touch-action:manipulation;border-radius:clamp(6px,2.4%,12px);position:relative;container-type:inline-size}.hrd-field>*{--u:25cqw}.hrd-exit{background:linear-gradient(180deg, var(--floor-2), var(--floor-2));width:50%;height:calc(clamp(12px,4%,20px) + 2px);position:absolute;bottom:calc(-1*clamp(12px,4%,20px) - 1px);left:25%}@supports (color:color-mix(in lab, red, red)){.hrd-exit{background:linear-gradient(180deg, var(--floor-2), color-mix(in oklab, var(--floor-2) 30%, transparent))}}.hrd-exit{pointer-events:none}.hrd-exit-label{letter-spacing:.14em;color:var(--zg-ink-faint);text-transform:uppercase;white-space:nowrap;inset-inline:0;justify-content:center;gap:.4em;font-size:11px;font-weight:700;display:flex;position:absolute;top:calc(100% + 6px)}.hrd-piece{color:inherit;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;will-change:transform;border-radius:calc(var(--u) * .16);background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.hrd-piece:focus-visible{outline:none}.hrd-piece:focus-visible .hrd-block{outline:3px solid var(--zg-accent);outline-offset:2px}.hrd-piece[data-dragging]{cursor:grabbing;z-index:3}.hrd-piece[data-locked]{cursor:default}.hrd-tray{--c-fill:linear-gradient(155deg, #c8382a 0%, #9c1f16 55%, #74120c 100%);--c-ink:#f6cf78;--c-edge:#5a0d08;--g-fill:linear-gradient(155deg, #3a3330 0%, #201b19 55%, #120f0e 100%);--g-ink:#e8b65a;--g-edge:#050404;--s-fill:linear-gradient(155deg, #b8773a 0%, #8e5220 60%, #6c3a14 100%);--s-ink:#fde9c4;--s-edge:#4a250a;--gloss:linear-gradient(180deg, #ffffff38, #fff0 42%);--pattern:none;--ring:#ffdc9647;--ink-shadow:0 1px 0 #00000059}.hrd-tray[data-pieces=bamboo]{--c-fill:linear-gradient(155deg, #c4924a 0%, #a5732f 60%, #835820 100%);--c-ink:#3a2210;--c-edge:#5c3c14;--g-fill:linear-gradient(155deg, #ecdca4 0%, #d7c07c 60%, #c2a862 100%);--g-ink:#2c4a26;--g-edge:#8f7a3d;--s-fill:linear-gradient(155deg, #f3e8c2 0%, #e2d29d 100%);--s-ink:#5a4519;--s-edge:#a38d4e;--gloss:linear-gradient(180deg, #ffffff47, #fff0 35%);--pattern:repeating-linear-gradient(180deg, transparent 0 calc(var(--u) * .46), #5a3c0a29 calc(var(--u) * .46) calc(var(--u) * .5));--ring:#50370a2e;--ink-shadow:0 1px 0 #ffffff59}.hrd-tray[data-pieces=porcelain]{--c-fill:linear-gradient(155deg, #2f57b0 0%, #1d3c86 60%, #142b63 100%);--c-ink:#f4f7ff;--c-edge:#0d1d45;--g-fill:linear-gradient(155deg, #fff 0%, #eef1f7 60%, #dde3ee 100%);--g-ink:#1f3f8f;--g-edge:#a9b4c9;--s-fill:linear-gradient(155deg, #fff 0%, #e8ecf4 100%);--s-ink:#2a4fa3;--s-edge:#b3bdd1;--gloss:linear-gradient(180deg, #ffffff80, #fff0 40%);--pattern:none;--ring:#2346a08c;--ink-shadow:none}.hrd-block{inset:calc(var(--u) * .035);border-radius:calc(var(--u) * .14);background:var(--fill);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff52, inset 0 calc(var(--u) * -.05) 0 var(--edge), 0 calc(var(--u) * .03) calc(var(--u) * .04) #0000004d;transition:transform .18s var(--ease-out-expo), box-shadow .18s var(--ease-out-expo);justify-content:center;align-items:center;display:flex;position:absolute}.hrd-block[data-role=c]{--fill:var(--c-fill);--ink:var(--c-ink);--edge:var(--c-edge)}.hrd-block[data-role=g]{--fill:var(--g-fill);--ink:var(--g-ink);--edge:var(--g-edge)}.hrd-block[data-role=s]{--fill:var(--s-fill);--ink:var(--s-ink);--edge:var(--s-edge)}.hrd-block:before{content:"";border-radius:inherit;background:var(--gloss), var(--pattern);pointer-events:none;position:absolute;inset:0}.hrd-block:after{content:"";inset:calc(var(--u) * .07);border-radius:calc(var(--u) * .09);border:1px solid var(--ring);pointer-events:none;position:absolute}.hrd-tray[data-pieces=porcelain] .hrd-block:after{box-shadow:inset 0 0 0 2px transparent, inset 0 0 0 3px var(--ring);border-width:1.5px}.hrd-tray[data-pieces=porcelain] .hrd-block[data-role=c]:after{--ring:#f4f7ff99}.hrd-piece[data-dragging] .hrd-block,.hrd-piece[data-selected] .hrd-block{transform:translateY(calc(var(--u) * -.025)) scale(1.025);box-shadow:inset 0 1px 0 #ffffff52, inset 0 calc(var(--u) * -.05) 0 var(--edge), 0 calc(var(--u) * .1) calc(var(--u) * .16) #00000061}.hrd-piece[data-selected] .hrd-block{outline:2.5px solid var(--color-gold);outline-offset:2px}.hrd-piece[data-hint] .hrd-block{animation:1.4s ease-in-out infinite hrd-glow}@keyframes hrd-glow{50%{outline-color:color-mix(in oklab, var(--color-gold) 30%, transparent)}}.hrd-piece[data-bump] .hrd-block{animation:.26s ease-out hrd-bump}@keyframes hrd-bump{30%{transform:translateX(calc(var(--u) * -.04))}65%{transform:translateX(calc(var(--u) * .03))}}.hrd-glyph{font-family:var(--font-cjk);text-shadow:var(--ink-shadow);font-weight:900;line-height:1;position:relative}.hrd-block[data-kind=C] .hrd-glyph{font-size:calc(var(--u) * .56);letter-spacing:.04em}.hrd-block[data-kind=H] .hrd-glyph{font-size:calc(var(--u) * .44);letter-spacing:.08em}.hrd-block[data-kind=V] .hrd-glyph{font-size:calc(var(--u) * .44);writing-mode:vertical-rl;letter-spacing:.08em}.hrd-block[data-kind=S] .hrd-glyph{font-size:calc(var(--u) * .46)}.hrd-pinyin{bottom:calc(var(--u) * .2);text-align:center;font-size:calc(var(--u) * .11);letter-spacing:.12em;color:var(--ink);opacity:.75;font-weight:700;position:absolute;inset-inline:0}.hrd-ghost{pointer-events:none;position:absolute;top:0;left:0}.hrd-ghost>span{inset:calc(var(--u) * .05);border-radius:calc(var(--u) * .14);border:2px dashed #f4b942bf;position:absolute}@supports (color:color-mix(in lab, red, red)){.hrd-ghost>span{border:2px dashed color-mix(in oklab, var(--color-gold) 75%, transparent)}}.hrd-ghost>span{background:#f4b9421f}@supports (color:color-mix(in lab, red, red)){.hrd-ghost>span{background:color-mix(in oklab, var(--color-gold) 12%, transparent)}}.hrd-dot{z-index:4;width:calc(var(--u) * .42);height:calc(var(--u) * .42);margin:calc(var(--u) * -.21) 0 0 calc(var(--u) * -.21);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute}.hrd-dot:before{content:"";background:var(--color-gold);border-radius:999px;width:46%;height:46%;box-shadow:0 0 0 3px #f4b9424d}@supports (color:color-mix(in lab, red, red)){.hrd-dot:before{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-gold) 30%, transparent)}}.hrd-dot:before{transition:transform .16s var(--ease-out-expo)}.hrd-dot:hover:before,.hrd-dot:focus-visible:before{transform:scale(1.3)}.hrd-dot[data-hint]:before{animation:1.1s ease-in-out infinite hrd-pulse}@keyframes hrd-pulse{50%{box-shadow:0 0 0 7px color-mix(in oklab, var(--color-gold) 18%, transparent);transform:scale(1.45)}}.hrd-hint-ghost{z-index:2;pointer-events:none;opacity:0;position:absolute;top:0;left:0}.hrd-hint-ghost>span{inset:calc(var(--u) * .035);border-radius:calc(var(--u) * .14);border:2px solid var(--color-gold);background:#f4b94238;position:absolute}@supports (color:color-mix(in lab, red, red)){.hrd-hint-ghost>span{background:color-mix(in oklab, var(--color-gold) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.hrd-block,.hrd-dot:before{transition:none}.hrd-piece[data-hint] .hrd-block,.hrd-piece[data-bump] .hrd-block,.hrd-dot[data-hint]:before{animation:none}}.hrd-star{animation:hrd-star .52s var(--ease-out-expo) both}@keyframes hrd-star{0%{opacity:0;transform:scale(.3)rotate(-30deg)}}@media (prefers-reduced-motion:reduce){.hrd-star{animation:none}}.hrd-mini{aspect-ratio:4/5;background:linear-gradient(#c89a6b,#b5865a);border-radius:7px;display:block;position:relative;box-shadow:0 0 0 3px #6b3c20,inset 0 2px 4px #32160673}.hrd-mini>[data-kind]{padding:1.5px;position:absolute}.hrd-mini>[data-kind]:before{content:"";background:linear-gradient(155deg,#3a3330,#120f0e);border-radius:3px;height:100%;display:block;box-shadow:inset 0 1px #fff3}.hrd-mini>[data-kind=C]:before{background:linear-gradient(155deg,#c8382a,#74120c)}.hrd-mini>[data-kind=S]:before{background:linear-gradient(155deg,#b8773a,#6c3a14)}.hrd-mini-exit{background:#b5865a;width:50%;height:3px;position:absolute;bottom:-3px;left:25%}.hrd-cast{box-shadow:none;background:0 0;border-radius:0;padding:0}.hrd-cast-piece{width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));display:block;position:relative}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-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 spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}