*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg:#131426;--bg-check:#16172e;--panel:#0b0b16;--bezel:#3a3b5e;--btn:#23244a;--btn-hi:#3d3e78;--btn-lo:#14152e;--text:#e8e8f4;--dim:#8a8ab0;--dimmer:#4a4a68;--yellow:#f2c94c;--red:#f0506e;--green:#58e06b}body,html{height:100%}body{background-color:var(--bg);background-image:conic-gradient(var(--bg-check) 90deg,transparent 90deg 180deg,var(--bg-check) 180deg 270deg,transparent 270deg);background-size:16px 16px;color:var(--text);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;-webkit-font-smoothing:none;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}.arcade{min-height:100%;flex-direction:column;align-items:center;gap:20px;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.arcade,.arcade-row{display:flex;justify-content:center}.arcade-row{flex-wrap:wrap;align-items:stretch;gap:28px}.cabinet{display:flex;flex-direction:column;align-items:center;gap:14px}.screen{position:relative;border:4px solid var(--bezel);outline:4px solid #000;box-shadow:10px 14px 0 4px rgba(0,0,0,.4);background:var(--panel);line-height:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}.screen canvas{display:block;width:min(592px,calc(100vw - 56px));height:auto;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0,rgba(0,0,0,.16) 1px,transparent 0,transparent 3px)}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.controls.small{gap:8px;margin-top:-6px}.pbtn{font-family:inherit;font-weight:700;font-size:15px;letter-spacing:1px;color:var(--text);background:var(--btn);border:0;padding:12px 0;width:64px;cursor:pointer;box-shadow:0 4px 0 #000,inset 0 -3px 0 var(--btn-lo),inset 0 3px 0 var(--btn-hi);touch-action:none}.pbtn:active{transform:translateY(4px);box-shadow:0 0 0 #000,inset 0 -3px 0 var(--btn-lo),inset 0 3px 0 var(--btn-hi)}.pbtn.accent{background:#7a2438;box-shadow:0 4px 0 #000,inset 0 -3px 0 #4a1421,inset 0 3px 0 #a63b52}.pbtn.tiny{width:56px;padding:8px 0;font-size:12px}.pbtn:disabled{opacity:.5;cursor:default}.board{background:var(--panel);border:4px solid var(--bezel);outline:4px solid #000;box-shadow:10px 14px 0 4px rgba(0,0,0,.4);padding:18px 18px 16px;width:min(340px,calc(100vw - 56px));font-size:13px;text-transform:uppercase;letter-spacing:.5px}.board h2{font-size:13px;color:var(--yellow);letter-spacing:2px;margin-bottom:12px}.board ol{list-style:none}.board li{display:grid;grid-template-columns:24px 1fr auto auto;grid-gap:10px;gap:10px;padding:4px 0;border-bottom:2px solid #1c1d38;align-items:baseline}.board li:last-child{border-bottom:0}.board .rank{color:var(--dimmer)}.board .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .pts{color:var(--green)}.board .date{color:var(--dimmer);font-size:11px}.board .empty{color:var(--dim);border:0;padding:8px 0;display:block}.entry{margin-top:14px;padding-top:12px;border-top:2px solid #1c1d38}.entry .headline{color:var(--yellow);margin-bottom:10px}.entry form{display:flex;gap:8px}.entry input{flex:1 1;min-width:0;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text);background:#1c1d38;border:2px solid var(--bezel);outline:2px solid #000;padding:8px 10px}.entry input:focus-visible{border-color:var(--yellow)}.entry input::placeholder{color:var(--dimmer)}.entry .saved{color:var(--green);margin-top:10px}.entry .error{color:var(--red);margin-top:10px}.mail{color:var(--dim);font-size:13px;letter-spacing:.5px;text-decoration:none;border-bottom:2px solid var(--bezel);padding-bottom:2px}.mail:focus-visible,.mail:hover{color:var(--text);border-bottom-color:var(--text)}@media (max-width:480px){.arcade{padding:max(16px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:14px}.cabinet{gap:12px}.board{padding:14px 12px 12px}.board,.screen{box-shadow:6px 8px 0 4px rgba(0,0,0,.4)}}@media (pointer:coarse){.pbtn{width:76px;padding:15px 0;font-size:16px}.pbtn.tiny{width:64px;padding:10px 0}.controls{gap:12px}}@media (orientation:landscape) and (max-height:520px){.arcade{padding:12px 16px;gap:10px}.screen canvas{width:min(592px,calc((100vh - 175px) * .87))}.controls{gap:8px;margin-top:-2px}.pbtn{width:56px;padding:9px 0;font-size:13px}.pbtn.tiny{width:52px;padding:6px 0;font-size:11px}}