/* STRUCTURE */
body {margin: 0;height: 100vh;width: 100%; background:
url(""); background-repeat: no-repeat; background-size:cover;cursor: url('https://cdn.cursors-4u.net/previews/sad-puppy-5-1f9a527a-32.webp') 32 32, auto !important;background: linear-gradient(rgb(125,255,255,0.3), rgb(255,255,255,0.1)),
url("https://martbro.neocities.org/img/backgrounds/dithered-patina.png");background-position: center;;}

::selection {
color: #B09CB6;
background: white;
}

p {font-family: body, arial; font-size: 18px;}

a{cursor: url('https://cdn.cursors-4u.net/previews/sad-puppy-4-9cd05014-32.webp') 32 32, auto !important;}

#sticker-libra{position: relative; z-index: 90; width: auto; height: auto; left: 215px; top: -140px;}

#mysims-container{position: absolute; z-index: 103; width: 118px; height: 115px; background-color: rgba(220, 220, 220, 0); left: 1123px; top: 509px;}

#mysims {height: 300px; transform: translateX(-30px) translateY(-100px)}


#home-container{position: absolute; z-index: 90; width: 61px; height: 60px; left: 947px; top: 597px;}

#id_5{z-index: 90; width: auto; height: auto; border: medium; position: static; overflow-wrap: break-word; display: block; margin: 0px;}

#text-container{position: absolute; z-index: 90; width: 347px; height: 605px; border: 4px solid rgb(0, 0, 0); background-color: rgb(0, 0, 0); left: 42px; top: 161px; padding: 0px 25px; font-size: 24px; }

.rainbow-wide {background-image: linear-gradient(to left, #403353, #7869c4,#67b6bd, #94e089, #bfce72, #8b5429, #b86962);
 color: transparent;
  -webkit-background-clip: text;}

#wrig-link {color:white}
#wrig-link:visited {color:rgb(220, 220, 220)}

#id_7{z-index: 90; width: auto; height: auto; border: medium; position: static; overflow-wrap: break-word; display: block; margin: 0px;}

#id_8{z-index: 90; width: auto; height: auto; border: medium; position: static; overflow-wrap: break-word; display: block; margin: 0px;}

#id_9{z-index: 90; width: auto; height: auto; border: medium; position: static; overflow-wrap: break-word; display: block; margin: 0px;}

#id_10{z-index: 90; width: auto; height: auto; border: medium; position: static; overflow-wrap: break-word; display: block; margin: 0px;} 


.header-container{position: absolute; z-index: 90; width: 797px; height: 90px; border: 4px solid rgb(0, 0, 0); background-color: rgb(220, 220, 220); left: 402px; top: 43px; overflow-x:hidden ;
overflow-y:hidden; white-space: nowrap;}

.banner-text {padding-left: 995px;padding-right: 595px; text-align: center;}
#scroll-text {
  position:absolute;
  font-size: 20px;
  animation: bannermove 35s linear infinite;
  width: 6000px;
  
}

@keyframes bannermove{

  100%{
    transform: translatex(50%);
  }

  100%{
    transform: translatex(-110%);
  }
}

/*WEBMASTER TITLE*/
#title-container{width: 334px; height: 118px; position: absolute; z-index: 90; border: 4px double; rgb(0, 0, 0); left: 43px; top: 21px; text-align: center; padding: 3px; background: linear-gradient(rgb(255,255,255,0.5), rgb(255,255,255,0.3)),
url("https://martbro.neocities.org/img/rainbow.png");background-position: center;image-rendering: pixelated}


.breathe-animation {
display: flex;
align-items: center;
justify-content: center;
background-color: black;
height: 100vh;
}

.breathe-animation span {
font-family: 'TheFont';
font-size: 35px;
color: black;
text-align: center; 
animation: letter-breathe 3s ease-in-out infinite;
}

@keyframes letter-breathe {
    from,
    to {
      font-variation-settings: 'wght' 100;
    }
    50% {
      font-variation-settings: 'wght' 900;
    }
  }

#ds-container{z-index: 100; width: 300px; height: auto; border: medium; position:relative; overflow-wrap: break-word; display: block; margin: 0px;  transform: translate(410%,159%);  background-color: none;}

#quiz-container{position: absolute; z-index: 90; width: 459px; height: 199px; border: 1px solid rgb(0, 0, 0); background: linear-gradient(rgb(255,255,255,0.5), rgb(255,255,255,0.3)),
url("https://martbro.neocities.org/img/background-field.png");background-position: center; background-repeat: no-repeat; left: 475px; top: 586px; overflow-y:auto; overflow-x: hidden;}

#quiz-container img:hover {transform: scale(1.2); }

#cheese-quiz{transform: translateX(35px)translatey(19px);}
#tarot-quiz{transform: translateX(230px)translatey(-123px) scale(75%); position: relative;}
#owl-quiz{}
#color-quiz{transform: translateX(-101px) translatey(-494px) scale(35%);}
#rock-quiz{transform: translateX(-28px) translatey(-648px) scale(65%);}
#rice-quiz{transform: translateX(217px) translatey(-930px) scale(75%);}
#loser-quiz{transform: translateX(284px) translatey(-966px) scale(75%);}
#creature-quiz{transform: translateX(-22px) translatey(-1024px) scale(75%);}



#id_14{position: absolute; z-index: 90; width: 531px; height: 244px; border: 1px solid rgb(0, 0, 0); background-color: rgb(220, 220, 220); left: 943px; top: 704px;}

#id_15{z-index: 90; width: auto; height: auto; border: medium; position: static; overflow-wrap: break-word; display: block; margin: 0px;}

#mii-container{position: absolute; z-index: 74; width: 293px; height: 100px;  left: 494px; top: 592px;}

#mii {height: 225px; transform: translateX(468px) translateY(-38px)}

#id_17{position: absolute; z-index: 90; width: 198px; height: 100px; border: 1px solid rgb(0, 0, 0); background-color: rgb(220, 220, 220); left: 1299px; top: 31px;}

#interest-container{position: absolute; z-index: 90; width: 275px; height: 343px; border: 1px solid rgb(0, 0, 0); background: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)),
url("https://sadhost.neocities.org/images/tiles/stars5.gif");
background-repeat: repeat; left: 1245px; top: 17px; padding: 20px;}

#likes-container{width: 92%; height: 45%; position: absolute; z-index: 90; border: 1px solid rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45); top:15px; left: 12px; overflow-y: scroll; font-size: 16px; scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;  /* Internet Explorer 10+ */}

#dislikes-container{width: 92%; height: 45%; position: absolute; z-index: 90; border: 1px solid rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.45); left:12px; top:200px; overflow-y: scroll; scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;  /* Internet Explorer 10+ */}

.rainbow {background-image: linear-gradient(to left, white, #403353, #7869c4,#67b6bd, #94e089, #bfce72, #8b5429, #b86962, white);
 color: transparent;
  -webkit-background-clip: text;}

#narrow-title {font-family: TheFont, arial;font-size: 22px; padding: 1px; text-align: center; animation: pulse 1.8s ease-in-out infinite;  
}
ul {padding: 2px 25px; font-family: body, arial; font-size: 14px; 
}
li {padding-bottom: 5px;
}



/* PHOTOPILE */
#star-container{position: absolute; z-index: 70;  padding-top: 50px; width: 718px; height: 358px; border: 4px solid rgb(0, 0, 0); background: linear-gradient(rgb(255,255,255,0.3), rgb(255,255,255,0.1)),
url("https://sadhost.neocities.org/images/tiles/stars5.gif");
background-repeat: repeat; left: 476px; top: 160px;overflow: clip; }

.photopile { 
z-index: 108;
  position: absolute;
  display: flex; 
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  left: 1121px;
  top:127px;
  width: 20px;
  


}
.photopile figure { 
  display: inline-block;
  background: white;
  box-shadow: 1px 4px 5px rgba(0,0,0,0.55);
  transform: rotate(2deg);
  margin: 0 -25px;
}
.photopile figure img {
  max-width: 350px;
  margin: 1rem 1rem 0 1rem;
  border: 2px rgb(0,0,0,0.55) inset;
}
.photopile figcaption, .popovers figcaption {
  text-align: center;
  margin: 0.5rem 1rem 1rem 1rem;
  font-size: 0.8rem;
  color: black;
}
.photopile button { 
  background: none; 
  border: none;
  max-width: 40%;
}
.photopile button:hover, .photopile button:focus { 
  z-index: 3;
  cursor:pointer;
}
.photopile button:nth-child(2n) { 
  transform: rotate(-10deg);
}
.photopile button:nth-child(3n) {
  transform: rotate(5deg);
}
.photopile button:nth-child(4n) { 
  transform: rotate(4deg);
}
.photopile button:nth-child(5n) { 
  transform: rotate(-2deg);
}
.photopile button:nth-child(6n) {
  transform: rotate(-7deg);
}
:popover-open {
  border: none;
  box-shadow: 1px 4px 5px rgba(0,0,0,0.55);
  position: fixed;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%,-50%);
}
.popovers figure:popover-open {
  display: block;
  background: white;
  width: 88vmin;
}
.popovers figure:popover-open figcaption {
  margin: 2.5vmin 1rem 4vmin 1rem;
  font-size: 175%;
  color: black;
}
.popovers figure:popover-open img {
  margin: 4vmin 4vmin 0 4vmin;
  width: 80vmin;
  border: 4px rgb(0,0,0,0.55) inset;
}

@keyframes pulse {
     0% {
       transform: scale(1); 
     }
     50% {
       transform: scale(1.1); 
     }
     100% {
       transform: scale(1); 
     }
   }

/* FONT */
@font-face {
  font-family: pixtnr;
  src: url('fonts/PixelTimesNewRoman.woff');
}
@font-face {
  font-family: last;
  src: url('fonts/LastPriestess.woff');
}
@font-face {
  font-family: finders;
  src: url('fonts/FindersKeepers.woff');
}
@font-face {
  font-family: jinx;
  src: url('fonts/JinxedWizards.woff2');
}
@font-face {
  font-family: sonic;
  src: url('fonts/Sonic2HUD.woff');
}
@font-face {
  font-family: tnj;
  src: url('fonts/TomAndJerry.woff');
}
@font-face {
  font-family: body;
  src: url('fonts/Basteleur-Bold.woff');
}
/*FOR TITLE ANIMATION*/
@font-face {
font-family: 'TheFont';
src: url("https://garet.typeforward.com/assets/fonts/shared/TFMixVF.woff2") format('woff2'); }



/*TV VID PLAYER WIDGET*/
#vid-container{}
:root {
  --tv-wood: #5a3825;
  --tv-bezel: #d17546;
  --screen-bg: #111;
  --neon-green: #33ff33;
}

/* Outer TV Wood Console Frame */
.tv-container {position: absolute;
width: 473px; height: 352px; left: -16px; top: -7px;  background: radial-gradient(ellipse, #aeaaab 20%, #d4d2d3 40%); border-radius: 20px;  
}

/* Inner Plastic Bezel */
.tv-bezel {
background:
url("https://martbro.neocities.org/img/frames/monitor.png");background-position: center;background-repeat: no-repeat; 
width: 476px;
    height:435px;
padding:35px;
box-sizing:border-box;
border-radius: 20px;

}

/* CRT Screen Housing */
.screen-housing {
  background: var(--screen-bg);
  width: 100%;
  height: 280px;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 40px rgba(0,0,0,1);
  border: 10px solid #373232;
  box-sizing: border-box;
  transition: background 0.3s ease;
}

/* HTML5 Video Element */
video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: contrast(1) saturate(1); /* Give it a slightly analog look */
  transition: filter 0.3s, transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s;
}

/* Realistic Animated Grain Static Overlay */
#static-overlay {
  position: absolute;
  top: -50%; left: -50%; right: -50%; bottom: -50%;
  width: 200%; height: 200%;
  background: transparent;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

/* Generates high-density programmatic noise using canvas injection in JS */
#static-overlay.active {
  opacity: 0.3;
  visibility: visible;
  animation: noise-jump 0.2s infinite steps(4);
}

@keyframes noise-jump {
  0% { transform: translate(0, 0); }
  10% { transform: translate(-1%, -1%); }
  20% { transform: translate(1%, 2%); }
  30% { transform: translate(-2%, -2%); }
  40% { transform: translate(1%, 3%); }
  50% { transform: translate(-1%, 1%); }
  60% { transform: translate(2%, -1%); }
  70% { transform: translate(-2%, 1%); }
  80% { transform: translate(1%, -2%); }
  90% { transform: translate(-1%, 3%); }
  100% { transform: translate(0, 0); }
}

/* Scanlines effect overlay */
.scanlines {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  background-size: 100% 4px, 6px 100%;
  pointer-events: none;
  z-index: 2;
}

/* Green Retro Channel Indicator */
#channel-display {
  position: absolute;
  top: 20px;
  right: 25px;
  font-family: 'Courier New', monospace;
  color: var(--neon-green);
  font-size: 26px;
  font-weight: bold;
  text-shadow: 0 0 8px var(--neon-green);
  opacity: 0;
  z-index: 3;
  transition: opacity 0.3s ease;
}
#channel-display.show {
  opacity: 1;
}

/* TV Dashboard Control Panel */
.control-panel {
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  padding: 0 10px;
}

/* Rotary Wheel / Dial Mechanism */
.dial-housing {
  display: flex;
  align-items: center;
  gap: 7px;
}

.rotary-dial {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: radial-gradient(circle, #d4d2d3 20%, #aeaaab 70%);
  border: 1px solid #7b7a7a;
  position: relative;
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 4px 6px rgba(0,0,0,0.4);
}

/* Notch marker on the dial wheel */
.rotary-dial::before {
  content: '';
  position: absolute;
  top: 4px;
  left: calc(50% - 3px);
  width: 2px;
  height: 6px;
  background-color: #7b7a7a;
  border-radius: 2px;
}

.step-btn {
  background-color: #d4d2d3;
  color: #7b7a7a;
  border: 1px solid #aeaaab;
  padding: 2px 6px;
  cursor: pointer;
  font-weight: bold;
  border-radius: 11px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.step-btn:active {
  background: #444;
}

/* Master Mechanical Power Switch */
.power-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.power-label {
  color: #222;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.power-toggle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #d4d2d3;
  border: 1px solid #aeaaab;
  color: #7b7a7a;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 3px 0 #949292;
  position: relative;
  left: -66px;
  transition: all 0.1s ease;
  
}

.power-toggle.pressed {
  top: 4px;
  box-shadow: 0 0px 0 #5a1111;
  
}

/* CRT Power Down Animations */
.tv-off video {
  opacity: 0 !important;
  transform: scaleX(0.01) scaleY(0.01); /* Collapses down to a center point */
}

.tv-off .screen-housing {
  background: #000;
  animation: crt-dot 0.4s ease-out forwards;
}

@keyframes crt-dot {
  0% { background: #333; }
  40% { background: #fff; } /* Creates the final phosphorous electrical flash */
  100% { background: #000; }
}




















/* DS WIDGET */
/*
    made in chrome, or webkit based browsers... (=`ω´=)
    it's basically useless in firefox (•ิ_•ิ) (tabs don't work)
    still looks nice as deco though ~

        ==== customization ====


        /* welcome image / background ?
        i love using a png for this */
        --welcome-image: url("https://cdn.donmai.us/original/bb/9f/bb9f9d4e94d86fb9346f278de7fc8c5a.gif");



        /* thumbnails ! make sure you put your image
        link INSIDE the quotation marks.... please */
        --tab-1-thumbnail: url("https://images2.imgbox.com/da/68/jgYuVTnR_o.gif");
        --tab-2-thumbnail: url("https://images2.imgbox.com/bb/92/rDL6BjcM_o.gif");
        --tab-3-thumbnail: url("https://images2.imgbox.com/4a/e8/oPtxhCUI_o.gif");
        --tab-4-thumbnail: url("https://images2.imgbox.com/03/02/aP4PueaS_o.gif");
    }
	/* wall of code itself down below... if you know what you're doing and wanna change advanced stuff, make it readable at unminify.com */
.dantendo,
.dantendo img {
    max-width: 100%;
}
.dantendo .arrows,
.dantendo .buttons {
    filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
}
.dantendo .arrows a,
.dantendo .buttons a {
    vertical-align: top;
    position: relative;
    display: inline-block;
}
.dantendo *,
.dantendo ::after,
.dantendo ::before {
    box-sizing: border-box;
}
.dantendo ::selection {
    background: 0 0;
}
.dantendo ::-webkit-scrollbar-thumb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAWCAYAAAA8VJfMAAAA5ElEQVRIDc2VIRKDMBBFOSaysrISmSNEIjkCshJZGRnJEZC47fyd+ZkvKjdQ8VkmzLyXBZIMKSW7OsM4ZZvX7bLA59LlvRmzfort+x4W8MhGdekjzYYHzHEcFh2yUeEbcNGZRAvBU36T6jc9z9Oio/wmnZbVmGgheGSj3it95sWYHp2Sjeqd4hfWwd7Stk5vkaJlpkenZKO2TsdXNqbHOiXbK7dBHbxFGrnvkqVN/Xy9tVaLzh9Jp+x/FVovpYQHXI2fpzpwmVTXUfT3BE/5aNA71R0Jx1CkGDzluxSz0KOn9z18X6jbQZNFS4ScAAAAAElFTkSuQmCC)
        center/contain no-repeat;
}
.dantendo ::-webkit-scrollbar-track {
    margin-inline: 2px;
}
.dantendo ::-webkit-scrollbar {
    height: 12px;
    background:
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAA5UlEQVQ4Ea3VMRKDIBAFUI5pmZIyJSVHoLT0CJYpLS1TehS6zfyd7IYgigMWPwQhLx8zY4z3nu6KsdYSMs5Ldxhz08zQ9FqoNShjUmhe39QSFFAMEyCtrXaYXGi9dzihHhMILrTGhumHXUVwO2KMuy9lDC+AMJ5FEEBIvvfhRzI1LEeasCPkFEM9tMOI1BDBZH86msEFxoZnII0LjK7bRkfRvd/PAWUMb/JFnp+g+f46Jm0L6CGGo+aLxXmC5uva7DImTQsjY/glGUO7jih2B/iHYdIbftICQbve6H/A1adGaZ+U+ACW94bTEjITDAAAAABJRU5ErkJggg==)
            left/contain no-repeat,
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAWCAYAAAAinad/AAAA5klEQVQ4Ea2VMRKDIBBFOaZlSsqUlhzB0tIjUKa0tEzpUew283fyGciI2UCK7wKyj787DroQgvxLbo6r9Mp7L5DClscqrYKRcYklLG5PaRFMENjtDAYAhDuHR0/P2B6F+WlRKiYtopEq7DgO7Z8Vnnp2C7PAXS7AKPQkf3c2xqFYd99gFujPsCtoAYO7XEy8iiifOSgRYy1zuE+Sa9t3qQmQYSz3A4Y1M+wMQgNwZYJdQcwwC4QwLbtWZtr00cvqOnqYYO8JT2iJ6aNtSc5zAEowfi+tMcE46Ikwodc2IdYb4mwf/wEvJ+SG0y51IyIAAAAASUVORK5CYII=)
            right/contain no-repeat,
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAWCAYAAAD5Jg1dAAAAVElEQVQ4EcWSMQ1AQQjFkI4URmQggREJuHg/OOhy+UO3pgHuzN1FsIgQwbpbBNtdEbg4MyIYkc6xqhKBb01q5zwoZqYI/K1J7Zw/i+TTnvNgRnqeD13sstPObrArAAAAAElFTkSuQmCC)
            center/contain repeat-x;
}
.dantendo ::-webkit-scrollbar:vertical {
    width: 2px !important;
    background: 0 0 !important;
}
.dantendo ::-webkit-scrollbar-thumb:vertical {
    background: rgba(0, 0, 0, 0.3) !important;
}
.dantendo .lower-screen::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 6%;
    width: 30%; 
    right: 0;
    left: 0;
    margin-inline: auto;
    background:
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAGCAYAAACmekziAAAACXBIWXMAAFxGAABcRgEUlENBAAAAcUlEQVQokeWOIRKDQBAE+ygess9CIu8JyJGRyJVInnNyZeQ9AQeSSiUQcyJVGbXTO6LhR5IW931ZVwDGYWDMOX0a6qH9pU9KLVk3u2NmmBmz+6VxPOPtbsn6Ugp12wCocT6/ybRmnSRqBDUCSbcif5EDSLhUUXnGw2QAAAAASUVORK5CYII=)
            left/30% no-repeat,
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAACCAYAAADPV1tRAAAACXBIWXMAAFxGAABcRgEUlENBAAAAJElEQVQokWNs6Gj4z8DAwNBQ0cDIAAWUiFGqf6iZycQwCigCAFqyPosK481tAAAAAElFTkSuQmCC)
            10px center/90% no-repeat;
    height: 10px;
    z-index: 9999;
    pointer-events: none;
}
.dantendo {
    display: flex;
    flex-direction: column;
  background-color: #d3dc48;
    gap: 2%;
    width: 250px;
    aspect-ratio: 1/1;
    position: relative;
    font-family: "MS Pgothic";
    font-size: 80%;
    color: #000;
    text-align: center;
    margin: 5px auto;
    border-radius: 4%;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.3));
    transition: 4s linear;
    transform-style: preserve-3d;
}
.dantendo,
.dantendo * {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzUlEQVRYw+3WzQ2DMAxA4YfVPWATh0lgE8Sm2SQ9tEEp4q9SaksVvhFyePogAnhNwmkESNM0uUUIQNd1eEqkt0JS1WQdIUCTFQoJ20dQBqiq6aPIAU3f9y4KUl54KJQBLgqyXrBWWAeYK8jWoqXCVoCpguzdsFLYCzBTkKObFgpHAVsK1T9WcrYhB7Rti6oyDENVjbOAD4UYo+07UCqEEACIMVZVuBLwUwW5urFUAKqdjKsBi8I4jlUFHt9szsdxnuclzOUHlnvuueef5gl21kMYB7ojtQAAAABJRU5ErkJggg==),
        auto !important;
}
.dantendo .screen-division {
    background: #d3dc48, linear-gradient(rgba(255, 255, 255, 0.3) 10%, transparent 90%);
    height: 50%;
    border-radius: 3%/6%;
    border: 1px solid #000;
    box-shadow:
        0 0 0 3px color-mix(in lch, #d3dc48 80%, #fff) inset,
        0 3px 8px 2px color-mix(in lch, #d3dc48 60%, #000) inset;
    overflow: hidden;
}
.dantendo .screen-divider,
.dantendo .screen-divider::after,
.dantendo .screen-divider::before {
    background: #d3dc48 linear-gradient(rgba(255, 255, 255, 0.5) 10%, transparent 50%);
    box-shadow: 0 -5px 5px -2px color-mix(in lch, #d3dc48 60%, #000) inset;
    position: absolute;
}

.dantendo .screen-divider {
    top: 48%;
    right: 0;
    left: 0;
    margin-inline: auto;
    width: 95%;
    height: 5%;
    border-block: 1px solid black;
}
.dantendo .screen-divider::after,
.dantendo .screen-divider::before {
    content: "";
    display: block;
    top: -20%;
    height: 135%;
    width: 14%;
    border: 1px solid #000;
    border-radius: 15%/30%;
}
.dantendo .screen-divider::before {
    left: -3%;
    background-image: linear-gradient(gray, #000), linear-gradient(gray, #000), linear-gradient(gray, #000);
    background-position:
        30% 30%,
        center 30%,
        70% 30%;
    background-repeat: no-repeat;
    background-size: 8% 60%;
}
.dantendo .screen-divider::after {
    right: -3%;
}
.dantendo .screen {
    background: linear-gradient(0deg, #fff 0, #fff 30%, #d7d7d7 30%, #d7d7d7 70%, #fff 70%);
    background-size: 100% 3px;
    border: 1px solid #000;
    outline: rgba(0, 0, 0, 0.4) solid 1px;
    outline-offset: 4px;
    box-shadow: 0 0 0 5px color-mix(in lch, #d3dc48 90%, gray);
    border-radius: 3%/6%;
    margin-top: calc(3% + 8px);
    margin-inline: auto;
    height: calc(85% - 9px);
    width: 45%;
    position: relative;
}
.dantendo-tab {
    transition: 0.6s 0.2s;
}
.dantendo .upper-screen .screen {
    overflow-x: hidden;
    overflow-y: auto;
}
.dantendo .lower-screen .screen {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding-right: 10%;
}
.dantendo .upper-screen::after,
.dantendo .upper-screen::before {
    content: "";
    display: block;
    position: absolute;
    top: 36%;
    height: 1.8%;
    width: 5%;
    border-radius: 40%/80%;
    background: #000;
    filter: drop-shadow(-1px -1px 1px color-mix(in lch, #d3dc48 70%, white));
}
.dantendo .upper-screen::before {
    left: 12%;
}
.dantendo .upper-screen::after {
    right: 12%;
}
.dantendo-bar {
    margin: 1px;
    height: 10px;
    padding-inline: 11px;
    text-align: justify;
    font-size: 8px;
    background:
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAALCAYAAAByF90EAAAACXBIWXMAAFxGAABcRgEUlENBAAAAqUlEQVQoka1SsQ3EMAg8vzKMy4zACCkZgTEyBiO4zAiM4NLbkMoRkT9KlP+rEAd3gA1cwMxcRPyKfwQzcyJyIhqEVNXN7N4giqiqx3yPiWgQmzrRE+u6AgCYGbXWo7CUAlV1EUnMjFIKBqGcM+Z5PhG1VrTW4kqpG4pIiubbtvkEAK21U9MbfJ4Wiogzc5/Oc84HtyxLGhriseP4d8f+ir88fxT7+UO+wQ63LnK4FP6+3AAAAABJRU5ErkJggg==)
            left 2px/11px no-repeat,
        url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAACXBIWXMAAFxGAABcRgEUlENBAAAAxUlEQVQokaWSrRbCMAyF7zgTeQQkshKJjJxE9jEmkUjkHqNysrISiZyc5BHihli7LfvhsMN1SXO/Jm0yRNV13VVVhb0qyxJZCpi5c87thlhrkU8TRAS6XX4GyOMJAMiZuRuSIqDzaSgqnCiTt6Qh0p8f5p0k8xywBk31ahwRAb1aeBNNzfEryF1lCSEiwDcoTrwwJ/k2jJfGTtQ4aUbfBlW8BpjW5yGEDOi/mIiAwowmvDXFGBVuvonclx1sKnYyLNs/G/sBGlhPnDO6iAoAAAAASUVORK5CYII=)
            right 1px/11px no-repeat;
    width: fit-content;
    white-space: nowrap;
}
.dantendo-bar span {
    color: #4682b4;
    font-size: 10px;
    vertical-align: -1px;
    margin-right: 3px;
}
.welcome-image {
    transition: 0.4s;
    content: var(--welcome-image);
    height: calc(100% - 15px);
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    opacity: 1;
    position: absolute;
    right: 0;
}
.dantendo-tab {
    width: 85%;
    aspect-ratio: 1/0.78;
    margin: 2% auto;
    right: 0;
    left: 0;
    background: color-mix(in lch, #d3dc48 50%, #fff);
    border: 2px solid #fff;
    font-size: 10px;
    padding: 2px;
    color: color-mix(in lch, #d3dc48) 50%, #000) !important;
    overflow-y: auto;
    word-break: break-word;
    position: absolute;
    box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.5);
}
.power-button,
.select-btn,
.start-btn {
    position: absolute;
    font-family: arial;
    font-size: 7px;
    color: #000;
    user-select: none;
    text-shadow: 0 0 0 #000;
    white-space: nowrap;
}
.dantendo .tab-content,
.dantendo .tab-title {
    margin: 0 !important;
    font-size: 11px;
    white-space: pre-wrap;
}
.dantendo .tab-content {
    text-align: left; font-family: "MS Pgothic";
}
.dantendo .tab-title {
    text-transform: uppercase;
}
#tab-1 .tab-title::after {
    content: var(--tab-1-title);
}
#tab-2 .tab-title::after {
    content: var(--tab-2-title);
}
#tab-3 .tab-title::after {
    content: var(--tab-3-title);
}
#tab-4 .tab-title::after {
    content: var(--tab-4-title);
}
#tab-1 .tab-content::after {
    content: var(--tab-1-content);
}
#tab-2 .tab-content::after {
    content: var(--tab-2-content);
}
#tab-3 .tab-content::after {
    content: var(--tab-3-content);
}
#tab-4 .tab-content::after {
    content: var(--tab-4-content);
}
#tab-1-button img {
    content: var(--tab-1-thumbnail);
}
#tab-2-button img {
    content: var(--tab-2-thumbnail);
}
#tab-3-button img {
    content: var(--tab-3-thumbnail);
}
#tab-4-button img {
    content: var(--tab-4-thumbnail);
}
.dantendo .screen .thumbnail {
    background: silver;
    border: 1px solid gray;
    outline: white solid 5px;
    box-shadow:
        0 0 0 6px gray,
        0 6px 0 4px gray;
    border-radius: 3px;
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-top: 20%;
    margin-left: 30%;
    vertical-align: middle;
}
.dantendo .screen .thumbnail img {
    min-width: 100%;
    max-height: 100%;
    object-fit: cover;
    padding:2px;
    image-rendering: crisp-edges;
}
:is(#tab-1, #tab-2, #tab-3, #tab-4) {
    opacity: 0;
}
.dantendo:has(#tab-1-button:focus, .arrow-up a:focus, .button-x a:focus) #tab-1 {
    opacity: 1;
}
.dantendo:has(#tab-2-button:focus, .arrows-left-right a:first-child:focus, .buttons-y-a a:first-child:focus) #tab-2 {
    opacity: 1;
}
.dantendo:has(#tab-3-button:focus, .arrows-left-right a:last-child:focus, .buttons-y-a a:last-child:focus) #tab-3 {
    opacity: 1;
}
.dantendo:has(#tab-4-button:focus, .arrow-down a:focus, .button-b a:focus) #tab-4 {
    opacity: 1;
}
.dantendo:has(a:not(.power-button):focus) .welcome-image {
    opacity: 0;
}
.select-btn,
.start-btn {
    right: 18%;
    height: 4%;
    width: 4%;
    background: #d3dc48;
    border-radius: 100%;
    border: 1px solid #000;
    box-shadow:
        -2px 2px 3px rgba(255, 255, 255, 0.2) inset,
        3px -3px 3px color-mix(in lch, #d3dc48) 80%, #000) inset,
        1px 1px 2px rgba(0, 0, 0, 0.5);
    text-indent: 140%;
}
.start-btn {
    bottom: 10%;
}
.select-btn {
    bottom: 4%;
}
.select-btn:active,
.start-btn:active {
    box-shadow:
        2px -2px 3px rgba(255, 255, 255, 0.2) inset,
        -3px 3px 3px color-mix(in lch, #d3dc48 80%, #000) inset;
}
.dantendo .arrows {
    width: 17%;
    height: 15%;
    position: absolute;
    top: 67%;
    left: 5%;
}
.dantendo .arrows::before {
    content: "";
    display: block;
    position: absolute;
    top: 33%;
    right: 37%;
    background: #d3dc48;
    width: 27%;
    height: 33%;
    z-index: 69;
}
.dantendo .arrows div {
    height: 33%;
    white-space: nowrap;
}
.dantendo .arrows a {
    background: #d3dc48;
    height: 100%;
    width: 40%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.dantendo .arrow-down a,
.dantendo .arrow-up a {
    width: 30%;
}
.dantendo .arrow-up a {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
}
.dantendo .arrow-down a,
.dantendo .arrows-left-right a:first-child {
    border: 1px solid #000;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.8) inset;
}
.dantendo .arrow-down a {
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
    border-top: 0;
    border-radius: 0 0 2px 2px;
}
.dantendo .arrows-left-right a:first-child {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
    border-right: 0px;
    border-radius: 2px 0 0 2px;
}
.dantendo .arrows-left-right a:last-child {
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0.3) 10%, transparent 80%);
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.8) inset;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 2px 2px 0;
}
.dantendo .arrow-up a:active {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
}
.dantendo .arrow-down a:active {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
}
.dantendo .arrows-left-right a:first-child:active {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
}
.dantendo .arrows-left-right a:last-child:active {
    background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.2) 10%, transparent 80%);
}
.dantendo .arrow-down a::after,
.dantendo .arrow-up a::after,
.dantendo .arrows-left-right a::after {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    left: 0;
    right: 0;
    margin: auto;
}
.dantendo .arrows-left-right a::after {
    width: 40%;
    top: 45%;
    height: 9%;
}
.dantendo .arrow-down a::after,
.dantendo .arrow-up a::after {
    width: 9%;
    top: 25%;
    height: 50%;
}
.dantendo .buttons {
    width: 20%;
    height: 19%;
    position: absolute;
    top: 63%;
    right: 3%;
    white-space: nowrap;
}
.dantendo .buttons div {
    height: 33%;
}
.dantendo .buttons a {
    background: #d3dc48;
    height: 100%;
    width: 33%;
    border-radius: 50%;
    border: 1px solid #000;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow:
        -2px -2px 5px -3px rgba(0, 0, 0, 0.6) inset,
        2px 2px 5px -2px rgba(255, 255, 255, 0.8) inset;
}
.dantendo .buttons a:active {
    box-shadow:
        2px 2px 5px -3px rgba(0, 0, 0, 0.6) inset,
        -2px -2px 5px -2px rgba(255, 255, 255, 0.8) inset;
}
.dantendo .buttons .buttons-y-a a:first-child {
    margin-right: 20%;
    background-image: url(data:image/png;base64,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);
    background-size: 60%;
}
.dantendo .buttons .button-x a {
    background-image: url(data:image/png;base64,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4OkNwfG2hWo0/sWXSvLHwe2smZHLfLIxXkWOWy9w4yS1EMbI++RjJ/rM/G6D21lmNUNyGWMbtv6NCmC8wAWS/GJwUNSoucPHV3VYjq8Y3N7qBF42rHYyIrAkgZpH/5GGYJj6uPmzNG01dpclHTfFEBgi8PiG4H/fkJr1Z9Kx1VjXDMd+DSVsncD1k9SCFyPv+9dt7nzHVmOfH7zGwda9MTW4X6AWuPjx4OBf19VzOrYae37/IVQCgfkFaoGLkWf+ymtd18/r2mrstvMfHq8k0CfwqIbg/9iar6DbsdXYb2011vcmlvN8AvVorh7RjTz7b8oa+h1bjX1mzr0O5ju6XkXgIAK1kEUNzhkZ/DV46KYHKXPdfvXOwT5lfeS6IajvZgq8veHNvWn76HVtNbZJneRmRseGt+ohDcG/qTvpdm01dsiGv8c0b6ICNRW3puSOvPT/zYZ/wNWx1di6f1A60be3ah1MoOsR120OVugG/K5rq7EnboCNJqyRQMcgl+euUfsXqaqtxhbR89qVC9x/8GV/3UIcs2XDXG01tvK3sQrMI1ATXU4a3AEcn+TQeSqz5q/p2GpsXSZMrfmh287q11TXrw8O/jr732k7OdO11ViNyJQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIECBAgAABAgQIENivwH8AWBjxhdGXV8AAAAAASUVORK5CYII=);
    background-size: 115%;
}
.dantendo .buttons .button-b a {
    background-image: url(data:image/png;base64,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);
    background-size: 90%;
}
.dantendo .buttons .buttons-y-a a:last-child {
    background-image: url(data:image/png;base64,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);
    background-size: 75%;
}
.dantendo .camera-thingy {
    height: 100%;
    background: radial-gradient(black 50%, transparent 60%), radial-gradient(black 50%, transparent 60%);
    background-position: right, left;
    background-size:
        20% 40%,
        30% 50%;
    background-repeat: no-repeat;
    width: 8%;
    margin: auto;
    filter: drop-shadow(1px 1px rgba(255, 255, 255, 0.7));
}
.power-button:hover {
    color: black;
    text-decoration: none;
}
.power-button {
    bottom: 4%;
    left: 19%;
    height: 5%;
    width: 5%;
    background: #d3dc48
        url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
    border-radius: 100%;
    border: 1px solid #000;
    box-shadow:
        -2px 2px 3px rgba(255, 255, 255, 0.2) inset,
        3px -3px 3px rgba(0, 0, 0, 0.4) inset,
        1px 1px 2px rgba(0, 0, 0, 0.5);
    text-indent: -450%;
    text-decoration: none;
}
.power-button:active {
    box-shadow:
        2px -2px 3px rgba(255, 255, 255, 0.2) inset,
        -3px 3px 3px rgba(0, 0, 0, 0.4) inset,
        1px 1px 2px rgba(0, 0, 0, 0.5);
}
.dantendo:has(.power-button:focus) {
    transform: perspective(200px) rotateX(80deg) rotateY(-80deg) scale(0);
}
