.navbar-desktop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--app-border);z-index:1030;background:#12141af2}.navbar-nav .nav-link{font-family:var(--font-heading);letter-spacing:.01em;border-radius:.5rem;font-weight:500;transition:all .18s;color:#94a3b8!important}.navbar-nav .nav-link:hover{background-color:#ffffff0f;color:#f8fafc!important}.navbar-nav .nav-link.active{font-weight:600;box-shadow:0 0 0 1px #3080e859;color:var(--app-accent)!important;background-color:#3080e82e!important}.raiku-brand-sublink{color:#94a3b8;white-space:nowrap;opacity:.85;font-size:.65rem;line-height:1;text-decoration:none;transition:color .15s ease-in-out;position:absolute;bottom:-6px;left:0}.raiku-brand-sublink:hover{color:var(--app-accent);opacity:1;text-decoration:underline}.navbar-brand-title{font-family:var(--font-heading);letter-spacing:.03em;color:#fff;font-size:1.25rem;font-weight:700}.navbar-custom-nav{gap:.5rem}.navbar-custom-link{align-items:center;padding:.45rem .85rem;font-size:.95rem;display:flex}.navbar-custom-link .nav-link-icon{margin-right:.45rem;font-size:1.1rem}.app-mobile-header{height:54px;height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--app-border);z-index:1040;background:#0e1015eb;justify-content:space-between;align-items:center;padding-left:1rem;padding-right:1rem;display:flex;position:fixed;top:0;left:0;right:0}.app-mobile-brand{color:#fff;align-items:center;gap:.5rem;text-decoration:none;display:flex}.app-mobile-brand-title{font-family:var(--font-heading);letter-spacing:.04em;color:#fff;font-size:1.15rem;font-weight:700;line-height:1}.app-mobile-bottom-nav{height:60px;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--app-border);z-index:1040;background:#0e1015f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000059}.app-mobile-nav-item{color:#94a3b8;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding:.25rem 0;text-decoration:none;transition:color .15s,transform .1s;display:flex;position:relative}.app-mobile-nav-icon{margin-bottom:.2rem;font-size:1.25rem;line-height:1;transition:transform .15s}.app-mobile-nav-label{font-family:var(--font-heading);letter-spacing:.01em;font-size:.68rem;font-weight:600;line-height:1}.app-mobile-nav-item.active{color:var(--app-accent)}.app-mobile-nav-item.active .app-mobile-nav-icon{color:#fff;transform:translateY(-1px)scale(1.1)}.app-mobile-nav-item.active:before{content:"";background:var(--app-primary);width:24px;height:3px;box-shadow:0 2px 8px var(--app-primary);border-bottom-right-radius:3px;border-bottom-left-radius:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.split-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.match-sidebar{background:var(--app-surface)}.match-list-scrollable{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:.2rem .25rem .25rem;overflow-y:auto}.match-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.match-card{cursor:pointer;border-radius:.65rem;margin-top:.35rem;transition:transform .15s,border-color .15s,background-color .15s,box-shadow .15s}.match-card:hover{transform:translateY(-2px);border-color:#ffffff4d!important}.match-card.selected{box-shadow:0 0 0 1px var(--app-primary);border-color:var(--app-primary)!important;background-color:#3080e824!important}.text-team-red{color:#ff5252}.text-team-blue{color:#448aff}.card-section-heading{text-align:center;font-family:var(--font-heading);position:relative}.card-section-heading hr{border-color:var(--app-border);margin:0}.card-section-heading span{background-color:var(--app-surface);letter-spacing:.03em;color:#94a3b8;padding:0 .6rem;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-viewport{background:var(--app-bg)}.match-iframe-container{background:#000;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0006}.iframe-loader,.iframe-blank-prompt{z-index:10;background:#0e1015f0;width:100%;height:100%;position:absolute;top:0;left:0}.iframe-blank-prompt{z-index:11}.split-view iframe{pointer-events:auto;border:0!important}.match-viewport-header small{font-size:.75rem;display:block}@media (width<=768px){.split-view{min-height:100%;height:auto!important;overflow:visible!important}.split-view .row{height:auto!important}.match-sidebar{max-height:380px;border-right:none!important;border-bottom:1px solid var(--app-border)!important;height:auto!important;padding:.75rem!important}.match-list-scrollable{max-height:280px}.match-viewport{min-height:420px;height:auto!important;padding:.75rem .5rem!important}.match-iframe-container{min-height:280px;height:340px!important}.match-viewport-header{margin-bottom:.75rem!important;padding-bottom:.75rem!important}.match-viewport-header .btn{width:auto!important;padding:.4rem .75rem!important;font-size:.85rem!important}}@media (width<=576px){.match-cards-grid{grid-template-columns:1fr}}.highlight-card{cursor:pointer;margin-top:.35rem;transition:transform .15s,border-color .15s,background-color .15s}.highlight-card:hover{transform:translateY(-2px);border-color:#ffffff4d!important}.highlight-card.selected{box-shadow:0 0 0 1px #3b82f6;background-color:#1e222b!important;border-color:#3b82f6!important}.highlight-card.in-reel{border-left:3px solid #6f42c1!important}.highlight-rank{color:#c8a2ff;font-size:.95rem;font-weight:700}.highlight-meter{background:#ffffff1f;border-radius:2px;height:3px;overflow:hidden}.highlight-meter span{background:linear-gradient(90deg,#6f42c1,#c8a2ff);height:100%;display:block}.title-card{z-index:15;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,#241b3a 0%,#0b0d12 70%);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;transition:opacity .35s;display:flex;position:absolute;inset:0}.title-card.shown{opacity:1}.title-card.revealing{clip-path:inset(0);animation:.55s cubic-bezier(.65,0,.35,1) forwards title-card-break}.title-card.revealing .title-card-rank{animation:.55s cubic-bezier(.65,0,.35,1) forwards title-card-punch}.title-card.revealing .title-card-label,.title-card.revealing .title-card-match,.title-card.revealing .title-card-subtext{animation:.4s forwards title-card-slip}@keyframes title-card-break{0%{clip-path:inset(0);opacity:1}55%{clip-path:inset(0);opacity:1}to{clip-path:inset(50% 0);opacity:0}}@keyframes title-card-punch{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.85)}}@keyframes title-card-slip{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}.title-card-rank{color:#fff;text-shadow:0 0 32px #8c52ffa6;opacity:0;font-size:clamp(3rem,12vw,7rem);font-weight:800;line-height:1;transition:transform .5s cubic-bezier(.17,.84,.44,1),opacity .4s;transform:translateY(14px)scale(.92)}.title-card-label{color:#c8a2ff;letter-spacing:.04em;opacity:0;font-size:clamp(1rem,3vw,1.6rem);font-weight:600;transition:transform .5s cubic-bezier(.17,.84,.44,1) 80ms,opacity .4s 80ms;transform:translateY(10px)}.title-card-match{color:#8892b0;opacity:0;font-size:.85rem;transition:transform .5s cubic-bezier(.17,.84,.44,1) .16s,opacity .4s .16s;transform:translateY(8px)}.title-card-subtext{color:#6c757d;opacity:0;font-size:.75rem;transition:transform .5s cubic-bezier(.17,.84,.44,1) .24s,opacity .4s .24s;transform:translateY(6px)}.title-card.shown .title-card-rank,.title-card.shown .title-card-label,.title-card.shown .title-card-match,.title-card.shown .title-card-subtext{opacity:1;transform:none}.recording-overlay{z-index:30;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08090deb;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.recording-overlay[hidden]{display:none}.recording-title{color:#fff;letter-spacing:.04em;align-items:center;gap:10px;font-size:1.35rem;font-weight:700;display:flex}.recording-status{color:#c8a2ff;font-variant-numeric:tabular-nums;font-size:.95rem}.recording-bar{background:#ffffff1f;border-radius:3px;width:min(340px,70%);height:6px;overflow:hidden}.recording-bar span{background:linear-gradient(90deg,#6f42c1,#c8a2ff);border-radius:3px;width:0%;height:100%;transition:width .25s;display:block}.recording-hint{color:#8892b0;font-size:.78rem}.recording-dot{background:#ff5252;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite recording-pulse}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.25}}.spectacle-strip canvas{cursor:pointer;background:#16181d;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:52px;display:block}:root{--font-heading:"Cal Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--app-bg:#0e1015;--app-surface:#15181e;--app-surface-card:#1b1e26;--app-surface-hover:#222631;--app-border:#ffffff14;--app-border-hover:#ffffff2e;--app-primary:#3080e8;--app-primary-hover:#4590f0;--app-primary-rgb:48, 128, 232;--app-accent:#60a5fa}html,body,#root{width:100%;height:100%}body{background-color:var(--app-bg);color:#e2e8f0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;margin:0;padding:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,.navbar-brand,.nav-link,.btn,.card-header,.card-title,.modal-title,.nav-tabs .nav-link,.nav-pills .nav-link,.badge,th,.font-heading{letter-spacing:.015em;font-family:var(--font-heading)!important}.app-shell{flex-direction:column;width:100%;height:100%;display:flex}.app-main{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.app-main--fixed{overflow:hidden}.app-main--scroll{-webkit-overflow-scrolling:touch;overflow-y:auto}.text-muted{color:#94a3b8!important}.cursor-pointer{cursor:pointer}.main-container{max-width:90vw;margin-left:auto;margin-right:auto;padding-top:1.5rem;padding-bottom:1.5rem}.card{background-color:var(--app-surface-card);border:1px solid var(--app-border);color:#f1f5f9;border-radius:.75rem;box-shadow:0 4px 14px #00000040}.card-header{border-bottom:1px solid var(--app-border);background-color:#ffffff08;font-weight:600}.table{color:#e2e8f0;--bs-table-bg:transparent;--bs-table-border-color:var(--app-border)}.form-control,.form-select{border-color:var(--app-border);color:#f8fafc;background-color:#12141a;border-radius:.5rem}.form-control:focus,.form-select:focus{border-color:var(--app-primary);color:#fff;background-color:#161820;box-shadow:0 0 0 3px #3080e840}@media (width<=768px){html,body,#root,.app-shell{height:100vh;overflow:hidden}.app-main{padding-top:calc(54px + env(safe-area-inset-top));padding-bottom:calc(62px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;overflow-y:auto}.app-main--fixed,.app-main--scroll{overflow-y:auto!important}.main-container{max-width:96vw;padding-top:1rem;padding-bottom:1rem}}.btn,.nav-link,.card,.app-mobile-nav-item,.match-card,.list-group-item{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active,.app-mobile-nav-item:active{transition:transform 80ms;transform:scale(.97)}*{scrollbar-width:thin;scrollbar-color:var(--app-primary) transparent}::-webkit-scrollbar{background:0 0;width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3080e880;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--app-primary)}::-webkit-scrollbar-thumb:active{background:var(--app-primary-hover)}::-webkit-scrollbar-corner{background:0 0}