/* Author: Aptronym */
@font-face {font-family: 'VT220'; font-display: swap; font-style: normal; font-weight: 100; src: local('VT220'), url('assets/Aptro-AmberGlow-font.ttf')}
@keyframes caret-blink { 50% { opacity: 0; } }

/* ====== No clouds, only grain ===== */
:root {
    --apt-crt-url-dark: url("assets/Aptro-AmberGlow-grain-dark.jpg");
    --apt-crt-url-light: url("assets/Aptro-AmberGlow-grain-light.jpg");
}
/* =================================== */

:root {
    --sd-main-accent-color: #ffb000;
    --sd-label-color: #ffb700;
    --sd-input-text-color: #FFCC00;
    --sd-input-secondary-text-color: var(--sd-input-text-color);
    --sd-input-placeholder-text-color: hsla(48, 100%, 50%, 0.35);
    --sd-input-hover-text-color: black;

    --sd-button-normal-color: transparent;
    --sd-button-normal-text-color: var(--sd-input-text-color);
    --sd-button-selected-color: var(--sd-main-accent-color);
    --sd-button-selected-text-color: black;
    --sd-button-hover-color: var(--sd-label-color);
    --sd-button-hover-text-color: var(--sd-button-selected-text-color);

    --sd-main-background-color: rgba(32, 32, 32, 0.25);
    --sd-input-background-color: hsla(0, 0%, 0%, 0.25);
    --sd-input-border-color: rgba(255, 204, 0, 0.5);
    --sd-panel-background-color: rgba(0, 0, 0, 0.048);
    --sd-panel-border-color: rgba(64, 64, 64, 0.15);
    --sd-group-background-color: hsla(0, 0%, 0%, 0.15);
    --sd-group-border-color: hsla(48, 100%, 50%, 0.25);
    --sd-scrollbar-color: var(--sd-main-accent-color);
    --sd-outline-color: var(--sd-button-hover-color);
    --sd-outline-size: calc(var(--sd-border-size) * 0.8);

    --sd-input-height: 35px;
    --sd-input-slider-height: 0.6;
    --sd-input-icon-height: calc(var(--sd-input-height) - var(--sd-input-border-size) * 2);
    --sd-input-line-height: 23px;

    --sd-input-padding: 5px;
    --sd-input-border-size: 2px;
    --sd-panel-padding: 5px;
    --sd-group-padding: 2px;
    --sd-group-border-size: 2px;
    --sd-group-border-radius: 7px;
    --sd-group-gap: 6px;
    --sd-border-size: 2px;
    --sd-border-radius: 5px;
    --sd-gap-size-val: 5px;
    --sd-outside-gap-size: 8px;
    --sd-gap-size: max(var(--sd-gap-size-val), var(--sd-border-size));

    color-scheme: dark;
}

/* text features */
h2, label {
    font-family: 'VT220';
}
label > span {
    font-size: 17px;
}
h2 {
    text-shadow: 0 0 10px #FFA500, 0 0 20px #FFA500;
}
h2::after {
  content: '_';
  animation: caret-blink 1s infinite;
}

::-moz-selection {
    background: #FFCC00aa;
    color: black;
}
::selection {
    background: #FFCC00aa;
    color: black;
}

/* background features */
#sdnext_app {
    background-image: var(--apt-crt-url-light);
    background-color: var(--sd-main-background-color);

    background-position: center;
    background-blend-mode: multiply;
    background-repeat: repeat;
}

ul.options {
    background-image: var(--apt-crt-url-dark);
    background-color: black;

    color: var(--sd-label-color);
    outline: var(--sd-border-size) solid var(--sd-input-border-color);
}