:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--line:var(--lightningcss-light,#d0d4da)var(--lightningcss-dark,#3a3f47);--field:var(--lightningcss-light,#fff)var(--lightningcss-dark,#23262b);--muted:var(--lightningcss-light,#667)var(--lightningcss-dark,#99a);--accent:#2563a8;--bad:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ff8a80);--page:var(--lightningcss-light,#f6f7f9)var(--lightningcss-dark,#17191c);background:var(--page);color:var(--lightningcss-light,#1a1c1f)var(--lightningcss-dark,#e6e8eb);font-family:system-ui,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.welcome{text-align:center;max-width:32rem;margin:15vh auto 0;padding:0 1rem}.app{flex-direction:column;height:100dvh;display:flex}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.5rem 1rem;display:flex}header>*{white-space:nowrap}header .space{margin-left:auto}.space.over,.error{color:var(--bad)}.error{margin:.5rem 1rem}.note{color:var(--muted);font-size:.85rem}.body{flex:1;min-height:0;display:flex}nav{border-right:1px solid var(--line);flex-direction:column;width:14rem;display:flex;overflow-y:auto}nav button{text-align:left;background:0 0;border:0;border-radius:0;padding:.35rem 1rem}nav button.active{background:var(--accent);color:#fff}.team{flex:1;min-width:0;padding:0 1rem 2rem;overflow:auto}.scroll{max-width:100%;overflow-x:auto}.scroll .pin{z-index:1;background:var(--page);position:sticky;left:0}h2{margin:1.25rem 0 .5rem;font-size:1rem}.fields{flex-wrap:wrap;gap:.75rem;display:flex}.fields label{flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}table{border-collapse:collapse;font-size:.85rem}th,td{text-align:center;white-space:nowrap;padding:1px 3px}th{color:var(--muted);font-weight:500}input,select{border:1px solid var(--line);background:var(--field);color:inherit;font:inherit;border-radius:3px;padding:2px 4px}input.rom-name,input.season-name{width:13rem}input.name{width:12rem}input.num{text-align:center;width:2.6rem}select{max-width:11rem}td.wrap{white-space:normal;max-width:34rem}.outcome{border:1px solid var(--line);border-radius:4px;max-width:50rem;margin:.75rem 0;padding:.5rem .75rem}.outcome p{margin:.25rem 0}.outcome ul{margin:.25rem 0;padding-left:1.25rem}select.attribute{padding:2px 0}select.invalid{color:var(--bad)}select.wide{max-width:none}select.narrow{max-width:5.5rem}input.seconds{width:4.5rem}table.left td,table.left th{text-align:left;padding:2px 8px 2px 0}.fields+.fields{margin-top:.75rem}.actions button{margin-left:2px;padding:1px 6px}.palette{gap:2px;margin-bottom:.5rem;display:flex}.swatch{border-radius:2px;width:1.6rem;height:1.6rem;padding:0}.swatch.selected{outline:2px solid var(--accent);outline-offset:1px}.color-controls{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.85rem;display:flex}.color-controls strong{min-width:11rem}.color-controls label{align-items:center;gap:.3rem;display:flex}.color-controls input[type=range]{width:5rem;padding:0}.color-controls input[type=color]{width:2rem;height:1.5rem;padding:0}.help{line-height:1.5}.help>*{max-width:46rem}.help h3{margin:1.75rem 0 .25rem;font-size:1rem}.help li{margin:.2rem 0}.help .contents{columns:2}.help kbd{border:1px solid var(--line);background:var(--field);font:inherit;border-radius:3px;padding:0 .3rem}.pick-image{border:1px solid var(--line);cursor:crosshair;max-width:min(100%,40rem);margin-bottom:.5rem;display:block}.strip{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.pictures{flex-wrap:wrap;gap:1.5rem;display:flex}.picture{max-width:18rem}.picture .preview{margin:.4rem 0}.checkered{background:repeating-conic-gradient(#b8bcc4 0% 25%,#dfe2e7 0% 50%) 0 0/16px 16px}.preview{border:1px solid var(--line);max-width:100%;height:auto;image-rendering:pixelated;display:block}button,.button{border:1px solid var(--line);background:var(--field);color:inherit;font:inherit;cursor:pointer;border-radius:4px;padding:.35rem .8rem}.notice{background:#bf87001f;border-left:4px solid #bf8700;max-width:50rem;padding:.5rem .75rem}nav .group{letter-spacing:.04em;text-transform:uppercase;opacity:.7;padding:.6rem .9rem .2rem;font-size:.8rem;font-weight:700}.trade{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.trade table{margin-bottom:1rem}.trade table.attributes td,.trade table.attributes th{white-space:nowrap;padding-left:.3rem;padding-right:.3rem;font-size:.85rem}tr.picked td{background:color-mix(in srgb, #bf8700 18%, var(--page))}.high{color:#2da44e;font-weight:600}.low{color:#d1242f;font-weight:600}td.team-name{text-align:left}input.wide-input{width:18rem}label.choice{white-space:nowrap;margin-right:1.2rem}details{margin:.4rem 0}.hack{max-width:50rem;margin:.9rem 0}.hack label{margin-right:.6rem}.hack label select{margin-left:.4rem}.hack input[aria-invalid=true]{border-color:var(--bad);outline-color:var(--bad)}.hack p{margin:.25rem 0 0}details.rules{border:1px solid var(--line);border-radius:4px;max-width:46rem;margin:.75rem 0;padding:.4rem .75rem}summary{cursor:pointer;font-weight:600}button.link{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline}button:disabled{opacity:.5;cursor:not-allowed}.nav-toggle,.more-toggle,.backdrop{display:none}.cards{flex-direction:column;gap:.4rem;display:flex}.card{border:1px solid var(--line);background:var(--field);border-radius:6px}.card-head{align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.card-head input.name{flex:1;width:auto;min-width:0}.card-place{min-width:2.6rem;color:var(--muted);font-size:.85rem}.card-toggle{white-space:nowrap;min-width:4rem;padding:.35rem .5rem}.card-body{border-top:1px solid var(--line);flex-direction:column;gap:.35rem;padding:.25rem .6rem .6rem;display:flex}.card-body label{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.card-body select{min-width:7rem;max-width:60%}.card-body .actions{gap:.5rem;margin-top:.3rem;display:flex}.card-body .actions button{flex:1;margin:0;padding:.5rem}@media (width<=820px){.nav-toggle,.more-toggle{display:inline-block}.nav-toggle{text-overflow:ellipsis;max-width:55vw;font-weight:600;overflow:hidden}header{gap:.4rem .5rem;padding:.5rem .6rem}header .brand,header .extra{display:none}header.more-open .extra{flex-basis:100%;display:block}header.more-open .extra,header.more-open .extra .button{box-sizing:border-box;text-align:center;white-space:normal;width:100%}header.more-open .extra .button{display:block}header .space{margin-left:0;font-size:.85rem}input.rom-name{width:7.5rem}.backdrop{z-index:19;background:#00000073;display:block;position:fixed;inset:0}nav{z-index:20;background:var(--page);visibility:hidden;width:min(19rem,85vw);transition:transform .15s ease-out;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:0 0 1.5rem #00000059}nav.open{visibility:visible;transform:none}nav button{padding:.65rem 1rem}.team{padding:0 .7rem 2rem}input,select,button,.button{font-size:16px}input[type=checkbox]{width:1.25rem;height:1.25rem}.fields label,.fields input:not(.num):not([type=checkbox]){max-width:100%}input.wide-input,select.wide{box-sizing:border-box;width:100%;max-width:100%}.help .contents{columns:1}.color-controls strong{min-width:100%}.picture{max-width:100%}.trade{gap:1rem}.trade>section{max-width:100%}}.bar-track{background:linear-gradient(var(--line), var(--line)) center / 1px 100% no-repeat;width:10rem;height:.8rem;position:relative}.bar{position:absolute;top:.1rem;bottom:.1rem}.bar.above{background:#2da44e}.bar.below{background:#d1242f}.pixel-editor{border:1px solid var(--line);border-radius:6px;margin:.6rem 0 1.2rem;padding:.6rem}.paint-tools{flex-wrap:wrap;align-items:center;gap:.3rem .5rem;margin:.3rem 0;display:flex}.paint-tools button.chosen,.paint-swatch.chosen{outline:3px solid var(--accent,#0969da);outline-offset:1px}.paint-colours{flex-wrap:wrap;gap:.3rem;margin:.4rem 0;display:flex}.paint-swatch{border:1px solid var(--line);border-radius:4px;width:1.8rem;height:1.8rem;padding:0}.paint-area{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.paint-canvas{border:1px solid var(--line);max-width:100%;line-height:0;overflow:auto}.paint-canvas canvas{display:block}.paint-side{max-width:16rem}.paint-row{flex-wrap:wrap;align-items:center;gap:.3rem;width:100%;display:flex}.discord-text{box-sizing:border-box;width:100%;font-family:ui-monospace,monospace;font-size:.85rem;display:block}.discord-message{margin:.5rem 0}