/* WHITESMOKE v.01 */


#sources_graph, #node_graph{
  height:500px ;
  width:100%;
  background-color:#000000 !important;
  position:relative;
  top:0px;
  z-index:1;
  border-bottom-left-radius:47px;
  border-bottom-right-radius:47px;
}


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, aside, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}



/* HTML5 display-role reset for older browsers */
article, details, figcaption, figure, 
footer, hgroup, menu, nav, section {
  display: block;
}

html{
  height: 100%;
}
body {
  line-height: 1;
  height: 100%;
  table-layout: fixed;
  overflow: hidden;
}

body{
  /* SHOE IN HEAD */
  border-top:77px solid skyblue;
  background:palegoldenrod !important;
  border-left:200px dotted #03fc8c;
  overflow-x:hidden;
}



ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/*SHOE ON HEAD*/
footer{
  position:fixed;
  z-index:999;
  background:skyblue;
  box-shadow:4px -5px 8px whitesmoke;
  height:77px ;
  width:calc(100% - 333px);
  left:333px;
  top:0px;
}

#status{
  border-radius:0px !important;
}

.PA{
  font-family:"Cantarell", serif;
  padding:0px 7px 0px 7px;
  padding-top:110px;
  height:333px;
  font-size:22px;
  line-height:33px;
  color:#03fc8c;
  text-shadow:1px 1px gold;
  text-align:center;
}

#hero{
  width:100% ;
}

a.class:hover{
  color:#03fc8c !important;
}

.hiero{
  font-size:60px;
  color:WHITESMOKE ;
  text-shadow:1px 1px whitesmoke;
  position:absolute;
  font-weight:bold !important;
  z-index:9999;
  top:-7px;
  font-family:"Noto Sans Egyptian Hieroglyph", system-ui;
  right:7px;

}

/* LMAO */
.PA{
  background:radial-gradient(GOLD, WHITESMOKE);
  display:block;
  margin:0 auto;
  width:888px;
  padding:7px;
  text-shadow:1px 1px #000;
  color:#03fc8c
  border-radius:7px;
  box-shadow:2px 3px 7px yellow; /* ! */

}

#roads{
  font-size:40px;
  color:WHITESMOKE;
  text-shadow:1px 1px #03fc8c;
  font-family:"Noto Sans Egyptian Hieroglyph", system-ui;
  margin-bottom:5px;
}

#roads:hover{
  color:#511777;
  font-weight:bold;
  text-shadow:2px 2px gold;
}

/* DO NOT RE-INVENT THE WHEEL */
.GATE{
  padding:3px;
  display:block;
  color:WHITESMOKE;
  text-shadow:1px 3px GOLD !important;
  font-weight:bold;
  font-size:60px;
  top:15px;
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
}

.GATE:hover{
  color:silver;
}


.Cross_Road{
  padding-left:7px;
  padding-top:22px;
  padding-bottom:23px;
  font-size:22px;
  color:#83DAC0;  
}

.Cross_Road{
  position:fixed ;
  z-index:9999;
  width:100% ;
  left:0 ;
  top:0;
  bottom:0;
  background:linear-gradient(137deg, gold, #511777, #03fc8c, WHITESMOKE);
}

}

/*
  ?
}*/



.stupa{
  font-size:40px;
  line-height:40px;
  left:7px;
  font-weight:bold;
  position:fixed;
  top:40px;
  font-family:"Noto Sans Egyptian Hieroglyph";
  color:gold ;
}

.output a{
  margin-bottom:0px ;
}


.upload_inst{
  font-size:16px;
  font-family:"Arial", sans-"Pirata One";
  color:WHITESMOKE;
  display:block;
  text-align:justify ;
  width:100%;
  padding-right:7px;
}




/* TORRENT */

#progressBar {
   height: 8px;
   width: 0%;
   background-color: #03fc8c;
   transition: width .4s ease-in-out;
}

body.is-seed .show-seed {
   display: inline;
}

body.is-seed .show-leech {
   display: none;
}

.show-seed {
   display: none;
}

/* Ensure the parent containers expand to full height */
div.webtorrent,
.output {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Ensure the file entry wrapper stretches and stacks vertically */
.file-entry {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0 ; /* Prevents overflow pushing elements down */
}

/* The button takes its natural height (~36px), embed fills all remaining space */
.output embed {
  width: 100%;
  flex: 1; /* Takes 100% of remaining vertical height automatically */
  border: none;
  display: block;
}

.is-seed footer {
   transition: .5s .5s background-color ease-in-out;
   background:lienar-gradient(90deg, darkcyan, cyan, lightcyan);
}

#hero, #hero option{
  font-family:"Cantarell", system-ui;
  background-color:WHITESMOKE !important;

}

#hero option:selected{
  background:#03fc8c !important;
}

#hero select{
}

body.is-seed .show-seed { display: inline; } /* Shows "Seeding" and "to" */
body.is-seed .show-leech { display: none; }  /* Hides "Downloading" and "from" */

#status {
   font-size: 13px;
   margin-top: 5px;
   margin-left:7px;
   border-radius:11px;
}

#progressBar{
  color:#89f777 ;
}

#numPeers, #uploadSpeed, #downloadSpeed{
  color:#007BFF !important;
  font-family:"Cantarell", system-ui;
}

footer a:link, #hero a:visited {
   color: lightcyan;
   text-decoration: none;
}

/* UPLOAD */




.upload form{
  padding-top:13px;
  padding-left:7px;
  width:999px;
}

.upload form{
  padding: 15px 0px 0px 0px;
}

label{
  font-size: 11px;
}

.grid_0{
  width: 125px;
  float: left;
}



.grid_1{
  width: 888px;
  float: left;
}

.grid_1 input:not(.copyright){
  height:25px;
  font-size:16px;
}

.upload input:not(#edition_check, #payment, #payWhatYouWant, #copyrighted, #public_domain){
  width:  300px;
}





#aside_stream{
  position:relative;
  top:40px;
  margin:0 auto;
}



div.Guardian{
    overflow-y: auto;
    color:WHITESMOKE;
    width: calc(100% - 333px);
    height: calc(100% - 77px) ;
    position: absolute;
    box-sizing: border-box;
    top:77px;
    bottom: 0px;
    background: linear-gradient(342deg, rgba(205,205,205,1) 16%, rgba(120,113,126,1) 39%, rgba(171,171,171,1) 87%);
    background:#007BFF ;
    left:333px;

  /*padding: 12px 8px 6px 8px;*/
}

#add_author, #create_author{
  margin-top:13px;
  margin-bottom:16px;
}





  




h3{
  font-size:32px;
  text-decoration:underline;
  font-variant:small-caps;
  font-family:  "JetBrains Mono", serif;
  
}







ul {
    display: block;          /* Ensures it flows vertically */
    list-style-type: none;   /* Removes the bullet points (optional) */
    padding: 0;              /* Removes default browser left padding */
    margin: 0;               /* Removes default browser margins */
}

ul li {
    display: block;          /* Forces each item onto its own row */
    margin-bottom: 8px;      /* Adds vertical spacing between items */
}





a.toggle.sources, .a.toggle.sources:visited{
  color:whitesmoke;


}

.a.Guardian.toggle, a.Guardian.toggle:visited{
  text-shadow: 1px 1px #03fc8c;
}

h1 a{
  position:fixed;
  top:3px;
  z-index:9999;
  right:33px !important;
}


.toggle.top_10, .toggle.top_10:visited{
  color:white !important;
}


.search{
  position:relative;
  left: 0;
  right: 0;
  width:1080px;
  margin-left: auto;
  margin-right: auto;
}

.titleBreak .console{
  text-decoration:underline;
}


.titleBreak h3{
  padding-left:0px;
  text-align:center;
  width:100%;
}






h2{
  text-align:center;
}



.mobile_title, .mobile_h1{
  display:none;
}

.console{
  font-size:18px;
}


/* TABLES */


.col-md-6{
  max-width:100%;
  flex: 0 0 100%;
}

.dataTable{
  border:2px solid WHITESMOKE ;
}

.dataTable td{
  font-family:"Times New Roman", sans-serif !important; /* JUST KEEP TIMES NEW ROMAN FOR APA */
  color:#000000 !important;
}

#uploadHeading a{
    color:white ;
}

/* Target the DataTables "Processing" (Loading) bar */


.dtr-data{
  padding-bottom:13px;
}

.child{
  padding-top:0px;
}

thead tr{
  
}





.row{
  max-width:100%;
  margin-left:0px ;
  margin-right:0px ;
}



.Guardian .about_us .console{
  color:WHITESMOKE;
}







.torrentsTable{
  border-bottom:1px solid silver;
  border-top-left-radius:13px;
  border-top-right-radius:13px;

}

.torrentSource{
  position:relative;
  width: calc(100% - 110px);
  float: left;
  padding:14px;
  height:100%;

}

.tableHeading{
  text-shadow:1px 2px light#03fc8cyellow;
  letter-spacing:2px;
}

.rectangle_container{
  width:110px;
  height:137px;
  background-color:#03fc8c;
  position:absolute;
  left:7px;
}

.hiero_img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:78px;
  font-family:"Noto Sans Egyptian Hieroglyph";
  color:#03fc8c;
  display:block;
}




.tableImg{
  width:110px;
  float: left;
  height: 137px;
  position:relative;
  z-index:0;
  border:1px solid white;
  border-radius:13px;
  box-shadow:1px 2px 1px dimgray;
  margin-left:0px;
}

.torrentClasses a{
  padding-right:6px ;
}




.search input{
  border-radius: 4px 4px 7px;
  margin: 0px 0px 0px 0px;
  background-color:lightcyan ;
  width:137px;
  margin-right:7px;
  color:WHITESMOKE;
  height:17px ;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: WHITESMOKE;
    font-weight:bold;
}


.ui-autocomplete{
  max-height:310px;
  width:270px;
  font-family: "Rationale", system-ui;
  position:relative;
  z-index:9999;
  overflow-y:auto;
  border: 3px solid #333777 ;
    
  /* A soft, deep shadow to give the menu elevation */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 
              0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.ui-autocomplete .ui-menu-item {
  background-color: #CDCDCD;
  text-align: justify;
  font-size: 19px;
  padding: 7px;
}

/* Color-coding individual items by class */
.ui-autocomplete .ui-menu-item a {
  padding: 7px 9px;
}

.ui-autocomplete .ui-menu-item a.source-item {
  color:whitesmoke;
}

.ui-autocomplete .ui-menu-item a.author-item {
  color: gold ;
}

.ui-autocomplete .ui-menu-item a.class-item {
  color: cyan ;
}

.ui-autocomplete .ui-menu-item a.publisher-item {
  color: palevioletred ;
}


/* TOP 10 */

h3{
  font-size: 24px;
}

/* SOURCE */


/* GRAPH */




.torrentsTable{
  overflow-x:auto;

}

#torrentsTitle{
  color:white ;
}

.dtr-title{
  margin-left:7px;
  display:block;
}

.dtr-data{
  width:100%;
}


.snatches{
  color:#83DAC0;
}

.obelisk{
  position:absolute;
  top:9px;
  left:7px;
  font-size:33px;
  width:77px;
  z-index:2;
  height:40px;
  color:WHITESMOKE ;
}

  


.torrentsTable th{
  padding: 0px 0px 0px 0px ;
  font-size:16px;
}

.torrentsTable td:first-child, .torrentsTable th:first-child{
  padding-left:5px;
}

.torrentsTable td:last-child{
  padding-right:5px;
}

.dtr-details{
  float:left;
}

.dtr-details li{
  margin-left:7px;
  
}





.torrentsTable{
  font-size:13px;
}

a.link a.visited{
  color: cyan;
}

.torrentsTable{


  font-family:"Lato", sans-"Pirata One";
}


.odd td:first-child, .even td:first-child{
  width:200px;
}

.mobile_title, .mobile_menu, #mobile_menu{
  display:none;
}

.upload .titleBreak span:not(#uploadHeading){
  width:100%;
  padding-left:7px;
  display:block;
}



a.adv_toggle{
  color:white ;
}


/* CAPTAIN'S LOG 8:28 */
 
.active .page-link{
  background-color:WHITESMOKE ;
  color:midnightblue ;
  font-family:"Rationale", serif;
}

.page-link{
  color:WHITESMOKE;
}







.torrentArea a{
  color:#83DAC0;
  font-size:16px;
}


.adv_all, .graph_class{
  width:33px;
  color:WHITESMOKE;
  font-weight:bold;
  padding-top:5px;
}


#adv_submit{
  margin-top:30px;
  margin-bottom:30px;
}


#adv_heading{
  font-family: "Times New Roman" ;
  font-size:24px;
  text-align:center;
  float:left;
  display:block;
  margin:0 auto;
  font-weight:bold;
  letter-spacing:3px;
  width:100%;
  text-align:center;
  padding-top:0px;
  padding-bottom:15px;
  text-decoration:underline;
  text-shadow:1px 1px WHITESMOKE;
}

a.class{
  font-size:14px !important;
}



a.authors{
  color:gold ;
}

a.classes{
  color:cyan ;
}

a.publishers{
  color:palevioletred ;
}





.upload h3{
  margin-top:60px;
}

#newUploadaside a{
  color:whitesmoke;
}

.dataTable td{
  background:WHITESMOKE !important;
  color:#03fc8c;
}


#newUploadaside span{
  color:#511777;

}
/* MOBILE */



.sourceTab{
  text-align:justify;
}



.classComma{
  color:whitesmoke;
}

a.publisher{
  text-decoration:none;
}





a.source, .source span{
  color:WHITESMOKE !important; /* QUEST: NEVER CHANGE THROUGH ALL THE CSS CHANGES */
}

.sourceAuthor{
  color:gold;
}




#authorTitle span{
  color:gold;
}

#classTitle span{
  color:darkcyan;
}



div.authors .console{
  color:gold; ;
}

div.classes .console{
  color:cyan ;
}

div.publishers .console{
  color:palevioletred ;
}

  .upload p{
    font-size:16px;
    padding-left:7px;
    color:white;
  }

  #legal{
    color:mediumvioletred;
    font-weight:bold;
  }



  

  .upload label{
    color:#03fc8c;
  }

a.source:hover, a.author:hover{
  cursor:pointer;
}

h2 a:hover{
  cursor:pointer;
}

#info{
  font-family:"JetBrains Mono", sans-serif;
  font-size:16px;
  color:white;
  background-color:WHITESMOKE;
  text-align:justify;
  padding:32px 5px 32px 5px;
}


h1 a:hover, h1 a:visited:hover{
  text-shadow:5px 5px black;
}

#slogan{
  color:#03fc8c;
  position:fixed;
  font-size:12px;
  left:7px;
  top:40px;
  font-family:"JetBrains Mono", serif;
}

#total, #downloaded{
  color:cyan;
}



#pyr{
  height:88px;
  position:fixed;
  left:-7px;
  top:1px;
}

a.author, span.author{
  color:gold ;
}


a.class, span.class{
  color:cyan !important;
}



a.publisher, span.publisher{
  color:mediumvioletred ;
  user-select: text ;
  -webkit-user-select: text ;
  -moz-user-select: text ;
  cursor: text
}

a.publisher:hover{
  cursor:pointer;
}

/* 12;22 */
label.adv_all, input.adv_all{
  padding-top:10px;
}

#top_10Title span a{
  color:white;
  
}


/* GOT */
 a.class{
  padding:16px;
  padding-left:0px;
  line-height:16px;
 }


/* 8:26 */
.mobile_panel li{
  padding-left:7px ;
}

.torrentClasses a{
  font-family:"JetBrains Mono", system-ui ;
  font-size:16px !important;
}

a.source, a.author{
  text-decoration: none;
  user-select: text ;
  -webkit-user-select: text ;
  -moz-user-select: text ;
  cursor: text;
}


.titles a.source, .node a.source, .top_10 a.source{
  padding-right:11px;
}

.torrentsTable td{
  font-size:20px ;
}

h2{
  text-align:left;
  z-index:9998;
  position:absolute;
}

.console{
  user-select: text ;
  -webkit-user-select: text ;
  -moz-user-select: text ;
  cursor: text;

}




.sourceType{
  color:WHITESMOKE;
  text-shadow:1px 2px gold;
  font-size:18px ;
  font-family:"Rationale", serif ;
  text-align:center ;
  font-variant:small-caps;
  width:110px;
  position:relative;
  z-index:1;
  left:-110px;
  top:117px;
  text-align:center;
  display:block;
  float:left;
}

.torrentSource{
  position:relative;
  top:-15px;
}

a.Guardian:hover{
  color:#03fc8c ;
}

.Guardian .about_us{
  font-family:"JetBrains Mono", serif;
  text-align:justify;
  padding-left:7px;
  padding-right:7px;
}

input[type="file"]{
  background-color:#03fc8c ;
}

h3{
  font-size:24px;
  font-family:"JetBrains Mono", serif;
  text-align:center;
  width:100%;
  color:silver !important;
}

.torrentsTable th{
  font-variant:small-caps;
}

/* Remove sorting icons from all asides */
.top_10 table.dataTable thead th:before,
.top_10 table.dataTable thead th:after {
    display: none ;
}

/* Adjust padding to reclaim the space reserved for icons */
.top_10 table.dataTable thead th {
    padding-right: 10px ;
}




#hero{
  background:white ;
  color:black ;
}




#hero{
  height:30px;
  border-radius:10px;
  position:fixed;
  bottom:0px;
}


#hero {
  width: 100%;
  box-sizing: border-box; /* Crucial for preventing overflow */
  display: block;        /* Ensures it behaves as a block-level element */
}

.output img{
  margin:0 auto;
  display:block;
}





  .dtr-data:nth-last-child(2){
    margin-right:7px;
  }

  .torrentsTable{
    padding:0px 0px 0px 0px;
    width:100%;
    box-sizing:border-box;
  }



.magnetURI, a.webtorrent, #torrent_infoHash{
  color:#03fc8c;
  display:block;
  padding:5px;
  padding-left:0px;
  padding-right:0px;
}

.magnetURI:hover, a.webtorrent:hover, #torrent_infoHash:hover{
  color:#03fc8c;
}



.upload h3{
  text-align:left;
  padding-left:7px;
}

.dt-container{  
  background-color:WHITESMOKE;
  padding-top:77px;
  margin-top:60px;
  border-top:33px solid gold !important;
  padding-bottom:2px;
  /* Margerine */
  position:relative;
  font-family:"JetBrains Mono", serif;
}


.Guardian .top_10{
  margin-top:132px;
}

h3{
  color:WHITESMOKE ;
  padding:23px;
}

.mobile_panel li a, .glyph li a{
  text-decoration:none;
}


.dtr-details li{
  margin-left:0px;
}




.torrentClasses{
  text-align:justify;
}

aside{
  border-top:60px solid #000000 !important;
  border-right:17px dotted whitesmoke !important;
  border-left:17px dotted whitesmoke !important;
  background:linear-gradient(135deg, #03fc8c, #511777, WHITESMOKE) !important;
  border-bottom:13px solid #03fc8c;
  overflow-y:auto !important;
  border-top-left-radius:8px !important;
  border-top-right-radius:8px !important;
}

.spiritAside{
  box-shadow:3px 3px 3px gold;
}



.dataTable thead{
  background:gold;

}

/* 1. Target the main DataTables wrapper or your table container */
.dataTables_wrapper, 
table.dataTable {
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
    overflow: hidden; /* Clips the headers so they fit inside the curve */
}

/* 2. Ensure the top header row background fills the new rounded corners cleanly */
table.dataTable thead th:first-child {
    border-top-left-radius: 33px;
}

table.dataTable thead th:last-child {
    border-top-right-radius: 33px;
}




.silver{
  color:silver; /* EXTREMELY IMPORTANT */
}







.dataTable td{
  font-family:"Rationale", system-ui ;
  font-size:18px ;
  text-align:justify;

}

div.Guardian {
    background: whitesmoke;
}


.torrentsTable{
}


.torrentsTable td{
  color:silver;
  text-align:left;

  background:#EFEFEF;
  font-family: "JetBrains Mono", sans-serif ;
}


.apa-text{
  padding-left:3px ;
  display:block;
}




.inst{
  color:WHITESMOKE;
  text-align:center;
  font-size:16px;
  font-family:"Rationale", sans-serif;
  padding:0px 7px 0px 7px;
}


/* Target the canvas only when it is in fullscreen mode */
canvas:fullscreen {
    width: 100% ;
    height: 100% ;
    object-fit: contain; /* Keeps the aspect ratio clean */
    background-color: WHITESMOKE; /* Prevents white bars on the sides */
}

/* Safari support */
canvas:-webkit-full-screen {
    width: 100% ;
    height: 100% ;
}

.graph{
  height:500px;
  width:100%;
}



#enter, #graph_search, #adv_submit{
  border:2px solid #511777;
  background:dimgray;
  box-shadow:2px 2px 3px gold ;
  color:#42f58c;
  font-family:"JetBrains Mono", system-ui;
  font-size:21px;
  width:101px;
  margin-bottom:13px;
  font-variant:small-caps;
  margin:0 auto;
  height:40px;
  display:block;
  text-align:center;
}

#enter:hover, #graph_search:hover, #adv_submit:hover{
  box-shadow:3px 4px 3px skyblue;  
  font-weight:bold;
  background-color:#03fc8c;
  border:3px solid #511777;
  color:WHITESMOKE;
}


#adv_submit{
  margin-top:12px;
}

aside{
  overflow-y:auto;
}

.console{
  font-size:16px;
  font-family:"JetBrains Mono", "Times New Roman";
  text-shadow: 1px 2px #03fc8c;
  border-bottom-right-radius:13px;
  border-bottom-left-radius:13px;
}





#status{
  font-family:"Peralta", sans-serif;
  color:#FFFFFF !important;
}




.dataTable td:not(.torrentsTable td, .set table td){
  background-color:lightcyan !important ;
}

.torrentClasses{
  display: flex;
  flex-wrap: wrap;       /* Allows wrapping to new lines */
  gap: 0px 4px;         /* Vertical gap: 8px, Horizontal gap: 12px */
  width: 100%;       
  box-sizing: border-box;
}

.torrentClasses a {
    line-height:12px;
    display: inline-block; /* Essential for proper margin/padding/wrapping */
    white-space: nowrap;   /* Keeps individual tag names on one line */
    padding-top:12px;
}


.mobile_inst{
  display:none;
}

.row>*{
  padding:7px;
}

.upload_inst{
  font-family:"JetBrains Mono", sans-serif;
  color:dimgray;
}

@media only screen and (max-width: 1079px) {
  .row>*{
    padding:0px;
  }

  body, div.Guardian{
    overflow-x:hidden;
  }

  .torrentClasses a{
    padding-top:5px;
    padding-bottom:0px;
  }

  .tableHeading{
    font-size:21px !important;
  }



  .torrentsTable th:nth-child(2), .torrentsTable td:nth-child(2){
    width:100px;
  }

 h1, h1 a, h1 a :visited{
    position:fixed;
    top:6px;
    font-size:25px;
    text-align:center;
  }

  
  table{
    font-size:16px;
  }

  .dt-container{

  }

  .upload .titleBreak span{
    width:300px;
  }

  .dtr-control{
    width:200px;
  }


  .titleBreak{  
    width:100%;
  }

  #mobile_menu{
    text-decoration:none;
  }

  
  footer{
    left:0px !important;
    width:100% !important
  }
  .dataTables_wrapper{
    box-sizing:border-box;
    overflow-x:hidden;
  }


  .row:last-child{
    width:93.5%;
  }

  h3{
    font-size:27px;
  }

  h1 a{
    height:60px;
  }
 

  .ui-autocomplete{
    width:299px;
  }

  .dt_length{
    text-align:left;
  }

 


 footer{
  bottom:0px ;

  left:0px ;
 }


  #diamond{
    top:7px;
    left:0px;
    position:fixed;
  }

  #mobile_menu:hover{
    color: gold ;
  }

   .glyph{
    text-align:center !important;
    position:relative;
   }



  #slogan{
    left:auto;

    text-align:center;
    display:block;
    width:100%;
    top:44px;
    font-size:13px;
  }

  .output img {
    /* Critical for mobile scaling */
    max-width: 100%; 
    height: auto; 
    
    /* Centering and display */
    display: block;
    margin: 0 auto;

    /* Prevents pixelated upscaling on small images */
    object-fit: contain; 
}

div.Guardian.webtorrent{
  overflow-x:auto ;
}
  
  .tableHeading span, .tableHeading a{
    font-size:14px;
  }

  .torrentClasses a{
    font-size:12px;
  }




  .mobile_tabs{
    margin-top:27px;
    margin-left:7px;
    width:100%;
    float:left;
  }

  .mobile_panel{
    width:100%;
    margin-top:27px;
    float:left;
  }


  .mobile_panel li a{
      font-size:16px;
      /*background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;*/
    display:block;
    padding:13px 0px 13px 0px;

  }
  
  .mobile_tabs li a{
      font-size:24px;
      padding:13px 0px 13px 0px;
     /*color:lightsea#89f777;*/
    font-variant:small-caps;
    display:block;
    width:299px;

  }

  .mobile_tabs li{
    width:299px;
    border-bottom:2px solid #03fc8c;
  }




  #search_ul{
    margin-bottom:0px;
  }


  /* TORRENT */


  /* aside */

  


  
  .mobile_panel li{
  }

  .mobile_panel li a{
    display:block;
    width:290px;
    padding-left:0px;
  }

  .mobile_panel li a{
    border-bottom:1px dotted darkcyan;
  }

 
  .stupa{
    top:7px;
  }



  /* TABLES */

 



 

  /* UPLOAD */
  .grid_1{
    width: 100%;
  }  


  
 
  h3{
    width:100%;
    }

 


  
  
  .dtr-data:not(.dtr-data:nth-last-child(2)){
    margin-left:9px;
  }
  
  .dtr-data:nth-last-child(2){
    margin-left:7px;
  }
  
 
  
  .odd td:first-child, .even td:first-child{
    padding-left:7px;
  }
  
 

  #search_ul{
    margin-top:4px;
  }

 
 
  .mobile_search input{
    width:250px;
  }

  .search{
    top:13px ;
    position:relative;
  }

  .PRO{
    width:299px;
  }

  .ui-autocomplete{
    width:250px;
  }


  .policy_section{
    padding:0px 7px 7px 7px;
  }

  
  
  #hero{
    font-size:16px;
  }

  .search input{
    height:33px ;
  }

}


/* The APA container */
.apa-text {
    line-height: 1.5;
}

/* Force the torrentsTable to align with the indented text, not the margin */
.torrentsTable {
    width: 100%; /* Subtract the padding amount */

}

.glyph{
  width:100%;
}


#pi{
  height:100%;
}

.torrentsTable thead{
  color:WHITESMOKE !important;
}

.torrentsTable {
    

    box-shadow:7px 7px 7px WHITESMOKE;
    /* 2. Set your border radius */
    margin-bottom:17px ;
    /* 3. Clip any children (like the table aside background) to the curve */
}

.titleBreak{
  margin-top:3px;
}

.stupa{
  color:#511777;
  text-decoration:underline;
  font-size:40px;
}

/* --- SIDEBAR CONTAINER --- */
body > aside { /* Adjust selector to match your wrapper, or wrap these elements in <nav class="sidebar"> */
    position: fixed;
    top: 0;
    left: 0;
    width: 333px;
    height: 100%;
    background: lightcyan;
    font-family: monospace, sans-serif;
    padding: 3px 11px 3px 11px;
    box-sizing: border-box;
    overflow-y: auto;
    z-index: 9997;
    border-right: 2px dotted whitesmoke;
    transition: transform 0.3s ease;
}

input{
  font-family:"Cantarell", serif !important;
}

/* Mobile Toggle Hidden by Default */
#mobile_menu {
    display: none;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 9998;
    background: #1e1e1e;
    color: #38ef7d;
    padding: 8px 12px;
    text-decoration: none;
    font-size: 20px;
    border-radius: 4px;
    border: 1px solid #333;
}

/* --- BRANDING (heaven & Title) --- */
.brand-container {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #222;
    padding-bottom: 12px;
}

#diamond {
    font-size: 60px;

    color: #38ef7d;
    cursor: pointer;
}

#select{
}

.tableHeading, .tableHeading a{
  font-family: "Peralta", sans-serif ;
  font-size:24px;
}

/* --- SELECT DROPDOWNS --- */
#select li select{
    width: 100%;
    background: palegoldenrod;
    height:55px;
    font-size:24px;
    color: dimgray;
    border: 2px solid #007BFF;
    border-radius:4px;
    padding: 14px;
    position:relative;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: "Peralta", sans-serif;
}

.console{
  font-family:"Rationale", system-ui;
}

.adv_type{
  margin-top:29px ; /* energy */
}

/* --- MASTER FORM & TABS --- */
div.master {
    display: flex;
    flex-direction: column;
    margin-top:3px;
}

ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    margin-top:13px;
}

ul.tabs li {
    display: flex;
    flex-direction: column;
    margin-top:7px; 
}

a.Guardian.toggle {
    text-decoration: none;
    font-size: 32px ;
    font-family:"Rationale", serif;
}

a.Guardian.toggle:hover {
    text-decoration: underline;
}
.dataTable thead th{
  border-bottom:8px solid #511777;
  /* 1. Define your gradient */
  background:linear-gradient(180deg, #511777, darkgoldenrod) !important;
  color:mediumvioletred !important;
  text-shadow:1px 2px whitesmoke !important;
  font-size:27px;
  padding:24px 0px 24px 0px;
  position:relative;
  z-index:5;
  font-family:"Peralta", system-ui ;

}

.torrentsTable thead th{
  background:goldenrod !important;
  border-bottom:none;
  box-shadow:none ;
  font-family:"Cantarell", sans-serif ;

  font-size:21px ;
  text-shadow:none ;
  text-align:left ;
  padding:13px;

}

.searchField {
    width: 100%;
    background: lightcyan;
    border: 1px solid greenyellow;
    color: dimgray;
    height:40px;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px;
}

.searchField:focus {
    outline: none;
    border-color: #511777;
}

/* --- FOOTER PANEL (Privacy, DMCA, GitHub) --- */
. {
    font-family:"Rationale", system-ui;
    position:absolute;
    bottom:8px;
    margin:0 auto;
    text-align:center !important;
    width:280px;

}

.glyph a, .glyph a:visited {
    color:gold !important;
    text-decoration: none;

}

.glyph a:hover, .glyph a:visited:hover {
    color: dark#03fc8c !important;
}


/* --- LIVE .console WIDGET (Bottom Terminal Feed) --- */
.spiritAside {
    border: 3px dotted cyan;
    border-top:0;
    overflow-x:auto;
    padding: 24px 24px;
    font-size: 13px;
    top:0px !important;
    left:0px ;
    width:300px;

    margin:0 auto;
}

.spiritAside h2 {
    margin: 0;
    font-size: 11px;
    font-weight: normal;
}

.spiritAside .console {
    color: #007BFF;
    word-break: break-all;
    text-shadow:0px 0px gold !important;
    display: block;
}

header{
  position:fixed;
  z-index:9999;
  top:0px;
  left:0px;
  width:333px;
}

.console{
  z-index:9999;

}

.dataTable thead th:first-child{
  padding-left:14px;
}

.console::first-letter{
  color:#03fc8c !important;
}

#diamond, #diamond:visited{
  display:inline-block;
  position:fixed;
  padding:0px;
  top:0px;
  left:0px;
  font-size:39px !important;
  text-decoration:none;
}

#diamond:hover{
  color:whitesmoke!important;
}

.torrentClasses a, .torrentClasses a:visited{
  text-decoration:underline;
  font-family:"Cantarell", system-ui;
}

input{
  color:dimgray !important;
}

#cross-road{
  display:none;
}

table.dataTable tr.dtrg-group th{
  height:137px;
  padding:14px;
  background:radial-gradient(goldenrod, #03fc8c, black) !important;

}

/* tadaa */
.set table td{
  padding:7px;
  background:BLACK !important;
}



button{
  background:#000000;
  margin:0 auto;
  display:block;
  position:relative;
  margin-top:40px;
  box-shadow:2px 4px 7px cyan !important;
  padding:27px 33px;
  color:cyan;
  border:2px solid WHITESMOKE;
  box-shadow:1px 2px 1px gold;
  font-size:32px;
  font-family:"Peralta", sans-serif;
}

button.page-link{
  float:left;
  padding:12px;
}

button:hover{
  color:#03fc8c !important;
}

.aside button{
  margin: 0 auto;
  margin-top:18px;
}

.magnetURI{
  color:darkgoldenrod!important;
}

.magnetURI:hover{
  color:HOTPiNK;
}

aside label{
  text-align:center;
  color:palevioletred;
}

aside input[type="checkbox"]{
  text-align:center;
  padding:13px;
}

h1 a, h1 a:visited{
  font-size:33px;
  text-shadow:3px 3px white;
  /* secret rain bow taste the rainbow */
  background: linear-gradient(to right, #ef5350, #f48fb1, #7e57c2, #2196f3, #26c6da, #43a047, #eeff41, #f9a825, #ff5722);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  
  position:fixed;
  text-decoration:none;
  display:block;
  letter-spacing:4px;
  font-family:"Rationale", system-ui ;


}

.torrentsTable td, .torrentsTable th{
  font-family:"Rationale", serif;

}

.torrentsTable td{
  border-bottom:1px dotted silver;
}

.torrentsTable td{
  background-color:whitesmoke !important;
}

.child{
  border-bottom:9px solid DARKVIOLET;
}



/* --- RESPONSIVE MOBILE OVERLAY FIX (< 1079px) --- */
@media (max-width: 1079px) {
    #diamond{
      color:yellowgreen !important;
      font-weight:bold;
      z-index:9999;
      top:3px;
      left:1px; 
      /* TRINITY */
      font-size:33px;
      position:fixed;


    }

    aside {
       display:none;
       position:absolute;
       width:100% !important;
       height:100% !important;
       top:0px;
       position:fixed;
    }

    div.Guardian{
      bottom:77px;
      width:100% ;
      height:calc(100% - 77px) ;
      bottom:77px;
      left:0px ;

    }

    .spiritAside{
      width:100% !important;
      position:fixed !important;
      height:60px;
    }

    .console{
      position:fixed;
      padding-left:17px;
      padding-bottom:0px;
      z-index:9997;
    }

    .adv_type{
      margin-top:77px;
    }

    .glyph{
      bottom:7px;
      position:fixed;

    }


    h1 a, #warp{
      right:15px !important;
      top:60px !important;
      z-index:9999 !important;
      position:fixed !important;
      z-index:9999 !important;
      font-size:25px !important;
    }


  aside{
    display:none;
  }
    
}