/* SEBRET splash, first visual pass. Palette: DESIGN-GUIDELINES (charcoal/cyan/silver + their steps). */
@font-face{font-family:Rajdhani;font-weight:600;font-display:swap;src:url(fonts/rajdhani-600.ttf) format('truetype')}
@font-face{font-family:'Exo 2';font-weight:400;font-display:swap;src:url(fonts/exo2-400.ttf) format('truetype')}
html.splash-on,html.splash-on body{height:100%;margin:0;background:#1f1f1f;overflow:hidden}
html.splash-on body{color:#939dac;font:400 1rem/1.55 'Exo 2',sans-serif}
/* CRT vignette, identical to the site's shared.css (global rule, applies to splash and main) */
html.splash-on body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:2147483647;background:radial-gradient(ellipse farthest-corner at 50% 50%,rgba(0,0,0,0) 55%,rgba(0,0,0,.18) 80%,rgba(0,0,0,.40) 100%);box-shadow:inset 0 0 6vmin 1.5vmin rgba(0,0,0,.3)}
#splash{position:fixed;inset:0;background:#1f1f1f;overflow:hidden;--s:.5}
#splash .stage{position:absolute;left:50%;top:50%;width:calc(1920px*var(--s));height:calc(1080px*var(--s));transform:translate(-50%,-50%)}
#splash svg#logo{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
#splash svg#logo *{vector-effect:none}
#splash .halo{position:absolute;border-radius:50%;pointer-events:none;opacity:0;will-change:transform,opacity;
  background:radial-gradient(circle closest-side,rgba(180,235,250,.65) 0,rgba(55,170,200,.30) 22%,rgba(55,170,200,.08) 52%,rgba(55,170,200,0) 100%)}
#splash .rings{position:absolute;inset:0;pointer-events:none}
#splash .ring{position:absolute;border-radius:50%;opacity:0;pointer-events:none;will-change:transform,opacity;mix-blend-mode:plus-lighter;
  /* bright leading edge, feathered ~25% of the ring width on both sides, no hard edge */
  background:radial-gradient(circle closest-side,rgba(55,170,200,0) 0,rgba(55,170,200,0) 62%,rgba(55,170,200,.45) 80%,rgba(140,215,235,1) 90%,rgba(55,170,200,0) 100%)}
#splash .name{position:absolute;left:50%;margin:0;transform:translate(-50%,-50%);font:600 1em/1 Rajdhani,sans-serif;letter-spacing:.22em;padding-left:.22em;text-transform:uppercase;white-space:nowrap;color:transparent;user-select:none}
#splash .name .ch{display:inline-block;opacity:0;color:#37aac8;will-change:opacity}
#splash #tgl{display:none;position:fixed;right:14px;bottom:12px;z-index:5;background:none;border:0;padding:6px 8px;margin:0;font:400 12px/1 'Exo 2',sans-serif;letter-spacing:.14em;color:#939dac;opacity:.4;cursor:pointer;transition:opacity .4s}
#splash #tgl:hover,#splash #tgl:focus-visible{opacity:.85;outline:none}
#splash #tgl.gone{opacity:0;pointer-events:none}
#splash .nojs{position:absolute;inset:0;display:grid;place-content:center;text-align:center;margin:0;font:600 clamp(28px,6vw,64px)/1.2 Rajdhani,sans-serif;letter-spacing:.22em;color:#37aac8}
#splash .nojs span{font:400 1rem/1.55 'Exo 2',sans-serif;letter-spacing:0;color:#939dac}
#splash.js #tgl{display:block}