/* Custom CSS for GAE portal */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.hud-scanline {
    background: linear-gradient(to bottom, transparent 50%, rgba(56, 189, 248, 0.05) 50%);
    background-size: 100% 4px;
}

.data-grid-overlay {
    background-image: radial-gradient(circle, rgba(56, 189, 248, 0.1) 1px, transparent 1px);
    background-size: 25px 25px;
}

.hud-border-tl {
    border-top: 2px solid #38bdf8;
    border-left: 2px solid #38bdf8;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -2px;
    left: -2px;
}

.hud-border-br {
    border-bottom: 2px solid #38bdf8;
    border-right: 2px solid #38bdf8;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -2px;
    right: -2px;
}

::selection {
    background: rgba(56, 189, 248, 0.3);
    color: white;
}