:root{--face:silver;--face-dark:#a8a8a8;--hi:#fff;--sh:gray;--deep:#000;--desktop:teal;--title:navy;--title-2:#1084d0;--title-text:#fff;--link:#00e;--n1:#00f;--n2:green;--n3:red;--n4:navy;--n5:maroon;--n6:teal;--n7:#000;--n8:gray;--cell:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--desktop);color:#000;-webkit-font-smoothing:none;margin:0;padding:0;font-family:MS Sans Serif,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:12px}body{min-height:100vh;padding:12px 12px 56px}a{color:var(--link)}.out{border-top:2px solid var(--hi);border-left:2px solid var(--hi);border-right:2px solid var(--sh);border-bottom:2px solid var(--sh);background:var(--face)}.in{border-top:2px solid var(--sh);border-left:2px solid var(--sh);border-right:2px solid var(--hi);border-bottom:2px solid var(--hi);background:var(--face)}.thin-in{border-top:1px solid var(--sh);border-left:1px solid var(--sh);border-right:1px solid var(--hi);border-bottom:1px solid var(--hi)}.window{background:var(--face);border-top:2px solid var(--hi);border-left:2px solid var(--hi);border-right:2px solid var(--deep);border-bottom:2px solid var(--deep);box-shadow:inset -1px -1px 0 var(--sh), inset 1px 1px 0 var(--face);max-width:1100px;margin:0 auto 12px;padding:3px}.window.narrow{max-width:760px}.window.wide{max-width:1400px}.titlebar{background:linear-gradient(90deg, var(--title), var(--title-2));color:var(--title-text);-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:3px 4px;font-weight:700;display:flex}.titlebar .spacer{flex:1}.titlebar-btn{background:var(--face);border-top:1px solid var(--hi);border-left:1px solid var(--hi);border-right:1px solid var(--deep);border-bottom:1px solid var(--deep);color:#000;text-align:center;width:17px;height:15px;font-size:10px;font-weight:700;line-height:12px}.menubar{border-bottom:1px solid var(--face-dark);flex-wrap:wrap;gap:2px;padding:2px 1px;display:flex}.menubar a,.menubar button{color:#000;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:2px 7px;text-decoration:none}.menubar a:hover,.menubar button:hover,.menubar a[data-active=true]{background:var(--title);color:#fff}.window-body{padding:10px}button,.btn{font:inherit;background:var(--face);border-top:2px solid var(--hi);border-left:2px solid var(--hi);border-right:2px solid var(--deep);border-bottom:2px solid var(--deep);box-shadow:inset -1px -1px 0 var(--sh), inset 1px 1px 0 var(--face);cursor:pointer;color:#000;min-height:23px;padding:4px 12px}button:active:not(:disabled),.btn:active{border-top:2px solid var(--deep);border-left:2px solid var(--deep);border-right:2px solid var(--hi);border-bottom:2px solid var(--hi);box-shadow:inset 1px 1px 0 var(--sh);padding:5px 11px 3px 13px}button:disabled{color:var(--sh);text-shadow:1px 1px 0 var(--hi);cursor:default}button.primary{font-weight:700}input[type=text],input[type=number],select,textarea{font:inherit;border-top:2px solid var(--sh);border-left:2px solid var(--sh);border-right:2px solid var(--hi);border-bottom:2px solid var(--hi);color:#000;background:#fff;padding:3px 4px}textarea{font-family:Consolas,Courier New,monospace;font-size:12px}label{align-items:center;gap:5px;display:inline-flex}fieldset{border-top:1px solid var(--sh);border-left:1px solid var(--sh);border-right:1px solid var(--hi);border-bottom:1px solid var(--hi);margin:0 0 10px;padding:10px;position:relative}fieldset>legend{padding:0 4px}.ms-frame{padding:6px;display:inline-block}.ms-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;padding:5px 6px;display:flex}.lcd{color:red;letter-spacing:1px;text-align:right;text-shadow:0 0 2px #f009;background:#000;min-width:47px;padding:1px 3px;font-family:DSEG7,Courier New,monospace;font-size:23px;font-weight:700;line-height:23px}.smiley{place-items:center;width:30px;height:30px;padding:0;font-size:17px;line-height:1;display:grid}.smiley:active{padding:0}.grid{background:var(--face);touch-action:manipulation;line-height:0;display:grid}.cell{width:var(--cell);height:var(--cell);font-size:calc(var(--cell) * .62);-webkit-user-select:none;user-select:none;cursor:default;background:var(--face);border-top:3px solid var(--hi);border-left:3px solid var(--hi);border-right:3px solid var(--sh);border-bottom:3px solid var(--sh);box-shadow:none;place-items:center;min-height:0;margin:0;padding:0;font-family:MS Sans Serif,Tahoma,sans-serif;font-weight:700;display:grid;overflow:hidden}.cell.small{border-width:2px}.cell.open{border:1px solid var(--sh);border-right-color:var(--sh);border-bottom-color:var(--sh);border-top-color:var(--sh);border-left-color:var(--sh);background:var(--face)}.cell.pressed{border:1px solid var(--sh);background:var(--face)}.cell.boom{background:red}.cell.wrong{color:red}.n1{color:var(--n1)}.n2{color:var(--n2)}.n3{color:var(--n3)}.n4{color:var(--n4)}.n5{color:var(--n5)}.n6{color:var(--n6)}.n7{color:var(--n7)}.n8{color:var(--n8)}.cell.marked{outline-offset:-2px;z-index:1;outline:2px solid #f0f}.cell .p{font-size:calc(var(--cell) * .34);color:#303030;font-weight:400}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.col{flex-direction:column;gap:10px;display:flex}.between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.muted{color:#404040}.mono{font-family:Consolas,Courier New,monospace}.small{font-size:11px}.arena-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;display:flex}.sidebar{flex-shrink:0;width:268px}h1,h2,h3{margin:0 0 8px;font-size:13px}h1{font-size:15px}p{margin:0 0 8px;line-height:1.45}ul,ol{margin:0 0 8px;padding-left:20px;line-height:1.5}code{background:#fff;padding:0 3px;font-family:Consolas,Courier New,monospace}pre{border-top:2px solid var(--sh);border-left:2px solid var(--sh);border-right:2px solid var(--hi);border-bottom:2px solid var(--hi);background:#fff;margin:0 0 10px;padding:8px;font-family:Consolas,Courier New,monospace;line-height:1.45;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;white-space:nowrap;padding:3px 7px}thead th{background:var(--face);border-top:1px solid var(--hi);border-left:1px solid var(--hi);border-right:1px solid var(--sh);border-bottom:1px solid var(--sh);font-weight:700;position:sticky;top:0}tbody tr:nth-child(2n){background:#f0f0f0}tbody tr.me{background:#ffc;font-weight:700}.table-wrap{border-top:2px solid var(--sh);border-left:2px solid var(--sh);border-right:2px solid var(--hi);border-bottom:2px solid var(--hi);background:#fff;max-height:460px;overflow:auto}.rank{width:42px;color:var(--sh)}.rank.gold{color:#806000;font-weight:700}.statusbar{gap:3px;margin-top:8px;display:flex}.statusbar>span{border-top:1px solid var(--sh);border-left:1px solid var(--sh);border-right:1px solid var(--hi);border-bottom:1px solid var(--hi);flex:1;padding:2px 6px}.statusbar>span.fixed{flex:none}.taskbar{background:var(--face);border-top:2px solid var(--hi);z-index:50;align-items:center;gap:6px;height:34px;padding:3px 6px;display:flex;position:fixed;bottom:0;left:0;right:0}.taskbar .clock{border-top:1px solid var(--sh);border-left:1px solid var(--sh);border-right:1px solid var(--hi);border-bottom:1px solid var(--hi);margin-left:auto;padding:3px 8px}.bracket{gap:24px;padding:6px 2px 12px;display:flex;overflow-x:auto}.bracket-round{flex-direction:column;justify-content:space-around;gap:12px;min-width:190px;display:flex}.bracket-round h3{text-align:center;margin-bottom:2px}.match{background:var(--face);padding:3px}.match .side{border-bottom:1px solid var(--face);background:#fff;justify-content:space-between;gap:8px;padding:2px 5px;display:flex}.match .side.win{background:#d8f0d8;font-weight:700}.match .side.lose{color:var(--sh)}.match .side .nm{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.badge{background:var(--face);border-top:1px solid var(--hi);border-left:1px solid var(--hi);border-right:1px solid var(--sh);border-bottom:1px solid var(--sh);padding:1px 6px;display:inline-block}.badge.live{color:#fff;background:red;font-weight:700}.badge.soon{background:#ffff80}.meter{vertical-align:middle;gap:2px;display:inline-flex}.meter i{background:var(--sh);width:6px;height:11px;display:block}.meter i.on{background:var(--n2)}.notice{border:1px solid var(--sh);background:#ffc;margin:0 0 10px;padding:7px 9px}.notice.error{background:#ffd8d8}.notice.ok{background:#d8f0d8}@media (max-width:720px){body{padding:6px 4px 50px}.window-body{padding:7px}.sidebar{width:100%}}