/* 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:#007BFF;
  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 !important;
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, lightcyan, cyan, darkviolet) ;
  box-shadow:3px -4px 7px dimgray;
  height:77px ;
  width:calc(100% - 333px);
  left:333px;
  bottom:0px;
  border-top:6px solid mediumvioletred;
}

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

a.class:hover{
  color:#50C777 !important;
}

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

}


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

#roads{
  font-size:40px;
  color:WHITESMOKE;
  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:WHITESMOKE;
  text-shadow:1px 2px WHITESMOKE;
  font-weight:bold;
  font-size:60px;
  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, #03fc6c, #50C777, WHITESMOKE);
}

#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:WHITESMOKE;
  display:block;
  text-align:justify ;
  width:100%;
  padding-right:7px;
}

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



/* 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 footer {
   transition: .5s .5s background-color ease-in-out;
   background:lienar-gradient(90deg, darkcyan, cyan, lightcyan);
}

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

}

#hero option:selected{
  background:HOTPINK !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;
}

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.WALTZ{
    overflow-y: auto;
    color:WHITESMOKE;
    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:#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 */
}





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


}

.tabs a, .tabs a:visited{
  text-shadow: 1px 1px #50C777;
}

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

.tabs{
  margin-top:127px;
}

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

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

.tabs a.top_10, .tabs a.top_10:visited, .mobile_tabs a.top_10, .mobile_tabs a.top_10:visited{
  color:darkviolet !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 ;
}

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

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

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

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

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

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

}






.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 1px darkviolet;
  letter-spacing:1px;
}

.rectangle_container{
  width:110px;
  height:137px;
  background-color:#50C777;
  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:#50C777;
  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 ;
}

input{
  background-color:#50C777 ;
}

.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:#007BFF;
}

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


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:WHITESMOKE ;
  color:gold ;
  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:goldenrod;
}


#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:#007BFF;
}

.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:#50C777;
  }

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, h1 a:visited{
  font-size:33px;
  color:darkviolet;
  text-shadow:2px 1px gold;
  /*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:"Oswald", system-ui ;


}

h1 a:hover, h1 a:visited:hover{
  color:#50C777 ;
}

#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 !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.WALTZ:hover{
  color:#50C777 ;
}

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

input[type="file"]{
  background-color:#50C777 ;
}

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


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

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




  .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:#50C777;
  display:block;
  padding:5px;
  padding-left:0px;
  padding-right:0px;
}

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



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

div.WALTZ{
  border-top:43px solid DARKGOLDENROD !IMPORTANT;
}


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


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

h3{
  color:WHITESMOKE ;
  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;
}

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

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



.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;
}
.dataTable thead th{
  border-bottom:4px solid darkviolet;
  /* 1. Define your gradient */
  background:#007BFF;
  color:mediumvioletred !important;
  text-shadow:1px 2px whitesmoke !important;
  font-size:27px;
  padding:24px 0px 24px 0px;
  position:relative;
  z-index:5;
  font-family:"Rationale", system-ui ;

}



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

table.dataTable tr.dtrg-group th{
  background:goldenrod !important;
}


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


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

}

div.WALTZ {
    background: whitesmoke;
}


.torrentsTable{
}

.torrentsTable thead th{
  background:#50C777;
  border-bottom:none;
  box-shadow:none ;
  font-family:"JetBrains Mono", sans-serif ;

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

}

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

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


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



.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:WHITESMOKE;
  text-align:center;
  font-size:16px;
  font-family:"JetBrains Mono", sans-serif;
  padding:0px 7px 0px 7px;
}

.sources_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: 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 #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;
  display:block;
  text-align:center;
}

#enter:hover, #graph_search:hover, #adv_submit:hover{
  box-shadow:3px 4px 3px skyblue;  
  font-weight:bold;
  background-color:#50C777;
  border:3px solid #03fc6c;
  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 #50C777;
  border-bottom-right-radius:13px;
  border-bottom-left-radius:13px;
}





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


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

.dataTable td:not(.torrentsTable 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.WALTZ{
    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: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 ;
  }

   .panel{
    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.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 #50C777;
  }




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

  .city p{
    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 */

}

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

.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: 60px;

    color: #38ef7d;
    cursor: pointer;
}

#select{
}

/* --- 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: "Rationale", sans-serif;
}



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

/* --- MASTER FORM & TABS --- */
.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; 
}

ul.tabs li a.WALTZ {
    text-decoration: none;
    font-size: 32px ;
    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;
    width:280px;

}

.panel a, .panel a:visited {
    color:DARKCYAN !important;
    text-decoration: none;

}

.panel a:hover, .panel a:visited:hover {
    color: goldenrod !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:gold !important;
}

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

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

input{
  color:dimgray !important;
}

button{
  position:relative;
  margin-top:40px;
  box-shadow:1px 2px 1px cyan !important;
  padding:27px 33px;
  color:cyan;
  border:2px solid WHITESMOKE;
  box-shadow:1px 2px 1px gold;
  background:mediumvioletred;
}

button:hover{
  color:cyan;
}

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




/* --- RESPONSIVE MOBILE OVERLAY FIX (< 1079px) --- */
@media (max-width: 1079px) {
    #heaven{
      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.WALTZ{
      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;
    }

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