/* evaluation.sh - web shell theme (omp.sh inspired) */

:root {
    --bg:     #0f0a14;
    --text:   #c9c7d3;
    --dim:    #7d7a8a;
    --pink:   #ff4fa3;
    --purple: #8a5cf5;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
    background: var(--bg);
    color: var(--text);
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}

/* light theme (toggled from inside the app) */
body.light {
    background: #f5f0ea;
    color: #2a2733;
}

body {
    font-family: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;
}

#screen {
    font-family: inherit;
    font-size: 16px;          /* adjusted at runtime for small screens */
    line-height: 1.25;
    white-space: pre;
    position: fixed;
    inset: 0;
    padding: 0;
    outline: none;
    cursor: default;
    touch-action: none;       /* we handle scrolling as wheel events */
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}

#screen span { display: inline; }

/* boot splash, removed once the wasm module is live */
#boot {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(22px, 6vw, 42px);
    letter-spacing: 0.02em;
    z-index: 10;
    background: var(--bg);
    transition: opacity 0.35s ease;
}
#boot.gone { opacity: 0; pointer-events: none; }

.boot-inner { text-align: center; }
.boot-ssh {
    color: #3ddc84;
    font-size: 0.4em;
    margin-top: 0.8em;
    opacity: 0.85;
}

.eva     { color: var(--pink); }
.luation { color: var(--dim); }
.dotsh   { color: var(--purple); }

.cursor {
    color: var(--pink);
    margin-left: 0.15em;
    animation: blink 1.1s steps(1) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

.noscript {
    position: fixed;
    inset: 0;
    z-index: 20;
    background: var(--bg);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
}
.noscript pre { color: #3ddc84; font-size: 1.2rem; }