@font-face{font-family:Pixelify Sans;src:url(/assets/pixelify-sans-latin-D1rQrCZP.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{color-scheme:dark;--wood: #6b3f22;--wood-hi: #a4683a;--wood-lo: #4e2c16;--ink: #2b170c;--paper: #f4e3c3;--gold: #ffd36b;--leaf: #357a2b;--leaf-lo: #24561d;--leaf-hi: #5fb04a;--clay: #b9773e;--clay-lo: #7d4a22;--clay-hi: #d9a066;--status-wait: #8fd96f;--status-play: #f0a35a;--bad: #c0392b;--font: "Pixelify Sans", ui-monospace, monospace;--frame: 0 0 0 3px var(--ink), inset 0 0 0 3px var(--wood-hi), inset 0 0 0 6px var(--wood), inset 0 -6px 0 6px var(--wood-lo), 6px 6px 0 3px rgba(0, 0, 0, .35)}html,body{margin:0;height:100%;overflow:hidden;background:linear-gradient(to bottom,#7bc2f8 50%,#6d3647 50%);font-family:var(--font);color:var(--paper)}[hidden]{display:none!important}#stage{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}#stage canvas{image-rendering:pixelated;display:block}#hud{position:fixed;left:0;right:0;bottom:0;z-index:5;display:none;flex-wrap:wrap;gap:16px;align-items:center;padding:10px 16px;font-size:13px;background:#100a04d9;border-top:3px solid var(--ink)}#hud.visible{display:flex}#hud label{display:flex;align-items:center;gap:6px}#hud .info{opacity:.85}#join{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#180e068c}.join-panel{display:flex;flex-direction:column;gap:12px;min-width:280px;padding:20px 22px 24px;background:var(--wood);box-shadow:var(--frame);color:var(--paper)}.join-panel h1{margin:0;font-size:24px;font-weight:700;color:var(--gold);text-shadow:3px 3px 0 var(--ink);letter-spacing:1px}.join-panel h2{margin:4px 0 0;font-size:18px;font-weight:700;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.join-panel p{margin:0;font-size:14px}.join-panel a,.join-panel .notice{color:var(--gold)}.join-panel .error{color:#ffb3a8}.paper{background:var(--paper);color:var(--ink);box-shadow:0 0 0 3px var(--ink)}.join-panel input,.join-panel select{font:inherit;font-size:16px;padding:7px 9px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:0}.join-panel input::placeholder{color:#76593d}.join-panel input.bad{border-color:var(--bad)}.join-panel button{font:inherit;font-size:16px;font-weight:700;padding:7px 14px;color:#fff;background:var(--leaf);border:3px solid var(--ink);border-radius:0;box-shadow:inset -3px -3px 0 var(--leaf-lo),inset 3px 3px 0 var(--leaf-hi);text-shadow:2px 2px 0 var(--ink);cursor:pointer}.join-panel button:hover{filter:brightness(1.1)}.join-panel button:active{transform:translateY(2px)}.join-panel button.secondary{color:var(--ink);background:var(--clay);box-shadow:inset -3px -3px 0 var(--clay-lo),inset 3px 3px 0 var(--clay-hi);text-shadow:none}.join-panel button:disabled{opacity:.5;cursor:default;filter:none;transform:none}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.tag{display:inline-block;padding:1px 6px;border:2px solid var(--ink);color:var(--ink);font-size:12px}.tag.wait{background:var(--status-wait)}.tag.play{background:var(--status-play)}.key{display:inline-block;min-width:22px;text-align:center;background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);padding:0 5px;margin:0 2px;font-weight:700;font-size:13px}.ic{width:1em;height:1em;fill:currentColor;vertical-align:-.12em}.ic.gold{fill:var(--gold)}.code,.join-panel .code{font-size:30px;font-weight:700;letter-spacing:.25em;text-align:center;padding:2px 0 2px .25em}.code,.join-panel .code,.code-font{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.join-panel .char-grid{display:flex;gap:8px}.join-panel .char-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;padding:8px;background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:none;text-shadow:none;font-weight:400}.join-panel .char-card.selected{outline:3px solid var(--gold);outline-offset:0}.join-panel .char-card:focus-visible{outline:3px solid #fff;outline-offset:3px}.join-panel .char-art{height:128px;width:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.join-panel .char-sprite{background-repeat:no-repeat;image-rendering:pixelated}.join-panel .char-card .char-name{font-size:15px;font-weight:700}.join-panel .char-card .char-desc{font-size:12px}.join-panel .char-section{margin:4px 0 0}.join-panel .char-mine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.char-slot{display:flex;flex-direction:column;gap:4px;min-width:0}.join-panel .char-card .char-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-panel .char-card.gone{opacity:.7}.join-panel .char-card .char-gone{align-self:center;font-size:12px}.join-panel .char-nav .char-art{align-items:center;font-size:28px}.join-panel .char-card.char-nav .char-name{white-space:normal}.join-panel button.char-remove{font-size:12px;padding:2px 4px}#join.page{display:block;overflow-y:auto;scrollbar-color:var(--wood-hi) #183026;padding:24px 16px;box-sizing:border-box}@media(max-width:1100px){#join.page{padding-top:68px}}.page-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.join-panel a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:700;padding:7px 14px;color:var(--ink);background:var(--clay);border:3px solid var(--ink);box-shadow:inset -3px -3px 0 var(--clay-lo),inset 3px 3px 0 var(--clay-hi);text-decoration:none;cursor:pointer}.join-panel a.button:hover{filter:brightness(1.1)}.join-panel a.button:active{transform:translateY(2px)}#join.landing{display:block;overflow-y:auto;scrollbar-color:var(--wood-hi) #183026}.landing .hero{min-height:calc(100vh - 44px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px 16px}.landing .hero .join-panel{width:min(440px,100%);min-width:0;box-sizing:border-box;align-items:center;text-align:center;gap:8px;padding:22px 24px 30px}.landing .hero h1{font-size:46px}.landing .hero p{font-size:16px;margin-bottom:8px}.landing .play-row{display:flex;gap:8px;width:100%}.landing .play-row input{flex:1;min-width:0}.landing .play-row button{display:flex;align-items:center;gap:8px;padding:7px 18px;font-size:17px}.landing .play-row .ic{filter:drop-shadow(2px 2px 0 var(--ink))}.landing .hero .create-line{margin:10px 0 0;font-size:14px;color:#e9c99a}.landing .create-row{display:flex;gap:8px;width:100%}.landing .create-row button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px}.landing .stand{width:480px;max-width:100%;overflow:hidden}.landing .fighters{display:flex;align-items:flex-end;justify-content:space-evenly}.landing .ledge{display:flex}.landing .ledge>div{flex:none;width:32px;height:32px;background-image:url(/art/maps/prado.png);background-size:352px 288px;image-rendering:pixelated}.landing .sprite{background-repeat:no-repeat;image-rendering:pixelated}.landing .band{padding:28px 16px 36px;background:#183026;border-top:3px solid var(--ink)}.landing .band.how{background:#1f3b2e}.landing .band+.band.keys{border-top:none;padding-top:0}.landing .band h2{margin:0 0 20px;text-align:center;font-size:22px;font-weight:700;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.landing .steps{list-style:none;margin:0 auto;padding:0;max-width:900px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;font-size:14px;line-height:1.4}.landing .steps .n{display:inline-block;width:34px;height:34px;line-height:28px;box-sizing:border-box;margin-bottom:8px;background:var(--gold);color:var(--ink);border:3px solid var(--ink);font-weight:700;font-size:18px}.landing .steps b{display:block;margin-bottom:4px;font-size:16px;color:var(--gold)}.landing .steps p{margin:0}.landing .cards{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.landing .card{min-width:0;align-items:center;text-align:center;gap:6px}.landing .card .art{height:120px;margin-bottom:6px;display:flex;align-items:flex-end;justify-content:center}.landing .card b{font-size:18px;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.landing .controls{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:14px 24px;font-size:14px}@media(max-width:700px){.landing .steps,.landing .cards{grid-template-columns:1fr}}.match-banner{position:fixed;top:38%;left:0;right:0;z-index:7;pointer-events:none;text-align:center;font-size:56px;font-weight:700;letter-spacing:3px;color:var(--gold);text-shadow:4px 4px 0 var(--ink),-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink)}.match-hint{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:7;margin:0;padding:4px 12px;pointer-events:none;white-space:nowrap;font-size:14px}.match-hint strong{letter-spacing:.15em}.join-panel.match-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:7;width:min(320px,92vw);box-sizing:border-box;text-align:center}.match-card h1{font-size:26px;overflow-wrap:anywhere}.match-card h1 .ic{width:1.1em;height:1.1em;margin-right:8px}.match-card .scoreboard{display:flex;flex-direction:column;gap:7px;margin:4px 3px}.match-card .scoreboard>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 8px;font-size:14px}.match-card .scoreboard .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card .scoreboard .stars{flex-shrink:0;display:inline-flex;align-items:center;gap:1px}.match-card .scoreboard .ic{fill:#9a6400}.join-panel.match-card .countdown{font-size:16px;font-weight:700}.join-panel.match-card .wait{color:#e9c99a}.match-card .actions{display:flex;gap:8px}.join-panel.match-card button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px}.join-panel.notice-panel{width:min(380px,92vw);box-sizing:border-box;text-align:center}#join.lobby{overflow-y:auto;align-items:flex-start;scrollbar-color:var(--wood-hi) #183026}.lobby .board{margin:auto;padding:24px 16px;width:min(840px,100%);box-sizing:border-box;display:grid;grid-template-columns:1.35fr 1fr;gap:18px;align-items:start}.lobby .join-panel{min-width:0;gap:10px}.lobby .join-panel h2{margin:0}.lobby .notice{padding:6px 9px;background:var(--gold);color:var(--ink);box-shadow:0 0 0 3px var(--ink);margin-bottom:4px}.lobby .who{font-size:13px}.lobby .who b{display:inline-block;max-width:16ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;color:var(--gold)}.lobby .join-code{display:flex;gap:8px}.lobby .join-code input{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;width:92px;box-sizing:border-box;text-align:center;letter-spacing:4px;font-weight:700;text-transform:uppercase}.lobby .join-code input::placeholder{font-family:var(--font);letter-spacing:0;text-transform:none;font-weight:400}.lobby .join-code button{font-size:14px;padding:5px 12px}.lobby .room-list{display:flex;flex-direction:column;gap:6px;font-size:14px}.lobby .room-list p{font-size:14px}.join-panel .room-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 9px;text-align:left;font-size:14px;font-weight:400;color:var(--ink);background:var(--paper);box-shadow:none;text-shadow:none}.room-row .label{display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.room-row .label .name{overflow:hidden;text-overflow:ellipsis}.room-row .label .ic{flex:none}.lobby .create-room .pair{display:flex;gap:8px}.lobby .create-room .pair select{flex:1;min-width:0;font-size:15px;padding-right:4px}@media(max-width:900px){.lobby .board{grid-template-columns:1fr;width:min(520px,100%)}}.join-panel.room-prompt{width:min(420px,92vw);box-sizing:border-box;text-align:center}.room-prompt h1 .ic{margin-right:8px}.room-prompt input{text-align:left}.room-prompt button .ic{margin-left:6px}.join-panel.room-panel{position:fixed;top:60px;right:12px;z-index:8;width:240px;min-width:0;max-height:calc(100vh - 72px);overflow-y:auto;box-sizing:border-box;gap:8px;padding:14px 16px 18px;font-size:13px}.room-panel>*{flex-shrink:0}.join-panel.room-panel.collapsed{width:auto;padding:10px 14px 14px}.join-panel.room-panel.collapsed>:not(.panel-toggle){display:none}.room-panel h1{font-size:18px;padding:0 3px 3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-panel h2{margin:0;font-size:14px}.join-panel.room-panel .meta{margin-top:-6px;font-size:13px;color:#e9c99a}.join-panel.room-panel .code{margin:0;font-size:30px}.join-panel.room-panel button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;padding:5px 8px}.room-panel .share{display:flex;gap:6px}.room-panel .share button{flex:1}.join-panel.room-panel .panel-toggle{align-self:flex-end;padding:0;color:var(--paper);background:none;border:none;box-shadow:none}.room-panel .players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.room-panel .players li{display:flex;align-items:center;gap:6px;white-space:nowrap}.room-panel .players .who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.room-panel .players .who .ic{margin-right:4px}.room-panel .players .watching{color:#e9c99a}.room-panel .players .wins .ic{margin-right:2px}.room-panel .host-controls{display:flex;flex-direction:column;gap:6px}.join-panel.room-panel .char-grid{gap:4px}.join-panel.room-panel .char-card{padding:4px}.join-panel.room-panel .char-card .char-name{font-size:12px}.join-panel.room-panel .char-card .char-desc{display:none}.join-panel.room-panel .char-card.char-nav{padding:4px 1px}.join-panel.room-panel .char-nav .char-name{font-size:10px}.join-panel.room-prompt{max-height:calc(100vh - 24px);overflow-y:auto}.room-prompt>*{flex-shrink:0}.join-panel.controls-card{position:fixed;left:12px;bottom:12px;z-index:6;min-width:0;max-width:min(260px,36vw);gap:4px;padding:8px 10px 12px;font-size:11px;opacity:.7;transition:opacity .12s steps(2)}.join-panel.controls-card:hover,.join-panel.controls-card:focus-within{opacity:1}.join-panel.controls-card.collapsed{padding:6px 10px 8px}.join-panel.controls-card.collapsed .controls-list{display:none}.join-panel.controls-card .controls-toggle{align-self:flex-start;padding:0;font-size:13px;color:var(--gold);background:none;border:none;box-shadow:none;text-shadow:2px 2px 0 var(--ink)}.join-panel.controls-card .controls-toggle .key{font-size:10px;text-shadow:none}.controls-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}.controls-list li{display:contents}.controls-list .controls-group{display:block;grid-column:1 / -1;margin-top:4px;padding-bottom:1px;font-weight:700;color:var(--gold);text-shadow:1px 1px 0 var(--ink);border-bottom:2px solid var(--wood-lo)}.controls-list .controls-group:first-child{margin-top:0}.controls-keys{justify-self:start;white-space:nowrap}.controls-keys .key:first-child{margin-left:0}.controls-keys .key{font-size:10px;min-width:16px;padding:0 4px;box-shadow:0 2px 0 var(--ink)}.controls-label{white-space:nowrap}.join-panel.creator{width:min(860px,100%);min-width:0;margin:0 auto;box-sizing:border-box;gap:14px}.join-panel.creator button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.join-panel .creator-step{margin-top:-8px;color:#e9c99a}.join-panel .creator-hint{font-size:13px;color:#e9c99a}.creator-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:22px;align-items:start}.creator-image,.creator-form{display:flex;flex-direction:column;gap:12px;min-width:0}.creator-row{display:flex;flex-wrap:wrap;gap:8px}.join-panel.creator .creator-row button{font-size:14px;padding:6px 10px}.creator-drop{aspect-ratio:3 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:16px;box-sizing:border-box;border:3px dashed var(--paper);background:#0003;text-align:center}.creator-drop>.ic{font-size:54px}.creator-drop.over{border-color:var(--gold);background:#ffd36b26}.creator-drop .creator-row{justify-content:center}.cropper{display:flex;flex-direction:column;gap:10px}.cropper canvas{display:block;width:100%;aspect-ratio:3 / 4;box-shadow:0 0 0 3px var(--ink);background:var(--ink);touch-action:none;cursor:grab}.cropper canvas:active{cursor:grabbing}.join-panel .cropper input[type=range]{width:100%;margin:0;padding:0;border:none;background:none;accent-color:var(--gold)}.creator-tips{margin:0;padding:10px 12px 10px 30px;background:#0003;font-size:14px;line-height:1.6}.creator-field{display:flex;flex-direction:column;gap:6px;font-size:14px}.creator-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;cursor:pointer}.join-panel .creator-consent input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:22px;height:22px;margin:0;padding:0;background:var(--paper);border:3px solid var(--ink);cursor:pointer}.join-panel .creator-consent input:checked{background:var(--leaf);box-shadow:inset 0 0 0 3px var(--paper)}.join-panel .creator-quota{color:var(--gold)}.creator-form button[type=submit]{align-self:flex-start;font-size:18px;padding:9px 20px}.creator-walker{position:relative;height:110px;overflow:hidden}.creator-walker .char-sprite{position:absolute;bottom:-13.5px;animation:creator-walk 7s linear infinite}.creator-walker .silhouette{filter:grayscale(1) brightness(.55)}@keyframes creator-walk{0%{left:100%}to{left:-80px}}.creator-ground{position:absolute;left:0;right:0;bottom:0;height:8px;background:var(--clay-lo);border-top:4px solid var(--leaf-hi)}.creator-stages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:16px}.creator-stages li{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#0003;border-left:5px solid transparent;opacity:.55}.creator-stages li.active{opacity:1;color:var(--gold);border-left-color:var(--gold);animation:creator-pulse 1.2s steps(2) infinite}.creator-stages li.done{opacity:1;color:var(--status-wait)}@keyframes creator-pulse{50%{background:#ffd36b1f}}.join-panel .creator-outcome{font-size:16px}.join-panel.creator .creator-outcome+button{align-self:flex-start}.join-panel .creator-name{margin:0;font-size:26px;overflow-wrap:anywhere}.mini-arena{position:relative;line-height:0;box-shadow:0 0 0 3px var(--ink)}.mini-arena canvas{display:block}.mini-arena:focus{outline:3px solid var(--gold);outline-offset:3px}.mini-arena-focus{position:absolute;left:50%;top:14px;transform:translate(-50%);padding:6px 10px;line-height:1.2;font-size:14px;background:var(--paper);color:var(--ink);box-shadow:0 0 0 3px var(--ink);pointer-events:none;white-space:nowrap}.mini-arena:focus .mini-arena-focus{display:none}.creator-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.creator-strip figure{margin:0;padding:6px 4px 4px;background:var(--paper);color:var(--ink);box-shadow:0 0 0 3px var(--ink);text-align:center}.creator-strip figcaption{font-size:13px}.creator-actions{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:700px){.creator-body{grid-template-columns:minmax(0,1fr)}.creator-image{max-width:300px;width:100%;justify-self:center}.creator-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.creator-actions>*{flex:1 1 100%}}.gallery{width:min(900px,100%);margin:0 auto;display:flex;flex-direction:column;gap:18px}.gallery .join-panel{min-width:0}.gallery-head button{align-self:flex-start;display:inline-flex;align-items:center;gap:8px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:16px}.join-panel.gallery-card{gap:8px;padding:14px 14px 16px}.gallery-card .char-art{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;background:var(--paper);color:var(--ink);box-shadow:0 0 0 3px var(--ink);font-size:13px;text-align:center}.join-panel .gallery-name{margin:4px 0 0;font-size:17px;color:var(--gold);text-shadow:2px 2px 0 var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-panel .gallery-meta{margin-top:-4px;display:flex;align-items:center;gap:8px;font-size:12px;color:#e9c99a}.gallery-meta .tag.mine{background:var(--gold)}.gallery-actions{display:flex;flex-direction:column;gap:6px}.join-panel .gallery-actions button{font-size:14px;padding:5px 8px}.join-panel .gallery-actions p,.join-panel .gallery-card .error{font-size:13px}.join-panel.gallery-status{align-items:center;text-align:center}.join-panel.gallery-more-wrap{align-items:center;padding:0;background:none;box-shadow:none}.settings{position:fixed;top:12px;right:12px;z-index:11;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.settings-gear{display:block;font-size:20px;line-height:0;padding:7px;color:var(--paper);background:var(--wood);border:3px solid var(--ink);border-radius:0;box-shadow:inset -3px -3px 0 var(--wood-lo),inset 3px 3px 0 var(--wood-hi);cursor:pointer}.settings-gear:hover{filter:brightness(1.1)}.settings-gear:active{transform:translateY(2px)}.settings-gear[aria-expanded=true]{color:var(--gold)}.settings-gear .ic{vertical-align:0}.join-panel.settings-panel{width:240px;min-width:0;box-sizing:border-box;gap:10px;padding:14px 16px 18px}.settings-panel h2{margin:0}.settings-switch{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}.join-panel .settings-switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;position:relative;width:40px;height:22px;margin:0;padding:0;background:var(--clay-lo);border:3px solid var(--ink);cursor:pointer}.join-panel .settings-switch input:before{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--paper);box-shadow:0 0 0 2px var(--ink)}.join-panel .settings-switch input:checked{background:var(--leaf)}.join-panel .settings-switch input:checked:before{left:20px}