.u-load.rp-int { z-index: 360; background: none; isolation: isolate; user-select: none; -webkit-user-select: none; }
.rp-int__veil { position: absolute; inset: 0; pointer-events: none; background: radial-gradient(70% 62% at 58% 48%, rgba(3, 10, 36, .06), rgba(3, 10, 36, .66) 68%, rgba(3, 10, 36, .92)); }
@media (max-width: 799px) { .rp-int__veil { background: radial-gradient(90% 60% at 50% 60%, rgba(3, 10, 36, .08), rgba(3, 10, 36, .70) 70%, rgba(3, 10, 36, .94)); } }
.rp-int__warp { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.rp-int__sh { position: absolute; left: 0; right: 0; height: 50.5%; background: #050b1f; will-change: transform; pointer-events: none; }
.rp-int__sh--t { top: 0; }
.rp-int__sh--b { bottom: 0; }
.rp-int__line { position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; pointer-events: none; transform: scaleX(0); will-change: transform, opacity;
  background: linear-gradient(90deg, rgba(192, 220, 252, 0), #f3f7ed 50%, rgba(192, 220, 252, 0));
  box-shadow: 0 0 18px 2px rgba(121, 191, 255, .75), 0 0 64px 8px rgba(80, 124, 255, .42); }
.rp-int__stack { position: relative; z-index: 2; display: grid; justify-items: center; gap: clamp(.7rem, .5rem + .6vw, 1.1rem); text-align: center; pointer-events: none; }
@media (min-width: 800px) { .rp-int__stack { transform: translateY(11vh); } }
.u-load.rp-int .u-lm { position: relative; animation: none; transition: none; transform-origin: 0 0; will-change: transform, opacity; white-space: nowrap; }
.u-load.rp-int .u-lm em { display: inline-block; clip-path: inset(-.2em 100% -.3em 0); will-change: clip-path; }
.rp-int__ch { display: inline-block; opacity: 0; will-change: transform, opacity, filter; }
.rp-int__kick { font: 500 .72rem/1 var(--font-mono, ui-monospace, "SF Mono", Menlo, monospace); letter-spacing: .34em; text-transform: uppercase; color: #98ceff; opacity: 0; }
.rp-int__motto { margin: 0; font: italic 400 clamp(1.05rem, .78rem + 1.05vw, 1.65rem)/1.2 var(--font-serif); color: #dce6f5; letter-spacing: .01em; white-space: nowrap; }
.rp-int__motto span { display: inline-block; opacity: 0; will-change: transform, opacity; }
.rp-int__sotto { display: flex; align-items: center; justify-content: center; gap: clamp(1rem, .4rem + 1.4vw, 1.8rem); }
.rp-int__div { align-self: stretch; width: 1px; min-height: 2.6rem; opacity: 0; background: linear-gradient(180deg, rgba(152, 206, 255, 0), #98ceff 50%, rgba(152, 206, 255, 0)); box-shadow: 0 0 10px rgba(121, 191, 255, .6); }
.rp-int__aree { display: grid; grid-template-columns: repeat(5, auto); gap: .35rem clamp(.8rem, .2rem + 1vw, 1.3rem); margin: 0; padding: 0; list-style: none; text-align: left; }
.rp-int__area { display: grid; grid-template-columns: auto 1fr; column-gap: .45rem; align-items: center; opacity: 0; will-change: transform, opacity, filter; }
.rp-int__area svg { grid-row: span 2; width: 1.2rem; height: 1.2rem; color: #98ceff; filter: drop-shadow(0 0 6px rgba(121, 191, 255, .85)); }
.rp-int__area b { font: 600 .95rem/1.15 var(--font-sans); color: #f3f7ed; letter-spacing: .01em; white-space: nowrap; text-shadow: 0 0 18px rgba(80, 124, 255, .7); }
.rp-int__area small { max-width: 11.5em; font: 400 .7rem/1.25 var(--font-sans); color: #98ceff; opacity: .85; }
@media (max-width: 1179px) { .rp-int__sotto { flex-direction: column; } .rp-int__div { display: none; } }
@media (max-width: 799px) {
  .rp-int__aree { display: flex; flex-wrap: wrap; justify-content: center; gap: .45rem .9rem; max-width: 92vw; }
  .rp-int__area { grid-template-columns: auto auto; } .rp-int__area svg { grid-row: auto; width: 1rem; height: 1rem; } .rp-int__area small { display: none; }
}
.u-load.rp-int .u-lb { z-index: 2; box-shadow: 0 0 14px rgba(121, 191, 255, .45); }
.rp-intro__skip { position: absolute; z-index: 3; top: max(1rem, env(safe-area-inset-top)); right: max(1rem, env(safe-area-inset-right)); display: inline-flex; align-items: center; gap: .5rem;
  padding: .5rem .85rem; border: 1px solid rgba(192, 220, 252, .32); border-radius: 999px; background: rgba(5, 11, 31, .55); color: #dce6f5;
  font: 500 .78rem/1 var(--font-sans); cursor: pointer; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color .2s, color .2s; }
.rp-intro__skip kbd { font: 500 .66rem/1 var(--font-mono, ui-monospace, Menlo, monospace); padding: .18rem .38rem; border-radius: .3rem; background: rgba(192, 220, 252, .14); color: #c0dcfc; }
.rp-intro__skip:hover, .rp-intro__skip:focus-visible { border-color: #98ceff; color: #f3f7ed; outline: none; }
html.u-intro .sheet { visibility: hidden; }
html.u-intro .hero .wrap { opacity: 0; }
.hero .wrap { transition: opacity .7s var(--ease-out, ease-out); }
html.u-light .rp-int__veil { background: radial-gradient(70% 62% at 58% 48%, rgba(220, 230, 245, 0), rgba(192, 220, 252, .32) 70%, rgba(152, 206, 255, .52)); }
@media (max-width: 799px) { html.u-light .rp-int__veil { background: radial-gradient(90% 60% at 50% 60%, rgba(220, 230, 245, 0), rgba(192, 220, 252, .34) 70%, rgba(152, 206, 255, .55)); } }
html.u-light .rp-int__motto { color: #0b173d; }
html.u-light .rp-int__area b { color: #0b173d; text-shadow: none; }
html.u-light .rp-int__area small, html.u-light .rp-int__area svg { color: #507cff; }
html.u-light .rp-int__area svg { filter: none; }
html.u-light .rp-int__div { background: linear-gradient(180deg, rgba(80, 124, 255, 0), #507cff 50%, rgba(80, 124, 255, 0)); box-shadow: none; }
html.u-light .u-load.rp-int .u-lb { box-shadow: 0 0 10px rgba(80, 124, 255, .35); }