@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}:root{--bg: #283050;--ink: #181820;--paper: #f8f8f8;--accent: #f8d030;--red: #e83030;--green: #48c048}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.6}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px}h1{margin:0;font-size:18px;color:var(--accent);text-shadow:3px 3px 0 var(--ink);letter-spacing:1px}h2{margin:0 0 8px;font-size:10px;display:inline}.hud{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.hp{display:flex;align-items:center;gap:6px}.hp b{color:var(--accent);font-weight:400}.bar{width:120px;height:10px;background:#404040;border:2px solid var(--ink);box-shadow:0 0 0 2px var(--paper)}.bar i{display:block;height:100%;width:100%;background:var(--green);transition:width .3s}main{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;padding:0 16px 16px;max-width:1280px;margin:0 auto}.screen{position:relative;border:4px solid var(--ink);box-shadow:0 0 0 4px var(--paper),6px 6px 0 6px var(--ink);background:#000}canvas{display:block;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer}.box{background:var(--paper);color:var(--ink);border:4px solid var(--ink);border-radius:6px;box-shadow:inset 0 0 0 2px #a8a8b8;padding:10px 12px;margin-bottom:12px}.log{margin-top:18px;height:120px;overflow-y:auto;font-size:9px}.log p{margin:0 0 4px}.log .t{color:#6070a0}.log .bad{color:#c02020}.log .good{color:#208030}.log p:last-child:after{content:" ▼";animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}button{font:inherit;font-size:9px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);padding:6px 8px;margin:2px 0;cursor:pointer;display:block;width:100%;text-align:left}button:before{content:"▶ ";visibility:hidden}button:hover:not(:disabled):before,button.on:before{visibility:visible}button.on{background:var(--accent)}button:disabled{color:#a0a0a0;border-color:#a0a0a0;cursor:not-allowed}.row{display:flex;gap:6px;align-items:center;margin-top:6px}.row>button{width:auto}.speeds{display:flex;gap:4px}.speeds button{width:auto;padding:6px 5px}.speeds button:before{display:none}.stats,.card{font-size:9px;display:grid;grid-template-columns:1fr auto;gap:2px 8px}.card{display:block}.card b{color:#3050a0;font-weight:400}details summary{cursor:pointer;list-style:none}details summary::-webkit-details-marker{display:none}details summary h2:after{content:" ▼"}details[open] summary h2:after{content:" ▲"}.setting{margin:10px 0;font-size:8px}.setting label{display:flex;justify-content:space-between}.setting input{width:100%;accent-color:var(--ink)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;text-align:center;padding:16px;background:#1010288c}.overlay.show{display:flex}.overlay .box{max-width:460px;width:100%;max-height:100%;overflow-y:auto;font-size:9px}.overlay h3{margin:0 0 10px;font-size:14px}.overlay .big{color:var(--red);font-size:18px;margin:6px 0 10px}.overlay button{text-align:center;margin-top:10px}.blink{animation:blink 1s steps(1) infinite}button span{float:right}button small{display:block;font-size:7px;color:#6070a0;margin-top:2px}button:disabled small{color:#b0b0b0}.hint{font-size:7px;color:#6070a0;margin:6px 0 0}.good{color:#208030}.bad{color:#c02020}.union{background:#ffe8a0}.union div{font-size:8px;margin-top:6px}.event{background:var(--red);color:var(--paper);padding:4px 6px;margin:6px 0;font-size:8px;animation:blink 1.4s steps(1) infinite}.chart-title{font-size:7px;margin:10px 0 2px}.chart{width:100%;height:auto;display:block}.chart text{font:6px "Press Start 2P",monospace;fill:#181820}.shame{font-size:8px;background:#181820;color:var(--accent);padding:6px;margin:8px 0}.shame b{color:var(--red);font-weight:400}.overlay .stats{text-align:left}textarea{width:100%;height:90px;font:8px "Press Start 2P",monospace;margin-top:8px}@media(max-width:820px){main{grid-template-columns:1fr}.overlay{position:static;padding:12px 0 0;background:none}.overlay .box{max-width:none}}