.hero-root{--led-y:#ffe14d;--led-g:#4ade80;--frame:#1e2438;--frame-hi:#333c5c;--t-sky:900ms;--d-sky:170ms;position:fixed;inset:0;overflow:hidden}.hero-nightsky{position:fixed;inset:0;z-index:5;background:linear-gradient(180deg,#04061a,#070a1e 45%,#0c102c);pointer-events:none;transition:opacity var(--t-sky) ease var(--d-sky)}.hero--day .hero-nightsky{opacity:0}.hero-scene{position:fixed;inset:0;z-index:10;filter:none;transition:filter var(--t-sky) ease var(--d-sky)}.hero-root:not(.hero--day) .hero-scene{filter:brightness(.22) saturate(.45) contrast(1.05)}.hero-vignette{position:absolute;inset:0;z-index:18;pointer-events:none;background:radial-gradient(120% 90% at 50% 30%,transparent 40%,rgba(2,4,16,.55) 100%),linear-gradient(180deg,rgba(2,4,16,.5),transparent 30%);transition:opacity .7s ease .2s}.hero--day .hero-vignette{opacity:0}.hero-rays{position:absolute;inset:0;z-index:22;pointer-events:none;transition:opacity .6s ease .25s}:is(.hero--rising,.hero--day) .hero-rays{opacity:0}.hero-board{position:absolute;top:4vh;left:50%;translate:-50% 0;z-index:55;pointer-events:none;width:min(1180px,94vw);padding:12px 26px;border-radius:16px;border:6px solid #334155;background:#0f172a;transform:perspective(1400px) rotateX(-5deg);transform-origin:50% 100%;box-shadow:0 16px 40px rgba(2,6,23,.45),inset 2px 2px 0 1px rgba(148,163,184,.35),inset -2px -2px 0 1px rgba(2,6,23,.8),inset 0 0 0 2px #1e293b,0 0 90px rgba(255,225,77,.08);font-family:Menlo,SF Mono,monospace;animation:hero-board-in .5s ease-out .35s both}:is(.hero--rising,.hero--day) .hero-board{animation:hero-board-rise .42s cubic-bezier(.5,0,.85,.4) both}@keyframes hero-board-rise{0%{translate:-50% 0;opacity:1}to{translate:-50% -60vh;opacity:0}}@keyframes hero-board-in{0%{opacity:0;translate:-50% 16px}to{opacity:1;translate:-50% 0}}.hero-board .hero-led{position:relative;background:#0f172a;border-radius:8px;overflow:hidden}.hero-board .hero-led:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.055) 38%,rgba(255,255,255,.09) 42%,rgba(255,255,255,.055) 46%,transparent 54%),repeating-linear-gradient(rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(rgba(0,0,0,.55) 1px,transparent 1.4px);background-size:100% 100%,100% 100%,4px 4px}.hero-board .hero-led:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse 105% 120% at 50% 50%,transparent 68%,rgba(0,0,0,.32))}.hero-board .hero-row1{height:clamp(80px,12vh,124px);display:flex;align-items:center}.hero-board .hero-belt{position:relative;z-index:2;display:flex;white-space:nowrap;animation:hero-belt-scroll 16s linear infinite;font-size:clamp(44px,7.6vh,80px);font-weight:800;letter-spacing:.22em;color:var(--led-y);text-shadow:0 0 3px rgba(255,255,255,.55),0 0 12px rgba(253,224,71,.95),0 0 34px rgba(253,224,71,.55)}.hero-board .hero-belt span{padding-right:90px}@keyframes hero-belt-scroll{to{transform:translateX(-50%)}}.hero-board .hero-row2{position:relative;z-index:2;margin-top:9px;height:clamp(38px,5.4vh,52px);border-top:1px solid #1e293b;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;justify-content:center;column-gap:2em;font-size:clamp(15px,2.4vh,22px);font-weight:800;letter-spacing:.18em;color:var(--led-g);text-shadow:0 0 1px rgba(255,255,255,.5),0 0 8px rgba(74,222,128,.9),0 0 24px rgba(74,222,128,.5)}.hero-board .hero-row2>span{white-space:nowrap}.hero-board .hero-row2-record{overflow:hidden}.hero-board .hero-row2-record-inner{display:inline-block;white-space:nowrap}.hero-board .y{color:var(--led-y);text-shadow:0 0 1px rgba(255,255,255,.5),0 0 8px rgba(253,224,71,.9),0 0 22px rgba(253,224,71,.5)}.hero-board .blink{animation:hero-blink 1.6s steps(2,start) infinite}@keyframes hero-blink{50%{opacity:.25}}.hero-medal{position:absolute;inset:0;z-index:50;touch-action:none}.hero-medal canvas{display:block}:is(.hero--rising,.hero--day) .hero-medal{animation:hero-medal-rise .62s cubic-bezier(.5,0,.85,.4) both}@keyframes hero-medal-rise{0%{translate:0 0}14%{translate:0 2.4vh}to{translate:0 -90vh}}.hero-cta{position:absolute;z-index:60;left:50%;bottom:9vh;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:18px;animation:hero-cta-rise-in .6s ease-out .9s both}:is(.hero--rising,.hero--day) .hero-cta{animation:hero-cta-out .3s cubic-bezier(.5,0,.85,.4) .25s both;pointer-events:none}@keyframes hero-cta-rise-in{0%{opacity:0;translate:-50% 16px}to{opacity:1;translate:-50% 0}}@keyframes hero-cta-out{0%{opacity:1;translate:-50% 0}to{opacity:0;translate:-50% 60px}}.hero-cta-btn{cursor:pointer;background:none;border:0;font-family:Pretendard,Pretendard Variable,-apple-system,sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.34em;text-indent:.34em;color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:19px 44px;transition:background .55s cubic-bezier(.32,.72,0,1),color .55s cubic-bezier(.32,.72,0,1),border-color .55s cubic-bezier(.32,.72,0,1),transform .55s cubic-bezier(.32,.72,0,1)}.hero-cta-btn:hover{background:#fff;color:#0a0e1e;border-color:#fff;transform:translateY(-1px)}.hero-cta-btn:active{transform:scale(.97)}.hero-cta-sub{background:none;border:0;padding:0;cursor:pointer;font-family:Pretendard,Pretendard Variable,-apple-system,sans-serif;font-size:13px;letter-spacing:.06em;color:rgba(232,236,255,.5);text-decoration:none}.hero-cta-sub:hover{color:rgba(232,236,255,.85);text-decoration:underline;text-underline-offset:5px}.hero-claim-board{position:fixed;inset:0;z-index:65;pointer-events:none}.hero-claim-board .reward-board{pointer-events:auto;animation:hero-claim-board-in .38s cubic-bezier(.32,.72,0,1) both}@keyframes hero-claim-board-in{0%{translate:-50% 60%;opacity:0}to{translate:-50% 0;opacity:1}}@media (max-width:700px){.hero-cta{bottom:7vh}.hero-board{top:2vh;padding:8px}.hero-board .hero-row2{column-gap:1em;font-size:12px}.hero-board .hero-row2-record-inner{animation:hero-row2-record-scroll 9s linear infinite;padding-left:100%}@keyframes hero-row2-record-scroll{to{transform:translateX(-100%)}}}@media (prefers-reduced-motion:reduce){.hero-root,.hero-root *,.hero-root :after,.hero-root :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}