:root{
    --bg:#050505;
    --fg:#e0e0e0;
    --dim:#444;
}
body{
    margin:0; background:var(--bg); color:var(--fg);
    font-family:"Courier New", monospace; overflow:hidden;
}
canvas{ display:block; position:fixed; inset:0; width:100%; height:100%; }

.ui{ position:fixed; top:20px; left:20px; pointer-events:none; z-index:10; }
.back-btn{
    pointer-events:auto; text-decoration:none; color:var(--fg);
    border:1px solid var(--fg); padding:8px 16px; font-weight:bold;
    background:rgba(0,0,0,0.9); text-transform:uppercase; font-size:12px;
    transition:0.2s;
}
.back-btn:hover{ background:var(--fg); color:#000; }

.status{ margin-top:10px; font-size:10px; color:#666; letter-spacing:1px; }

.desc-container {
    position: absolute;
    top: 62%;
    width: 100%;
    text-align: center;
    pointer-events: none;
    mix-blend-mode: difference;
}
.desc-text {
    background: #000;
    color: #ccc;
    display: inline-block;
    padding: 8px 15px;
    font-size: 13px;
    max-width: 550px;
    border: 1px solid #333;
    line-height: 1.6;
    box-shadow: 0 0 20px rgba(0,0,0,0.8);
}
.desc-text span { color: #fff; font-weight: bold; }

.console-hint{
    position:fixed; bottom:20px; left:20px; font-size:11px; color:#333;
    pointer-events:none;
}