/* File: ./e107_web/css/e107.css */
 .left { text-align: left } .right { text-align: right } .center { text-align: center } .justify { text-align: justify } .f-left { float: left } .f-right { float: right } .top { vertical-align: top } .middle { vertical-align: middle } .bottom { vertical-align: bottom } .clear { clear: both } .clear-l { clear: right } .clear-r { clear: left } i.icon-download{ font-size:200%;} .e-footer-info{ margin-top:10px; padding:20px; text-align: center } td.text-center{ text-align:center; } .icon { border: 0px; display: inline-block; margin-right: .3em;} .icon.action { vertical-align: middle } .S16 { width: 16px; height: 16px } .S32 { width: 32px; height: 32px } .S64 { width: 64px; height: 64px } .S128 { width: 128px; height: 128px } .icon-svg { width: 1em; } .icon-svg-2x{ width: 2em; } .icon-svg-3x{ width: 3em; } .icon-svg-4x{ width: 4em; } .icon-svg-5x{ width: 5em; } .odd {} .even { background-color: #F5F5F5 } .first, .last {} .e-list {} ul.e-tabs { list-style-type: none; } ul.e-tabs li { display: inline; margin: 0px; border: 0 none; background-color: transparent; } ul.e-tabs li a { text-decoration: none; padding: 5px; } ul.e-tabs li a:link,ul.e-tabs li a:visited { border: 1px solid #C0C0C0; } ul.e-tabs li a:hover,ul.e-tabs li.active a:link,ul.e-tabs li.active a:visited{ background-color: #EEEEEE; border: 1px solid #808080; } #loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; } #loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; } #loading-mask img { margin: 10px auto; } .element-loading-mask { background-repeat: no-repeat; background-position: 50% 50%; background-color: #f5f5f5; } #e-debug-console-cont { position: fixed; top: 0px; left: 5px; margin: 0px; padding: 0px; width: 600px; border: 1px solid #c0c0c0; background-color: white; color: black; } #e-debug-console { padding: 10px; margin: 0px; height: 100px; overflow: auto; text-align: left; } #e-debug-console div div { padding: 5px; } #e-debug-console-controls { text-align: left; padding: 5px; border-top: 1px solid #c0c0c0; background-color: #fff; line-height: 0; } #e-debug-console-controls a { text-decoration: none; color: #000; background-color: #f5f5f5; border: 1px solid #f0f0f0; padding: 5px; margin: 2px 5px; } #e-debug-console-input { width: 480px; border: 1px solid #f5f5f5; } #e-debug-console .console-output { border-bottom: 1px solid #f5f5f5; padding: 5px } .cpage-nav { padding: 5px; margin: 0px 5px 10px 10px; } a.cpage-np { font-size: 14px; } a.cpage-np.current { text-decoration: none; } .s-message { } .validate-result {} .e-info {} .image-preview {} div.bbarea.large, .tbox.large, .helpbox.large { width: 95% } div.bbarea.medium, .tbox.medium, .helpbox.medium { width: 60% !important; } div.bbarea.small, .tbox.small, .helpbox.small { width: 250px !important; } img.bbcode-img { max-width:100%} img.bbcode-img-left { float:left !important;margin: 0 10px 5px 0; } img.bbcode-img-right { float:right !important; margin: 0 0 5px 10px; } .bbcode-panel { width: 100% } .input-block-level { width: 100% !important } p {} p.bbcode { margin: 10px 0px; text-indent: 15px; }  p:first-letter {} h1.bbcode, h2.bbcode, h3.bbcode, h4.bbcode, h5.bbcode, h6.bbcode {} div.bbcode { margin: 15px 0px; clear: both; }  .comments-container { list-style: none outside none; margin:0px } .comments-container > li { padding: 5px 0px } .comment-text { padding: 8px 0 } .e-email:before {content: attr(data-user);} .e-email:after {content: attr(data-dom)} .panel-profile .user-avatar {max-width: 150px;max-height: 150px;margin-top: -90px;margin-bottom: 15px;border: 5px solid #fff;border-radius: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);margin-left:auto;margin-right:auto;} .panel-profile .panel-heading h5.user-id {color:#ffffff;} .panel-profile .panel-body span.padding-left {display:block;} .panel-profile .panel-body p {clear: both;float: none;display: block;} .panel-profile .profile-header { max-width:300px;margin-left: auto;margin-right: auto;} .panel-profile .profile-header h4 {padding-bottom: 30px;} .panel-profile .panel-body p.row {border-top: 1px solid rgba(170,170,170,0.35);padding-top: 10px;} .panel-profile .panel-body div.row {border-top: 1px solid rgba(170,170,170,0.35);padding: 10px 0;} .e-instant-edit { font-size: 10pt; position: absolute; right: 10px; text-align: right; display: inline-block; z-index:1000; margin-right:10px;} ul.checkboxes { display: inline-block; list-style: none; margin: 0; padding: 0;} div.e-comment-edit-save{ margin-top:8px; padding: 5px } .e-comment-edit-active{ -webkit-box-shadow:#CCCCCC 0px 0px 10px; -moz-box-shadow:#CCCCCC0px 0px 10px; box-shadow:#CCCCCC 0px 0px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;} .e-comment-edit-success{ padding:8px; text-align:center; } .e-comment-edit-error{ padding:8px; text-align:center; } .e-rate-up img{ opacity: 0.4 } .e-rate-down img{ opacity: 0.4 }  .signup-divider{ border-bottom: 1px solid silver;font-size: 18px;margin-bottom: 30px;position: relative;text-align: center; } .signup-divider span { padding: 0 15px; position: relative; top: 10px; } .video-responsive {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom:20px;} .video-responsive iframe,.video-responsive object,.video-responsive embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} div.bbcode-panel {background-color: rgb(245, 245, 245);background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230));background-repeat: repeat-x;border-width: 1px;border-style: solid;-moz-border-top-colors: none;-moz-border-right-colors: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgb(179, 179, 179);border-radius: 4px;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);} #search-results li { margin-top:5px; padding: 10px 0; } #search-results li h4 { margin-bottom:0 !important } optgroup.level-1 { padding-left:0.1em } optgroup.level-2 { padding-left:0.7em } optgroup.level-3 { padding-left:2em } optgroup.level-4 { padding-left:3em } optgroup.level-5 { padding-left:4em } .online-menu-extended li, .online-menu li ul li { min-height: 40px; padding-top:8px} .online-menu-extended ul { padding-bottom:20px} .online-menu-extended span.online-menu-user { display:block; font-size:1.1em;margin-top:4px; line-height:1} .online-menu-extended-label { font-size:1.2em; } img.e-emoticon { vertical-align:middle; border:0; width:24px } .e-editable-front { position:relative } .e-editable-front:hover,.e-editable-front a:hover { outline: 1px dashed red; } .e-editable-front.active {-moz-box-shadow: inset 0 0 5px 2px #888;-webkit-box-shadow: inset 0 0 5px 2px#888;box-shadow: inset 0 0 5px 2px #888; } #e-editable-front-controls { position: absolute;top: 0px;font-size: 20px;right: -35px;background-color: #424242;border-radius:4px;padding:5px;cursor: pointer;width:35px;color:white;} #e-editable-front-controls .fa-check { color: lawngreen } .e-editable-front-save { color: lawngreen; width:35px; display:block;} .e-editable-front-cancel {display:block;margin-top:5px; color: red;width:35px;} #uiAlert{ z-index: 10001 } #uiAlert .alert { z-index:10000; box-shadow:1px 4px 5px rgba(0,0,0,0.4) } #uiAlert.notifications { top: 48%; left: 0; width: 100%; } #contactInfo .row { display: flex } #contactInfo iframe.sc-contact-map { width:100%; height:100%; } #login-template { max-width: 330px;margin-right: auto;margin-left: auto; } #login-template h2.caption { text-align:center; font-size:120%; opacity:0.8 } #login-template .logo { padding-top:50px; margin-left:auto; margin-right: auto } #login-template .login-page-footer { margin-bottom:100px; margin-right:auto;margin-left:auto } div.login-page-signup-link, div.login-page-fpw-link { text-align:center } .nav-side.listgroup { padding-left:0; } .nav-side li.list-group-item.active { padding:0} div.search-menu { text-align: center } div.e-debug { margin-top:50px; padding:5px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(39, 43, 48) !important; color: rgb(200, 200, 200) !important } div.e-debug .table{ background-color: rgb(46, 51, 56) !important; border-collapse: collapse; border-spacing: 0; box-sizing: border-box;color: rgb(200, 200, 200); font-size: 14px; line-height: 20px; margin-bottom: 20px; width: 100%;} div.e-debug .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #353a41 !important; } div.e-debug td, div.e-debug th{ padding: 5px;color: rgb(200, 200, 200) !important; } div.e-debug td{ font-size: 14px; line-height: 20px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #1c1e22; } div.e-debug h4{ text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-size: 18px; } div.e-debug .label{ display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1;color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } div.e-debug .label-danger { background-color: #ee5f5b; } div.e-debug .btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap;padding: 8px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; user-select: none; } .pagination { display: flex !important; } .justify-content-between{ justify-content: space-between !important; } .page-link.disabled { pointer-events: none; opacity: 0.5; color: #959595; } .news-view-pagination > li{ padding-left: 0; padding-right: 0; } .news-view-pagination > li > a{ float:none; display:inline-block } .svg-inline--fa.fa-w-16 { width:1em } .mx-0 { margin-right:0!important; margin-left:0!important} .mx-1 { margin-right:.25rem!important; margin-left:.25rem!important} .mx-2 { margin-right:.5rem!important; margin-left:.5rem!important} .mx-3 { margin-right:1rem!important; margin-left:1rem!important} .mx-4 { margin-right:1.5rem!important; margin-left:1.5rem!important} .mx-5 { margin-right:3rem!important; margin-left:3rem!important} .mx-auto { margin-right:auto!important; margin-left:auto!important} .my-0 { margin-top:0!important; margin-bottom:0!important} .my-1 { margin-top:.25rem!important; margin-bottom:.25rem!important} .my-2 { margin-top:.5rem!important; margin-bottom:.5rem!important} .my-3 { margin-top:1rem!important; margin-bottom:1rem!important} .my-4 { margin-top:1.5rem!important; margin-bottom:1.5rem!important} .my-5 { margin-top:3rem!important; margin-bottom:3rem!important} 

/* File: ./e107_web/js/bootstrap-notify/css/bootstrap-notify.css */
.notifications{position:fixed;} .notifications.top-right{right:10px;top:25px;} .notifications.top-left{left:10px;top:25px;} .notifications.bottom-left{left:10px;bottom:25px;} .notifications.bottom-right{right:10px;bottom:25px;} .notifications>div{position:relative;z-index:9999;margin:5px 0px;} .notifications.center{top:48%;left:0;width:100%;} .notifications.center>div{margin:5px auto;width:20%;text-align:center;} 

/* File: ./e107_web/js/core/all.jquery.css */
a.e-nav { padding:3px; } div.e-rate{ width:100px; display:inline-block} img.e-rate{} .e-rate-status{ vertical-align:middle; padding-right:4px; display:inline-block; text-align:right} .e-rate-status-download { text-align:left; } .e-rate-votes{ vertical-align:middle; display:inline-block; width:100px } select.e-bb{ margin-top:0px; width:100px } .bbcode_buttons{} .bbcode_buttons:hover{} body.e-iframe{ padding:15px; margin:0px; } 

/* File: ./e107_plugins/social/css/fontello.css */
@font-face {font-family: 'fontello';src: url(/e107_plugins/social/font/fontello.eot?21917124);src: url(/e107_plugins/social/font/fontello.eot?21917124#iefix) format('embedded-opentype'), url(/e107_plugins/social/font/fontello.woff2?21917124) format('woff2'), url(/e107_plugins/social/font/fontello.woff?21917124) format('woff'), url(/e107_plugins/social/font/fontello.ttf?21917124) format('truetype'), url(/e107_plugins/social/font/fontello.svg?21917124#fontello) format('svg');font-weight: normal;font-style: normal;} [class^="e-social-"]:before, [class*=" e-social-"]:before {font-family: "fontello";font-style: normal;font-weight: normal;speak: none; display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center; font-variant: normal;text-transform: none; line-height: 1em; margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }  .e-social-gplus:before { content: '\e800'; }  .e-social-stumbleupon:before { content: '\e801'; }  .e-social-pinterest:before { content: '\e802'; }  .e-social-digg:before { content: '\e803'; }  .e-social-reddit:before { content: '\e804'; }  .e-social-blogger:before { content: '\e805'; }  .e-social-dribbble:before { content: '\e806'; }  .e-social-linkedin:before { content: '\e807'; }  .e-social-skype:before { content: '\e808'; }  .e-social-twitter:before { content: '\e809'; }  .e-social-youtube:before { content: '\e80a'; }  .e-social-vimeo:before { content: '\e80b'; }  .e-social-yahoo:before { content: '\e80c'; }  .e-social-email:before { content: '\e80d'; }  .e-social-dropbox:before { content: '\e80e'; }  .e-social-facebook:before { content: '\e80f'; }  .e-social-tumblr:before { content: '\e811'; }  .e-social-yelp:before { content: '\e812'; }  .e-social-delicious:before { content: '\e813'; }  .e-social-acrobat:before { content: '\e814'; }  .e-social-linkedin-rect:before { content: '\e815'; }  .e-social-blogger-rect:before { content: '\e816'; }  .e-social-instagram-1:before { content: '\e817'; }  .e-social-instagram-filled:before { content: '\e818'; }  .e-social-google:before { content: '\e819'; }  .e-social-rss:before { content: '\e81a'; }  .e-social-spread:before { content: '\e81b'; }  .e-social-flattr:before { content: '\e81c'; }  .e-social-flickr:before { content: '\e81d'; }  .e-social-instapaper:before { content: '\e81e'; }  .e-social-thumbs-up:before { content: '\e81f'; }  .e-social-mail:before { content: '\e820'; }  .e-social-mail-alt:before { content: '\e821'; }  .e-social-foursquare:before { content: '\e822'; }  .e-social-share:before { content: '\e823'; }  .e-social-export:before { content: '\e824'; }  .e-social-pocket:before { content: '\e825'; }  .e-social-wordpress:before { content: '\e826'; }  .e-social-pinboard:before { content: '\e827'; }  .e-social-instagram:before { content: '\e828'; }  .e-social-vk:before { content: '\e829'; }  .e-social-vine:before { content: '\e82a'; }  .e-social-meetup:before { content: '\e82b'; }  .e-social-youtube-play:before { content: '\e82c'; }  .e-social-github:before { content: '\f09b'; }  .e-social-steam:before { content: '\f1b6'; }  .e-social-twitch:before { content: '\f1e8'; } 

/* File: ./e107_plugins/social/css/social.css */
.social-share .dropdown-menu { min-width: 225px } .social-share .dropdown-menu li div { padding-left:5px;} .social-share .dropdown-menu li div .btn { border-radius:0; margin:0 } 

/* File: ./e107_plugins/forum/forum.css */
.forum-viewforum-pagination { margin:0 } #poll.tab-pane .form-group{ margin-left: 0; margin-right:0} #forum-viewtopic{ margin-top: 15px } #forum-viewtopic li img{ max-width:100%} #forum-viewtopic li.forum-viewtopic-post{ border-top:1px solid rgba(100,100,100,0.2);padding:15px 10px } #forum-viewtopic li.forum-viewtopic-post:nth-child(odd) { background-color: rgba(100,100,100,0.09) } #forum-viewtopic li ul.thumbnails { margin-top:15px } #forum-viewtopic li img.user-avatar { margin-bottom:10px; display:inline-block; border-radius:50% } #forum-viewtopic .label-info{display: table; margin: 5px auto; padding: 5px 10px;} #forum-viewtopic .left{text-align: center;} #forum-viewtopic .left .btn-block {display: table; margin: 0 auto!important;} .forum-attachment-file{ margin-top:15px; } .forum-user-combo { padding-bottom:5px } #forum-viewtopic .forum-user-combo .dropdown-menu { text-align: left } div.forum-poll-results{ padding-left:0 } .forum-viewtopic-customtitle{ display: table; margin: 5px auto 0 auto; padding: 5px 15px; text-align: center;} .forum-viewforum-admin-icons a{ vertical-align:top;width:16px; height:16px; display:inline-block; line-height:14px } .forum-viewforum-admin-icons input{ vertical-align:top;width:16px; height:16px} @media all and (min-height: 800px) {#forum, #forum-stats, #forum-rules{ min-height: 500px;} } .forum-perms { text-align: center; padding:10px } .forum-perms-separator:before{ margin:0 10px; content: '·' } 

/* File: ./e107_plugins/tagcloud/tagcloud.css */
.size9 {font-size: 130%;opacity: 1;} .size8 {font-size: 120%;opacity: 0.9} .size7 {font-size: 110%;opacity: 0.8} .size6 {font-size: 100%;} .size5 {font-size: 95%;} .size4 {font-size: 90%;} .size3 {font-size: 85%;} .size2 {font-size: 80%;} .size1 {font-size: 75%;} .size0 {font-size: 70%;} .tagcloud-menu a { } .tagcloud-menu > a.tag {margin-bottom:1px;display:inline-block;padding-right:5px;} div.tagcloud-menu {text-align:justify;font-size:90%;opacity:0.7;} 

/* File: ./e107_themes/Velox/style.css */
:root{--bg:#05070f;--bg2:#03050b;--panel:#0a1222;--panel2:#070d1a;--ink:#e9efff;--mut:#7e8db5;--mut2:#54618a;--cyan:#a8ff1a;--cyan-rgb:168,255,26;--vio:#34f5a0;--vio-rgb:52,245,160;--hot:#ff2e63;--line:rgba(120,160,255,.14);--line2:rgba(120,160,255,.32);--disp:'Chakra Petch',system-ui,sans-serif;--body:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;} *{box-sizing:border-box} body.tn{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden} body.tn::before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(transparent 0,transparent calc(100% - 1px),rgba(var(--cyan-rgb),.05) 100%) 0 0/100% 46px,linear-gradient(90deg,transparent 0,transparent calc(100% - 1px),rgba(var(--vio-rgb),.05) 100%) 0 0/46px 100%,radial-gradient(80% 60% at 82% -8%,rgba(var(--vio-rgb),.13),transparent 60%),radial-gradient(70% 60% at 6% 4%,rgba(var(--cyan-rgb),.11),transparent 60%),linear-gradient(180deg,#070b16,#03050b)} body.tn::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.5;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);-webkit-mask:radial-gradient(120% 80% at 50% 20%,#000,transparent 80%);mask:radial-gradient(120% 80% at 50% 20%,#000,transparent 80%)} .tn a{color:inherit;text-decoration:none} .mono{font-family:var(--mono)} .kick{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 14px rgba(var(--cyan-rgb),.5);display:inline-flex;align-items:center;gap:9px} .kick::before{content:"//";color:var(--vio)} .pulse{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(var(--cyan-rgb),.6);animation:tnpulse 2.2s infinite;display:inline-block;flex:0 0 auto} @keyframes tnpulse{0%{box-shadow:0 0 0 0 rgba(var(--cyan-rgb),.55)} 70%{box-shadow:0 0 0 8px rgba(var(--cyan-rgb),0)} 100%{box-shadow:0 0 0 0 rgba(var(--cyan-rgb),0)} } .tn-ticker{border-bottom:1px solid var(--line);background:var(--bg2)} .tn-ticker .container{display:flex;align-items:center;justify-content:space-between;height:34px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)} .tn-ticker b{color:var(--cyan)} .tn-navbar{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;padding:.6rem 0} .tn-navbar .navbar-brand{font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)} .tn-navbar .nav-link{font-family:var(--mono)!important;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)!important;transition:.18s} .tn-navbar .nav-link:hover,.tn-navbar .nav-link.active{color:var(--cyan)!important;text-shadow:0 0 12px rgba(var(--cyan-rgb),.5)} .tn-navbar .navbar-toggler{border-color:var(--line2)} .tn-navbar .dropdown-menu{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);border-radius:0;padding:6px;margin-top:10px;box-shadow:0 22px 54px -28px #000;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)} .tn-navbar .dropdown-item{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);padding:9px 14px;transition:.15s} .tn-navbar .dropdown-item:hover,.tn-navbar .dropdown-item:focus{background:rgba(var(--cyan-rgb),.12);color:var(--cyan)} .tn-navbar .dropdown-toggle::after{vertical-align:.15em;color:var(--cyan)} @media(min-width:992px){.tn-navbar .dropdown:hover>.dropdown-menu{display:block} } html{scrollbar-color:var(--cyan) var(--bg2);scrollbar-width:thin} ::-webkit-scrollbar{width:12px;height:12px} ::-webkit-scrollbar-track{background:var(--bg2)} ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyan),var(--vio));border:3px solid var(--bg2)} ::-webkit-scrollbar-thumb:hover{background:var(--cyan)} ::-webkit-scrollbar-corner{background:var(--bg2)} .btn-prime{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#04121a;background:linear-gradient(90deg,var(--cyan),#7df7ec);padding:11px 20px;display:inline-block;cursor:pointer;transition:.2s;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 10px 26px -12px rgba(var(--cyan-rgb),.7)} .btn-prime:hover{transform:translateY(-2px);filter:brightness(1.08);color:#04121a} .btn-ghost{font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);border:1px solid var(--line2);padding:10px 18px;display:inline-block;cursor:pointer;transition:.2s;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)} .btn-ghost:hover{border-color:var(--cyan);box-shadow:0 0 20px -6px rgba(var(--cyan-rgb),.6);color:#fff} .tn-hero{position:relative;padding:120px 0 108px;min-height:84vh;display:flex;align-items:center;overflow:hidden;text-align:center;background:radial-gradient(120% 90% at 50% -12%,rgba(var(--cyan-rgb),.16),transparent 55%),radial-gradient(90% 80% at 100% 108%,rgba(var(--vio-rgb),.14),transparent 60%),linear-gradient(180deg,#0a0e18,#05070f)} .tn-hero-in{position:relative;z-index:2;width:100%} .tn-hero-slider{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} .tn-hero-slider .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.62;animation:tnKen 30s ease-in-out infinite alternate;will-change:transform} @keyframes tnKen{0%{transform:scale(1.02) translate(0,0)} 100%{transform:scale(1.11) translate(-1.6%,-1.2%)} } .tn-net{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.5} .tn-themer{position:fixed;right:12px;top:90px;z-index:69;display:flex;flex-direction:column;gap:9px;padding:11px 9px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid var(--line2);backdrop-filter:blur(8px);clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)} .tn-themer-head{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);text-align:center;margin-bottom:1px} .tn-pal-r{position:absolute;opacity:0;width:0;height:0;pointer-events:none} .tn-sw{position:relative;display:flex;align-items:center;cursor:pointer} .tn-sw-dot{width:22px;height:22px;flex:0 0 auto;background:var(--sw);border:2px solid transparent;transition:.16s;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)} .tn-sw:hover .tn-sw-dot{transform:scale(1.16)} .tn-pal-r:checked + .tn-sw .tn-sw-dot{border-color:#fff;box-shadow:0 0 12px var(--sw)} .tn-sw-name{position:absolute;left:30px;white-space:nowrap;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--panel);border:1px solid var(--line2);padding:4px 9px;opacity:0;transform:translateX(-6px);pointer-events:none;transition:.16s;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%,0 6px)} .tn-sw:hover .tn-sw-name{opacity:1;transform:none} body:has(#tnpal-volt:checked){--cyan:#a8ff1a;--cyan-rgb:168,255,26;--vio:#34f5a0;--vio-rgb:52,245,160;--hot:#ff2e63} body:has(#tnpal-plasma:checked){--cyan:#ff2d95;--cyan-rgb:255,45,149;--vio:#b14bff;--vio-rgb:177,75,255;--hot:#ff5a36} body:has(#tnpal-cyber:checked){--cyan:#22e0ff;--cyan-rgb:34,224,255;--vio:#6a8bff;--vio-rgb:106,139,255;--hot:#ff4d8d} body:has(#tnpal-inferno:checked){--cyan:#ff6a1f;--cyan-rgb:255,106,31;--vio:#ffd23f;--vio-rgb:255,210,63;--hot:#ff3b3b} body:has(#tnpal-royal:checked){--cyan:#8b5cf6;--cyan-rgb:139,92,246;--vio:#22d3ee;--vio-rgb:34,211,238;--hot:#ff4d8d} .tn-hero-slider::after{content:"";position:absolute;inset:0;background:radial-gradient(85% 78% at 50% 42%,rgba(5,7,15,.3),rgba(5,7,15,.74)),linear-gradient(180deg,rgba(5,7,15,.34),rgba(5,7,15,.55) 50%,rgba(5,7,15,.93))} .tn-hero-in{position:relative;z-index:2} .tn-title{font-family:var(--disp);font-weight:700;font-size:clamp(46px,10vw,116px);line-height:.92;letter-spacing:.04em;text-transform:uppercase;margin:0} .tn-title .ch{display:inline-block;background:linear-gradient(180deg,#fff,#a9e9ff 60%,var(--cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 22px rgba(var(--cyan-rgb),.35));opacity:0;transform:translateY(.3em);animation:tnCh .5s cubic-bezier(.2,.8,.2,1) forwards} @keyframes tnCh{to{opacity:1;transform:none} } .tn-subline{font-family:var(--mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--vio);margin:16px 0 0} .tn-lead{color:#c4cfff;max-width:58ch;margin:18px auto 0;font-size:clamp(15px,1.5vw,18px)} .tn-hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px} .tn-sec{padding:54px 0;position:relative} .tn-shead{margin-bottom:26px} .tn-shead h2{font-family:var(--disp);font-weight:700;font-size:clamp(28px,4vw,44px);line-height:1;text-transform:uppercase;letter-spacing:.02em;margin:10px 0 0} .tn-shead h2 .em{color:var(--cyan);font-style:italic} .tn-shead p{color:var(--mut);margin:12px 0 0;font-size:14.5px} .hud{position:relative;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:transform .22s,border-color .22s,box-shadow .22s} .hud:hover{transform:translateY(-8px) scale(1.012);border-color:var(--cyan);box-shadow:0 30px 60px -30px #000,0 0 0 1px rgba(var(--cyan-rgb),.35),0 0 34px -6px rgba(var(--cyan-rgb),.6)} .tn-pack .pimg{height:140px;background-size:cover;background-position:center;margin:-22px -22px 16px;border-bottom:1px solid var(--line);transition:transform .4s ease} .tn-pack{overflow:hidden} .tn-pack:hover .pimg{transform:scale(1.06)} .tn-switch{display:flex;align-items:center;gap:10px;margin-bottom:16px} .tn-arrow{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line2);background:var(--panel);color:var(--cyan);font-size:18px;cursor:pointer;transition:.18s;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)} .tn-arrow:hover{border-color:var(--cyan);box-shadow:0 0 16px -6px rgba(var(--cyan-rgb),.6)} .tn-tabs{flex:1;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px} .tn-tab{flex:0 0 auto;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line);background:var(--panel);padding:10px 15px;cursor:pointer;transition:.18s;display:flex;align-items:center;gap:8px;white-space:nowrap;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)} .tn-tab:hover{color:var(--ink);border-color:var(--line2)} .tn-tab.on{color:#04121a;background:var(--cyan);border-color:var(--cyan)} .tn-tab .d{width:7px;height:7px;border-radius:50%;background:var(--cyan)} .tn-tab.on .d{background:#04121a} .tn-focus{padding:24px;margin-bottom:18px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center} .tn-focus .fl .ft{display:flex;align-items:center;gap:10px;margin-bottom:6px} .tn-focus .fl h3{font-family:var(--disp);font-weight:700;font-size:clamp(26px,3.4vw,40px);text-transform:uppercase;margin:0;line-height:1} .tn-focus .fl .desc{color:var(--mut);font-size:14px;margin:10px 0 0} .tn-focus .bar{height:8px;background:rgba(255,255,255,.06);margin:18px 0 0;overflow:hidden} .tn-focus .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--vio));transition:width .8s cubic-bezier(.2,.7,.2,1)} .tn-focus .fr{text-align:right} .tn-focus .fr .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px} .tn-focus .fr .big{font-family:var(--disp);font-weight:700;font-size:clamp(40px,6vw,62px);line-height:1;color:#fff} .tn-focus .fr .big small{font-size:.4em;color:var(--mut)} .tn-focus .fr .ip{font-family:var(--mono);font-size:13px;color:var(--ink);margin:14px 0 0;cursor:pointer} .tn-focus .fr .ip:hover{color:var(--cyan)} .tn-focus .fr .btn-prime{margin-top:12px} .tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px} .tag.pve{color:var(--cyan);background:rgba(var(--cyan-rgb),.12)} .tag.pvp{color:var(--hot);background:rgba(255,77,141,.14)} .tn-slist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .tn-srow{padding:14px 15px;cursor:pointer;display:flex;align-items:center;gap:12px} .tn-srow .si{flex:1;min-width:0} .tn-srow .nm{font-family:var(--disp);font-weight:700;font-size:16px;text-transform:uppercase;display:flex;align-items:center;gap:8px} .tn-srow .ip{font-family:var(--mono);font-size:11.5px;color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tn-srow .pc{font-family:var(--mono);font-size:13px;color:var(--cyan);text-align:right;white-space:nowrap} .tn-srow .pc small{display:block;color:var(--mut2);font-size:10px} .tn-servers{display:grid;grid-template-columns:1fr;gap:16px} .tn-scard{padding:24px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center} .tn-scard .fl .ft{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap} .tn-scard .fl h3{font-family:var(--disp);font-weight:700;font-size:clamp(24px,3vw,36px);text-transform:uppercase;margin:0;line-height:1} .tn-scard .st{font-size:11px;display:inline-flex;align-items:center;gap:6px} .tn-scard .map{font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.04em} .tn-scard .mods{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .tn-scard .mods span{font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--vio);border:1px solid rgba(var(--vio-rgb),.4);padding:3px 8px} .tn-scard .bar{height:8px;background:rgba(255,255,255,.06);margin:18px 0 0;overflow:hidden} .tn-scard .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--vio))} .tn-scard .fr{text-align:right} .tn-scard .fr .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px} .tn-scard .fr .big{font-family:var(--disp);font-weight:700;font-size:clamp(36px,5vw,54px);line-height:1;color:#fff} .tn-scard .fr .big small{font-size:.4em;color:var(--mut)} .tn-scard .fr .ip{font-family:var(--mono);font-size:13px;color:var(--ink);margin:14px 0 0;cursor:pointer;user-select:all;word-break:break-all} .tn-scard .fr .ip:hover{color:var(--cyan)} .tn-scard .fr .btn-prime{margin-top:12px} @media(max-width:760px){.tn-scard{grid-template-columns:1fr} .tn-scard .fr{text-align:left} } .tn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .tn-stat{padding:22px 20px} .tn-stat .t{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px} .tn-stat .v{font-family:var(--disp);font-weight:700;font-size:clamp(32px,4.2vw,48px);line-height:1;color:#fff} .tn-stat .l{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-top:8px} .tn-packs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .tn-pack{padding:22px;text-align:center} .tn-pack .pk{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--vio)} .tn-pack h3{font-family:var(--disp);font-weight:700;font-size:20px;text-transform:uppercase;margin:8px 0 4px} .tn-pack .price{font-family:var(--disp);font-weight:700;font-size:30px;color:var(--cyan);margin:6px 0} .tn-pack ul{list-style:none;padding:0;margin:12px 0 16px;text-align:left} .tn-pack li{font-size:13px;color:var(--mut);padding:5px 0 5px 20px;position:relative} .tn-pack li::before{content:"\25B8";position:absolute;left:0;color:var(--cyan)} .tn-pack .btn-prime{width:100%;text-align:center} .tn-shopnote{font-family:var(--mono);font-size:11.5px;color:var(--mut2);text-align:center;margin-top:16px} .tn-team{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .tn-tm{padding:22px;text-align:center} .tn-tm .av{width:74px;height:74px;margin:0 auto 12px;display:grid;place-items:center;color:#04121a;font-family:var(--disp);font-weight:700;font-size:28px;background:linear-gradient(135deg,var(--cyan),var(--vio));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)} .tn-tm .nm{font-family:var(--disp);font-weight:700;font-size:17px;text-transform:uppercase} .tn-tm .rl{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-top:2px} .tn-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .tn-vcard.vthumb,.tn-vcard.vlink{position:relative;display:flex;align-items:flex-end;min-height:210px;background-size:cover;background-position:center;cursor:pointer;text-decoration:none;padding:0;overflow:hidden;width:100%;font:inherit;color:inherit} .tn-vcard.vthumb::before,.tn-vcard.vlink::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,15,.05),rgba(5,7,15,.86))} .tn-vcard .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--cyan-rgb),.2);border:1px solid var(--cyan);color:var(--cyan);font-size:18px;transition:.2s;z-index:2} .tn-vcard:hover .play{background:var(--cyan);color:#04121a;transform:translate(-50%,-50%) scale(1.08)} .tn-vcard .vt{position:relative;z-index:2;padding:14px 16px;font-family:var(--disp);font-weight:700;font-size:16px;text-transform:uppercase;color:#fff;text-align:left} .tn-lightbox{position:fixed;inset:0;z-index:200;background:rgba(3,5,11,.92);display:none;place-items:center;padding:20px;backdrop-filter:blur(5px)} .tn-lb-cb{position:absolute;opacity:0;width:0;height:0;pointer-events:none} .tn-lb-cb:checked + .tn-lightbox{display:grid} .tn-lb-x,.tn-lb-bg,.tn-vcard{cursor:pointer} .tn-lb-bg{position:absolute;inset:0;z-index:1} .tn-lb-in{position:relative;width:min(960px,100%);z-index:2} .tn-lb-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:1px solid var(--line2)} .tn-lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .tn-lb-x{position:absolute;top:-46px;right:0;width:38px;height:38px;display:grid;place-items:center;text-decoration:none;background:var(--panel);border:1px solid var(--line2);color:var(--cyan);font-size:22px;cursor:pointer;line-height:1} .tn-lb-x:hover{border-color:var(--cyan)} .tn-login-in{width:min(460px,100%)} .tn-login-frame{width:100%;height:540px;border:1px solid var(--line2);background:var(--bg2)} .tn-votes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} .tn-vote{display:flex;align-items:center;gap:12px;padding:18px 20px;text-decoration:none;color:var(--ink)} .tn-vote i{color:var(--cyan);font-size:18px} .tn-vote span{flex:1;font-family:var(--disp);font-weight:700;font-size:17px;text-transform:uppercase} .tn-vote b{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#04121a;background:var(--cyan);padding:6px 12px;transition:.2s} .tn-vote:hover b{filter:brightness(1.1)} .tn-pop-cb{position:absolute;opacity:0;width:0;height:0;pointer-events:none} .tn-pop{position:fixed;top:50%;transform:translateY(-50%);z-index:70} .tn-pop-right{right:16px;top:44%} .tn-pop-left{left:auto;right:16px;top:60%} .tn-pop-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 12px 28px -10px #000;transition:transform .18s,filter .18s} .tn-pop-btn.discord{background:linear-gradient(160deg,#5865F2,#4451d6)} .tn-pop-btn.ts{background:linear-gradient(160deg,#2f9e8f,#1f7f73)} .tn-pop-btn:hover{transform:scale(1.09);filter:brightness(1.08)} .tn-pop-card{position:absolute;top:50%;transform:translateY(-50%) scale(.96);opacity:0;pointer-events:none;width:250px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);padding:18px;box-shadow:0 24px 60px -24px #000;transition:opacity .2s,transform .2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))} .tn-pop-right .tn-pop-card{right:64px} .tn-pop-left .tn-pop-card{left:auto;right:64px} .tn-pop-cb:checked + .tn-pop .tn-pop-card{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)} .tn-pop-card h4{font-family:var(--disp);font-weight:700;font-size:16px;text-transform:uppercase;margin:0 0 10px;color:#fff} .tn-pop-ip{font-family:var(--mono);font-size:12.5px;color:var(--ink);background:rgba(255,255,255,.05);padding:8px 10px;user-select:all} .tn-dbtn{display:block;text-align:center;margin-top:10px;padding:11px;font-family:var(--disp);font-weight:700;font-size:13.5px;text-transform:uppercase;color:#fff;background:#5865F2;transition:.2s} .tn-dbtn:hover{filter:brightness(1.08);color:#fff} .tn-dbtn.ts{background:#2f9e8f} .tn-main{min-height:50vh} .tn-page{padding:46px 0} .tn-pagetitle{font-family:var(--disp);font-weight:700;font-size:clamp(30px,5vw,52px);text-transform:uppercase;letter-spacing:.02em;margin:0 0 18px} .tn-content{color:#c8d2ec;font-size:15.5px} .tn-content h1,.tn-content h2,.tn-content h3{font-family:var(--disp);text-transform:uppercase;color:#fff} .tn-content a{color:var(--cyan)} .tn-content img{max-width:100%;height:auto} .tn-block{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));margin-bottom:18px} .tn-block .cap{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);padding:12px 16px;border-bottom:1px solid var(--line)} .tn-block .inner{padding:16px} .tn-block .inner a{color:var(--ink)} .tn-block .inner a:hover{color:var(--cyan)} .tn-footer{border-top:1px solid var(--line);background:var(--bg2);margin-top:0;padding:52px 0 26px;position:relative} .tn-footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.55} .tn-footer h2,.tn-footer .menu_caption{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)} .tn-footer a{color:var(--mut)} .tn-footer a:hover{color:var(--cyan)} .tn-footer .copy{font-family:var(--mono);font-size:12px;color:var(--mut)} .tn-footer .copy-sub{font-family:var(--mono);font-size:11px;color:var(--mut2)} .tn-footer hr{border-color:var(--line)} .tn-top{position:fixed;right:18px;bottom:18px;z-index:50;width:42px;height:42px;display:grid;place-items:center;text-decoration:none;background:var(--panel);border:1px solid var(--line2);color:var(--cyan);clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px);transition:.18s} .tn-top:hover{border-color:var(--cyan);color:var(--cyan)} .tn-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:var(--cyan);color:#04121a;font-family:var(--mono);font-size:13px;font-weight:700;padding:11px 18px;opacity:0;pointer-events:none;transition:.25s;z-index:90;clip-path:polygon(8px 0,100% 0,100% 100%,0 100%,0 8px)} .tn-toast.show{opacity:1;transform:translateX(-50%) translateY(0)} .tn-splash{max-width:520px;margin:60px auto;padding:0 18px} .tn-ticker .container{gap:14px} .tk-l,.tk-r{display:inline-flex;align-items:center;gap:14px} .tk-steam{color:var(--ink)!important;display:inline-flex;align-items:center;gap:5px} .tk-steam:hover{color:var(--cyan)!important} .tk-acc a{color:var(--mut)} .tk-acc a:hover{color:var(--cyan)} .tk-acc a+a{margin-left:8px;padding-left:8px;border-left:1px solid var(--line)} #tnDiscordTop b{color:var(--cyan)} .tn-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .tn-ncard{display:flex;flex-direction:column;overflow:hidden;color:var(--ink)} .tn-ncard .ni{height:170px;background-size:cover;background-position:center;border-bottom:1px solid var(--line);transition:transform .45s ease} .tn-ncard:hover{border-color:var(--cyan);box-shadow:0 24px 46px -28px #000,0 0 26px -8px rgba(var(--cyan-rgb),.45)} .tn-ncard:hover .ni{transform:scale(1.06)} .tn-ncard .ni.ph{display:grid;place-items:center;color:var(--mut2);font-size:34px;background:linear-gradient(135deg,#0c1730,#0a1020)} .tn-ncard .nb{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1} .tn-ncard .nd{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)} .tn-ncard h3{font-family:var(--disp);font-weight:700;font-size:19px;line-height:1.15;text-transform:uppercase;margin:0;color:#fff} .tn-ncard p{color:var(--mut);font-size:13.5px;margin:0;flex:1} .tn-ncard .nr{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-top:4px} .tn-ncard:hover h3{color:var(--cyan)} .tn-newsmore{text-align:center;margin-top:20px} .tn-frontcontent{margin-top:22px} .tn-frontcontent:empty{display:none} .tn .card,.tn .panel,.tn .well,.tn .list-group{background:linear-gradient(180deg,var(--panel),var(--panel2))!important;border-color:var(--line)!important;color:var(--ink)!important} .tn .card-header,.tn .panel-heading{background:transparent!important;color:var(--cyan)!important;border-color:var(--line)!important} .tn .list-group-item{background:transparent!important;border-color:var(--line)!important;color:var(--ink)!important} .tn .list-group-item a,.tn .card a{color:var(--ink)} .tn .list-group-item a:hover,.tn .card a:hover{color:var(--cyan)} .tn .bg-white,.tn .bg-light{background:var(--panel)!important;color:var(--ink)!important} .tn .text-dark{color:var(--ink)!important} .tn .badge{background:rgba(var(--cyan-rgb),.15)!important;color:var(--cyan)!important} .tn .breadcrumb{background:transparent;color:var(--mut)} .tn .breadcrumb a{color:var(--cyan)} .tn-forum table,.tn-forum .table{background:transparent!important;color:var(--ink)} .tn-forum .table>tbody>tr>td,.tn-forum .table>thead>tr>th{border-color:var(--line)!important;background:transparent!important;color:var(--ink)} .tn-forum a{color:var(--cyan)} .tn-forum h1,.tn-forum h2,.tn-forum h3{font-family:var(--disp);text-transform:uppercase} .rv{opacity:1;transform:none} .tn-js .rv{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s} .tn-js .rv.in{opacity:1;transform:none} @media(max-width:920px){.tn-stats{grid-template-columns:repeat(2,1fr)} .tn-slist,.tn-packs,.tn-team,.tn-news-grid,.tn-videos,.tn-votes{grid-template-columns:1fr} .tn-focus{grid-template-columns:1fr} .tn-ticker{display:none} } @media(max-width:620px){.tn-packs,.tn-team{grid-template-columns:1fr 1fr} } @media(max-width:560px){.tn-stats,.tn-packs,.tn-team{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important} .rv,.tn-js .rv{opacity:1;transform:none} .tn-title .ch{opacity:1;transform:none} } @media(max-width:920px){.tn-themer{right:6px;left:auto;top:74px;padding:7px 6px} .tn-sw-name{display:none} } .tn-newssec .tn-cats{margin-top:26px} .tn-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;width:100%} .tn-cat{position:relative;display:flex;align-items:flex-end;min-height:460px;background-size:cover;background-position:center;overflow:hidden;text-decoration:none;padding:36px 34px;transition:transform .4s} .tn-cat::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,15,.02) 35%,rgba(5,7,15,.9));transition:.3s} .tn-cat:hover::before{background:linear-gradient(180deg,rgba(5,7,15,.1) 12%,rgba(5,7,15,.94))} .tn-cat-in{position:relative;z-index:2} .tn-cat-tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#04121a;background:var(--cyan);padding:5px 12px;margin-bottom:12px} .tn-cat-t{display:block;font-family:var(--disp);font-weight:700;font-size:clamp(22px,2.6vw,30px);line-height:1.08;text-transform:uppercase;color:#fff} .tn-cat:hover .tn-cat-t{color:var(--cyan)} @media(max-width:920px){.tn-cats{grid-template-columns:1fr} } .tn-cat-d{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--cyan);margin-top:8px} .tn-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .tn-shop-card{display:flex;flex-direction:column;text-decoration:none;overflow:hidden} .tn-shop-img{position:relative;display:block;aspect-ratio:1/1;background-size:cover;background-position:center;background-color:#0a0e18} .tn-shop-sale{position:absolute;top:10px;left:10px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#04121a;background:var(--cyan);padding:4px 10px} .tn-shop-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:3px} .tn-shop-t{font-family:var(--disp);font-weight:700;font-size:18px;text-transform:uppercase;color:#fff} .tn-shop-cat{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)} .tn-shop-price{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--cyan);margin-top:6px} .tn-shop-price s{color:var(--mut2);font-size:14px;font-weight:500} @media(max-width:920px){.tn-shop-grid{grid-template-columns:repeat(2,1fr)} } .tn-emblems-sec{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg2)} .tn-emblems{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(24px,5vw,64px);padding:28px 20px} .tn-emblem{flex:0 0 auto;height:var(--eh,72px);min-width:calc(var(--eh,72px) * .9);display:grid;place-items:center;font-size:calc(var(--eh,72px) * .6);color:var(--mut);text-decoration:none;filter:grayscale(1) opacity(.6);transition:filter .25s,color .25s} .tn-emblem img{max-height:var(--eh,72px);max-width:calc(var(--eh,72px) * 2.6);width:auto;height:auto;display:block;filter:grayscale(1)} .tn-emblem:hover{filter:grayscale(0) opacity(1);color:var(--cyan);animation:tnBounce .55s ease} .tn-emblem:hover img{filter:grayscale(0)} @keyframes tnBounce{0%,100%{transform:translateY(0)} 40%{transform:translateY(-12px)} } .tn-hero-slider.s2 .slide{opacity:0;animation:tnHeroFade2 16s infinite} .tn-hero-slider.s2 .slide:nth-child(2){animation-delay:8s} .tn-hero-slider.s3 .slide{opacity:0;animation:tnHeroFade3 24s infinite} .tn-hero-slider.s3 .slide:nth-child(2){animation-delay:8s} .tn-hero-slider.s3 .slide:nth-child(3){animation-delay:16s} @keyframes tnHeroFade2{0%{opacity:0} 6%{opacity:.6} 44%{opacity:.6} 50%{opacity:0} 100%{opacity:0} } @keyframes tnHeroFade3{0%{opacity:0} 4%{opacity:.6} 29%{opacity:.6} 33%{opacity:0} 100%{opacity:0} } .tn-gal-sec{border-top:1px solid var(--line)} .tn-gal{display:grid;grid-auto-flow:column;grid-auto-columns:1fr} .tn-gal-i{display:block;aspect-ratio:4/3;background-size:cover;background-position:center;filter:grayscale(.35) brightness(.9);transition:.3s} .tn-gal-i:hover{filter:grayscale(0) brightness(1.06);position:relative;z-index:2;transform:scale(1.03)} @media(max-width:920px){.tn-gal{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);grid-auto-columns:auto} } .tn-footer-div{height:1px;background:var(--line);margin:26px 0 22px} .tn-footer-bottom{text-align:center} .tn-socials{display:flex;justify-content:center;gap:12px;margin-bottom:16px} .tn-soc{width:42px;height:42px;display:grid;place-items:center;color:var(--mut);border:1px solid var(--line2);font-size:17px;transition:.2s;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)} .tn-soc:hover{color:#04121a;background:var(--cyan);border-color:var(--cyan)} .tn-hero-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.55} .tn-hero-vidmask{position:absolute;inset:0;z-index:1;background:radial-gradient(85% 78% at 50% 42%,rgba(5,7,15,.3),rgba(5,7,15,.74)),linear-gradient(180deg,rgba(5,7,15,.34),rgba(5,7,15,.55) 50%,rgba(5,7,15,.93))} .tn-adsec{text-align:center} .tn-adsec:empty{display:none} .tn-logo{height:40px;width:auto;display:block} .tn-brandtext{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)} .tn-page{padding:44px 0 72px} .tn-pagetitle{font-family:var(--disp);font-weight:700;font-size:clamp(30px,4vw,48px);text-transform:uppercase;letter-spacing:.02em;margin:0 0 10px;line-height:1} .tn-content{color:#c9d4ee;line-height:1.7} .tn-content h1,.tn-content h2,.tn-content h3,.tn-content h4,.tn-content h5{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.01em} .tn-content a{color:var(--cyan);text-decoration:none} .tn-content a:hover{color:var(--vio)} .tn-content hr{border-color:var(--line)} .tn-content table,.tn-content .table{width:100%;border-collapse:collapse;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);margin:0 0 20px} .tn-content th,.tn-content td,.tn-content .table th,.tn-content .table td{padding:12px 15px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle} .tn-content thead th,.tn-content .table thead th,.tn-content .table>thead>tr>th{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan);background:rgba(255,255,255,.03);border-bottom:1px solid var(--line2)} .tn-content .table-striped>tbody>tr:nth-child(odd)>*{background:rgba(255,255,255,.02)} .tn-content tbody tr:hover>*{background:rgba(var(--cyan-rgb),.05)} .tn-content .forumheader,.tn-content .forumHeader,.tn-content .e-forum__header,.tn-content .forum-header{font-family:var(--disp);text-transform:uppercase;color:#fff;background:rgba(255,255,255,.03)!important;border-bottom:1px solid var(--line2)} .tn-content .badge,.tn-content .label,.tn-content .e-forum__count{background:rgba(var(--cyan-rgb),.16);color:var(--cyan);font-family:var(--mono);font-weight:700;border-radius:0} .tn-page .btn,.tn-content .btn{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:0;border:1px solid var(--line2);padding:9px 16px;transition:.2s} .tn-page .btn-primary,.tn-content .btn-primary,.tn-page .btn-success{background:var(--cyan);border-color:var(--cyan);color:#04121a!important} .tn-page .btn-primary:hover,.tn-content .btn-primary:hover{filter:brightness(1.08)} .tn-page .btn-secondary,.tn-content .btn-secondary,.tn-page .btn-default{background:var(--panel);color:var(--ink)!important} .tn-page .btn-secondary:hover{border-color:var(--cyan);color:var(--cyan)!important} .tn-content input[type=text],.tn-content input[type=search],.tn-content input[type=email],.tn-content input[type=password],.tn-content input[type=number],.tn-content textarea,.tn-content select,.tn-page .form-control,.tn-aside .form-control{background:var(--panel2)!important;border:1px solid var(--line2)!important;color:var(--ink)!important;border-radius:0!important;padding:10px 12px} .tn-content input:focus,.tn-content textarea:focus,.tn-content select:focus,.tn-page .form-control:focus{border-color:var(--cyan)!important;outline:none;box-shadow:0 0 0 2px rgba(var(--cyan-rgb),.2)!important} .tn-content .input-group-append .btn,.tn-content .input-group-btn .btn{background:var(--cyan);color:#04121a;border-color:var(--cyan)} .tn-page .breadcrumb,.tn-content .breadcrumb{background:transparent;padding:0;margin:0 0 18px;font-family:var(--mono);font-size:12px;letter-spacing:.05em} .tn-page .breadcrumb a{color:var(--mut)} .tn-page .breadcrumb a:hover{color:var(--cyan)} .tn-page .breadcrumb .active,.tn-page .breadcrumb-item.active{color:var(--ink)} .tn-content .pagination .page-link,.tn-content .pagination a{background:var(--panel);border-color:var(--line);color:var(--ink)} .tn-content .pagination .active .page-link,.tn-content .pagination .active a{background:var(--cyan);border-color:var(--cyan);color:#04121a} .tn-content .card,.tn-content .panel,.tn-content .well{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);color:var(--ink)} .tn-content .card-header,.tn-content .panel-heading{background:rgba(255,255,255,.03);border-bottom:1px solid var(--line);font-family:var(--disp);text-transform:uppercase;color:#fff} .tn-content .alert{border-radius:0;border:1px solid var(--line2);background:var(--panel)} .tn-content .alert-success{border-color:rgba(var(--cyan-rgb),.5)} .tn-aside{} .tn-aside .card,.tn-aside .panel,.tn-aside .list-group{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);margin-bottom:18px} .tn-aside .card-header,.tn-aside .panel-heading,.tn-aside .list-group-item.active{font-family:var(--disp);text-transform:uppercase;color:#fff;background:rgba(255,255,255,.03);border-color:var(--line)} .tn-aside .list-group-item{background:transparent;border-color:var(--line);color:var(--ink)} .tn-aside .list-group-item a{color:var(--ink)} .tn-aside .list-group-item a:hover{color:var(--cyan)} .tn-aside h3,.tn-aside h4,.tn-aside .caption{font-family:var(--disp);text-transform:uppercase;color:#fff;font-size:16px;margin:0 0 10px} .tn-splash{min-height:74vh;display:flex;align-items:center;justify-content:center;padding:60px 20px} .tn-splash-card{width:100%;max-width:470px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);padding:36px;position:relative;box-shadow:0 30px 70px -30px #000} .tn-splash-card::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)} .tn-splash-card h1,.tn-splash-card h2{margin-top:0} .tn-content .nav-tabs,.tn-page .nav-tabs{border-bottom:1px solid var(--line2)} .tn-content .nav-tabs .nav-link,.tn-page .nav-tabs .nav-link{color:var(--mut);border:0;border-bottom:2px solid transparent;background:transparent;font-family:var(--mono);text-transform:uppercase;font-size:12px;letter-spacing:.08em} .tn-content .nav-tabs .nav-link.active,.tn-page .nav-tabs .nav-link.active{color:var(--cyan);border-bottom-color:var(--cyan);background:transparent} .tn-content .nav-pills .nav-link.active{background:var(--cyan);color:#04121a} .dropdown-menu,.navbar-nav .dropdown-menu{background:var(--panel);border:1px solid var(--line2);border-radius:0} .dropdown-menu .dropdown-item{color:var(--ink)} .dropdown-menu .dropdown-item:hover{background:rgba(var(--cyan-rgb),.12);color:var(--cyan)} .tn-content .comment,.tn-content .singlecomment,.tn-content .comment-block,.tn-content .e-comment,.tn-content .comment-container{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);padding:16px 18px;margin-bottom:14px} .tn-content .comment .author,.tn-content .comment-author,.tn-content .comment .username{font-family:var(--disp);text-transform:uppercase;color:var(--cyan)} .tn-content blockquote{border-left:3px solid var(--cyan);background:rgba(255,255,255,.03);padding:12px 18px;margin:0 0 16px;color:#c9d4ee} .tn-content pre,.tn-content code{background:var(--panel2);border:1px solid var(--line);color:var(--cyan);font-family:var(--mono);border-radius:0} .tn-content pre{padding:14px;overflow:auto} .modal-content{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);border-radius:0;color:var(--ink)} .modal-header,.modal-footer{border-color:var(--line)} .modal-header .modal-title{font-family:var(--disp);text-transform:uppercase} .tn-content .progress{background:rgba(255,255,255,.06);border-radius:0} .tn-content .progress-bar{background:linear-gradient(90deg,var(--cyan),var(--vio))} .tn-content .news-item,.tn-content .blog-post,.tn-content article{border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px} .tn-content .news-item h2 a,.tn-content article h2 a,.tn-content article h1 a{color:#fff} .tn-content .news-item h2 a:hover,.tn-content article h2 a:hover{color:var(--cyan)} .tn-content dl dt{color:var(--cyan);font-family:var(--mono);text-transform:uppercase;font-size:11px;letter-spacing:.08em} .tn-content .well{background:var(--panel);border:1px solid var(--line);padding:16px} .tn-content .user-avatar img,.tn-content .avatar img,.tn-content .img-thumbnail{border:1px solid var(--line2);border-radius:0;background:var(--panel)} .tn-content .text-muted,.tn-content small{color:var(--mut)!important} .tn-navbar .nav-link{color:var(--mut)!important;font-family:var(--mono);text-transform:uppercase;font-size:13px;letter-spacing:.06em;transition:color .18s} .tn-navbar .nav-link:hover,.tn-navbar .nav-link.active,.tn-navbar .active>.nav-link{color:var(--cyan)!important} .tn-navbar .navbar-toggler{border:1px solid var(--line2)} .tn-navbar .navbar-toggler:focus{box-shadow:0 0 0 2px rgba(var(--cyan-rgb),.3)} @media(max-width:991px){.tn-navbar .navbar-collapse{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);margin-top:12px;padding:12px 16px} .tn-navbar .nav-link{padding:11px 4px;border-bottom:1px solid var(--line)} .tn-aside{margin-top:26px} .tn-content table,.tn-content .table{font-size:14px} } @media(max-width:820px){.tn-hero{min-height:64vh;padding:88px 0 64px} .tn-sec{padding:38px 0} .tn-cat{min-height:300px} .tn-emblem{height:54px;min-width:48px;font-size:34px} .tn-emblem img{max-height:54px;max-width:130px} .tn-emblems-track{gap:clamp(30px,7vw,60px)} .tn-pop-card{width:220px} .tn-pop-right .tn-pop-card{right:60px} .tn-pop-left .tn-pop-card{left:60px} .tn-page{padding:34px 0 56px} .tn-content>table,.tn-content .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} } @media(max-width:560px){.tn-hero{min-height:56vh;padding:72px 0 52px} .tn-sec{padding:30px 0} .tn-pop{top:auto;transform:none} .tn-pop-right{right:12px;bottom:78px} .tn-pop-left{left:auto;right:12px;bottom:134px} .tn-pop-btn{width:46px;height:46px;font-size:19px} .tn-pop-card{position:fixed;left:12px;right:12px;bottom:132px;top:auto;width:auto;transform:translateY(10px)} .tn-pop-cb:checked + .tn-pop .tn-pop-card{transform:none} .tn-themer{transform:scale(.85);transform-origin:top right} .tn-top{width:40px;height:40px} .tn-footer{text-align:center} .tn-footer-cols [class*="col-"]{margin-bottom:18px} .tn-gal{grid-template-columns:repeat(2,1fr)} .tn-shop-grid{grid-template-columns:repeat(2,1fr)} .tn-pagetitle{font-size:30px} } .tn-cat-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0} .tn-cat-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;animation:tnKen 26s ease-in-out infinite alternate;will-change:transform;transition:transform .5s ease} .tn-cat:hover .tn-cat-img{animation-play-state:paused;transform:scale(1.14)} .tn-cat::before{z-index:1} .tn-cat-x{display:block;color:#c4cfe6;font-size:13.5px;line-height:1.5;margin-top:8px;max-width:38ch} .tn-pop-card-wide{width:344px} .tn-disc-widget{display:block;width:100%;border:0;margin-bottom:10px;background:transparent} body.tn .kick,body.tn .subline,body.tn .tn-cat-tag,body.tn .tn-cat-t,body.tn .tn-cat-d,body.tn .tn-cat-x,body.tn .tn-shop-price,body.tn .tn-shop-cat,body.tn .tn-shop-sale,body.tn .tn-stat .t,body.tn .tn-stat .v,body.tn .tn-shead .em,body.tn .tn-navbar .nav-link,body.tn .tn-content a,body.tn .tn-soc,body.tn .tn-emblem,body.tn .pulse,body.tn .tn-sw-dot,body.tn .tn-newsmore .btn-ghost,body.tn .tk-acc,body.tn .tk-l,body.tn .tn-pop-btn,body.tn .tn-vote a,body.tn .tn-pagetitle,body.tn .tn-content .btn-primary{transition:color .55s ease,background-color .55s ease,border-color .55s ease,box-shadow .55s ease,fill .55s ease} body.tn .btn-prime,body.tn .btn-ghost{transition:color .55s ease,background-color .55s ease,border-color .55s ease,box-shadow .55s ease,transform .2s ease,filter .2s ease} body.tn .tn-cat::before,body.tn .tn-hero-slider::after{transition:background .55s ease} body.tn .hud,body.tn .tn-cat,body.tn .tn-shop-card{transition:transform .25s ease,box-shadow .45s ease,border-color .55s ease} body.tn .tn-footer::before,body.tn .tn-splash-card::before,body.tn .site-footer::before{transition:background .55s ease} .tn-topbeam{position:fixed;top:0;left:0;right:0;height:2px;z-index:200;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(var(--cyan-rgb),.9) 50%,transparent 100%);background-size:38% 100%;background-repeat:no-repeat;animation:tnBeam 4.5s linear infinite;opacity:.85} @keyframes tnBeam{0%{background-position:-38% 0} 100%{background-position:138% 0} } @media(prefers-reduced-motion:reduce){.tn-topbeam{display:none} } .navbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none} .tn-logo{height:40px;width:auto;display:block} .tn-brandtext{font-family:var(--disp);font-weight:700;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)} .tn-navbar .navbar-brand:hover .tn-brandtext{color:var(--cyan)} .tn-matches{display:flex;flex-direction:column;gap:12px} .tn-match{display:grid;grid-template-columns:1fr auto 1fr 1.3fr;align-items:center;gap:18px;padding:16px 22px} .tn-m-team{display:flex;align-items:center;gap:14px;min-width:0} .tn-m-team.right{flex-direction:row-reverse;text-align:right} .tn-m-logo{width:52px;height:52px;flex:0 0 auto;display:grid;place-items:center;font-size:26px;color:var(--mut)} .tn-m-logo img{max-width:100%;max-height:100%;filter:grayscale(.15)} .tn-m-name{font-family:var(--disp);font-weight:700;font-size:17px;text-transform:uppercase;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tn-m-vs{text-align:center;line-height:1} .tn-m-score{font-family:var(--disp);font-weight:700;font-size:30px;color:var(--cyan);display:block;text-shadow:0 0 16px rgba(var(--cyan-rgb),.4)} .tn-m-vslbl{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--mut)} .tn-m-meta{text-align:right;display:flex;flex-direction:column;gap:3px;align-items:flex-end} .tn-m-title{font-family:var(--disp);font-weight:700;text-transform:uppercase;color:#fff;font-size:15px} .tn-m-date{font-family:var(--mono);font-size:11px;color:var(--mut)} .tn-m-watch{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--cyan)} @media(max-width:820px){.tn-match{grid-template-columns:1fr auto 1fr;gap:10px;padding:14px} .tn-m-meta{grid-column:1/-1;text-align:center;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:6px} .tn-m-name{font-size:13px} .tn-m-logo{width:42px;height:42px} } .tn-heromenu:empty{display:none} .tn-heromenu .e-featurebox,.tn-heromenu img{max-width:100%} .tn-lb-img{max-width:100%;max-height:85vh;display:block;margin:0 auto;border:1px solid var(--line2)}