.rite-grid{height:100%;display:flex}.rite-main{flex-direction:column;flex:1;align-items:center;min-width:0;padding:.6rem 1rem .5rem;display:flex}.rite-fit{flex:1;justify-content:center;align-items:flex-end;width:100%;max-width:40rem;min-height:0;margin-top:.5rem;display:flex;position:relative;container-type:size}.rite-status{text-align:center;width:100%;max-width:32rem;margin-top:.4rem}.rite-aside{display:none}@media (min-width:64rem){.rite-main{padding:1rem 1.5rem .75rem}.rite-aside{overscroll-behavior:contain;flex-direction:column;flex-shrink:0;width:min(30rem,40vw);padding:.75rem 2.5rem .75rem 0;display:flex;overflow-y:auto}.rite-aside>*{margin-block:auto}}.rite-steps{flex-wrap:wrap;justify-content:center;gap:.35rem;font-size:.75rem;line-height:1rem;display:flex}.rite-steps li{white-space:nowrap;color:var(--ink-soft);background:#0000004d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .7rem .3rem .3rem;display:inline-flex}.rite-steps li>span[aria-hidden]{background:#ffffff1a;border-radius:999px;place-items:center;width:1.25rem;height:1.25rem;font-size:11px;font-weight:700;display:grid}.rite-steps li[data-state=now]{border-color:var(--rite-now-border);color:var(--rite-now-text)}.rite-steps li[data-state=now]>span[aria-hidden]{background:var(--rite-now-dot);color:#fff}.rite-steps li[data-state=done]{color:var(--gold-ink)}.rite-steps li[data-state=done]>span[aria-hidden]{background:#d6a4454d}@media (min-width:40rem){.rite-steps{gap:.5rem;font-size:.875rem;line-height:1.25rem}}.rite-tube{width:100%;transform-origin:var(--rite-tube-origin);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:1rem;display:block;position:relative}.rite-tube[aria-disabled=true]{cursor:default}.rite-tube:focus-visible{outline:2px solid var(--rite-focus);outline-offset:6px}@media (hover:hover){.rite-tube:not([aria-disabled=true]):hover{animation:var(--rite-wiggle)}}.rite-tube[data-phase=shaking]{animation:var(--rite-shake)}.rite-tube-img{z-index:1;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 24px 24px #0009);width:100%;height:auto;display:block;position:relative}.keo-flip{transform-style:preserve-3d;animation:.75s cubic-bezier(.3,.5,.5,1) both keo-flip;position:relative}.keo-face{backface-visibility:hidden;width:100%;height:auto;display:block}.keo-face-back{position:absolute;inset:0;transform:rotateX(180deg)}.keo-label{text-align:center;color:var(--ink-soft);rotate:calc(var(--rz,0deg) * -1);margin-top:.1rem;font-size:.75rem;animation:.35s ease-out .95s both rite-fade-in;display:block}@keyframes keo-flip{0%{transform:rotateX(-1080deg)}to{transform:rotateX(0)}}@keyframes rite-fade-in{0%{opacity:0;transform:translateY(-8px)}}.genz-page{--rite-now-border:#ff4fa399;--rite-now-text:#fff;--rite-now-dot:#ff4fa3;--rite-focus:#34e1ff;--rite-tube-origin:50% 88%;--rite-wiggle:xam-wiggle .6s ease-in-out;--rite-shake:xam-shake 1.6s ease-in-out both}.xam-stage{--tube:min(170px, 38cqw, (100cqh - .5rem) / 3.13);--keo:min(110px, (100cqw - var(--tube)) / 2 - 1.25rem);width:var(--tube);padding-top:calc(var(--tube) * .42);position:relative}@keyframes xam-wiggle{25%{transform:rotate(-4deg)}75%{transform:rotate(3deg)}}@keyframes xam-shake{0%,to{transform:rotate(0)}8%{transform:rotate(-12deg)translateY(-2%)}14%,26%,38%,50%,62%,74%{transform:rotate(-7deg)translateY(1%)}20%,32%,44%,56%,68%{transform:rotate(-15deg)translateY(-3%)}80%{transform:rotate(-13deg)translateY(-2%)}90%{transform:rotate(-3deg)}}.xam-stick{z-index:0;filter:drop-shadow(0 0 8px #ffd678e6);background:linear-gradient(#e0352a 0 9%,#0000 9%),linear-gradient(90deg,#b7824a,#f3d396 45%,#c38f55);border-radius:2px 2px 1px 1px;width:6%;height:60%;margin-left:-3%;animation:.75s cubic-bezier(.2,.9,.3,1.25) both xam-stick-out;position:absolute;top:12%;left:50%;transform:translateY(-45%)}@keyframes xam-stick-out{0%{transform:translateY(0)}}.xam-number{color:#3a1d0a;font-family:var(--font-display);background:linear-gradient(90deg,#e0352a 0 1.1rem,#0000 1.1rem),linear-gradient(#f3d396,#c38f55);border-radius:6px;align-items:baseline;gap:.4rem;padding:.3rem 1.4rem .3rem 2.1rem;font-size:1.1rem;animation:.5s ease-out .35s both xam-pop;display:inline-flex;box-shadow:0 8px 20px -8px #000000b3,0 0 24px #ffd67840}.xam-number strong{font-size:1.6rem}@keyframes xam-pop{0%{opacity:0;transform:translateY(-14px)scale(.9)}}.xam-tray{z-index:2;width:calc(var(--tube) + 2 * var(--keo) + 1.5rem);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.xam-keo{width:var(--keo);perspective:500px;transform:rotate(var(--rz,0deg));animation:.95s cubic-bezier(.3,.6,.4,1) both xam-keo-fly;position:relative}.xam-keo:before{content:"";background:radial-gradient(closest-side,#0006,#0000);border-radius:50%;position:absolute;inset:50% 8% -2%}@keyframes xam-keo-fly{0%{opacity:0;transform:translate(calc(var(--dx) * -1), 90px) scale(1.3) rotate(0deg)}12%{opacity:1}45%{transform:translate(calc(var(--dx) * -.4), -120px) scale(1.08) rotate(calc(var(--rz) * -3))}78%,93%,to{transform:translate(0, 0) scale(1) rotate(var(--rz))}86%{transform:translate(0, -10px) scale(1) rotate(var(--rz))}}.xam-card{text-align:center;background:linear-gradient(#281032eb,#120a1cf0);border:1px solid #ff4fa359;border-radius:1.5rem;padding:1rem 1.25rem;animation:.6s ease-out both blessing-in;box-shadow:0 30px 70px -40px #ec48aab3}.sheet .xam-card{box-shadow:none;background:0 0;border:0;padding:0}.xam-card[data-level=thuong-thuong]{--level:#f5d892}.xam-card[data-level=thuong]{--level:#ff9fd0}.xam-card[data-level=trung]{--level:#8ff0ff}.xam-card[data-level=ha]{--level:#c9b6ff}.xam-level{letter-spacing:.04em;color:var(--level);background:#ffffff0f;border:1px solid;border-radius:999px;padding:.3rem .9rem;font-size:.8rem;font-weight:700;display:inline-block}.xam-verse{font-family:var(--font-display);color:#fff;text-wrap:balance;margin-top:.75rem;font-size:clamp(1.15rem,4.4vw,1.4rem);font-style:italic;line-height:1.5}.xam-aspect{background:#0000004d;border:1px solid #ffffff1a;border-radius:.75rem;padding:.5rem .75rem}.xam-aspect dt{color:#ff9fd0;font-size:.75rem;font-weight:600;line-height:1rem}.xam-aspect dd{color:var(--ink);margin-top:.125rem;font-size:13px;line-height:1.375}.xam-advice{background:#ec48aa1f;border-radius:1rem;margin-top:.75rem;padding:.6rem .9rem;font-size:.875rem;line-height:1.5}.qt-page{--rite-now-border:#d6a445b3;--rite-now-text:var(--gold-bright);--rite-now-dot:var(--lacquer);--rite-focus:var(--gold-bright);--rite-tube-origin:50% 90%;--rite-wiggle:qt-wiggle .7s ease-in-out;--rite-shake:qt-shake 1.8s ease-in-out both;background:radial-gradient(60% 45% at 50% 0,#a8302a33,#0000 70%),radial-gradient(50% 40% at 50% 55%,#e09a3e1f,#0000 70%),radial-gradient(40% 35% at 88% 25%,#5aaa8c12,#0000 70%),linear-gradient(#120a07,#0f0906 70%)}.qt-stage{--tube:min(180px, 34cqw, (100cqh - .5rem) / 3.2);--keo:max(2.5rem, min(96px, 50cqw - var(--tube) * .65 - 1.25rem));width:var(--tube);padding-top:calc(var(--tube) * .3);padding-bottom:calc(var(--tube) * .2);position:relative}.qt-halo{width:calc(var(--tube) * 2.6);aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f5c87847,#e09a3e1f 40%,#0000 68%);border-radius:50%;animation:6s ease-in-out infinite alternate qt-halo;position:absolute;top:18%;left:50%;translate:-50%}@keyframes qt-halo{0%{opacity:.7}to{opacity:1}}@keyframes qt-wiggle{30%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}}@keyframes qt-shake{0%,to{transform:rotate(0)}10%{transform:rotate(-14deg)translateY(-1%)}16%,28%,40%,52%,64%,76%{transform:rotate(-10deg)translateY(1%)}22%,34%,46%,58%,70%{transform:rotate(-17deg)translateY(-2%)}84%{transform:rotate(-20deg)translateY(-2%)}94%{transform:rotate(-4deg)}}.qt-stick-rise{z-index:0;filter:drop-shadow(0 0 6px #ffd678b3);background:linear-gradient(#c8362b 0 9%,#0000 9%),linear-gradient(90deg,#b7824a,#f3d396 45%,#c38f55);border-radius:2px 2px 1px 1px;width:6%;height:58%;margin-left:-3%;animation:1.8s ease-in both qt-stick-rise;position:absolute;top:12%;left:50%}@keyframes qt-stick-rise{0%,45%{transform:translateY(0)}to{transform:translateY(-48%)}}.qt-stick{z-index:3;left:50%;bottom:calc(var(--tube) * .02);width:calc(var(--tube) * 1.3);height:max(1.35rem, calc(var(--tube) * .14));margin-left:calc(var(--tube) * -.65);color:#3a1d0a;font-family:var(--font-heading), Georgia, serif;font-weight:700;font-size:max(.95rem, calc(var(--tube) * .12));background:linear-gradient(90deg,#c8362b 0 11%,#0000 11%),linear-gradient(#f3d9a0,#d4a262 55%,#a8743c);border-radius:3px;justify-content:center;align-items:center;line-height:1;animation:.95s cubic-bezier(.3,.5,.4,1) both qt-stick-fall;display:flex;position:absolute;box-shadow:0 8px 12px -6px #000c,0 0 18px #ffd67840}.qt-stick>span{padding-left:8%}@keyframes qt-stick-fall{0%{opacity:0;transform:translate(calc(var(--tube) * -.1), calc(var(--tube) * -2.7)) rotate(-82deg)}12%{opacity:1}60%{transform:translateY(0)rotate(5deg)}76%{transform:translateY(calc(var(--tube) * -.07)) rotate(-2deg)}to{transform:none}}.qt-keo{z-index:2;bottom:calc(var(--tube) * .03);width:var(--keo);perspective:500px;transform:rotate(var(--rz,0deg));animation:.95s cubic-bezier(.3,.6,.4,1) both qt-keo-fly;position:absolute}.qt-keo[data-side=l]{--dx:calc(var(--tube) * -.65 - .75rem - var(--keo) / 2);left:calc(50% - var(--tube) * .65 - .75rem - var(--keo))}.qt-keo[data-side=r]{--dx:calc(var(--tube) * .65 + .75rem + var(--keo) / 2);left:calc(50% + var(--tube) * .65 + .75rem)}.qt-keo:before{content:"";background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;position:absolute;inset:45% 8% 18%}@keyframes qt-keo-fly{0%{opacity:0;transform:translate(calc(var(--dx) * -1), calc(var(--tube) * -.5)) scale(1.25) rotate(0deg)}12%{opacity:1}45%{transform:translate(calc(var(--dx) * -.45), calc(var(--tube) * -1.3)) scale(1.08) rotate(calc(var(--rz) * -3))}78%,93%,to{transform:translate(0, 0) scale(1) rotate(var(--rz))}86%{transform:translate(0, -8px) scale(1) rotate(var(--rz))}}.qt-number{color:#3a1d0a;font-family:var(--font-heading), Georgia, serif;background:linear-gradient(90deg,#c8362b 0 1.05rem,#0000 1.05rem),linear-gradient(#f3d9a0,#c9955a);border-radius:5px;align-items:baseline;gap:.4rem;padding:.25rem 1.3rem .25rem 2rem;font-size:1.1rem;animation:.45s ease-out .5s both rite-fade-in;display:inline-flex;box-shadow:0 8px 20px -8px #000000b3}.qt-number strong{font-size:1.55rem}.qt-card{background:linear-gradient(#6e151147,#0000 7rem),linear-gradient(#1c130df0,#0f0906f5);border:1px solid #d6a4454d;border-radius:1.25rem;padding:1.1rem 1.25rem 1.25rem;animation:.5s ease-out both rite-fade-in;box-shadow:0 30px 70px -40px #e09a3e8c}.qt-card:focus{outline:none}.sheet .qt-card{box-shadow:none;background:0 0;border:0;padding:.25rem 0 0}@media (max-width:63.99rem){.page-fill:has(dialog[open]) .qt-halo{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.rite-tube,.keo-flip,.keo-label,.xam-stick,.xam-number,.xam-keo,.xam-card,.qt-halo,.qt-stick-rise,.qt-stick,.qt-keo,.qt-number,.qt-card{animation:none!important}.qt-stick-rise{display:none}}