@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@300;400;600;700&display=swap);:root{--bg:#061428;--panel:#0b1e3a;--panel2:#0f2548;--border:#1e3f6a;--accent:#ffd43b;--accent2:#ffec80;--red:#ff3c3c;--red2:#ff6b6b;--text:#ffffff;--text-mid:rgba(255,255,255,0.65);--text-dim:rgba(255,255,255,0.35);--glow:rgba(255,212,59,0.20);--glow-red:rgba(255,60,60,0.20);--ctrl-h:52px;--radius:10px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:'Barlow Condensed',sans-serif}.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-main{background:var(--bg)}.bg-vignette{background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%)}.bg-scanlines{background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 4px);mix-blend-mode:soft-light}.app{position:relative;z-index:2;width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.stage{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.msw-list{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;padding:8px 14px 0;margin-bottom:5px}@media (max-width:1100px){.msw-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.msw-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.msw-list{grid-template-columns:1fr}}.msw-cell{display:flex;flex-direction:column;gap:3px;min-height:0}.msw-label{font-size:1rem;font-weight:700;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;line-height:1;padding-left:3px;flex-shrink:0}.msw-stopwatch{flex:1;min-height:0;background:var(--panel2);border:1.5px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:6px 10px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.msw-stopwatch.running{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow),0 4px 16px rgba(0,0,0,.3)}.msw-time{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.04em;color:var(--text);line-height:1;white-space:nowrap;transition:color .2s}.msw-stopwatch.running .msw-time{color:var(--accent)}.msw-btns{display:flex;gap:6px;flex-shrink:0;align-items:center}.msw-btns button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 13px;border-radius:5px;font-family:'Barlow Condensed',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .1s}.msw-btns button:active{transform:scale(.96)}.msw-btns .btn-toggle{background:var(--accent);color:#1a1000;border:1.5px solid transparent;min-width:90px}.msw-btns .btn-toggle:hover{background:var(--accent2)}.msw-stopwatch.running .msw-btns .btn-toggle{background:0 0;color:var(--accent);border-color:var(--accent)}.msw-stopwatch.running .msw-btns .btn-toggle:hover{background:var(--glow)}.msw-btns .btn-reset{background:0 0;color:var(--text-dim);border:1.5px solid var(--border);padding:0 11px}.msw-btns .btn-reset:hover{border-color:var(--red2);color:var(--red2)}.msw-controls{flex-shrink:0;height:var(--ctrl-h);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#08192e;border-top:1px solid var(--border);margin-top:8px;padding:0 20px}.msw-topbar{display:flex;align-items:center;gap:10px}.msw-topbar label{font-size:.7rem;font-weight:700;letter-spacing:2.5px;color:var(--text-dim);text-transform:uppercase}.msw-select-wrap{position:relative;display:flex;align-items:center}.msw-topbar select{appearance:none;-webkit-appearance:none;background:var(--panel2);color:var(--text);border:1.5px solid var(--border);border-radius:6px;padding:0 30px 0 12px;height:34px;font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;cursor:pointer;outline:0;transition:border-color .2s;min-width:60px}.msw-topbar select:focus,.msw-topbar select:hover{border-color:var(--accent)}.msw-select-chevron{position:absolute;right:9px;pointer-events:none;display:flex;align-items:center}.msw-ctrl-sep{width:1px;height:24px;background:var(--border);flex-shrink:0}.msw-ctrl-actions{display:flex;align-items:center;gap:8px}.msw-controls>button,.msw-ctrl-actions button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 18px;border-radius:6px;font-family:'Barlow Condensed',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .1s}.msw-controls>button:active,.msw-ctrl-actions button:active{transform:scale(.96)}#mswStartAll{background:var(--accent);color:#1a1000;border:1.5px solid transparent}#mswStartAll:hover{background:var(--accent2)}#mswStartAll.pausing{background:0 0;color:var(--accent);border-color:var(--accent)}#mswStartAll.pausing:hover{background:var(--glow)}#mswResetAll{background:0 0;color:var(--text-dim);border:1.5px solid var(--border)}#mswResetAll:hover{border-color:var(--red2);color:var(--red2)}@media (max-width:599px){.stage{padding:6px 8px 0}.msw-controls{height:auto;padding:10px 12px;margin-top:6px;flex-wrap:wrap;justify-content:center;gap:8px}.msw-ctrl-sep{display:none}.msw-controls>button,.msw-ctrl-actions button{padding:0 14px;font-size:.75rem}}