@font-face{font-family:Scuffleball Display;src:url(/font/display.ttf)format("truetype");font-display:swap}html,body{color:#f2f4f8;background:#0b0b12;width:100%;height:100%;margin:0;padding:0;font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}#app{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}#app canvas{image-rendering:crisp-edges;image-rendering:pixelated;display:block}.overlay{pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.overlay-controls{color:#9aa7bd;background:#1b1f2ed9;border-top:1px solid #2f3547;border-left:1px solid #2f3547;border-right:1px solid #2f3547;padding:4px 10px;font-size:12px;line-height:1.5}.devpanel{color:#f2f4f8;box-sizing:border-box;background:#1b1f2ef0;border-left:1px solid #2f3547;width:320px;padding:8px;font-size:11px;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.devpanel-title{color:#f4d35e;margin-bottom:4px;font-weight:700}.devpanel-status{color:#9aa7bd;white-space:pre-line;margin-bottom:6px}.devpanel-row{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.devpanel-row input[type=file]{max-width:180px}.devpanel button{font:inherit;color:#f2f4f8;cursor:pointer;background:#2f3547;border:1px solid #4f5b78;padding:2px 6px}.devpanel-section{margin-bottom:6px}.devpanel-section summary{cursor:pointer;color:#9aa7bd}.devpanel-grid{grid-template-columns:1fr 80px;align-items:center;gap:2px 6px;margin-top:4px;display:grid}.devpanel-grid input{font:inherit;color:#f2f4f8;box-sizing:border-box;background:#0b0b12;border:1px solid #4f5b78;width:100%;padding:1px 3px}.lobby{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lobby-panel{pointer-events:auto;image-rendering:pixelated;color:#f2f4f8;box-sizing:border-box;border:10px solid #0000;border-image:url(/ui/panel.png) 5 fill/10px;width:min(520px,92vw);max-height:90vh;padding:8px 12px;font-size:13px;overflow-y:auto}.lobby-link{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.lobby-title{color:#f4d35e;letter-spacing:0;text-shadow:2px 2px #1b1f2e;margin:0 0 10px;font-family:Scuffleball Display,ui-monospace,monospace;font-size:32px;font-weight:400}.lobby-field{justify-content:space-between;align-items:center;gap:8px;margin:6px 0;display:flex}.lobby-field input,.lobby-field select{font:inherit;color:#f2f4f8;background:#0b0b12;border:1px solid #4f5b78;width:160px;padding:3px 6px}.lobby-check{align-items:center;gap:6px;margin:4px 0;display:flex}.lobby-row{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;display:flex}.lobby button{font:inherit;color:#f2f4f8;cursor:pointer;background:#2f3547;border:1px solid #4f5b78;padding:4px 10px;font-family:Scuffleball Display,ui-monospace,monospace;font-size:16px}.lobby button.primary{background:#c9303a;border-color:#e8656c}.lobby-privacy{color:#9aa7bd;word-break:break-all;align-items:center;gap:8px;font-size:12px;display:flex}.lobby-members{border-top:1px solid #2f3547;margin:12px 0}.lobby-member{border-bottom:1px solid #2f3547;align-items:center;gap:10px;padding:4px 0;display:flex}.lobby-member-name{flex:1}.lobby-member-seat{width:40px;font-weight:700}.seat-0 .lobby-member-seat{color:#e8656c}.seat-1 .lobby-member-seat{color:#6a94ee}.seat-spec .lobby-member-seat{color:#9aa7bd}.lobby-member-controls{gap:4px;display:flex}.lobby-member-controls button{padding:1px 5px;font-size:11px}.lobby-settings{border-top:1px solid #2f3547;border-bottom:1px solid #2f3547;margin:8px 0;padding:8px 0}.lobby-status{color:#f4d35e;min-height:1.2em;margin-top:6px}.lobby-hint{color:#9aa7bd;margin-top:8px;font-size:12px}.lobby-bar{pointer-events:none;color:#9aa7bd;background:#1b1f2ed9;border:1px solid #2f3547;padding:3px 8px;font-size:12px;position:absolute;top:6px;right:8px}.netoverlay{color:#a7f070;white-space:pre;pointer-events:none;background:#1b1f2ed9;border:1px solid #2f3547;padding:4px 8px;font-size:11px;line-height:1.4;position:absolute;top:6px;left:8px}.chat{pointer-events:none;width:min(360px,60vw);font-size:12px;position:absolute;bottom:40px;left:8px}.chat-log{flex-direction:column;gap:1px;display:flex}.chat-line{color:#f2f4f8;word-break:break-word;background:#1b1f2ecc;align-self:flex-start;max-width:100%;padding:1px 6px}.chat-name{color:#9aa7bd}.chat-system{color:#f4d35e}.chat-input{pointer-events:auto;width:100%;font:inherit;color:#f2f4f8;box-sizing:border-box;background:#0b0b12;border:1px solid #4f5b78;margin-top:3px;padding:3px 6px}.lobby-archetype{font:inherit;color:#f2f4f8;background:#0b0b12;border:1px solid #4f5b78;font-size:11px}.lobby-member-archetype{color:#9aa7bd;width:80px;font-size:11px}.bindings{color:#f2f4f8;box-sizing:border-box;background:#1b1f2ef5;border:1px solid #4f5b78;width:300px;padding:8px 10px;font-size:12px;position:absolute;top:40px;left:8px}.bindings-title{color:#f4d35e;margin-bottom:6px;font-weight:700}.bindings-layout{color:#9aa7bd;margin:8px 0 3px}.bindings-grid{grid-template-columns:70px 1fr;align-items:center;gap:2px 8px;display:grid}.bindings button{font:inherit;color:#f2f4f8;cursor:pointer;text-align:left;background:#2f3547;border:1px solid #4f5b78;padding:1px 6px}.help{color:#f2f4f8;box-sizing:border-box;z-index:20;background:#1b1f2ef5;border:1px solid #4f5b78;width:min(560px,100vw - 32px);max-height:calc(100vh - 48px);padding:10px 14px 12px;font-size:12px;line-height:1.45;position:absolute;top:24px;left:50%;overflow-y:auto;transform:translate(-50%)}.help-title{color:#f4d35e;margin-bottom:6px;font-weight:700}.help-section{color:#9aa7bd;margin:10px 0 2px;font-weight:700}.help-line{margin:0 0 2px 8px}.help button{font:inherit;color:#f2f4f8;cursor:pointer;background:#2f3547;border:1px solid #4f5b78;margin-top:10px;padding:2px 10px}.stats{min-width:320px;max-width:calc(100vw - 32px);image-rendering:pixelated;color:#f2f4f8;box-sizing:border-box;z-index:15;border:10px solid #0000;border-image:url(/ui/panel.png) 5 fill/10px;padding:2px 6px 4px;font-size:12px;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.stats-title{color:#f4d35e;margin-bottom:4px;font-family:Scuffleball Display,ui-monospace,monospace;font-size:16px;font-weight:400}.stats-mvp{color:#ef8a3c;margin-bottom:6px}.stats table{border-collapse:collapse;width:100%}.stats th,.stats td{text-align:right;padding:1px 6px}.stats th:first-child,.stats td:first-child{text-align:left}.stats th{color:#9aa7bd;font-weight:400}.stats-team-0 td:first-child{color:#e8656c}.stats-team-1 td:first-child{color:#6a94ee}.lobby-connect{background:#1b1f2ee6;border:2px solid #9aa7bd;width:min(420px,92vw);margin-top:18vh;box-shadow:0 0 0 2px #1b1f2e,0 0 0 4px #4f5b78}.lobby-connect .lobby-hint{color:#9aa7bd}.portrait{--slot:0;background-image:url(/sprites/portraits.png);background-repeat:no-repeat;background-position:calc(var(--slot) * -64px) 0;width:64px;height:64px;image-rendering:pixelated;vertical-align:middle;display:inline-block}.portrait-small{background-size:auto 32px;background-position:calc(var(--slot) * -32px) 0;width:32px;height:32px;margin-right:6px}.lobby-picker{margin:8px 0}.lobby-faces{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.lobby-face{cursor:pointer;background:#2f3547;border:2px solid #4f5b78;flex-direction:column;align-items:center;gap:2px;padding:2px 2px 3px;line-height:0;display:flex}.lobby-face-name{color:#9aa7bd;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;line-height:1}.lobby-face.selected .lobby-face-name{color:#f4d35e}.lobby button.copied{background:#2f7a3d;border-color:#9ad34e}.lobby-face.selected{background:#1b1f2e;border-color:#f4d35e}.sound{opacity:.75;background:#1b1f2ed9;border:1px solid #2f3547;border-radius:3px;align-items:center;gap:6px;padding:3px 6px;display:flex;position:absolute;bottom:8px;right:8px}.sound:hover{opacity:1}.sound-button{color:#f2f4f8;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.sound-muted{opacity:.5}.sound-slider{accent-color:#f4d35e;width:70px}.crest{width:24px;height:26px;image-rendering:pixelated;vertical-align:middle;background-repeat:no-repeat;background-size:24px 26px;margin:0 6px;display:inline-block}.crest-red{background-image:url(/ui/crest-red.png)}.crest-blue{background-image:url(/ui/crest-blue.png)}.award{width:24px;height:26px;image-rendering:pixelated;vertical-align:middle;background-position:bottom;background-repeat:no-repeat;margin:0 4px;display:inline-block}.award-trophy{background-image:url(/ui/trophy.png)}.award-medal-gold{background-image:url(/ui/medal-gold.png)}.award-medal-silver{background-image:url(/ui/medal-silver.png)}.award-medal-bronze{background-image:url(/ui/medal-bronze.png)}