:root{color-scheme:dark;font-family:"Courier New",monospace;color:#e7e7e7;background:#000;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#000}button,input{font:inherit}button{color:#e6e6e6;background:#050505;border:1px solid #494949;cursor:pointer;letter-spacing:.08em;padding:11px 15px}button:hover{border-color:#ddd;background:#171717}button:focus-visible,input:focus-visible{outline:2px solid #eee;outline-offset:4px}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}#cabinet{max-width:1160px;margin:auto;padding:0 24px}header{height:62px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424;font-size:11px;letter-spacing:.13em;color:#888;gap:12px}nav{display:flex;gap:5px}nav button{font-size:10px;border:0;padding:10px 9px;background:none;color:#aaa}#screen{position:relative;width:100%;max-width:min(100%,calc((100dvh - 155px)*4/3));aspect-ratio:4/3;margin:auto;overflow:hidden;background:#000}canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}#startActions{position:absolute;left:0;right:0;top:74%;display:flex;align-items:center;flex-direction:column;gap:14px}#startActions button{border:1px solid #aaa;padding:13px 27px;font-size:14px;letter-spacing:.2em;text-shadow:0 0 6px #aaa;background:#000c}#startActions span{font-size:10px;letter-spacing:.16em;color:#888}footer{border-top:1px solid #242424;min-height:35px;display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.06em;color:#888}#saveStatus{text-align:center;color:#bcbcbc}#keyLegend{text-align:center;color:#777;font-size:10px;letter-spacing:.06em;margin:12px 0 15px}#controls{display:none;touch-action:none;user-select:none;gap:9px;margin:12px 0}#controls button{flex:1;min-width:0;font-size:24px;padding:12px 1px;touch-action:none;user-select:none;-webkit-user-select:none}#controls small{display:block;font-size:8px;letter-spacing:0;margin-top:6px}#controls button.held{background:#333;border-color:#fff}#paused{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#000b;gap:12px}#paused p{font-size:28px;letter-spacing:.35em}dialog{width:min(510px,calc(100% - 28px));max-height:90dvh;background:#050505;border:1px solid #777;color:#e7e7e7;padding:35px;box-shadow:0 0 65px #ffffff12}dialog::backdrop{background:#000d}dialog h1{font-weight:400;letter-spacing:.16em;font-size:26px;margin:12px 0 20px}dialog p{font-size:13px;line-height:1.65;color:#aaa}.eyebrow{font-size:9px!important;letter-spacing:.2em;color:#777!important}label{display:block;font-size:10px;letter-spacing:.1em;margin:22px 0 14px}input{display:block;width:100%;margin-top:9px;background:#111;border:1px solid #555;color:white;padding:13px;font-size:16px;border-radius:0;text-transform:uppercase}input[type=password]{text-transform:none}.actions{display:flex;gap:10px;margin-top:24px}.actions button{flex:1;font-size:11px}.quiet{width:100%;border-color:#303030;font-size:11px}.fine{font-size:10px!important;color:#777!important}.message{min-height:18px;font-size:12px}.close{position:absolute;right:10px;top:9px;border:0;background:none;font-size:16px}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:10px;gap:10px}.pagination button{font-size:10px;padding:9px}table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px;font-variant-numeric:tabular-nums}th{text-align:left;font-size:9px;font-weight:400;color:#777;padding:8px 0;border-bottom:1px solid #333}td{padding:9px 0;border-bottom:1px solid #1b1b1b}td:last-child,th:last-child{text-align:right}.me{color:#fff;text-shadow:0 0 8px #fff}.searchLabel{margin-top:12px}#boardMessage{font-size:11px} @media(pointer:coarse){#controls{display:flex}#keyLegend{display:none}#screen{max-width:min(100%,calc((100dvh - 220px)*4/3))}}@media(max-width:650px){#cabinet{padding:0 10px}header{height:55px;font-size:8px;letter-spacing:.03em}nav{gap:0}nav button{font-size:8px;padding:9px 5px}header>span{max-width:86px;line-height:1.7}footer{font-size:8px;flex-wrap:wrap;justify-content:center;gap:7px;padding:9px 0}footer>span:last-child{display:none}#screen{max-width:100%}#controls{display:flex}#keyLegend{display:none}#startActions{gap:8px}#startActions button{font-size:10px;padding:9px 18px}#startActions span{font-size:7px}dialog{padding:26px 22px}#controls button{padding:14px 1px}}@media(pointer:coarse) and (orientation:landscape) and (max-height:600px){#cabinet{padding:0 90px}header{height:36px}header>span{display:none}nav{margin:auto}#screen{max-width:calc((100dvh - 75px)*4/3)}footer{min-height:28px}#controls{position:fixed;inset:45px 8px 30px;margin:0;pointer-events:none;display:grid;grid-template-columns:60px 1fr 60px;align-content:end;gap:6px}#controls button{pointer-events:auto;padding:9px 0}#controls button:nth-child(1){grid-column:1;grid-row:2}#controls button:nth-child(2){grid-column:1;grid-row:3}#controls button:nth-child(3){grid-column:3;grid-row:1}#controls button:nth-child(4){grid-column:3;grid-row:2}#controls button:nth-child(5){grid-column:3;grid-row:3}}