/* BLUE BIRD STYLE */

/* 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;
}

body{
  color: #2f2f2f;
  background-color:#fcfce8;
  background-color:#CDCDCD;
  background-color:#ABABAB;
  background-color:#CDBCDD;
  background-color:#A99EB2;
  background-color:#78717E;
  background: rgb(205,205,205);
background: linear-gradient(342deg, rgba(205,205,205,1) 16%, rgba(120,113,126,1) 39%, rgba(171,171,171,1) 87%);
background:whitesmoke;
overflow-x:hidden;
}

/* 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;
}
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:linear-gradient(90deg, darkgoldenrod, goldenrod, whitesmoke) ;
  box-shadow:4px -4px 4px black;
  height:77px ;
  width:calc(100% - 333px);
  left:333px;
}

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

.city{
  font-family:"JetBrains Mono", sans-serif;
  padding:0px 7px 0px 7px;
  padding-top:110px;
  height:333px;
  font-size:22px;
  line-height:33px;
  color:#50C777;
  text-shadow:1px 1px gold;
  text-align:center;
}

#hero{
  width:100% ;
}

.hiero{
  font-size:40px;
  color:black ;
  text-shadow:1px 1px #03fc6c;
  position:absolute;
  bottom:27px;
  font-family:"Noto Sans Egyptian Hieroglyphs", system-ui;
  right:7px;

}


.city p{
  background:radial-gradient(#CDCDCD, palegoldenrod, whitesmoke);
  display:block;
  margin:0 auto;
  width:888px;
  padding:7px;
  color:black;
  border-radius:2px;
}

#roads{
  font-size:40px;
  color:goldenrod;
  text-shadow:1px 1px #50C777;
  font-family:"Noto Sans Egyptian Hieroglyphs", system-ui;
  margin-bottom:5px;
}

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

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

#GATE:hover{
  color:silver;
}

.WALTZ .cross-road{
  position:fixed ;
  z-index:9999;
  width:100% ;
  left:0 ;
  top:0;
  bottom:0;
  background:linear-gradient(137deg, palegoldenrod, darkgoldenrod, goldenrod);
}

#enter{
  top:reset;
  position:fixed;
  top:8px;
  left: 50%;
  transform: translateX(-50%);
  bottom:reset;
  margin:auto;

}

/*
  ?
}*/



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

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


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

.torrents_graph, .node_graph{
  height:424px ;
  width:100%;
  background-color:lightgoldenrodyellow;
  position:relative;
  top:0px;
  z-index:1;
}


.dataTables_length{
  padding-top:10px;
  padding-bottom:10px;
}

/* TORRENT */

#progressBar {
   height: 8px;
   width: 0%;
   background-color: HOTPINK;
   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 #hero {
   background-color: navy;
   transition: .5s .5s background-color ease-in-out;
}

#hero, #hero option{
  font-family:"JetBrains Mono", system-ui;
}

#hero select{
  background-color:lightcyan !important;
}

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:yellow ;
}

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;
}


#submit{
  width:200px;
  height:60px;
  margin-top:37px;
  margin-bottom:55px;
}

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

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



/* MISC PARTIALS */
/*

::-webkit-input-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Pirata One";
}

:-ms-input-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Pirata One";
}

:-moz-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Pirata One";
}

::-moz-placeholder {
  font-family: 'Imperial Script', Arial, Helvetica, sans-"Pirata One";
}*/

.dataTables_length{

  border-radius:13px;
}

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



div.WALTZ{
    overflow-y: auto;
    color:black;
    width: calc(100% - 333px);
    height: calc(100% - 77px) ;
    position: absolute;
    box-sizing: border-box;
    top: 0px;
    bottom: 77px;
    background: linear-gradient(342deg, rgba(205,205,205,1) 16%, rgba(120,113,126,1) 39%, rgba(171,171,171,1) 87%);
    background:#CDCDCD ;
    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 */
}





.tabs a.torrents, .tabs a.torrents:visited, .mobile_tabs a.torrents, .mobile_tabs a.torrents:visited{
  color:dimgray;


}

h1 a{
  position:absolute;
  top:40px;
  left:411px;
}

.tabs{
  margin-top:127px;
}

.panel{
  bottom:0px ;
  position:fixed;
}

.panel li a:hover{
  color: cyan;
}

.tabs a.top10, .tabs a.top10:visited, .mobile_tabs a.top10, .mobile_tabs a.top10:visited{
  color:whitesmoke;
}


.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 black ;
}

#uploadHeading a{
    color:white ;
}

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

.dataTable td:not(.torrentsTable td, .dtr-control, .child){
  padding:26px 0px 13px 0px;
}

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

.child{
  padding-top:0px;
}

thead tr{
  
}




.dataTable{
  margin-left:0px;
}

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

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

.child{
  border-bottom:10px solid gold
}

.WALTZ .about_us .console{
  color:goldenrod;
}

table.dataTable tr.dtrg-group th{
  
  height:147px;

}

/* 1. Set the table to allow rounded corners */
table.dataTable {
    border-collapse: separate ;
    border-spacing: 0;
    border: 2px solid silver; /* Adjust 'silver' or pixel width as needed */
    border-radius: 13px;
    
    /* 2. Clip aside/cell backgrounds so they don't overflow the rounded border */
    overflow: hidden; 
}



.dataTable td{
  padding-bottom:13px;
}


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

}

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

}

.tableHeading{
  position: relative;
  float: left;
  padding: 13px 7px 13px 7px ;
  display: flex;
  flex-wrap: wrap;       /* Allows wrapping to new lines */
  gap: 0px 13px;         /* Vertical gap: 8px, Horizontal gap: 12px */
  padding: 15px 0;       /* Keep vertical padding, remove horizontal padding */
  box-sizing: border-box;
  width: 100%;
  letter-spacing:3px;
  line-height:23px ;
}

.rectangle_container{
  width:111px;
  height:147px;
  background-color:lightgoldenrodyellow;
  position:absolute;
  left:7px;
}

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




.tableImg{
  width:111px;
  float: left;
  height: 147px;
  position:relative;
  z-index:0;
  border:1px solid white;
  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:black;
  height:17px ;
}

input{
  background-color:lightgoldenrodyellow ;
}

.ui-menu .ui-menu-item-wrapper.ui-state-active {
    background: goldenrod;
    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: darkcyan;
  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:#CDCDCD;
}

.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%;
}

.dataTable td:first-child{
}

.snatches{
  color:#83DAC0;
}

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

  


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

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

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

.dtr-details{
  float:left;
}

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

.torrentsTable .tr:last-child td{
  padding-bottom:9px;
}




.torrentsTable{
  font-size:13px;
}

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

.torrentsTable{


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


table {
    table-layout:fixed;
}
td{
    overflow:hidden;
    text-overflow: ellipsis;
}

.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;
}

.WALTZ .cross-road{
  padding-left:7px;
  padding-top:22px;
  padding-bottom:23px;
  font-size:22px;
  color:#83DAC0;;
  width:100%;
}

a.adv_toggle{
  color:white ;
}


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

.page-link{
  color:black;
}







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


.adv_all, .graph_class{
  width:33px;
  color:black;
  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 black;
}





a.authors{
  color:gold ;
}

a.classes{
  color:darkcyan ;
}

a.publishers{
  color:palevioletred ;
}





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

#newUploadaside a{
  color:whitesmoke;
}

#newUploadaside span{
  color:#03fc6c;

}
/* MOBILE */


.removeAuthor{
  color:darkviolet;
  font-family:"JetBrains Mono",serif;
}

.sourceTab{
  text-align:justify;
}

.torrentClasses a, .torrentClasses a:visited{
  text-decoration:underline;
}

.classComma{
  color:whitesmoke;
}

a.publisher{
  text-decoration:none;
}





a.source, .source span{
  color:#CDCDCD;
}

.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:darkgoldenrod;
  }

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:black;
  text-align:justify;
  padding:32px 5px 32px 5px;
}

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


}

h1 a:hover, h1 a:visited:hover{
  color:darkgoldenrod ;
}

#slogan{
  color:HOTPINK;
  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;
}



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;
}

#top10Title span a{
  color:white;
  
}


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




.upload button{
  height:55px;
  width:135px;
  border-radius:13px;
}


.torrentClasses a{
  line-height:20px;
}


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

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

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, .top10 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:black;
  text-shadow:1px 2px gold;
  font-size:18px ;
  font-family:"Rationale", serif ;
  text-align:center ;
  font-variant:small-caps;
  width:111px;
  position:relative;
  z-index:1;
  left:-111px;
  top:125px;
  text-align:center;
  display:block;
  float:left;
}

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

a.WALTZ:hover{
  color:darkgoldenrod ;
}

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

input[type="file"]{
  background-color:lightgoldenrodyellow ;
}

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

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

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

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




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


footer{
  position:fixed;
  bottom:0px;
  height:87px;
  width:100%;
    /* Ensure consistent border styling */
  
  /* Add depth to separate these layers from the pyramid background */
}

#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;
}

#hero option{
  background:gold;
}

.search input{
  height: 26px ;
  position:relative;
}

.search input::placeholder{
  color:silver;
}

.sentinel{
  position:absolute;
  top:5px;
  z-index:9998;
  color:gold;
  text-shadow:1px 1px solid black;
  left:7px;
  padding-top:3px;
  font-size:32px;
  text-decoration:underline;
  font-family:"Noto Sans Egyptian Hieroglyphs", serif;
}

.torrentClasses a {
    padding-top:12px;
}



  .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:darkgoldenrod;
  display:block;
  padding:6px;
  padding-left:0px;
}

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



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



.dataTable{
  border-left:2px solid silver;
  border-right:2px solid silver;
  border-radius:13px;
}




.dt-container{  
  background-color:lightgoldenrodyellow ;
  margin:0px 0 0px 0;
  padding-top:37px;
  border-top:13px solid goldenrod !important;
  /* Margerine */
  position:absolute;
  font-family:"JetBrains Mono", serif;
}


.WALTZ .top10{
  margin-top:132px;
}

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

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


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

.search input{
  font-family:"JetBrains Mono", "Pirata One";
}


.torrentClasses{
  text-align:justify;
}

.torrentClasses a{
  padding:0px;
}

aside{
  border-right:10px solid WHITESMOKE !important;
  border-left:10px solid WHITESMOKE !important;
  background:radial-gradient(whitesmoke, goldenrod, palegoldenrod) !important;
  border-bottom:7px solid yellow;
}

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

.dataTable thead{
  background:linear-gradient(77deg, #ABABAB, lightgoldenrodyellow, #007BFF);
}

.dataTable thead th{
                                                                                   
  border-bottom:4px solid goldenrod;
  box-shadow:2px 3px 2px whitesmoke;
  /* 1. Define your gradient */
  
  color:mediumvioletred;
  text-shadow:2px 2px black;
  font-size:27px;
  padding-top:13px;
  position:relative;
  z-index:5;
  padding-bottom:13px;
  font-family:"Rationale", system-ui ;

}

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

table.dataTable tr.dtrg-group th{
  background:linear-gradient(180deg, #50C777, #03fc6c);
  box-shadow:2px 2px 4px silver;
  box-sizing:border-box;

}


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


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

}

div.WALTZ {
    background: black url("../img/fresh-snow.png") ;
}

.torrentsTable thead th{
  background:radial-gradient(palegoldenrod, whitesmoke) ;
  border-bottom:none ;
  box-shadow:none ;
  font-family:"JetBrains Mono", sans-serif ;
  font-size:16px ;
  text-shadow:none ;
  color:darkgoldenrod ;
  text-align:left ;
}

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

  background:#EFEFEF;
  padding:4px 0 4px 0 ;
  font-family: "JetBrains Mono", sans-serif ;
}


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

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

}



.torrentsTable a{

  font-family:"Rationale", system-ui ;
}

.authors_area div a{
  font-family:"JetBrains Mono", sans-serif;
}

.upload input, .upload select, .upload option, .upload input::placeholder{
  font-family:"JetBrains Mono", sans-serif;

}

.upload label{
  font-family:"Rationale", sans-serif;
}

.inst{
  color:#000;
  text-align:center;
  font-size:16px;
  font-family:"JetBrains Mono", sans-serif;
  padding:0px 7px 0px 7px;
}

.torrents_graph, .node_graph, a.WALTZ{

    /* Prevents all native browser touch actions (scroll, zoom, swipe-to-back) */
    touch-action: pan-y;
    user-select: none;  /* Prevents text selection while swiping */
    /* Standardizes the cursor for a 'grab' feel */

}

/* 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: black; /* 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, .upload button{
  border:2px solid #03fc6c;
  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;
  border-radius:13px;
  display:block;
  text-align:center;
}

#enter:hover, #graph_search:hover, #adv_submit:hover, .upload button:hover{
  box-shadow:3px 4px 3px skyblue;  
  font-weight:bold;
  background-color:darkgoldenrod;
  border:3px solid palegoldenrod;
  color:goldenrod;
}

.upload button{
  width:120px;
  height:77px;
  float:left;
}

#adv_submit{
  margin-top:12px;
}

aside{
  overflow-y:auto;
}

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





#status{
  font-family:"JetBrains Mono", sans-serif;
  color:whitesmoke ;
}


.panel li a, .panel li a:visited, .mobile_panel li a, .mobile_panel li a:visited{
  color:darkgoldenrod;
  font-family:"JetBrains Mono", sans-serif;
}

.dataTable td:not(.torrentsTable td){
  background-color:lightcyan ;
}

.torrentClasses{
  display: flex;
  flex-wrap: wrap;       /* Allows wrapping to new lines */
  gap: 0px 4px;         /* Vertical gap: 8px, Horizontal gap: 12px */
  padding-left:7px;       /* Keep vertical padding, remove horizontal padding */
  width: 100%;       
  margin-top:13px;    /* Ensure it spans the full container */
  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:0 7px 0 7px;
}

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

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

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

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

  .tableHeading{
    font-size:16px;
  }



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

 h1, h1 a, h1 a :visited{
    position:fixed;
    top:6px;
    left:auto;
    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;
  }

  

  .dataTables_wrapper{
    box-sizing:border-box;
    overflow-x:hidden;
  }


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

  h3{
    font-size:24px;
  }

  h1 a{
    height:60px;
  }
 

  .ui-autocomplete{
    width:299px;
  }

  .dt_length{
    text-align:left;
  }

 


 footer{
  bottom:0px ;

  left:0px ;
 }


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

  #mobile_menu:hover{
    color: gold ;
  }

  .mobile_menu{
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    height:calc(100% - 154px);
    position:fixed;
    top:63px;
    z-index:9998;
    bottom:88px;
    background:radial-gradient(whitesmoke, lightgoldenrodyellow)
  }
  
  

  .desktop_h1{
    display:none;
  }

  .desktop_search{
    display:none;
  }

  .search{
    position:relative;
    float:left;
    left:7px;
    width:100%;
    opacity:1;


  }

  .search input{
    width:299px;

  }

  

  .mobile_panel{
    float:left;
    margin-top:13px;
  }

  #search_ul li{
    height:45px;
    float:none;
    vertical-align:center;
    line-height:32px;

  
  }

  .panel, .tabs{
    display:none;
  }




  #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.WALTZ.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 darkgoldenrod;
  }




  #search_ul{
    margin-bottom:0px;
  }


  /* TORRENT */


  /* aside */

  .panel{
    position: absolute;
    left: 0px;
    top: 140px;
  }


  
  .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;
  }

  .city p{
    width:299px;
  }

  .ui-autocomplete{
    width:250px;
  }


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

  
  
  #hero{
    font-size:16px;
  }

  .search input{
    height:33px ;
  }

}


/* 4. Final Polish for the .torrentsTable to bridge the gap */
.torrentsTable {
    width: 100% ;
    margin: 0 ; /* Removes the gap between the APA row and this table */
    border-collapse: collapse;
    background: dimgray; /* Subtle depth without a harsh gray block */
}

/* Ensure the text stays readable in the new dark context */
.torrentsTable td {
    padding: 10px;
}

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

/* Force the torrentsTable to align with the indented text, not the margin */
.torrentsTable {
    width: calc(100% - 10px) ; /* Subtract the padding amount */
    margin-left: 7px ; 
    margin-right: 7px;

}

/* Ensure the table aside (thead) doesn't overflow or clip */
.torrentsTable thead th {
    padding: 7px 7px;
    white-space: nowrap; /* Prevents text from wrapping and cutting off */
}

.torrentsTable td{
  padding-top:10px ;
  padding-bottom: 10px ;
}

#pi{
  height:100%;
}

.torrentsTable {
    width: calc(100% - 10px) ;
    margin-left: 7px ; 
    margin-right: 7px;
    
    /* 1. Change collapse to separate so border-radius works */
    border-collapse: separate ; 
    border-spacing: 0; /* Prevents gaps between cells when separate */
    
    box-shadow: 2px 3px 2px black;
    border:3px solid gold ;
    /* 2. Set your border radius */
    border-radius: 13px; 
    margin-bottom:26px ;
    /* 3. Clip any children (like the table aside background) to the curve */
    overflow: hidden; 
}

.titleBreak{
  margin-top:3px;
}

.WALTZ .cross-road{

}

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

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

/* 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;
}

#heaven {
    font-size: 55px;

    color: #38ef7d;
    cursor: pointer;
}

#select{
  margin-top:77px;
}

/* --- SELECT DROPDOWNS --- */
#select li select{
    width: 100%;
    background: palegoldenrod;
    height:44px;
    font-size:19px;
    color: dimgray;
    border: 2px solid #007BFF;
    padding: 10px;
    margin-top:4px;
    position:relative;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "JetBrains Mono", sans-serif;
}

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

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

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; 
}

ul.tabs li a.WALTZ {
    text-decoration: none;
    font-size: 33px ;
    font-family:"Rationale", serif;
}

ul.tabs li a.WALTZ:hover {
    text-decoration: underline;
}

.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: #03fc6c;
}

/* --- FOOTER PANEL (Privacy, DMCA, GitHub) --- */
.panel {
    padding-top: 33px;
    margin:0 auto;
    text-align:center !important;

}

.panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    text-align:right;
}

.panel ul li{
  text-align:center;
}

.panel ul li a, .panel ul li a:visited {
    color:darkcyan;
    text-decoration: none;
    padding-right:3px;
}

.panel ul li a:hover, .panel ul li a:visited:hover {
    color: #fff;
}

/* --- LIVE .console WIDGET (Bottom Terminal Feed) --- */
.spiritAside {
    background: DIMGRAY; /* do not change this */
    border: 3px dotted cyan;
    overflow-x:auto;
    border-radius: 4px;
    padding: 24px 24px;
    font-size: 13px;
    position:fixed ;
    width:333px;
    top:0px !important;
    left:0px ;
    position:absolute;
}

.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;

}

.console::first-letter{
  color:cyan !important;
}

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

input{
  color:dimgray !important;
}

#search{
  position:relative;
  margin-top:40px;
  width:77px;
  height:40px;
  margin:0 auto;
  display:block;
  color:cyan;
  border:2px solid black;
  box-shadow:1px 2px 1px gold;
  background:#000;

}

#search:hover{
  color:lightgoldenrodyellow;
}

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

    }

    aside {
       display:none;
       position:absolute;
       width:100% !important;
       top:0px;
       border-left:55px solid whitesmoke !important;
       border-right:55px solid whitesmoke !important;
       position:fixed;
    }

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

    }

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

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

    .adv_type{
      margin-top:77px;
    }

    .panel{
      bottom:7px;
      position:fixed;
      left:7px;

    }


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


  aside{
    display:none;
  }
    
}