.level-gate_gate__L_ocq{--gate-paper:var(--paper);--gate-surface:var(--surface);--gate-ink:var(--ink);--gate-muted:var(--ink-muted);--gate-line:var(--line);--gate-focus:var(--focus);--gate-error-ink:var(--danger);--gate-error-surface:var(--danger-surface);--gate-shadow:color-mix(in srgb,var(--ink) 22%,transparent);--gate-flip:400ms;--gate-ease:cubic-bezier(0.2,0.7,0.2,1);--gate-pad:clamp(1rem,4svh,3.5rem);--gate-gap:clamp(1rem,3.5svh,3rem);--gate-title:clamp(2.25rem,min(6.4vw,9svh),4.75rem);--gate-nav:4.5rem;--gate-book-max-h:max(11rem,calc(100svh - var(--gate-nav) - 2 * var(--gate-pad) - 1.1 * var(--gate-title) - 2 * var(--gate-gap) - 4rem));display:grid;min-height:calc(100svh - var(--gate-nav));place-items:center;overflow:hidden;padding:var(--gate-pad) clamp(1rem,4vw,3rem);color:var(--gate-ink);font-family:var(--font-be-vietnam),sans-serif}.level-gate_stage__Z2Y5E{display:grid;width:min(100%,60rem);justify-items:center;gap:var(--gate-gap)}.level-gate_title__4O902{margin:0;font-size:var(--gate-title);font-weight:800;line-height:1.05;letter-spacing:-.045em;text-align:center;text-wrap:balance}.level-gate_saveError__wv_R5{margin:0;border:1px solid var(--gate-error-ink);border-radius:.75rem;padding:.75rem 1rem;background:var(--gate-error-surface);color:var(--gate-error-ink);font-weight:600}.level-gate_fieldset__jG76S,.level-gate_form__4yTXq{width:100%;min-width:0;margin:0;border:0;padding:0}.level-gate_srOnly__KkH_y{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.level-gate_shelf__yk91y{--tilt-x:0deg;--tilt-y:0deg;--shelf-gap:clamp(1rem,3.5vw,2.75rem);position:relative;display:grid;width:min(100%,calc(var(--gate-book-max-h) * .75 * 3 + 2 * var(--shelf-gap)));grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--shelf-gap);margin-inline:auto;padding-bottom:1.25rem;perspective:1400px}.level-gate_shelf__yk91y:after{content:"";position:absolute;right:-4%;bottom:0;left:-4%;height:.75rem;border-radius:.375rem;background:linear-gradient(var(--gate-line),color-mix(in srgb,var(--gate-line) 60%,var(--gate-ink)));box-shadow:0 18px 30px -18px var(--gate-shadow)}.level-gate_slot__ByFrX{display:grid;min-width:0;transition:opacity var(--gate-flip) ease}.level-gate_book__Pg8iq{position:relative;display:block;width:100%;aspect-ratio:3/4;border:0;padding:0;background:none;color:var(--nav-ink);cursor:pointer;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .32s var(--gate-ease);-webkit-tap-highlight-color:transparent}.level-gate_book__Pg8iq:focus-visible{outline:3px solid var(--gate-focus);outline-offset:8px;border-radius:.75rem}.level-gate_pages__nNWK_{position:absolute;inset:.5rem -.4rem .5rem .9rem;border-radius:.25rem .75rem .75rem .25rem;background:repeating-linear-gradient(90deg,transparent 0 3px,var(--gate-line) 3px 4px) 100% /.5rem 100% no-repeat,repeating-linear-gradient(transparent 0 1.25rem,var(--gate-line) 1.25rem calc(1.25rem + 1px)),var(--gate-surface);box-shadow:0 1.5rem 2.5rem -1.25rem var(--gate-shadow);transform:translateZ(-1px);transform-origin:center;transition:transform var(--gate-flip) var(--gate-ease),border-radius var(--gate-flip) ease}.level-gate_cover__uNAfL{position:absolute;inset:0 0 0 .75rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:.2rem .9rem .9rem .2rem;padding:1rem;background:linear-gradient(115deg,color-mix(in srgb,var(--nav-ink) 14%,transparent),transparent 42%),var(--nav);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nav-ink) 18%,transparent),0 1.25rem 2rem -1rem var(--gate-shadow);transform-origin:left center;transform:translateZ(1px);backface-visibility:hidden;transition:transform var(--gate-flip) var(--gate-ease)}.level-gate_coverPattern__cKZyR{position:absolute;inset:0;background-color:var(--nav-ink);opacity:.13;-webkit-mask-image:var(--pattern-url);mask-image:var(--pattern-url);-webkit-mask-size:220px 220px;mask-size:220px 220px}.level-gate_spine__aL4pU{position:absolute;top:0;bottom:0;left:0;width:.9rem;border-radius:.3rem 0 0 .3rem;background:repeating-linear-gradient(transparent 0 .9rem,color-mix(in srgb,var(--nav-ink) 35%,transparent) .9rem 1.05rem),color-mix(in srgb,var(--nav) 72%,var(--gate-ink));transform:translateZ(2px)}.level-gate_label__g4PIo{position:relative;display:grid;gap:.35rem;border:1px solid var(--gate-line);border-radius:.6rem;padding:clamp(.75rem,1.6vw,1.1rem) clamp(.75rem,1.6vw,1rem);background:repeating-linear-gradient(transparent 0 1.6rem,var(--gate-line) 1.6rem calc(1.6rem + 1px)) 0 .55rem /100% 100% no-repeat,var(--gate-surface);color:var(--gate-ink);text-align:left;box-shadow:0 .35rem .8rem -.4rem var(--gate-shadow)}.level-gate_levelName__lYstJ{overflow-wrap:anywhere;font-size:clamp(1.35rem,2.7vw,2.15rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.level-gate_grades__E0gQr{color:var(--gate-muted);font-family:var(--font-jetbrains-mono),monospace;font-size:.8125rem;letter-spacing:.02em}.level-gate_current__TijLg{position:absolute;top:.75rem;right:.75rem;border-radius:999px;padding:.25rem .6rem;background:var(--nav-ink);color:var(--nav);font-size:.75rem;font-weight:700}.level-gate_footnote__ewyU4{margin:0;color:var(--gate-muted);font-size:.9375rem}@media (hover:hover) and (pointer:fine){.level-gate_book__Pg8iq:focus-visible,.level-gate_book__Pg8iq:hover{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translate3d(0,-.6rem,2.5rem)}.level-gate_book__Pg8iq:focus-visible .level-gate_cover__uNAfL,.level-gate_book__Pg8iq:hover .level-gate_cover__uNAfL{transform:translateZ(1px) rotateY(-22deg)}}@media (hover:none),(pointer:coarse){.level-gate_book__Pg8iq:focus-visible .level-gate_cover__uNAfL{transform:translateZ(1px) rotateY(-14deg)}}.level-gate_gate__L_ocq[data-opening] .level-gate_slot__ByFrX:not(:has([data-opening])){opacity:0}.level-gate_book__Pg8iq[data-opening]{z-index:2;transform:translate3d(0,-.6rem,2.5rem)}.level-gate_book__Pg8iq[data-opening] .level-gate_cover__uNAfL{transform:translateZ(1px) rotateY(-165deg)}.level-gate_book__Pg8iq[data-opening] .level-gate_pages__nNWK_{z-index:3;border-radius:0;transform:translateZ(3rem) scale(9)}.level-gate_book__Pg8iq[data-opening] .level-gate_current__TijLg,.level-gate_book__Pg8iq[data-opening] .level-gate_label__g4PIo{opacity:0}@media (max-width:640px){.level-gate_shelf__yk91y{width:100%;grid-template-columns:1fr;gap:.9rem;padding-bottom:0}.level-gate_shelf__yk91y:after{display:none}.level-gate_book__Pg8iq{aspect-ratio:auto;min-height:6.25rem;transform:none}.level-gate_book__Pg8iq:active{transform:translateY(2px) scale(.99)}.level-gate_cover__uNAfL{flex-direction:row;align-items:center;padding:.8rem .9rem}.level-gate_label__g4PIo{width:100%;grid-template-columns:1fr auto;align-items:baseline}.level-gate_current__TijLg{top:50%;right:1.4rem;transform:translateY(-50%)}.level-gate_label__g4PIo:has(+.level-gate_current__TijLg){padding-right:6.5rem}}@media (prefers-reduced-motion:reduce){.level-gate_book__Pg8iq,.level-gate_cover__uNAfL,.level-gate_pages__nNWK_,.level-gate_slot__ByFrX{transition:none}.level-gate_book__Pg8iq,.level-gate_book__Pg8iq:focus-visible,.level-gate_book__Pg8iq:hover,.level-gate_book__Pg8iq[data-opening]{transform:none}.level-gate_book__Pg8iq:focus-visible .level-gate_cover__uNAfL,.level-gate_book__Pg8iq:hover .level-gate_cover__uNAfL,.level-gate_book__Pg8iq[data-opening] .level-gate_cover__uNAfL{transform:translateZ(1px)}.level-gate_book__Pg8iq[data-opening] .level-gate_pages__nNWK_{transform:translateZ(-1px)}}