:root{--win-bg:#008080;--win-panel:#c0c0c0;--win-blue:#000080}body,html{margin:0;padding:0}body{background:var(--win-bg);font-family:"MS Sans Serif",Tahoma,Arial,sans-serif;display:flex;justify-content:center;min-height:100vh}.desktop{width:min(900px,98vw);margin:14px}.window{background:var(--win-panel);border:2px solid #fff;box-shadow:2px 2px 0 #000}.title-bar{background:var(--win-blue);color:#fff;font-weight:700;padding:4px 8px;justify-content:space-between}.title-bar,.title-right{display:flex;align-items:center}.title-right{gap:6px}.title-btn{padding:2px 8px;background:#c0c0c0;color:#000;border:1px solid #fff;text-align:center;line-height:16px;font-size:12px;cursor:pointer}.content{background:#fff;border:2px inset #c0c0c0;padding:10px}.tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap;align-items:center}.tab{padding:4px 10px;background:#c0c0c0;border:2px outset #fff;cursor:pointer;font-size:14px}.tab.active{border:2px inset #fff;background:#ddd}.pane{display:none;min-height:620px}.pane.active{display:block}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}input[type=text],select{background:#fff;border:2px inset #fff;padding:4px;font-size:14px}select{min-width:210px}input[type=text]{width:120px}button{padding:4px 10px;background:#c0c0c0;border:2px outset #fff;cursor:pointer;font-size:14px}button:active,button:disabled{border:2px inset #fff}button:disabled{color:#777;cursor:not-allowed}input[type=range]{min-width:140px}.hint{color:#000080;margin:6px 0}.badge,.hint{font-size:12px}.badge{background:#ececec;border:1px solid #999;padding:2px 6px}canvas.art{display:block;border:2px solid #000;background:#eee;margin:8px auto;max-width:100%;height:auto}.status{font-size:12px;margin-top:4px;word-break:break-all}.footer{font-size:11px;color:#222;margin-top:6px;opacity:.9}.share-bar{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.share-btn{padding:6px 10px;background:#c0c0c0;border:2px outset #fff;cursor:pointer;font-size:13px}.share-btn:active{border:2px inset #fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:10px}.card{background:#f7f7f7;border:2px inset #c0c0c0;padding:10px;cursor:pointer}.card:hover{filter:brightness(.98)}.card h4{margin:0 0 6px;font-size:14px}.card p{margin:0}.card p,.note{font-size:12px;color:#333}.note{margin-top:10px}.about-wrap{background:#000;border:2px inset #222;padding:8px;color:#9cff9c}.about-copy{font-size:13px;line-height:1.4;color:#9cff9c}.roadmap{border:2px solid #0f0;padding:8px;margin-top:10px}.crt-frame{position:relative}.crt-frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.03),rgba(0,0,0,.08)),repeating-linear-gradient(0deg,rgba(0,255,100,.05),rgba(0,255,100,.05) 1px,transparent 2px,transparent 3px);mix-blend-mode:screen}#aboutCanvas{display:block;width:100%;height:auto;border:2px solid #0f0}.about-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.about-controls button{background:#1a1a1a;color:#9cff9c;border:1px solid #2e2e2e}@media (max-width:560px){.row>*{flex:1 1 auto}select{min-width:unset}}