:root{color-scheme:dark;--bg: #15171c;--panel: #1f2229;--text: #e6e6e6;--muted: #9aa0aa;--accent: #e0a040}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,sans-serif}main{display:flex;flex-wrap:wrap;gap:16px;padding:16px}.player{flex:1 1 480px;max-width:720px}#screen{width:100%;aspect-ratio:3 / 2;background:#000;image-rendering:pixelated}.screens{position:relative}#screen,#battle-screen,#choice-screen{display:block}#battle-screen,#choice-screen{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;cursor:pointer}#battle-screen[hidden],#choice-screen[hidden]{display:none}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}button{padding:6px 14px;font:inherit}.file input{margin-left:4px}.keys,#status{color:var(--muted)}kbd{padding:0 4px;border:1px solid var(--muted);border-radius:3px}.events{flex:1 1 260px;padding:0 12px;background:var(--panel)}#events li.lost,#events li.dead{color:var(--accent)}input{padding:6px;font:inherit}.error{color:var(--accent)}.banner{margin:8px 0;padding:8px 12px;border:1px solid var(--accent);color:var(--accent)}.race{flex:1 1 280px;padding:0 12px 12px;background:var(--panel)}#players{padding-left:18px}#players li.away{color:var(--muted)}#host-actions,#reward-offer,#snapshot-fill{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}#reward-offer h3,#snapshot-fill h3,#snapshot-fill p{flex-basis:100%;margin:0}#feed{max-height:320px;overflow-y:auto;padding-left:18px;color:var(--muted)}button.danger{border-color:var(--accent)}#pvp{margin:12px 0;padding:8px 12px;border:1px solid var(--accent)}.standings td,.standings th{padding:2px 8px;text-align:left}.field{display:grid;gap:8px;margin:8px 0}.side{display:grid;grid-template-columns:96px 1fr;grid-template-rows:auto auto auto;column-gap:8px;align-items:center}.side .sprite{grid-row:1 / span 3;width:96px;height:96px;object-fit:contain;image-rendering:pixelated}.side.top{direction:rtl}.side.top>*{direction:ltr}.hp{height:8px;background:#333}.hp-fill{height:100%;background:#5cb85c}.choices{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.choices h3{flex-basis:100%;margin:0}.clock{font-weight:700;color:var(--accent)}.battle-log{max-height:200px;overflow-y:auto;padding-left:18px;color:var(--muted)}#feed,.battle-log{list-style:none;padding-left:0}.character{display:inline-block;vertical-align:middle;image-rendering:pixelated;margin-right:4px}#character-picker{width:min(720px,92vw);max-height:80vh;padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--accent);border-radius:8px}#character-picker::backdrop{background:#0009}.character-grid:empty:after{content:"No character matches that search.";color:var(--muted);grid-column:1 / -1}#character-picker .picker-head{display:flex;gap:8px;margin-bottom:8px}#character-picker input{flex:1;min-width:0}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:64vh;overflow-y:auto}.character-grid button{display:flex;flex-direction:column;align-items:center;padding:4px;font-size:11px;overflow-wrap:anywhere}.character-grid button.current{outline:2px solid #f87850}.character-grid button:disabled{opacity:.35}#lobby-overlay,#win-overlay{position:absolute;inset:0;overflow-y:auto}#lobby-overlay[hidden],#win-overlay[hidden],.in-lobby #race-title,.in-lobby #players,.in-lobby #host-actions{display:none}.muted{color:var(--muted)}#countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:min(30vw,220px);font-weight:800;color:#fff;text-shadow:0 6px 0 #000,0 0 24px rgba(0,0,0,.8);background:#00000073;pointer-events:none}#countdown[hidden]{display:none}#sound-note{color:var(--accent)}#sound-note[hidden]{display:none}.away-tag{color:var(--accent)}@font-face{font-family:Emerald;src:url(/assets/emerald-CG6Zefz2.otf) format("opentype");font-display:block}:root{--window-text: #484848;--window-shadow: #d0d0c8;--title: #f8d038;--title-shadow: #904800}#title-backdrop{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;image-rendering:pixelated;filter:brightness(.75);z-index:-1}body.in-race:has(#race-screen:not(.in-lobby)) #title-backdrop{display:none}.menu-screen{max-width:640px;margin:0 auto;padding:16px;display:grid;gap:12px;font:32px/1 Emerald,system-ui,sans-serif;-webkit-font-smoothing:none}.title{margin:8px 0;text-align:center;text-transform:uppercase;font:64px/1 Emerald,system-ui,sans-serif;color:var(--title);text-shadow:4px 4px 0 var(--title-shadow)}.window{border:24px solid transparent;border-image:var(--window-frame, url(/gfx/text_window/1.png)) 8 fill / 24px / 0 round;image-rendering:pixelated;padding:0 8px;color:var(--window-text);text-shadow:2px 2px 0 var(--window-shadow);background:none}.menu-screen .window{display:grid;gap:12px;margin:0}.menu-screen h2{margin:0;font:inherit;text-transform:uppercase;color:#3060b8;text-shadow:2px 2px 0 #a8c8f0}.menu-screen label{display:grid;gap:6px}.menu-screen input{font:32px/1 Emerald,system-ui,sans-serif;color:var(--window-text);background:#f8f8f8;border:0;border-bottom:4px solid var(--window-text);padding:4px 6px;text-shadow:none;min-width:0}.menu-screen button,#character-picker .picker-close{font:32px/1 Emerald,system-ui,sans-serif;color:var(--window-text);text-shadow:2px 2px 0 var(--window-shadow);background:none;border:0;padding:4px 0 4px 24px;position:relative;justify-self:start;cursor:pointer}.menu-screen button:not(:disabled):is(:hover,:focus-visible):before,#character-picker .picker-close:is(:hover,:focus-visible):before{content:"▶";position:absolute;left:0}.menu-screen button:disabled{color:#a8a8a8;cursor:default}.menu-screen .dice{padding:0;line-height:0}.menu-screen .dice:is(:hover,:focus-visible){transform:rotate(-12deg)}.menu-screen .dice:before{content:none!important}.trainer{display:flex;gap:16px;align-items:center}#profile-character .character{width:80px;height:80px;margin:0}.trainer-fields{flex:1;display:grid;gap:8px;min-width:0}.trainer-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.menu-screen .error,.menu-screen .note{margin:0;color:#fff;text-shadow:2px 2px 0 #000}.menu-screen .error:empty{display:none}#character-picker.window{border:24px solid transparent;border-radius:0;border-image:var(--window-frame, url(/gfx/text_window/1.png)) 8 fill / 24px / 0 round;background:none;padding:0 8px;color:var(--window-text);font:16px/1 Emerald,system-ui,sans-serif}#character-picker input{font:32px/1 Emerald,system-ui,sans-serif;background:#f8f8f8;color:var(--window-text);border:0;border-bottom:4px solid var(--window-text)}#character-picker .character-grid button{font:16px/1 Emerald,system-ui,sans-serif;background:#f8f8f8;color:var(--window-text);border:2px solid #d0d0c8}#character-picker .character-grid button.current{outline:4px solid #e83030}.name-note{margin:0;font-size:16px;color:#e83030;text-shadow:1px 1px 0 #f8b8b8}#lobby-overlay{display:grid;align-content:start;gap:16px;font:32px/1 Emerald,system-ui,sans-serif;-webkit-font-smoothing:none}.lobby-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}#lobby-overlay h2,#win-overlay h2{margin:0;font:inherit;text-transform:uppercase;color:#3060b8;text-shadow:2px 2px 0 #a8c8f0;overflow-wrap:anywhere}.lobby-players{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px}.lobby-players li{display:flex;align-items:center;gap:8px;min-width:0}.lobby-players .character{flex:none;margin:0}.lobby-players li>div{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}.lobby-players strong{font-weight:400}.lobby-players .tags,.lobby-settings{font-size:16px}.lobby-players .tags{color:#888880;text-shadow:1px 1px 0 var(--window-shadow)}.lobby-players .away-tag{color:#e83030;text-shadow:1px 1px 0 #f8b8b8}.lobby-controls{display:flex;flex-wrap:wrap;gap:4px 24px}.lobby-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}.lobby-settings .setting{display:flex;align-items:center;gap:8px}.lobby-note{margin:0}#lobby-overlay button,#win-overlay button{font:inherit;color:var(--window-text);text-shadow:2px 2px 0 var(--window-shadow);background:none;border:0;padding:4px 0 4px 24px;position:relative;cursor:pointer}#lobby-overlay button:not(:disabled):is(:hover,:focus-visible):before,#win-overlay button:is(:hover,:focus-visible):before{content:"▶";position:absolute;left:0}#lobby-overlay button:disabled{color:#a8a8a8;cursor:default}#lobby-overlay button.danger{color:#e83030;text-shadow:2px 2px 0 #f8b8b8}#lobby-overlay .race-code{letter-spacing:.1em}#lobby-overlay input[type=checkbox],.race input[type=checkbox]{appearance:none;flex:none;width:24px;height:24px;margin:0;border:4px solid var(--window-text);background:#f8f8f8;cursor:pointer}#lobby-overlay input[type=checkbox]:checked,.race input[type=checkbox]:checked{background:var(--window-text);box-shadow:inset 0 0 0 3px #f8f8f8}#win-overlay{display:grid;align-content:start;gap:12px;font:32px/1 Emerald,system-ui,sans-serif;-webkit-font-smoothing:none;isolation:isolate;container:win-screen / inline-size}.win-head{display:flex;align-items:center;gap:16px}.win-head .character{flex:none;margin:0}.win-head p{margin:8px 0 0;font-size:16px;line-height:1.5}.standings{list-style:none;margin:0;padding:0;display:grid;gap:8px}.standings li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.standings .character{margin:0}.standings strong{font-weight:400;min-width:4.5em}.standings .progress{--scale: 1;margin:0}@container win-screen (min-width: 560px){.standings.few .progress{--scale: 2}.standings.few .character{width:64px;height:64px}}#win-overlay>button{justify-self:start}#win-overlay.you-won:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#f8d038 2px,transparent 2px),radial-gradient(circle,#e83030 2px,transparent 2px),radial-gradient(circle,#3060b8 2px,transparent 2px);background-size:64px 64px,96px 96px,80px 80px;animation:sparkles-fall 4s linear infinite}@keyframes sparkles-fall{0%{background-position:0 0,40px 0,20px 0}to{background-position:0 64px,40px 96px,20px 80px}}@media(prefers-reduced-motion:reduce){#win-overlay.you-won:before{animation:none}}.progress{--scale: 2;display:grid;gap:4px;margin-top:4px}.badge-row,.elite-four-row{display:flex;align-items:center;gap:2px}.progress .mark{display:block;image-rendering:pixelated}.badge-row .mark{width:calc(16px * var(--scale));height:calc(16px * var(--scale))}.elite-four-row .mark{width:calc(20px * var(--scale));height:calc(20px * var(--scale))}.champion-arrow{font-size:calc(8px * var(--scale));color:#888880;margin:0 2px}@container race-panel (max-width: 380px){.progress{--scale: 1}}.race{container:race-panel / inline-size;border:24px solid transparent;border-image:var(--window-frame, url(/gfx/text_window/1.png)) 8 fill / 24px / 0 round;image-rendering:pixelated;background:none;padding:0 8px;align-self:start;display:grid;gap:12px;color:var(--window-text);text-shadow:1px 1px 0 var(--window-shadow);font:16px/1.5 Emerald,system-ui,sans-serif;-webkit-font-smoothing:none}.race>*{margin:0}.race h2,.race h3{margin:0;font:32px/1 Emerald,system-ui,sans-serif;text-transform:uppercase;color:#3060b8;text-shadow:2px 2px 0 #a8c8f0;overflow-wrap:anywhere}.race .choices h3,.race .fight-title,#reward-offer h3,#snapshot-fill h3{font-size:16px;line-height:1.5;text-transform:none;color:inherit;text-shadow:inherit}#players{list-style:none;margin:0;padding:0;display:grid;gap:8px}#players li{display:flex;align-items:center;gap:8px}#players li>div{display:grid;min-width:0}#players strong{font:32px/1 Emerald,system-ui,sans-serif;text-shadow:2px 2px 0 var(--window-shadow)}#players .tags{color:#888880}#players li.away{color:#a8a8a8}#feed{max-height:400px;margin:0;color:inherit}.race button{font:32px/1 Emerald,system-ui,sans-serif;color:var(--window-text);text-shadow:2px 2px 0 var(--window-shadow);background:none;border:0;padding:4px 0 4px 24px;position:relative;justify-self:start;text-align:left;cursor:pointer}.race button:not(:disabled):is(:hover,:focus-visible):before{content:"▶";position:absolute;left:0}.race button:disabled{color:#a8a8a8;cursor:default}.race button.danger{color:#e83030;text-shadow:2px 2px 0 #f8b8b8}#host-actions,#reward-offer,#snapshot-fill{margin:0;gap:4px 24px}#snapshot-fill label{display:flex;align-items:center;gap:8px;flex-basis:100%}#pvp{margin:0;padding:0 0 12px;border:0;border-bottom:4px solid var(--window-shadow);display:grid;gap:8px}#pvp>*{margin:0}.race .clock{font-weight:400;color:#e83030;text-shadow:1px 1px 0 #f8b8b8}.race .standings{border-collapse:collapse}.race .standings th{font-weight:400;color:#3060b8;text-shadow:1px 1px 0 #a8c8f0}.race select,#lobby-overlay select{font:inherit;color:var(--window-text);background:#f8f8f8;border:0;border-bottom:4px solid var(--window-text);padding:2px 4px}.controls,.player .banner{border:24px solid transparent;border-image:var(--window-frame, url(/gfx/text_window/1.png)) 8 fill / 24px / 0 round;image-rendering:pixelated;background:none;padding:0 8px;color:var(--window-text);text-shadow:2px 2px 0 var(--window-shadow);font:32px/1.25 Emerald,system-ui,sans-serif;-webkit-font-smoothing:none}.controls{gap:8px 24px}.controls label{display:flex;align-items:center;gap:8px}.player .banner{margin:8px 0 0;color:#e83030;text-shadow:2px 2px 0 #f8b8b8}#status{color:inherit}#sound-note{color:#e83030;text-shadow:2px 2px 0 #f8b8b8}.controls button{font:inherit;color:inherit;text-shadow:inherit;background:none;border:0;padding:0 0 0 24px;position:relative;cursor:pointer}.controls button:is(:hover,:focus-visible):before{content:"▶";position:absolute;left:0}.controls button.danger{color:#e83030;text-shadow:2px 2px 0 #f8b8b8}.controls select{font:inherit;color:var(--window-text);background:#f8f8f8;border:0;border-bottom:4px solid var(--window-text);padding:0 4px}.controls input[type=range]{appearance:none;width:160px;height:24px;margin:0;background:none;cursor:pointer}.controls input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--window-text)}.controls input[type=range]::-moz-range-track{height:8px;background:var(--window-text)}.controls input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:24px;margin-top:-8px;background:#f8f8f8;border:4px solid var(--window-text);border-radius:0}.controls input[type=range]::-moz-range-thumb{width:8px;height:16px;background:#f8f8f8;border:4px solid var(--window-text);border-radius:0}.keys{font:16px/1.5 Emerald,system-ui,sans-serif;-webkit-font-smoothing:none;color:#fff;text-shadow:1px 1px 0 #000}.keys kbd{font:inherit;border-color:#fff}.in-lobby #screen{visibility:hidden}#countdown{font-family:Emerald,system-ui,sans-serif;font-weight:400;color:var(--title);text-shadow:12px 12px 0 var(--title-shadow)}.menu-screen{position:relative}.menu-screen .cog{position:absolute;top:16px;right:16px;padding:0;line-height:0}.menu-screen .cog:before{content:none!important}.menu-screen .cog:is(:hover,:focus-visible){transform:rotate(30deg)}#settings{width:min(520px,92vw);padding:0 8px;color:var(--window-text);text-shadow:2px 2px 0 var(--window-shadow);font:32px/1 Emerald,system-ui,sans-serif;-webkit-font-smoothing:none}#settings::backdrop{background:#0009}#settings h2{margin:0 0 12px;font:inherit;text-transform:uppercase;color:#3060b8;text-shadow:2px 2px 0 #a8c8f0}#settings .key-list{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 24px}#settings button{font:inherit;color:inherit;text-shadow:inherit;background:none;border:0;padding:4px 0 4px 24px;position:relative;cursor:pointer;text-align:left}#settings button:is(:hover,:focus-visible):before{content:"▶";position:absolute;left:0}#settings .key-row{display:flex;justify-content:space-between;gap:12px}#settings .key{color:#3060b8;text-shadow:2px 2px 0 #a8c8f0}#settings .settings-note{min-height:1em;margin:12px 0;font-size:16px;color:#e83030;text-shadow:1px 1px 0 #f8b8b8}#settings .settings-buttons{display:flex;flex-wrap:wrap;gap:4px 24px;margin-bottom:4px}@media(max-width:520px){.title{font-size:32px;text-shadow:2px 2px 0 var(--title-shadow)}.menu-screen,.menu-screen input,.menu-screen button,#settings{font-size:16px}#settings button{padding-left:16px}.menu-screen .cog svg{width:24px;height:24px}.window,.race,.controls,.player .banner{border-width:16px;border-image-width:16px}.controls,.player .banner{font-size:16px}.controls button{padding-left:16px}.controls input[type=range]{width:96px}#lobby-overlay,#win-overlay{gap:8px;font-size:16px}#lobby-overlay button,#win-overlay button{padding-left:16px}.win-head .character{width:48px;height:48px}.standings .character{width:24px;height:24px}.lobby-players{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.lobby-players .character,#players .character{width:40px;height:40px}.race h2,.race h3,.race button,#players strong{font-size:16px}.race button{padding-left:16px}}