.ws-shell{position:relative;width:100%;height:100%;min-height:0;background:#030108;overflow:hidden}
.ws-stage{position:absolute;top:0;left:50%;width:1440px;height:816px;transform-origin:top center;background:#030108;overflow:hidden;box-shadow:0 0 0 1px #45145f,0 0 42px #000}
.ws-stage canvas{display:block;width:1440px;height:816px;image-rendering:pixelated;touch-action:none;cursor:crosshair;outline:none}
.ws-scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;z-index:2}
.ws-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(40,6,50,.45),rgba(3,1,8,.84));text-align:center}
.ws-overlay[hidden]{display:none}
.ws-menu{width:min(980px,90%);padding:26px 34px;border:2px solid #ff6fb5;background:rgba(10,4,22,.93);box-shadow:10px 10px 0 #5ee7ff}
.ws-menu small{color:#ffd93a;font:900 14px "Courier New",monospace;letter-spacing:.1em}
.ws-menu h1{margin:10px 0 6px;color:#5ee7ff;font:900 92px/1 "Courier New",monospace;letter-spacing:.02em;text-shadow:5px 5px 0 #14227a}
.ws-menu h1 span{color:#ff6fb5;text-shadow:5px 5px 0 #7c0f52}
.ws-menu p{color:#d6cbe8;font:17px/1.5 "Courier New",monospace;margin:8px auto;max-width:820px}
.ws-menu .ws-note{color:#9488ad;font-size:14px}
.ws-menu .ws-best{color:#ffd93a;font-weight:900;letter-spacing:.12em}
.ws-menu ul{list-style:none;margin:14px auto;padding:0;text-align:left;width:fit-content;max-width:880px;color:#d6cbe8;font:15px/1.75 "Courier New",monospace}
.ws-menu li b{display:inline-block;min-width:78px;color:#ffd93a}
.ws-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0 8px}
.ws-modes button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;text-align:left;padding:14px;min-height:150px}
.ws-modes b{font-size:20px;color:inherit}
.ws-modes span{font:13px/1.4 "Courier New",monospace;color:#d6cbe8;letter-spacing:0}
.ws-modes em{margin-top:auto;font:900 12px "Courier New",monospace;font-style:normal;color:#ffd93a}
.ws-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:18px auto;max-width:640px}
.ws-grid button{padding:14px 0;font-size:20px}
.ws-row{display:flex;gap:12px;justify-content:center;margin-top:14px}
.ws-overlay button,.ws-controls button,.ws-pad-old button{cursor:pointer;padding:12px 20px;border:2px solid #5ee7ff;background:#0b2a33;color:#5ee7ff;font:900 16px "Courier New",monospace;letter-spacing:.06em}
.ws-overlay button:hover:not(:disabled),.ws-overlay button:focus-visible,.ws-controls button:hover{background:#5ee7ff;color:#05040a}
.ws-overlay button:hover:not(:disabled) span{color:#05040a}
.ws-overlay button:disabled{opacity:.3;cursor:not-allowed}
.ws-controls{position:absolute;z-index:6;right:30px;bottom:30px;display:flex;gap:8px}
.ws-controls button{padding:8px 12px;font-size:14px;background:rgba(5,4,18,.85)}
.ws-controls button.active{border-color:#ff6fb5;color:#ff6fb5}
.ws-pad-old{position:absolute;z-index:6;right:30px;bottom:96px}
.ws-pad-old[hidden]{display:none}
.ws-pad-old button{width:150px;height:150px;border-radius:50%;font-size:22px;background:rgba(11,42,51,.7);touch-action:none;user-select:none}
.ws-banner{position:absolute;z-index:4;left:50%;top:190px;transform:translateX(-50%);text-align:center;pointer-events:none;white-space:nowrap}
.ws-banner[hidden]{display:none}
.ws-banner b{display:block;color:#ffd93a;font:900 46px "Courier New",monospace;letter-spacing:.06em;text-shadow:4px 4px #7c0f52}
.ws-banner span{display:block;margin-top:6px;color:#5ee7ff;font:900 18px "Courier New",monospace;letter-spacing:.12em;text-shadow:2px 2px #05040a}
.ws-banner.on{animation:ws-pop 2.2s both}
@keyframes ws-pop{0%{opacity:0;transform:translate(-50%,18px) scale(.8)}12%,78%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-16px)}}
body.ws-playing .workspace{padding:0;overflow:hidden}
@media(prefers-reduced-motion:reduce){.ws-banner.on{animation:none}}
.ws-pad{position:absolute;z-index:6;left:30px;bottom:30px;width:300px;height:300px}
.ws-pad[hidden]{display:none}
.ws-pad button{position:absolute;width:100px;height:100px;border:2px solid #5ee7ff;background:rgba(11,42,51,.65);color:#5ee7ff;font:900 34px "Courier New",monospace;touch-action:none;user-select:none}
.ws-pad [data-k=u]{left:100px;top:0}.ws-pad [data-k=d]{left:100px;top:200px}.ws-pad [data-k=l]{left:0;top:100px}.ws-pad [data-k=r]{left:200px;top:100px}
.ws-pad .ws-act{left:auto;right:-1040px;top:60px;width:170px;height:170px;border-radius:50%;font-size:28px}
.ws-eng .ws-controls{right:auto;left:36px;bottom:auto;top:420px}