@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1d1b2e;--panel:#27243d;--raised:#322e4d;--line:#3d3860;--text:#f1effa;--muted:#a9a4c8;--scream:#ff4f7b;--scream-deep:#e0305e;--signal:#ffd23f;--bits:#c89bff;--points:#5fd4c4;--danger:#ff7a7a;--display:"Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--body:"Atkinson Hyperlegible", system-ui, sans-serif;--r-sm:6px;--r-md:10px;--r-pad:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--text);margin:0}body{font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased}img{max-width:100%}h1,h2,h3{font-family:var(--display);margin:0;font-weight:700;line-height:1.1}h1{font-variation-settings:"wdth" 85;letter-spacing:-.02em;margin-bottom:.4rem;font-size:2.25rem}h2{margin-bottom:.75rem;font-size:1.2rem}p{margin:0 0 .75rem}a{color:var(--text)}code{background:var(--raised);border-radius:4px;padding:.1em .35em;font-size:.9em}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.875rem}.error-text{color:var(--danger);font-size:.875rem}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--signal);color:var(--ink);z-index:50;padding:6px 10px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.grow{flex:1}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.boot{min-height:100vh}.btn{font:700 .95rem/1 var(--body);border-radius:var(--r-sm);cursor:pointer;color:var(--text);background:var(--raised);border:1px solid #0000;align-items:center;gap:.4rem;padding:.65rem 1rem;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--scream);color:#1a0a10}.btn.primary:hover:not(:disabled){background:#ff6a8f}.btn.ghost{border-color:var(--line);background:0 0}.btn.ghost:hover:not(:disabled){border-color:var(--muted)}.btn.warn{background:var(--signal);color:var(--ink)}.btn.small{padding:.45rem .7rem;font-size:.85rem}.btn.big{padding:.95rem 1.4rem;font-size:1.05rem}.linkish{color:var(--muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.linkish:hover{color:var(--text)}.linkish.danger{color:var(--danger)}.inline-link{color:var(--signal)}.icon{border:1px solid var(--line);color:var(--text);border-radius:var(--r-sm);cursor:pointer;background:0 0;width:28px;height:28px;font-size:1rem;line-height:1}.icon:hover{border-color:var(--muted)}input,select,textarea{font:inherit;color:var(--text);background:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;padding:.55rem .7rem}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--scream)}input[type=range]{accent-color:var(--scream);flex:1;min-width:120px;padding:0}input[type=color]{width:64px;height:38px;padding:2px}input[type=file]{background:var(--panel);padding:.45rem}input:focus,select:focus{border-color:var(--muted)}.field{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.field>span{font-size:.9rem;font-weight:700}.field.indent{margin-left:1.6rem}.check,.radio{cursor:pointer;align-items:flex-start;gap:.6rem;margin-bottom:.65rem;display:flex}.check input,.radio input{margin-top:.3rem}fieldset{border:0;border-top:1px solid var(--line);margin:0;padding:1rem 0 .5rem}fieldset:first-of-type{border-top:0;padding-top:0}legend{font-family:var(--display);float:left;width:100%;margin-bottom:.6rem;padding:0;font-size:1.05rem;font-weight:700}legend+*{clear:both}.grid2{grid-template-columns:1fr 1fr;gap:0 1rem;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:0 1rem;display:grid}.search{max-width:260px}.notice{border-radius:var(--r-sm);border-left:4px solid var(--signal);background:var(--panel);padding:.75rem 1rem}.notice.error{border-color:var(--danger)}.login{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:4rem clamp(1rem,6vw,6rem);display:grid}.wordmark{font-family:var(--display);font-variation-settings:"wdth" 75;letter-spacing:-.04em;color:var(--scream);margin-bottom:1.25rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:.9}.wordmark.small{letter-spacing:-.02em;margin:0;font-size:1.5rem}.lede{max-width:34ch;margin-bottom:1.75rem;font-size:1.2rem}.login-copy .muted{max-width:46ch;margin-top:1.25rem}.login-pads{grid-template-columns:repeat(3,1fr);justify-self:end;gap:12px;width:100%;max-width:420px;display:grid}.pad.demo{aspect-ratio:1;font-family:var(--display);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:12px;font-size:1.1rem;font-weight:700;animation:2.4s infinite demo-hit;display:flex}.pad.demo:after{display:none}@keyframes demo-hit{0%,82%,to{background:var(--panel);box-shadow:inset 0 -4px 0 var(--line);transform:none}86%{background:var(--scream);color:#1a0a10;box-shadow:inset 0 -1px 0 var(--scream-deep), 0 0 28px #ff4f7b73;transform:translateY(2px)}}.shell{background:linear-gradient(to right, var(--panel) 220px, var(--ink) 220px);grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.rail{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:1.5rem;height:100vh;padding:1.25rem .9rem;display:flex;position:sticky;top:0}.rail-top{justify-content:space-between;align-items:center;padding:0 .4rem;display:flex}.nav-toggle{display:none}.rail nav{flex-direction:column;gap:2px;display:flex}.rail nav a{border-radius:var(--r-sm);color:var(--muted);padding:.55rem .7rem;font-weight:700;text-decoration:none}.rail nav a:hover{color:var(--text);background:var(--raised)}.rail nav a.active{color:var(--text);background:var(--raised);box-shadow:inset 3px 0 0 var(--scream)}.rail nav a.nav-admin{margin-top:1rem}.rail-user{align-items:center;gap:.6rem;margin-top:auto;padding:0 .4rem;display:flex}.rail-user img{border-radius:50%}.rail-name{font-size:.9rem;font-weight:700}.rail-user .linkish{font-size:.85rem}.stage{min-width:0}main{padding:1.75rem clamp(1rem,3vw,2.5rem) 4rem}main:focus{outline:none}.page{max-width:1240px}.page.narrow{max-width:760px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.intro{max-width:70ch;margin-bottom:1.5rem}.onair{border-bottom:1px solid var(--line);background:var(--ink);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;min-height:58px;padding:.7rem clamp(1rem,3vw,2.5rem);display:flex;position:sticky;top:0}.onair-state{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.lamp{background:var(--line);border-radius:50%;width:12px;height:12px}.is-live .lamp{background:var(--points);box-shadow:0 0 10px var(--points)}.is-paused{background:#2c2817}.is-paused .lamp{background:var(--signal);box-shadow:0 0 10px var(--signal)}.onair-actions{flex-wrap:wrap;gap:.5rem;display:flex}.figures{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin:1.25rem 0 2rem;display:grid}.figures>div{padding:1rem 1.25rem 1rem 0}.figures dt{color:var(--muted);font-size:.875rem}.figures dd{font-family:var(--display);font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:2.1rem;font-weight:700}.two-col{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start;gap:2.5rem;display:grid}.block{margin-bottom:2rem}.steps{counter-reset:s;margin:0;padding:0;list-style:none}.steps li{counter-increment:s;grid-template-columns:2rem 1fr;gap:.5rem;padding:.6rem 0;display:grid}.steps li:before{content:counter(s);font-family:var(--display);border:2px solid var(--scream);width:1.7rem;height:1.7rem;color:var(--scream);border-radius:50%;place-items:center;font-size:1.1rem;font-weight:800;display:grid}.steps li.done:before{content:"✓";border-color:var(--points);color:var(--ink);background:var(--points)}.steps li.done .step-title{color:var(--muted)}.step-title{font-weight:700;text-decoration:none}.step-title:hover{text-decoration:underline}.steps p{margin:.1rem 0 0;font-size:.9rem}.plays{margin:0 0 1rem;padding:0;list-style:none}.play,.plays-head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 9rem 7rem;align-items:baseline;gap:.75rem;padding:.55rem 0;display:grid}.plays-head{color:var(--muted);padding-bottom:.35rem;font-size:.85rem}.play-sound{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.play-who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-amount{font-variant-numeric:tabular-nums}.src-bits .play-amount{color:var(--bits)}.src-points .play-amount{color:var(--points)}.src-test .play-amount{color:var(--muted)}.play-when{color:var(--muted);font-size:.875rem}.play-note{color:var(--signal);grid-column:1/-1;font-size:.85rem}.play.failed .play-sound{color:var(--muted);text-decoration:line-through}.block .play{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.block .play-when{display:none}.sounds-page.with-drawer{padding-right:min(420px,40vw)}.pad-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:16px;display:grid}.pad-cell{flex-direction:column;gap:6px;display:flex}.pad{aspect-ratio:1;border-radius:var(--r-pad);background:var(--panel);color:var(--text);box-shadow:inset 0 -5px 0 var(--line), inset 0 0 0 1px #ffffff0a;cursor:pointer;text-align:left;font:inherit;border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:12px;transition:transform 80ms,box-shadow 80ms,background .2s;display:flex;position:relative;overflow:hidden}.pad img{object-fit:cover;opacity:.38;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.pad:after{content:"";pointer-events:none;background:linear-gradient(#0000 35%,#1d1b2ee6);position:absolute;inset:0}.pad>span{z-index:1;position:relative}.pad:hover{background:var(--raised)}.pad:hover img{opacity:.6}.pad:active,.pad.hit{box-shadow:inset 0 -2px 0 var(--scream-deep);background:var(--scream);color:#1a0a10;transform:translateY(3px)}.pad.hit:after{background:linear-gradient(#0000 35%,#e0305ed9)}.pad.hit img{opacity:.25}.pad-name{font-family:var(--display);overflow-wrap:anywhere;font-size:1.15rem;font-weight:700;line-height:1.1}.pad-key{color:var(--muted);margin-top:2px;font-size:.8rem}.pad.hit .pad-key{color:#1a0a10}.pad-prices{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.chip{background:#1d1b2ebf;border-radius:999px;padding:2px 7px;font-size:.75rem;font-weight:700}.chip.bits{color:var(--bits)}.chip.points{color:var(--points)}.chip.none{color:var(--muted)}.pad-cell.off .pad{opacity:.45}.pad-cell.off .pad-key:after{content:" (ausgeblendet)"}.pad-cell.selected .pad{box-shadow:inset 0 -5px 0 var(--line), 0 0 0 2px var(--signal)}.pad-tools{justify-content:space-between;align-items:center;padding:0 2px;font-size:.875rem;display:flex}.pad-order{gap:4px;display:flex}.pad.add{box-shadow:inset 0 0 0 2px var(--line);text-align:center;background:0 0;border:0;justify-content:center;align-items:center}.pad.add:after{display:none}.pad.add:hover{box-shadow:inset 0 0 0 2px var(--scream);background:0 0}.pad.add .plus{font-family:var(--display);color:var(--scream);font-size:2.6rem;line-height:1}.drawer{background:var(--panel);border-left:1px solid var(--line);z-index:20;width:min(420px,100vw);padding:1.25rem 1.25rem 2rem;animation:.18s ease-out drawer-in;position:fixed;top:61px;bottom:0;right:0;overflow-y:auto}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}}.drawer-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.drawer-head h2{overflow-wrap:anywhere;margin:0;font-size:1.5rem}.drawer-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.5rem;padding:1rem 0;display:flex}.confirm{flex-wrap:wrap;align-items:center;gap:.6rem;display:inline-flex}.gif-preview{border-radius:var(--r-sm);max-height:140px;margin-bottom:.6rem;display:block}.drawer fieldset small{margin-top:.3rem;display:block}.overlay-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:2rem;display:grid}.overlay-list ul{flex-direction:column;gap:4px;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.ov-item{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;padding:.6rem .75rem;display:flex}.ov-item:hover{background:var(--panel)}.ov-item.active{background:var(--panel);border-color:var(--line);box-shadow:inset 3px 0 0 var(--scream)}.ov-new{border-top:1px solid var(--line);padding-top:1rem}.ov-url{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.ov-url .field{min-width:240px;margin-bottom:0}.ov-preview{margin:1.25rem 0}.ov-preview iframe{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--r-md);background:var(--ink);width:100%;margin-bottom:.6rem;display:block}.ov-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:0 1.25rem;display:grid}.ov-form .check{margin-top:1.7rem}.status-list{margin:1rem 0}.status-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.4rem 0;display:flex}.status-list dt{color:var(--muted)}.status-list dd{margin:0;font-weight:700}.danger-zone{border-top:2px solid var(--danger);margin-top:2.5rem;padding-top:1.25rem}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.25rem;margin:1rem 0 1.5rem;display:flex}.tabs a{color:var(--muted);border-bottom:3px solid #0000;margin-bottom:-1px;padding:.6rem .9rem;font-weight:700;text-decoration:none}.tabs a.active{color:var(--text);border-color:var(--scream)}.table-wrap{margin:1rem 0 2rem;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.95rem}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:.5rem .75rem .5rem 0;font-size:.85rem;font-weight:700}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.6rem .75rem .6rem 0}.table tr.banned td{opacity:.55}.table tr.sub td{background:var(--panel);padding:.75rem}.table .actions{white-space:nowrap;gap:1rem;display:flex}.who-cell{align-items:center;gap:.6rem;display:flex}.who-cell img{border-radius:50%}.mod-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.mod-list li{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mod-list img{object-fit:cover;border-radius:4px}.mod-list audio{height:32px}.toasts{z-index:100;flex-direction:column;gap:.5rem;width:min(560px,100vw - 2rem);display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.toast{background:var(--raised);border-left:4px solid var(--points);border-radius:var(--r-sm);padding:.75rem 1rem;box-shadow:0 8px 24px #00000059}.toast-error{border-color:var(--danger)}@media (width<=960px){.overlay-layout{grid-template-columns:1fr}.login{grid-template-columns:1fr;gap:2rem}.login-pads{order:2;justify-self:start;max-width:300px}}@media (width<=760px){.shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:column;gap:.75rem;height:auto;padding:.75rem 1rem;position:static}.rail-top{padding:0}.nav-toggle{border:1px solid var(--line);color:var(--text);border-radius:var(--r-sm);font:inherit;background:0 0;padding:.4rem .7rem;display:inline-block}.rail nav{display:none}.rail nav.open{display:flex}.rail-user{margin-top:0}.onair{position:static}.sounds-page.with-drawer{padding-right:0}.shell{background:var(--ink)}.drawer{top:0}.grid2,.grid3{grid-template-columns:1fr}.play,.plays-head{grid-template-columns:minmax(0,1fr) auto}.play-who,.plays-head span:nth-child(2),.plays-head span:nth-child(4){display:none}.play-when{grid-column:2}.pad-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}h1{font-size:1.85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}