main.sb-page{display:block;max-width:820px}
.sb-page{max-width:820px;overflow-wrap:anywhere}
.sb-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:6px 0 14px}
.sb-tab{font:bold 15px "Courier New",monospace;color:#2ee6c8;background:#120a2a;border:2px solid #2ee6c8;border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer}
.sb-tab[aria-selected=true]{background:#2ee6c8;color:#0b0718}
.sb-tab:focus-visible{outline:3px solid #ffe14d;outline-offset:2px}
.sb-panel{background:#160c33;border:3px solid #2ee6c8;border-radius:12px;padding:14px 16px;margin:0 0 16px;box-shadow:0 0 0 2px #b83ad6 inset}
.js .sb-panel{display:none}.js .sb-panel.on{display:block}
.sb-panel h2{color:#ffe14d;margin:0 0 6px}
.sb-how{color:#cfd6ff;font-size:14.5px;line-height:1.5;margin:0 0 10px}
.sb-list{list-style:none;margin:0;padding:0;counter-reset:r}
.sb-list li{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;font:bold 17px "Courier New",monospace;color:#fff}
.sb-list li:nth-child(odd){background:rgba(46,230,200,.07)}
.sb-list li .r{color:#b9a8e6;min-width:2.4em}.sb-list li .n{flex:1;letter-spacing:.18em}.sb-list li .s{color:#2ee6c8}
.sb-list li:nth-child(1) .r{color:#ffe14d}
.sb-list li.sb-empty{color:#b9a8e6;font:italic 15px system-ui,sans-serif;background:none;justify-content:center}
.sb-play{margin:10px 0 0;font-size:15px}.sb-play a{color:#2ee6c8}
.sb-about{color:#cfd6ff;line-height:1.55;font-size:15px}.sb-about h2{color:#7CFF6B;font-size:clamp(17px,3.6vw,22px)}.sb-about a{color:#2ee6c8}