html{min-height:100%;background:#050712}*,*:before,*:after{box-sizing:border-box}body{min-height:100vh;color:var(--text-primary);font-family:var(--font-family-primary);margin:0;padding:0;background:radial-gradient(circle at 16% 10%,rgba(28,164,206,.28),transparent 30rem),radial-gradient(circle at 86% 0%,rgba(162,32,39,.24),transparent 28rem),linear-gradient(135deg,#0f152af5,#040510fa 52%,#150a13f5)}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(85,209,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(85,209,255,.08) 1px,transparent 1px),linear-gradient(115deg,transparent 0 48%,rgba(198,151,58,.08) 49%,transparent 50% 100%);background-size:56px 56px,56px 56px,420px 420px;-webkit-mask-image:linear-gradient(to bottom,#000000e6,#00000047);mask-image:linear-gradient(to bottom,#000000e6,#00000047)}a{color:var(--aether-cyan);text-decoration-color:#6edcff73}table,th,td{border-color:#c6973a59}button{background:linear-gradient(135deg,#1ca4ce47,#7d16206b),#080c1ac7;color:var(--text-primary);border:1px solid rgba(198,151,58,.58);box-shadow:inset 0 1px #ffffff2e,0 0 18px #1ca4ce21;padding:10px 20px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}button:hover{border-color:#6edcffe6;box-shadow:inset 0 1px #ffffff40,0 0 24px #1ca4ce47;transform:translateY(-1px)}main{position:relative}h1,h2,h3{font-family:var(--font-family-secondary);letter-spacing:0}input[type=text],select{background:#060b19c7;color:var(--text-primary);border:1px solid rgba(145,156,178,.5);box-shadow:inset 0 0 18px #1ca4ce1a,0 0 0 1px #ffffff08}input[type=text]:focus,select:focus{outline:none;border-color:#6edcffe6;box-shadow:inset 0 0 18px #1ca4ce26,0 0 0 3px #1ca4ce2e}table{border-collapse:collapse;overflow:hidden}th{color:#dcefff;background:linear-gradient(180deg,#313b52e6,#0c1022eb);font-family:var(--font-family-secondary);font-weight:var(--font-weight-semibold)}td{background:#080c1a94}tr:hover td{background:#1ca4ce24}.search-container,.add-container,.display-container,.event-results,.coOps-results,.tournament-board-container,.loading-spinner,.error-message,.overlay-content{position:relative;border:1px solid rgba(198,151,58,.56);background:linear-gradient(135deg,#ffffff1a,#ffffff05),#080c1ab3;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 34px #1ca4ce14,0 20px 48px #00000052,0 0 28px #c6973a1a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-container:before,.add-container:before,.display-container:before,.event-results:before,.coOps-results:before,.tournament-board-container:before,.overlay-content:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,var(--aether-cyan),transparent 7rem) top left / 100% 1px no-repeat,linear-gradient(180deg,var(--aether-cyan),transparent 5rem) top left / 1px 100% no-repeat,linear-gradient(270deg,rgba(198,151,58,.85),transparent 7rem) bottom right / 100% 1px no-repeat,linear-gradient(0deg,rgba(198,151,58,.85),transparent 5rem) bottom right / 1px 100% no-repeat}app-root{--nav-rail-left: clamp(12px, 1.6vw, 24px);--nav-rail-width: clamp(178px, 16vw, 226px);display:block}app-root>header{position:fixed;top:18px;bottom:18px;left:var(--nav-rail-left);z-index:20;color:#fff;width:var(--nav-rail-width);padding:18px;border:1px solid rgba(198,151,58,.5);background:linear-gradient(150deg,#ffffff1a,#ffffff05),linear-gradient(180deg,#060a19f0,#140812e6),#050712e0;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 36px #6edcff12,0 18px 48px #00000061,0 0 30px #c6973a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}app-root>header:before,app-root>header:after{content:"";position:absolute;pointer-events:none}app-root>header:before{inset:-1px;background:linear-gradient(90deg,var(--aether-cyan),transparent 8rem) top left / 100% 1px no-repeat,linear-gradient(180deg,var(--aether-cyan),transparent 8rem) top left / 1px 100% no-repeat,linear-gradient(270deg,rgba(198,151,58,.9),transparent 8rem) bottom right / 100% 1px no-repeat,linear-gradient(0deg,rgba(198,151,58,.9),transparent 8rem) bottom right / 1px 100% no-repeat}app-root>header:after{top:16px;right:14px;width:34px;height:1px;background:var(--aether-cyan);box-shadow:0 8px #c6973aa6,0 16px #6edcff59}app-root nav,app-root nav ul{display:flex;flex-direction:column}app-root nav{align-items:stretch;gap:18px;min-height:100%}app-root nav ul{list-style:none;gap:10px;padding:0;margin:0}app-root .first-of-type{flex:1}app-root .last-of-type{margin-top:auto;padding-top:16px;border-top:1px solid rgba(198,151,58,.28)}app-root nav li{display:block}app-root nav a{display:flex;align-items:center;min-height:42px;width:100%;padding:0 14px;color:#f9f9f9d1;text-decoration:none;border:1px solid transparent;background:linear-gradient(135deg,transparent,rgba(255,255,255,.03));transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}app-root nav a:hover,app-root nav a.active{color:#fff;border-color:#6edcff94;background:linear-gradient(90deg,rgba(110,220,255,.2),transparent 70%),linear-gradient(135deg,#6edcff1f,#c6973a14);box-shadow:inset 3px 0 #6edcffd1,inset 0 0 18px #6edcff14,0 0 18px #6edcff1f}app-root>main{width:min(calc(100% - var(--nav-rail-left) - var(--nav-rail-width) - 56px),1280px);margin:0 auto 0 calc(var(--nav-rail-left) + var(--nav-rail-width) + 28px);padding:28px 0 64px}app-root .overlay{position:fixed;inset:0;background-color:#0000009e;display:flex;align-items:center;justify-content:center;z-index:1000}app-root .overlay-content{width:90%;max-width:500px}app-tournament-finder .event-card{--event-card-primary: rgba(28, 164, 206, .38);--event-card-secondary: rgba(125, 22, 32, .42);--event-card-trim: rgba(198, 151, 58, .7);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(170px,250px) minmax(180px,1fr) minmax(240px,1.35fr) auto;align-items:center;gap:16px;min-height:120px;padding:12px 14px 12px 0;color:#fff;border:1px solid var(--event-card-trim);background:linear-gradient(90deg,var(--event-card-primary),rgba(8,12,26,.78) 34%,rgba(8,12,26,.88)),#080c1ad1;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 0 30px #6edcff12,0 16px 34px #00000047;overflow:hidden}app-tournament-finder .event-card:before,app-tournament-finder .event-card:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}app-tournament-finder .event-card:before{background:linear-gradient(90deg,rgba(110,220,255,.32),transparent 42%) top left / 100% 1px no-repeat,linear-gradient(270deg,rgba(198,151,58,.55),transparent 32%) bottom right / 100% 1px no-repeat}app-tournament-finder .event-card:after{background:linear-gradient(90deg,transparent,var(--event-card-secondary));opacity:.5}app-tournament-finder .event-card-art{align-self:stretch;min-height:96px;background:var(--event-card-image, linear-gradient(135deg, rgba(110, 220, 255, .2), rgba(198, 151, 58, .16)));background-size:cover;background-position:left center;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 52%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.92) 52%,transparent 100%)}app-tournament-finder .event-card-main{min-width:0}app-tournament-finder .event-region,app-tournament-finder .event-card-stat span{display:block;color:#dcefffb3;font-family:var(--font-family-secondary);font-size:.75rem;text-transform:uppercase}app-tournament-finder .event-card-main h2{margin:4px 0 0;color:#fff;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.05}app-tournament-finder .event-card-data{display:grid;grid-template-columns:repeat(3,minmax(76px,1fr));gap:10px;min-width:0}app-tournament-finder .event-card-stat{min-width:0;padding-left:12px;border-left:1px solid rgba(198,151,58,.34)}app-tournament-finder .event-card-stat strong{display:block;margin-top:4px;color:#f9f9f9f0;font-size:.86rem;font-weight:var(--font-weight-semibold);line-height:1.18}app-tournament-finder .event-card-action{display:inline-flex;align-items:center;justify-content:center;min-width:108px;min-height:42px;padding:0 14px;color:#fff;text-decoration:none;border:1px solid rgba(110,220,255,.62);background:linear-gradient(135deg,#6edcff2e,#c6973a1f),#080c1ab8;box-shadow:inset 0 0 16px #6edcff1a,0 0 18px #6edcff1a}app-tournament-finder .event-card-action:hover{border-color:#6edcffeb}app-tournament-finder .game-strive{--event-card-primary: rgba(172, 30, 34, .52);--event-card-secondary: rgba(44, 12, 17, .72);--event-card-trim: rgba(218, 116, 66, .72)}app-tournament-finder .game-sf6{--event-card-primary: rgba(18, 105, 196, .54);--event-card-secondary: rgba(126, 26, 190, .48);--event-card-trim: rgba(110, 220, 255, .74)}app-tournament-finder .game-t8{--event-card-primary: rgba(35, 42, 72, .74);--event-card-secondary: rgba(142, 28, 38, .54);--event-card-trim: rgba(202, 64, 74, .72)}app-tournament-finder .game-smash{--event-card-primary: rgba(35, 74, 118, .56);--event-card-secondary: rgba(220, 155, 60, .32);--event-card-trim: rgba(220, 155, 60, .72)}@media(min-width:80em){:root{--container-width: 75rem}}@media(max-width:600px){app-root{--nav-rail-left: 10px;--nav-rail-width: 132px}app-root>header{top:10px;bottom:10px;padding:12px}app-root nav ul{gap:8px}app-root nav a{min-height:38px;padding:0 9px;font-size:13px}app-root>main{width:calc(100% - var(--nav-rail-left) - var(--nav-rail-width) - 20px);margin-left:calc(var(--nav-rail-left) + var(--nav-rail-width) + 10px);padding:18px 0 40px}app-tournament-finder .event-card{grid-template-columns:1fr;gap:10px;min-height:0;padding:0 12px 12px}app-tournament-finder .event-card-art{min-height:72px;margin:0 -12px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.9) 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.9) 62%,transparent 100%)}app-tournament-finder .event-card-data{grid-template-columns:1fr}app-tournament-finder .event-card-stat{padding-left:0;padding-top:8px;border-left:0;border-top:1px solid rgba(198,151,58,.24)}app-tournament-finder .event-card-action{width:100%}header{padding:15px}nav ul{flex-direction:column;gap:10px}nav ul li{display:block}main{padding:10px}.overlay-content{width:100%;max-width:none}table,th,td{font-size:14px}input[type=text]{width:100%;margin-right:0}}:root{--black-bg: #05041f;--black-bg-alpha-08: rgba(5, 4, 31, .8);--black-bg-alpha-05: rgba(5, 4, 31, .5);--black: #020213;--camel: #b08f4e;--yellow: #f3a712;--light-green: #3cff4e;--gold: #c6973a;--silver: #919cb2;--bronze: #c55a18;--grey-950: #11102a;--grey-900: #1e1d35;--grey-800: #37364c;--grey-850: #0c0c26;--grey-700: #504f62;--grey-200: #718792;--green: #008148;--text-primary: #f9f9f9;--text-primary-article: #b6b6c6;--secondary-white: #b1bbcd;--text-secondary: #9999a9;--red: #920300;--red-400: #900;--red-darken: #420300;--blue-darken: #010029;--red-contrasted: #ff3127;--functional-red: #6c0e23;--primary: #dd0a00;--gradient-1: linear-gradient(182.29deg, rgba(66, 3, 0, .5) -20.87%, var(--black-bg) 94.82%);--gradient-2: linear-gradient(90deg, var(--red-400) -.01%, var(--red-contrasted) 99.74%);--gradient-grey: linear-gradient(90deg, var(--grey-700) -.01%, #58586b 15.9%, #6d7082 41.61%, #9096a9 73.7%, var(--secondary-white) 100.01%);--gradient-black: linear-gradient(90deg, #000020 -.01%, var(--grey-700) 99.74%);--white-alpha-003: hsla(0, 0%, 100%, .03);--twitter: #fff;--twitter-hover: #ccc;--telegram: #08c;--telegram-hover: #0077b3;--linkedin: #0077b5;--linkedin-hover: #00669c;--facebook: #4267b2;--facebook-hover: #3b5c9f;--discord: #7289da;--discord-hover: #5e78d5;--twitch: #6441a4;--twitch-hover: #593a92;--faceit: #f50;--faceit-hover: #c40;--instagram: #e1306c;--instagram-hover: #c21c54;--youtube: red;--youtube-hover: #c00;--google: #518ef8;--google-hover: #206ef6;--steam: #b0c9df;--steam-hover: #206ef6;--reddit: #ff4500;--reddit-hover: #cc3700;--website: #9999a9;--website-hover: #7d7d92;--site: #486ea1;--site-hover: #38567e;--font-family-primary: "Roboto", sans-serif;--font-family-secondary: "Roboto Condensed", "Arial Narrow", sans-serif;--font-weight-regular: 400;--font-weight-bold: 700;--font-weight-semibold: 500;--line-height: 1.2;--container-width: 100%;--aether-cyan: #6edcff;--aether-cyan-soft: rgba(110, 220, 255, .18);--metal-gold: #c9a45f;--metal-bronze: #7a4e2a;--glass-pane: rgba(8, 12, 26, .7);--glass-pane-strong: rgba(8, 12, 26, .86);--ornate-border: linear-gradient(135deg, rgba(255, 230, 169, .9), rgba(117, 74, 35, .9) 31%, rgba(145, 156, 178, .8) 62%, rgba(198, 151, 58, .9))}
