@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;outline:none}body{background:#141414;color:#fff;font-family:IBM Plex Mono,monospace;font-weight:300;overflow:hidden;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:none}.screen{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;animation:screenIn .15s ease-out}.screen.hidden{display:none!important}.menu-inner,.diff-inner,.end-inner{width:460px}.menu-game-title{font-size:36px;letter-spacing:-1px;color:#fff;font-weight:400;line-height:1.1;margin-bottom:6px;white-space:nowrap}.menu-sub{font-size:13px;color:#555;margin-bottom:48px;line-height:1.7}.menu-items,.end-items{display:flex;flex-direction:column;gap:2px}.menu-item,.end-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid #242424;cursor:pointer;transition:color .15s}.menu-item:last-child,.end-item:last-child{border-bottom:1px solid #242424}.menu-item:hover .mi-label,.end-item:hover .mi-label,.menu-item:hover .mi-arrow,.end-item:hover .mi-arrow{color:#fff}.mi-index{font-size:11px;color:#444;width:20px}.mi-label{font-size:14px;color:#888;letter-spacing:1px;text-transform:uppercase;flex:1;transition:color .15s}.mi-arrow{font-size:11px;color:#555;transition:color .15s;text-align:right}.mi-chevron{flex-shrink:0;width:7px;height:7px;border-right:1.5px solid #333;border-bottom:1.5px solid #333;transform:rotate(-45deg);transition:border-color .15s}.menu-item:hover .mi-chevron,.end-item:hover .mi-chevron{border-color:#fff}.menu-footer{display:flex;align-items:center;justify-content:space-between;margin-top:40px}.menu-version{font-size:11px;letter-spacing:6px;color:#555;text-transform:uppercase}.menu-discord{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:3px;color:#555;text-transform:uppercase;text-decoration:none;transition:color .15s}.menu-discord-icon{width:14px;height:14px;flex-shrink:0}.menu-discord:hover{color:#fff}.diff-back,.help-back{font-size:11px;letter-spacing:3px;color:#555;text-transform:uppercase;margin-bottom:48px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.diff-back:before,.help-back:before{content:"";width:7px;height:7px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.diff-back:hover,.help-back:hover{color:#fff}.diff-title{font-size:24px;color:#fff;font-weight:400;margin-bottom:6px}.diff-sub{font-size:13px;color:#555;margin-bottom:48px;line-height:1.7}.set-row{margin-bottom:36px}.set-head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.set-label{font-size:14px;color:#fff;letter-spacing:2px;text-transform:uppercase}.set-hint{font-size:11px;color:#555;flex:1}.set-val{font-size:13px;color:#aaa;font-variant-numeric:tabular-nums}.set-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#242424;outline:none;cursor:pointer}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border:0;cursor:pointer}.set-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:#fff;border:0;cursor:pointer}.set-reset{font-size:11px;letter-spacing:2px;color:#555;text-transform:uppercase;cursor:pointer;margin-top:8px;display:inline-block}.set-reset:hover{color:#fff}.set-toggle{cursor:pointer}.set-toggle:hover .set-label,.set-val.on{color:#fff}#help{align-items:flex-start;overflow-y:auto;padding:60px;justify-content:flex-start}.help-inner{width:100%;max-width:960px;margin:0 auto}.help-title{font-size:28px;color:#fff;font-weight:400;margin-bottom:16px}.help-intro{font-size:13px;color:#888;line-height:1.7;max-width:680px;margin-bottom:44px}.help-panels{display:flex;gap:24px;margin-bottom:64px}.help-panel{flex:1;display:flex;flex-direction:column;gap:14px}.help-panel canvas{display:block;image-rendering:pixelated;width:100%}.help-panel-title{font-size:11px;letter-spacing:3px;color:#aaa;text-transform:uppercase}.help-panel-desc{font-size:11px;color:#555;line-height:1.8}.help-section{margin-bottom:48px}.help-controls{display:flex;gap:64px}.help-controls .help-section{flex:1;margin-bottom:0}.help-section-title{font-size:11px;letter-spacing:3px;color:#555;text-transform:uppercase;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #242424}.help-keys{display:flex;flex-direction:column;gap:10px}.help-key-row{display:flex;align-items:center;gap:16px}.help-key{font-size:11px;color:#888;background:#1d1d1d;padding:4px 10px;min-width:80px;text-align:center;letter-spacing:1px}.help-key-desc{font-size:12px;color:#555}#game{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:24px;width:100vw;height:100vh;padding-top:calc((100vh - min(1200px,98vh))/2)}.panel{width:130px;display:flex;flex-direction:column;gap:12px}.pbox{background:#1a1a1a;padding:14px}.plabel{font-size:10px;letter-spacing:3px;color:#555;text-transform:uppercase;margin-bottom:8px}.pval{font-size:36px;color:#fff;font-weight:400;line-height:1}.nxt-queue{display:flex;flex-direction:column;gap:2px}.who{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:#888}.p2only,.who-2p{display:none}#game.twop .p2only{display:block}#game.twop .who-1p{display:none}#game.twop .who-2p{display:inline}#game.twop #ai-level-label{display:none}.pen-bar{width:100%;margin-top:6px;display:flex;gap:2px;flex-wrap:nowrap}.pen-unit{flex:1;height:10px;background:#222;min-width:0}.pen-unit.on-p{background:#ff2d55}.pen-unit.on-ai{background:#ff9f0a}#boardwrap{position:relative;overflow:hidden;box-shadow:0 0 0 1px #222}#board{display:block;height:min(1200px,98vh);width:auto}#countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10;font-size:80px;color:#fff;letter-spacing:-2px;pointer-events:none}#countdown.hidden{display:none}.end-title{font-size:32px;color:#fff;font-weight:400;margin-bottom:8px}.end-score{font-size:13px;color:#555;margin-bottom:48px;line-height:1.8;white-space:pre}