*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@keyframes judgePopUp{0%{opacity:0;transform:translate(-50%) scale(.3)}20%{opacity:1;transform:translate(-50%) scale(1.1)}40%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}@keyframes keyEffectRipple{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes keyEffectParticle{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--end-x),var(--end-y))}}.key-hit{position:absolute;transform:translate(-50%,-50%);width:108px;height:108px;pointer-events:none;z-index:500;--hit-color: rgba(34, 211, 238, 1);--hit-color-soft: rgba(34, 211, 238, .35)}.key-hit__cross{position:absolute;inset:50% 0 0 50%;width:100%;height:100%;transform:translate(-50%,-50%);transform-origin:50% 50%;animation:keyHitCross .52s cubic-bezier(.16,1,.3,1) forwards;filter:drop-shadow(0 0 10px var(--hit-color-soft)) drop-shadow(0 0 18px color-mix(in oklab,var(--hit-color) 55%,white 45%));mix-blend-mode:screen}.key-hit__cross:before,.key-hit__cross:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:9999px;background:linear-gradient(90deg,#fff0,color-mix(in oklab,var(--hit-color) 70%,white 30%) 22%,#fffffff2,color-mix(in oklab,var(--hit-color) 70%,white 30%) 78%,#fff0)}.key-hit__cross:before{width:92px;height:6px;transform:translate(-50%,-50%) rotate(45deg)}.key-hit__cross:after{width:92px;height:6px;transform:translate(-50%,-50%) rotate(-45deg)}@keyframes keyHitCross{0%{opacity:0;transform:translate(-50%,-50%) scale(.65) rotate(-40deg)}20%{opacity:1}70%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(10deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18) rotate(40deg)}}.ur-brand__row{display:inline-flex;align-items:center;gap:14px}.ur-brand__mark{flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(56,189,248,.25)) drop-shadow(0 0 22px rgba(129,140,248,.18))}.ur-brand__text{display:flex;flex-direction:column;align-items:center}.ur-logo{margin:0;font-weight:900;font-style:italic;letter-spacing:var(--ur-logo-letter-spacing, .18em);font-family:Arial Black,sans-serif;text-transform:uppercase;line-height:1.05;font-size:var(--ur-logo-size, 48px);text-shadow:var(--ur-logo-glow, 0 0 24px rgba(56, 189, 248, .35))}.ur-logo__fill{display:inline-block;background:var(--ur-logo-gradient, linear-gradient(135deg, #22d3ee, #818cf8, #f0abfc));background-size:220% 220%;background-position:20% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:3px var(--ur-logo-stroke, rgba(2, 6, 23, .95));animation:urShimmer 2.6s ease-in-out infinite}.ur-tagline{margin-top:10px;font-size:15px;line-height:1.6;color:#e2e8f0c7;white-space:pre-line}@font-face{font-family:GeekbleMalrangiche;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/GeekbleMalang2WOFF2.woff2) format("woff2");font-weight:400;font-display:swap}.ur-brand{width:100%;display:flex;justify-content:center}.ur-brand__grid{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:14px;row-gap:10px;align-items:center}.ur-brand__grid--overlap{grid-template-columns:auto;justify-items:center}.ur-brand__mark{grid-column:1;grid-row:1;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(56,189,248,.25)) drop-shadow(0 0 22px rgba(129,140,248,.18));transform:translateY(-1px)}.ur-brand__titleWrap{grid-column:2;grid-row:1;display:flex;align-items:center;position:relative}.ur-brand__grid--overlap .ur-brand__titleWrap{grid-column:1;justify-content:center}.ur-brand__mark--overlap{position:absolute;left:-18px;top:50%;transform:translateY(-54%) scale(1.06);opacity:.62;z-index:1;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(56,189,248,.32)) drop-shadow(0 0 28px rgba(129,140,248,.22))}.ur-logo{margin:0;font-weight:400;font-style:normal;letter-spacing:var(--ur-logo-letter-spacing, .18em);font-family:GeekbleMalrangiche,ui-sans-serif,system-ui,-apple-system,Segoe UI,Pretendard,Apple SD Gothic Neo,Noto Sans KR,Arial,sans-serif;text-transform:uppercase;line-height:1.05;font-size:var(--ur-logo-size, 48px);text-shadow:var(--ur-logo-glow, 0 0 24px rgba(56, 189, 248, .35));position:relative;z-index:2}.ur-logo__fill{display:inline-block;background:var(--ur-logo-gradient, linear-gradient(135deg, #22d3ee, #818cf8, #f0abfc));background-size:220% 220%;background-position:20% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:var(--ur-logo-stroke-width, 2px) var(--ur-logo-stroke, rgba(2, 6, 23, .95));filter:drop-shadow(0 0 10px rgba(56,189,248,.14));animation:urShimmer 2.6s ease-in-out infinite}.ur-tagline{grid-column:1 / span 2;grid-row:2;margin-top:10px;font-size:15px;line-height:1.6;color:#e2e8f0c7;white-space:pre-line;text-align:center}.ur-brand__grid--overlap .ur-tagline{grid-column:1}@keyframes urShimmer{0%{background-position:18% 50%}50%{background-position:82% 50%}to{background-position:18% 50%}}@media (prefers-reduced-motion: reduce){.ur-logo__fill{animation:none}}