:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#000;overflow-x:hidden}*{box-sizing:border-box}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.arena-topology-tile{border:1px solid var(--hsu-border-subtle);min-height:178px;color:var(--hsu-white);cursor:pointer;isolation:isolate;background:linear-gradient(#141e2efa 0%,#0b121efc 55%,#060a12 100%);border-radius:8px;place-items:center;padding:18px;transition:transform .22s cubic-bezier(.22,.61,.36,1),border-color .22s,box-shadow .22s,background .22s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,inset 0 -30px 45px #00000047,0 12px 28px #0003}.arena-topology-tile:before{content:"";pointer-events:none;opacity:1;z-index:0;background:radial-gradient(at top,#ffffff09 0%,#0000 58%),linear-gradient(#ffffff05 0%,#0000 18% 82%,#0000002e 100%);position:absolute;inset:0}.arena-topology-tile>*{z-index:1;position:relative}.arena-topology-tile:hover{background:linear-gradient(#162030fa 0%,#090f19 100%);border-color:#4094ff52;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,inset 0 -30px 45px #00000042,0 14px 30px #0000003d}.arena-topology-tile:focus-visible{outline-offset:4px;outline:2px solid #f8fafc}.arena-topology-tile--selected{box-shadow:0 0 0 1px #4a99ff2e, 0 0 30px #2674f238, inset 0 1px 0 #ffffff14, inset 0 0 36px #2674f21f, var(--hsu-shadow-floating);background:linear-gradient(#0c2b60fc 0%,#051127 100%);border-color:#4a99ffe6;transform:translateY(-5px)scale(1.018)}.arena-topology-tile--selected:hover{box-shadow:0 0 0 1px #4a99ff38, 0 0 34px #2674f242, inset 0 1px 0 #ffffff17, inset 0 0 38px #2674f224, var(--hsu-shadow-floating);border-color:#5ca6ff;transform:translateY(-5px)scale(1.018)}.arena-topology-tile__preview{aspect-ratio:1;place-items:center;width:min(100%,148px);min-width:0;display:grid;overflow:visible}.arena-topology-tile__grid{grid-template-rows:repeat(var(--arena-rows), var(--arena-cell-size));grid-template-columns:repeat(var(--arena-columns), var(--arena-cell-size));gap:var(--arena-gap);transform:scale(var(--arena-optical-scale,1));transform-origin:50%;place-content:center;display:grid}.arena-topology-tile__arena{--tatami-band:clamp(3px, calc(var(--arena-cell-size) * .14), 8px);width:var(--arena-cell-size);height:var(--arena-cell-size);box-sizing:border-box;background:linear-gradient(180deg, var(--hsu-red-600) 0%, var(--hsu-red-700) 48%, var(--hsu-red-900) 100%);border:2px solid #f8fafce6;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -5px 10px #1e00034d,0 3px 8px #00000040}.arena-topology-tile__arena:before{content:"";inset:var(--tatami-band);background:linear-gradient(180deg, var(--hsu-blue-600) 0%, var(--hsu-blue-800) 55%, #071526 100%);position:absolute;box-shadow:inset 0 1px #ffffff29,inset 0 -4px 8px #00061847}.arena-topology-tile__arena--primary{--tatami-band:clamp(3px, calc(var(--arena-cell-size) * .14), 8px);background:linear-gradient(180deg, var(--hsu-blue-600) 0%, var(--hsu-blue-800) 55%, #071526 100%);border:2px solid #f8fafce6;position:relative;box-shadow:inset 0 1px #fff3,inset 0 -5px 10px #00061852,0 3px 8px #00000040}.arena-topology-tile__arena--primary:before{content:"";inset:var(--tatami-band);background:linear-gradient(180deg, var(--hsu-red-600) 0%, var(--hsu-red-700) 48%, var(--hsu-red-900) 100%);position:absolute;box-shadow:inset 0 1px #ffffff29,inset 0 -4px 8px #1e00034d}.arena-topology-tile--selected .arena-topology-tile__arena{border-color:#fff}.arena-topology-tile--selected .arena-topology-tile__arena--primary{border-color:#f8fafc;box-shadow:inset 0 1px #ffffff2e,inset 0 -5px 10px #0000004d,0 0 12px #d6ad4538}.arena-topology-tile__grid{transition:transform var(--hsu-transition-standard), filter var(--hsu-transition-standard)}.arena-topology-tile:hover .arena-topology-tile__grid{transform:scale(calc(var(--arena-optical-scale,1) * 1.02));filter:brightness(1.04)}.arena-topology-tile--selected .arena-topology-tile__grid,.arena-topology-tile--selected:hover .arena-topology-tile__grid{transform:scale(calc(var(--arena-optical-scale,1) * 1.035));filter:brightness(1.09)}@media (width<=620px){.arena-topology-tile{min-height:156px;padding:14px}.arena-topology-tile__preview{width:min(100%,96px)}}@media (height<=820px) and (width>=900px){.arena-topology-tile{min-height:150px;padding:14px}}@keyframes arena-tile-enter{0%{opacity:0;filter:blur(3px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.arena-topology-tile{animation:.52s cubic-bezier(.22,1,.36,1) both arena-tile-enter;animation-delay:calc(.12s + var(--tile-index,0) * 65ms)}@media (prefers-reduced-motion:reduce){.arena-topology-tile,.arena-topology-tile--selected{animation:none}}.arena-topology-selector{grid-template-columns:repeat(5,minmax(148px,1fr));gap:18px;display:grid}@media (width<=980px){.arena-topology-selector{grid-template-columns:repeat(3,minmax(148px,1fr))}}@media (width<=620px){.arena-topology-selector{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}:root{--hsu-black:#020307;--hsu-surface-950:#05070c;--hsu-surface-900:#090d15;--hsu-surface-850:#0d1420;--hsu-surface-800:#111a28;--hsu-white:#fff;--hsu-white-soft:#f3f6fb;--hsu-text-muted:#e2e8f0b8;--hsu-shadow-floating:0 16px 42px #0000004d;--hsu-blue-900:#07152f;--hsu-blue-800:#0a2454;--hsu-blue-700:#103c8c;--hsu-blue-600:#1756c2;--hsu-blue-500:#2674f2;--hsu-red-900:#320307;--hsu-red-800:#64080e;--hsu-red-700:#940d16;--hsu-red-600:#c41420;--hsu-red-500:#f01c2c;--hsu-gold-900:#382500;--hsu-gold-800:#664300;--hsu-gold-700:#9c6900;--hsu-gold-600:#d59a10;--hsu-gold-500:#f2c54d;--hsu-gold-400:#ffd96a;--hsu-violet-800:#351360;--hsu-violet-700:#59249b;--hsu-violet-600:#8142df;--hsu-violet-500:#aa78ff;--hsu-border-subtle:#809ec629;--hsu-border-blue:#2674f28a;--hsu-border-red:#f01c2c8a;--hsu-border-gold:#f2c54d94;--hsu-border-violet:#aa78ff8f;--hsu-glow-blue:0 0 0 1px #2674f233, 0 0 28px #2674f242;--hsu-glow-red:0 0 0 1px #f01c2c33, 0 0 28px #f01c2c3d;--hsu-glow-gold:0 0 0 1px #f2c54d38, 0 0 28px #f2c54d3d;--hsu-glow-violet:0 0 0 1px #aa78ff38, 0 0 28px #aa78ff3d;--hsu-font-display:"Orbitron", Arial, sans-serif;--hsu-font-body:"Inter", Arial, sans-serif;--hsu-font-mono:"Roboto Mono", Consolas, monospace;--hsu-fw-regular:400;--hsu-fw-medium:500;--hsu-fw-semibold:600;--hsu-fw-bold:700;--hsu-fw-black:900;--hsu-text-xs:12px;--hsu-text-sm:14px;--hsu-text-md:16px;--hsu-text-lg:20px;--hsu-text-xl:28px;--hsu-text-display:clamp(40px, 5.4vw, 74px);--hsu-line-height-tight:.96;--hsu-line-height-heading:1.15;--hsu-line-height-body:1.6;--hsu-letter-spacing-tight:0;--hsu-letter-spacing-normal:.02em;--hsu-letter-spacing-wide:.18em;--hsu-transition-fast:.16s ease;--hsu-transition-standard:.22s ease}.hwarang-animated-isotype{--hwarang-isotype-size:52px;align-items:center;gap:0;display:inline-flex}.hwarang-animated-isotype__symbol{width:var(--hwarang-isotype-size);height:var(--hwarang-isotype-size);flex:0 0 var(--hwarang-isotype-size);position:relative}.hwarang-animated-isotype__ring{border:3px solid #f5c54238;border-top-color:red;border-radius:50%;animation:2.8s linear infinite hwarang-isotype-spin;position:absolute;inset:0;box-shadow:0 0 28px #fffdfd}.hwarang-animated-isotype__letter{width:var(--hwarang-isotype-size);height:var(--hwarang-isotype-size);font-size:calc(var(--hwarang-isotype-size) * .52);color:#f22;text-shadow:0 0 8px #ff2828a6,0 0 20px #d6ad4573;pointer-events:none;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute}.hwarang-animated-isotype__label{color:#f8fafc;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:800}.tournament-setup__footer{justify-content:center;align-items:center;gap:18px;display:flex}@keyframes hwarang-isotype-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hwarang-animated-isotype__ring{animation:none}}.hsu-button{letter-spacing:.09em;text-align:center;text-transform:uppercase;cursor:pointer;appearance:none;min-width:0;transition:transform var(--hsu-transition-fast), border-color var(--hsu-transition-fast), box-shadow var(--hsu-transition-standard), filter var(--hsu-transition-fast), opacity var(--hsu-transition-fast);border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.hsu-button__content{justify-content:center;align-items:center;gap:10px;display:inline-flex}.hsu-button--small{min-height:40px;padding:0 20px}.hsu-button--medium{min-height:48px;padding:0 26px}.hsu-button--large{min-height:54px;padding:0 30px}.hsu-button--gold{border-color:var(--hsu-border-gold);background:linear-gradient(180deg, var(--hsu-gold-400) 0%, var(--hsu-gold-500) 38%, var(--hsu-gold-600) 100%);color:#090703;box-shadow:inset 0 1px #ffffff80,inset 0 -10px 18px #5f370029,0 0 0 1px #f2c54d1f,0 10px 24px #00000047}.hsu-button--gold:hover:not(:disabled){border-color:var(--hsu-gold-400);filter:brightness(1.07);box-shadow:inset 0 1px 0 #ffffff94, inset 0 -10px 18px #5f37001f, var(--hsu-glow-gold), 0 14px 30px #00000052;transform:translateY(-2px)}.hsu-button--blue{border-color:var(--hsu-border-blue);background:linear-gradient(180deg, var(--hsu-blue-500) 0%, var(--hsu-blue-600) 48%, var(--hsu-blue-800) 100%);color:var(--hsu-white);box-shadow:inset 0 1px #ffffff38,inset 0 -10px 18px #00154a3d,0 10px 24px #00000047}.hsu-button--blue:hover:not(:disabled){border-color:var(--hsu-blue-500);filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffffff47, var(--hsu-glow-blue), 0 14px 30px #00000052;transform:translateY(-2px)}.hsu-button--violet{border-color:var(--hsu-border-violet);background:linear-gradient(180deg, var(--hsu-violet-500) 0%, var(--hsu-violet-600) 45%, var(--hsu-violet-800) 100%);color:var(--hsu-white);box-shadow:inset 0 1px #ffffff3d,inset 0 -10px 18px #26084a3d,0 10px 24px #00000047}.hsu-button--violet:hover:not(:disabled){border-color:var(--hsu-violet-500);filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffffff4d, var(--hsu-glow-violet), 0 14px 30px #00000052;transform:translateY(-2px)}.hsu-button--ghost{border-color:var(--hsu-border-subtle);color:var(--hsu-white-soft);background:#060a12b8;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0003}.hsu-button--ghost:hover:not(:disabled){background:#0c1420eb;border-color:#809ec657;transform:translateY(-2px)}.hsu-button:active:not(:disabled){filter:brightness(.98);transform:translateY(0)}.hsu-button:focus-visible{outline:2px solid var(--hsu-white-soft);outline-offset:4px}.hsu-button:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.7);box-shadow:none;transform:none}.hsu-button--full-width{width:100%}.hsu-typography{font-family:var(--hsu-font-body);font-weight:var(--hsu-fw-regular);color:inherit;margin:0}.hsu-typography--display{font-family:var(--hsu-font-display);font-size:var(--hsu-text-display);font-weight:var(--hsu-fw-black);line-height:var(--hsu-line-height-tight);letter-spacing:var(--hsu-letter-spacing-tight);text-transform:uppercase}.hsu-typography--h1{font-size:var(--hsu-text-xl);font-weight:var(--hsu-fw-black);line-height:var(--hsu-line-height-heading);letter-spacing:var(--hsu-letter-spacing-tight)}.hsu-typography--h2{font-size:var(--hsu-text-lg);font-weight:var(--hsu-fw-bold);line-height:var(--hsu-line-height-heading);letter-spacing:var(--hsu-letter-spacing-tight)}.hsu-typography--h3{font-size:var(--hsu-text-md);font-weight:var(--hsu-fw-semibold);line-height:var(--hsu-line-height-heading);letter-spacing:var(--hsu-letter-spacing-normal)}.hsu-typography--title{font-size:var(--hsu-text-xl);font-weight:var(--hsu-fw-bold);line-height:var(--hsu-line-height-heading);letter-spacing:var(--hsu-letter-spacing-tight)}.hsu-typography--subtitle,.hsu-typography--body{font-size:var(--hsu-text-md);font-weight:var(--hsu-fw-regular);line-height:var(--hsu-line-height-body);letter-spacing:var(--hsu-letter-spacing-normal)}.hsu-typography--caption{font-size:var(--hsu-text-sm);font-weight:var(--hsu-fw-medium);line-height:var(--hsu-line-height-body);letter-spacing:var(--hsu-letter-spacing-normal)}.hsu-typography--overline{font-size:var(--hsu-text-xs);font-weight:var(--hsu-fw-bold);line-height:var(--hsu-line-height-heading);letter-spacing:var(--hsu-letter-spacing-wide);text-transform:uppercase}.tournament-setup{color:#f8fafc;background:#03050a;justify-content:center;width:100%;min-height:100dvh;padding:102px 36px 24px;display:flex;position:relative;overflow:hidden}.tournament-setup:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 70% 22%,#00aaff14,#0000 38%),radial-gradient(circle at 20% 82%,#0078ff0d,#0000 42%);position:absolute;inset:0}.tournament-setup__content{flex-direction:column;gap:34px;width:min(1160px,100%);display:flex}.tournament-setup__header{width:100%;max-width:none}.tournament-setup__title-row{align-items:center;gap:14px;display:flex}.tournament-setup__title-row>:last-child{transform:translate(-72px,18px)}.tournament-setup__kicker{color:#d6ad45;letter-spacing:.18em;text-transform:uppercase;margin:0 0 16px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800}.tournament-setup__title{isolation:isolate;letter-spacing:0;text-transform:uppercase;color:#fff;background:linear-gradient(#fff 0%,#f7f9fc 26%,#d5dce6 58%,#f4f7fb 100%);-webkit-text-fill-color:transparent;text-shadow:0 1px #ffffff14,0 10px 22px #00000038;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Orbitron,Arial,sans-serif;font-size:clamp(40px,5.4vw,74px);font-weight:900;line-height:.96;display:inline-block;position:relative}.tournament-setup__title:after{content:attr(data-text);pointer-events:none;font:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;background:repeating-linear-gradient(0deg,#ffffff2e 0 .6px,#0000 .6px 2.2px);-webkit-text-fill-color:transparent;opacity:.18;z-index:1;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.tournament-setup__subtitle{color:#e2e8f0b3;max-width:560px;margin:14px 0 0;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.65}.tournament-setup__footer{justify-content:center;align-items:center;gap:28px;margin-top:-14px;display:flex}.tournament-setup__brand-title{color:#fff;letter-spacing:5px;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:28px;font-weight:900;line-height:1}.tournament-setup__brand-subtitle{color:#d6dee9;letter-spacing:2.2px;white-space:nowrap;margin-top:7px;font-family:Inter,Arial,sans-serif;font-size:10px;line-height:1}.tournament-setup__brand{align-items:center;gap:14px;display:flex}.tournament-setup__brand-text{flex-direction:column;justify-content:center;display:flex}.tournament-setup__hero{isolation:isolate;align-items:center;gap:28px;width:100%;display:flex;position:relative}.tournament-setup__hero-left,.tournament-setup__hero-right{z-index:1;position:relative}.tournament-setup__hero-right{margin-left:auto;transform:translateY(10px)}.tournament-setup__hero:after{content:"";pointer-events:none;filter:blur(42px);z-index:0;background:radial-gradient(at 38% 48%,#00aeff2e 0%,#008cff17 34%,#0064d209 58%,#0000 78%);width:760px;height:300px;position:absolute;top:-65px;left:-90px}@media (width<=760px){.tournament-setup{padding:42px 18px 28px}.tournament-setup__content{gap:34px}.tournament-setup__title-row{align-items:center;gap:26px;display:flex}.tournament-setup__footer,.tournament-setup__footer .hsu-button{width:100%}}@media (height<=820px) and (width>=900px){.tournament-setup{padding-top:24px;padding-bottom:20px}.tournament-setup__content{gap:24px}.tournament-setup__kicker{margin-bottom:10px}.tournament-setup__title{font-size:clamp(52px,5vw,66px);line-height:.92}.tournament-setup__subtitle{margin-top:12px;font-size:15px;line-height:1.45}}.experience-engine{min-height:calc(var(--scene-count) * 150vh);color:#f4f7ff;background:#02050d;position:relative}.experience-engine__viewport{width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.experience-engine__camera{background:radial-gradient(circle,#2a53ab38,#0000 34%),#02050d;place-items:center;width:100%;height:100%;display:grid;position:relative}.experience-engine__core{aspect-ratio:1;width:110px;transform:translate(-50%, -50%) scale(calc(.45 + var(--experience-progress) * 6));opacity:calc(.28 + var(--experience-progress) * .45);will-change:transform;background:radial-gradient(circle at 36% 30%,#fff,#527bd1 18%,#10285f 48%,#02050d 74%);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 55px #4870cd73,0 0 160px #1f449647}.experience-engine__core span{font-family:var(--hsu-font-display);font-weight:var(--hsu-fw-bold);letter-spacing:.12em}.experience-engine__scene{z-index:2;text-align:center;width:min(940px,100% - 48px);animation:.62s both experience-scene-enter;position:relative}.experience-engine__scene-index{font-family:var(--hsu-font-body);font-size:var(--hsu-fs-caption);font-weight:var(--hsu-fw-bold);letter-spacing:var(--hsu-letter-spacing-wide);margin:0 0 22px}.experience-engine__scene h1{font-family:var(--hsu-font-display);font-size:clamp(46px,7vw,104px);font-weight:var(--hsu-fw-bold);line-height:var(--hsu-line-height-tight);letter-spacing:var(--hsu-letter-spacing-tight);margin:0}.experience-engine__scene-description{width:min(680px,100%);font-family:var(--hsu-font-body);font-size:var(--hsu-fs-subtitle);line-height:var(--hsu-line-height-body);color:#e2eafbb3;margin:30px auto 0}.experience-engine__progress{background:#ffffff1f;width:2px;height:180px;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.experience-engine__progress span{width:100%;height:calc(var(--experience-progress) * 100%);background:#aec7ffe6;display:block}@keyframes experience-scene-enter{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.experience-engine__scene{width:calc(100% - 32px)}.experience-engine__progress{right:14px}}@media (prefers-reduced-motion:reduce){.experience-engine__scene{animation:none}.experience-engine__core{transform:translate(-50%,-50%)}}.hsu-universe-poc{isolation:isolate;background:radial-gradient(circle at 50% 46%,#112c5229,#0000 38%),#010207;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.hsu-universe-poc canvas{cursor:default;touch-action:none;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.hsu-universe-poc canvas{cursor:default}}.hsu-navigation-cue{z-index:23;pointer-events:none;visibility:hidden;opacity:0;will-change:opacity, transform;flex-direction:column;align-items:center;gap:.38rem;transition:opacity 1s,transform 1s,visibility 0s linear 1s;display:flex;position:absolute;bottom:clamp(2.2rem,7vh,4.8rem);left:50%;transform:translate(-50%)translateY(8px)}.hsu-navigation-cue--visible{visibility:visible;opacity:1;transition:opacity .8s ease-out,transform .8s ease-out,visibility linear;transform:translate(-50%)translateY(0)}.hsu-navigation-cue__reticle{border-top:1px solid #84d2ff38;width:2.8rem;height:.75rem;margin-bottom:.28rem;position:relative}.hsu-navigation-cue__reticle:before,.hsu-navigation-cue__reticle:after{content:"";background:#caedff7a;width:.42rem;height:1px;position:absolute;top:-1px;box-shadow:0 0 7px #5abeff2e}.hsu-navigation-cue__reticle:before{left:0}.hsu-navigation-cue__reticle:after{right:0}.hsu-navigation-cue__reticle span{border:1px solid #aee0ff80;width:.34rem;height:.34rem;position:absolute;top:-.18rem;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 5px #56b8ff33,inset 0 0 4px #56b8ff1f}.hsu-navigation-cue__line{letter-spacing:.3em;white-space:nowrap;color:#bee2f68f;text-shadow:0 0 7px #5ab4ff2e,0 0 18px #327ddc14;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(.52rem,.62vw,.68rem);font-weight:400;line-height:1.4}.hoi-identity{z-index:20;pointer-events:none;will-change:opacity, transform;flex-direction:column;align-items:flex-start;transition:opacity .15s linear,transform .2s ease-out;display:flex;position:absolute;top:50%;left:7vw;transform:translateY(-50%)}.hoi-identity__name{letter-spacing:.08em;color:#e8f5fff5;text-shadow:0 0 8px #78beff52,0 0 22px #3282ff29,0 0 48px #1e5aff14;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(3.8rem,7vw,8.5rem);font-weight:300;line-height:.9;position:relative}.hoi-identity__name span{color:#6ec3fffa;text-shadow:0 0 8px #64c8ff8c,0 0 24px #3c8cff4d}.hoi-identity__line{background:linear-gradient(90deg,#b9e6ffe6,#4691ff59,#4691ff00);width:4.8rem;height:1px;margin-top:1.5rem;margin-bottom:1rem;box-shadow:0 0 8px #469bff59}.hoi-identity__meaning{letter-spacing:.32em;color:#aacde6ad;text-shadow:0 0 10px #3c87ff2e;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(.66rem,.82vw,.95rem);font-weight:400}.hoi-entry{z-index:21;pointer-events:none;opacity:0;will-change:opacity, transform;flex-direction:column;align-items:center;transition:opacity 1.4s,transform 1.8s;display:flex;position:absolute;top:16vh;left:50%;transform:translate(-50%)translateY(12px)}.hoi-entry--visible{opacity:1;transition-delay:.45s;transform:translate(-50%)translateY(0)}.hoi-entry__classification{letter-spacing:.42em;color:#69beff9e;text-shadow:0 0 12px #3c96ff33;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(.58rem,.72vw,.82rem);font-weight:400}.hoi-entry__title{letter-spacing:.2em;color:#e1f4ffeb;text-shadow:0 0 10px #6ec8ff42,0 0 28px #3278ff1f;margin-top:.65rem;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(1rem,1.6vw,1.65rem);font-weight:300}.hoi-entry__line{background:linear-gradient(90deg,#50a0ff00,#96dcffb8,#50a0ff00);width:5.4rem;height:1px;margin-top:.9rem;box-shadow:0 0 10px #46a5ff47}.hoi-entry__description{letter-spacing:.16em;color:#aad2eb9e;text-align:center;text-shadow:0 0 12px #46a0ff29;opacity:0;margin-top:1.15rem;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(.58rem,.68vw,.78rem);font-weight:300;transition:opacity .9s,transform 1.1s;transform:translateY(6px)}.hoi-entry--visible .hoi-entry__description{opacity:1;transition-delay:1.15s;transform:translateY(0)}.hoi-entry__continue{letter-spacing:.22em;color:#cdebffdb;text-align:center;text-shadow:0 0 12px #5ab9ff3d,0 0 28px #3278ff1a;pointer-events:auto;cursor:pointer;margin-top:2.4rem;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(1rem,1.45vw,1.55rem);font-weight:300;transition:color .35s,text-shadow .35s,transform .35s,letter-spacing .35s}.hoi-entry__continue:hover{color:#f5fcff;text-shadow:0 0 10px #b4ebffbf,0 0 24px #5abeff8c,0 0 48px #2878ff47;letter-spacing:.26em;transform:translateY(-2px)scale(1.035)}.hoi-entry--exploring{opacity:0;pointer-events:none;transition:opacity .9s,transform 1.15s;transform:translate(-50%)translateY(-10px)}.hoi-entry--exploring .hoi-entry__continue{pointer-events:none}.hoi-factual-intro{z-index:22;pointer-events:none;perspective:1100px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.hoi-factual-intro__content{opacity:0;transform-origin:100%;will-change:transform, opacity;width:max-content;transition:transform 3.2s cubic-bezier(.16,.84,.24,1),opacity .8s;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)translate3d(18vw,0,-1450px)rotateY(62deg)scale(.72)}.hoi-factual-intro--visible .hoi-factual-intro__content{opacity:1;transition-delay:.55s,.55s;transform:translate(-50%,-50%)translate(0,0)rotateY(0)scale(.78)}.hoi-factual-intro__title{letter-spacing:.1em;white-space:nowrap;color:#e1f7fffa;text-shadow:0 0 10px #b4ebffb8,0 0 28px #4bb9ff7a,0 0 70px #2369ff38;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(4.2rem,9vw,10rem);font-weight:300;line-height:.9}.hoi-factual-intro__question{letter-spacing:.34em;text-align:center;color:#96d7ffd1;text-shadow:0 0 18px #46aaff4d;margin-top:2rem;font-family:Oxanium,Orbitron,sans-serif;font-size:clamp(1rem,1.65vw,1.8rem);font-weight:300}.hoi-factual-intro--departing .hoi-factual-intro__content{opacity:0;transition:transform 1.5s cubic-bezier(.55,.05,.75,.25),opacity .65s .75s;transform:translate(-50%,-50%)translateZ(900px)rotateY(0)scale(2.4)}.hoi-factual-dimensions{z-index:22;pointer-events:none;perspective:1200px;opacity:0;transition:opacity 1.2s 1.2s;position:absolute;inset:0}.hoi-factual-dimensions--visible{opacity:1}.hoi-factual-dimensions__item{letter-spacing:.22em;color:#cdebffe0;text-shadow:0 0 14px #64c3ff52,0 0 34px #2d78ff24;white-space:nowrap;font-family:Oxanium,Orbitron,sans-serif;font-weight:300;position:absolute}.hoi-factual-dimensions__item--event{transform-origin:100%;opacity:1;font-size:clamp(3.2rem,5.5vw,6.5rem);top:30%;left:24%;transform:perspective(1200px)rotateY(42deg)translateZ(-80px)}.hoi-factual-dimensions__item--arenas{transform-origin:100%;opacity:.82;font-size:clamp(2.3rem,3.8vw,4.5rem);top:38%;left:43%;transform:perspective(1200px)rotateY(47deg)translateZ(-250px)}.hoi-factual-dimensions__item--matches{transform-origin:100%;opacity:.62;font-size:clamp(1.6rem,2.7vw,3.2rem);top:44%;left:56%;transform:perspective(1200px)rotateY(52deg)translateZ(-430px)}.hoi-factual-dimensions__item--flow{transform-origin:100%;opacity:.43;font-size:clamp(1rem,1.7vw,2rem);top:48.5%;left:64%;transform:perspective(1200px)rotateY(57deg)translateZ(-610px)}.hoi-factual-dimensions__item--activity{transform-origin:100%;opacity:.28;color:#9bd7ffc7;font-size:clamp(.7rem,1.05vw,1.25rem);top:51.5%;left:69%;transform:perspective(1200px)rotateY(62deg)translateZ(-790px)}.hoi-factual-dimensions__item--event-journey{will-change:transform, opacity;animation:6.6s cubic-bezier(.18,.78,.22,1) forwards hoi-event-journey}@keyframes hoi-event-journey{0%{opacity:1;transform:perspective(1200px)rotateY(42deg)translateZ(-80px)}42%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}68%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}to{opacity:0;transform:perspective(1200px)rotateY(4deg)translate3d(-11vw,-6vh,620px)scale(2.35)}}.hoi-factual-dimensions__item--arenas-journey{will-change:transform, opacity;animation:6.6s cubic-bezier(.18,.78,.22,1) 4.3s forwards hoi-arenas-journey}@keyframes hoi-arenas-journey{0%{opacity:.82;transform:perspective(1200px)rotateY(47deg)translateZ(-250px)}42%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}68%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}to{opacity:0;transform:perspective(1200px)rotateY(4deg)translate3d(-11vw,-6vh,620px)scale(2.35)}}.hoi-factual-dimensions__item--matches-journey{will-change:transform, opacity;animation:6.6s cubic-bezier(.18,.78,.22,1) 8.6s forwards hoi-matches-journey}@keyframes hoi-matches-journey{0%{opacity:.62;transform:perspective(1200px)rotateY(52deg)translateZ(-430px)}42%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}68%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}to{opacity:0;transform:perspective(1200px)rotateY(4deg)translate3d(-11vw,-6vh,620px)scale(2.35)}}.hoi-factual-dimensions__item--flow-journey{will-change:transform, opacity;animation:6.6s cubic-bezier(.18,.78,.22,1) 12.9s forwards hoi-flow-journey}@keyframes hoi-flow-journey{0%{opacity:.43;transform:perspective(1200px)rotateY(57deg)translateZ(-610px)}42%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}68%{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}to{opacity:0;transform:perspective(1200px)rotateY(4deg)translate3d(-11vw,-6vh,620px)scale(2.35)}}.hoi-factual-dimensions__item--activity-journey{will-change:transform, opacity;animation:5.8s cubic-bezier(.18,.78,.22,1) 17.2s forwards hoi-activity-arrival}@keyframes hoi-activity-arrival{0%{opacity:.28;transform:perspective(1200px)rotateY(62deg)translateZ(-790px)}55%{opacity:.82;transform:perspective(1200px)rotateY(30deg)translate3d(-5vw,-3vh,-120px)scale(1.05)}to{opacity:1;transform:perspective(1200px)rotateY(16deg)translate3d(-8vw,-4vh,40px)scale(1.18)}}
