*,:before,:after{box-sizing:border-box}html,body{margin:0;overflow-x:hidden}:root{color:#f8f0d8;font-synthesis:none;--retro-ink:#f8f0d8;--retro-muted:#a9b6bd;--retro-accent:#f5a623;--retro-accent-soft:#ffd166;--retro-blue:#1f8fbd;--retro-shadow:#02070b;background:#07141f;font-family:Courier New,Courier,monospace}body{min-width:320px;min-height:100vh;color:var(--retro-ink);background:linear-gradient(#02070bd1,#07141ff0),repeating-linear-gradient(0deg,#0b2432 0 2px,#07141f 2px 4px)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--retro-accent-soft);outline-offset:2px}main{flex-direction:column;height:100dvh;padding:8px 12px;display:flex}main>*{flex:auto;min-height:0}.screen-scroll{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}img,canvas{max-width:100%}:root{--ui-panel:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAMElEQVR42mPg5OT+T03MQDMD7e3dyML0N1BCQposPGrgqIGjBg4OA2F48Bs46EpsANmXAQPbuQWdAAAAAElFTkSuQmCC);--ui-panel-active:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDFyaxk4Xpb6CyFCdJ2EmBDYxHDRw1cNTAwWEgDMMUkIrpZ+CgK7EBSpcSTxSpD5sAAAAASUVORK5CYII=);--ui-button:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDCwuryML0N9De3o0kLCEhDcajBo4aOGrg4DAQhmEKSMX0M3DQldgAzEdj80ZGypYAAAAASUVORK5CYII=);--ui-button-active:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOUlEQVR42mPg5OT+T03MQDMDK0z5ycL0N3BLMCdJ+Pd+FTAeNXDUwFEDB4eBMAxTQCqmn4GDrsQGAPw8wA/6RpiBAAAAAElFTkSuQmCC);--ui-hpbar:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAOElEQVR42mPg5OT+T03MQDMDJSSkycL0N1BdXYskbG/vBsajBo4aOGrg4DAQhmEKSMX0M3DQldgAeZQaUw/vBpkAAAAASUVORK5CYII=);--ui-chip-negative:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAL0lEQVR42mNw5eL6T03MQDMD62VlycL0N9BeSIgkPGrgqIGjBg4uAwd/eThoDQQAXmUyv2SZ85EAAAAASUVORK5CYII=);--ui-chip-positive:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAL0lEQVR42mPg8cr7T03MQDMD2SNbycL0N5DbKoQkPGrgqIGjBg4uAwd/eThoDQQA7iavUx2MiwIAAAAASUVORK5CYII=);--ui-icon-quemado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAOUlEQVR42mNgQAM/i8X+MxACIEUkKcSrGKbg7wN3/IphimAYq0Jk05AVYihGV4TTVKIVEu1GYoIHABI0fVb4XYsjAAAAAElFTkSuQmCC);--ui-icon-escudo:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAMUlEQVR42mPgW/ryPzGYAUTUXv6DF9NIIQjgUwxXRJJCXIoxFJGkEF0xTkXIirEpAgD9S+Bvxg+gvgAAAABJRU5ErkJggg==);--ui-icon-aturdido:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKklEQVR42mNgQAN/H7j/B2EGQoA6CpEl0BViaIIpQMcEFZCsgXw3Ui14AIWxfXnUsDnYAAAAAElFTkSuQmCC);--ui-icon-enraizado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPklEQVR42mNggAKxVJP/2DADMgAJeN1rwIpRFBOtkGirYQqRNSCLYShCV4ihGJsJGGK4dGOwcboH3VRiFQIAXt5jBesCoIIAAAAASUVORK5CYII=);--ui-icon-silenciado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQklEQVR42mNgYGBgmLJ4x398mAGmiAEPeO/iAlGMTyFIEdwwXAphivAqRFaEUyG6IhR/IPsO2V0ovsbpeEI+pBgAAA/9WgFKMesHAAAAAElFTkSuQmCC);--ui-icon-derribado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKElEQVR42mNgIAf8KCz8D8JEKSJJMdGm4TWdKEVEgXpZ2f/EYAaqAwD4rE/Xng5ZMAAAAABJRU5ErkJggg==);--ui-icon-eliminado:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAP0lEQVR42mNggIIrV278x4YZkAEuRSiKCSmCKwYREhLSYIwuiSxOmkJckhhWE+VGon2NHEQwK5GtZkAHhEwDAJAqC0DrzdSWAAAAAElFTkSuQmCC)}.ui-panel,.ui-button{border-style:solid;border-width:6px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;border-image-slice:6 fill;border-image-width:6px;border-image-repeat:repeat}.ui-panel{border-image-source:var(--ui-panel)}.ui-panel[data-active=true]{border-image-source:var(--ui-panel-active)}.ui-button{border-image-source:var(--ui-button);color:inherit;font:inherit;cursor:pointer;padding:4px 8px}.ui-button:active:not(:disabled),.ui-button[data-selected=true]{border-image-source:var(--ui-button-active)}.ui-button:disabled{opacity:.45;cursor:default}.ui-chip,.ui-hpbar{border-style:solid;border-width:4px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background:0 0;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:repeat}.ui-hpbar{border-image-source:var(--ui-hpbar)}.ui-chip[data-tone=negative]{border-image-source:var(--ui-chip-negative)}.ui-chip[data-tone=positive]{border-image-source:var(--ui-chip-positive)}.ui-icon{vertical-align:-1px;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;display:inline-block}.ui-icon[data-icon=quemado]{background-image:var(--ui-icon-quemado)}.ui-icon[data-icon=escudo]{background-image:var(--ui-icon-escudo)}.ui-icon[data-icon=aturdido]{background-image:var(--ui-icon-aturdido)}.ui-icon[data-icon=enraizado]{background-image:var(--ui-icon-enraizado)}.ui-icon[data-icon=silenciado]{background-image:var(--ui-icon-silenciado)}.ui-icon[data-icon=derribado]{background-image:var(--ui-icon-derribado)}.ui-icon[data-icon=eliminado]{background-image:var(--ui-icon-eliminado)}.retro-screen{width:min(100%,680px);height:100%;margin:0 auto}.retro-lobby-screen{flex-direction:column;gap:14px;height:100%;padding:8px 0 0;display:flex}.retro-lobby-header{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-height:58px;display:grid}.retro-lobby-header h1,.retro-card-heading h2{color:var(--retro-ink);text-shadow:2px 2px 0 var(--retro-shadow);margin:0}.retro-lobby-header h1{font-size:clamp(1.25rem,5.5vw,1.75rem);line-height:1.05}.retro-eyebrow{color:var(--retro-accent-soft);letter-spacing:.12em;margin-bottom:4px;font-size:.68rem;font-weight:700;display:block}.retro-back-button{width:var(--lobby-header-h,48px);height:var(--lobby-header-h,48px);place-items:center;padding:0;font-size:1.55rem;line-height:1;display:grid}.retro-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px;display:grid}.retro-tab{min-height:48px;color:var(--retro-muted);border-width:6px;font-weight:700}.retro-tab[data-selected=true]{color:var(--retro-accent-soft)}.retro-card{flex-direction:column;gap:18px;padding:clamp(14px,4vw,24px);display:flex}.retro-card-heading{flex-direction:column;gap:6px;display:flex}.retro-card-heading h2{font-size:clamp(1.05rem,4.8vw,1.35rem)}.retro-card-heading p,.retro-room-list-placeholder p{color:var(--retro-muted);margin:0;font-size:.88rem;line-height:1.45}.retro-form-stack{flex-direction:column;gap:15px;display:flex}.retro-field-group{flex-direction:column;gap:6px;display:flex}.retro-field-label{color:var(--retro-accent-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.retro-field{grid-template-columns:28px minmax(0,1fr);align-items:center;min-height:50px;padding:4px 8px;display:grid}.retro-field-icon{color:var(--retro-accent);text-align:center;text-shadow:1px 1px 0 var(--retro-shadow);font-size:1.15rem}.retro-field select{width:100%;min-width:0;height:38px;color:var(--retro-ink);cursor:pointer;background:0 0;border:0}.retro-field select option{color:#101820;background:#f8f0d8}.retro-primary-action{width:100%;min-height:54px;color:var(--retro-ink);justify-content:center;align-items:center;gap:8px;margin-top:4px;font-weight:700;display:flex}.retro-primary-action>span{color:var(--retro-accent-soft)}.retro-visibility-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:7px 10px;display:flex}.retro-visibility-toggle>span{flex-direction:column;gap:3px;min-width:0;display:flex}.retro-visibility-toggle strong{color:var(--retro-ink);font-size:.9rem}.retro-visibility-toggle small{color:var(--retro-muted);font-size:.68rem;line-height:1.35}.retro-visibility-toggle input{appearance:none;width:46px;height:24px;box-shadow:inset 0 0 0 2px var(--retro-shadow);cursor:pointer;background:#30363d;border:2px solid #87939a;flex:none}.retro-visibility-toggle input:before{background:var(--retro-ink);width:16px;height:16px;box-shadow:2px 2px 0 var(--retro-shadow);content:"";margin:2px;display:block}.retro-visibility-toggle input:checked{border-color:var(--retro-accent-soft);background:#a94500}.retro-visibility-toggle input:checked:before{transform:translate(20px)}.retro-join-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.retro-code-input{width:100%;min-width:0;min-height:50px;color:var(--retro-ink);padding:8px 12px}.retro-code-input::placeholder{color:#819099}.retro-join-button{min-width:104px;min-height:50px;font-weight:700}.retro-room-list-placeholder{text-align:center;justify-content:center;min-height:150px}.retro-open-matches-card{padding:clamp(12px,3vw,18px)}.retro-open-matches{flex-direction:column;gap:12px;display:flex}.retro-open-matches-heading,.retro-match-card-title,.retro-match-card-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.retro-open-matches-heading>div,.retro-match-card-title>div{flex-direction:column;gap:3px;min-width:0;display:flex}.retro-open-matches-heading h2{color:var(--retro-ink);text-shadow:2px 2px 0 var(--retro-shadow);margin:0;font-size:1.05rem}.retro-open-matches-heading>div>span,.retro-match-card-title>div>span,.retro-match-card-footer>span{color:var(--retro-muted);font-size:.68rem}.retro-refresh-button{flex:none;font-size:.72rem}.retro-inline-error{color:#ff8d82;margin:0;font-size:.72rem;line-height:1.45}.retro-empty-matches{color:var(--retro-muted);text-align:center;margin:8px 2px;font-size:.78rem;line-height:1.5}.retro-match-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.retro-match-card{color:var(--retro-ink);flex-direction:column;gap:10px;padding:10px;display:flex}.retro-match-card-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.retro-seat-count{color:var(--retro-accent-soft);font-variant-numeric:tabular-nums;flex:none;font-size:.78rem}.retro-match-meta{color:var(--retro-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;font-size:.66rem;display:grid}.retro-match-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.retro-match-join{justify-content:center;align-items:center;gap:6px;min-width:92px;font-size:.72rem;font-weight:700;display:flex}.retro-match-join span{color:var(--retro-accent-soft);font-size:1rem}@media (width<=430px){.retro-card{gap:15px}.retro-join-row{grid-template-columns:1fr}.retro-join-button{width:100%}.retro-match-meta{grid-template-columns:1fr 1fr}}@media (width>=700px){.retro-lobby-screen{padding-top:24px}}.retro-created-lobby-screen{flex-direction:column;width:min(100%,760px);height:100%;margin:0 auto;display:flex}.retro-created-lobby{flex-direction:column;flex:auto;gap:8px;min-height:0;padding-bottom:0;display:flex}.retro-created-header{--lobby-header-h:48px;grid-template-columns:var(--lobby-header-h) minmax(0, 1fr) var(--lobby-header-h);text-align:center;align-items:stretch;gap:8px;display:grid}.retro-created-header>div{min-width:0}.retro-created-header h2,.retro-preparation-heading h3,.retro-bot-dialog h3{color:var(--retro-ink);text-shadow:2px 2px 0 var(--retro-shadow);margin:0}.retro-created-header h2{font-size:clamp(1rem,4.5vw,1.45rem);line-height:1.25}.retro-invite-button{width:var(--lobby-header-h,48px);height:var(--lobby-header-h,48px);color:var(--retro-accent-soft);place-items:center;padding:0;font-size:1rem;display:grid}.retro-roster-card{padding:5px 10px}.retro-player-slot{border-bottom:1px solid #f8f0d821;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:50px;display:grid}.retro-player-slot:last-child{border-bottom:0}.retro-player-slot[data-empty=true]{color:var(--retro-muted)}.retro-player-avatar{border:2px solid var(--retro-blue);width:28px;height:28px;color:var(--retro-accent-soft);box-shadow:2px 2px 0 var(--retro-shadow);background:#102938;place-items:center;display:grid}.retro-player-slot[data-empty=true] .retro-player-avatar{color:#82929b;background:0 0;border-style:dashed;border-color:#637682}.retro-player-avatar[data-bot=true]{border-color:var(--retro-accent)}.retro-player-name{flex-direction:column;gap:3px;min-width:0;display:flex}.retro-player-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.retro-player-name small{color:var(--retro-muted);font-size:.62rem}.retro-ready-chip{min-width:68px;color:var(--retro-accent-soft);text-align:center;padding:4px 6px;font-size:.56rem}.retro-ready-chip[data-ready=true]{color:#9be38d}.retro-add-bot{min-width:64px;min-height:30px;color:var(--retro-accent-soft);font-size:.7rem}.retro-preparation-nav{justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin-top:2px;display:flex}.retro-preparation-nav h3{color:var(--retro-ink);text-shadow:2px 2px 0 var(--retro-shadow);margin:0;font-size:.88rem}.retro-hero-tabs{gap:4px;display:flex}.retro-hero-tabs button{min-height:30px;color:var(--retro-muted);padding:2px 7px;font-size:.58rem}.retro-hero-tabs button[data-selected=true]{color:var(--retro-accent-soft)}.retro-preparation-card{flex-direction:column;gap:9px;padding:10px;display:flex}.retro-preparation-heading,.retro-skill-section>header,.retro-loadout-card>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.retro-class-picker{border-bottom:1px solid #f8f0d838;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;max-width:100%;margin:0;padding-bottom:6px;display:grid}.retro-class-picker select{appearance:none;width:100%;max-width:100%;min-height:32px;color:var(--retro-ink);font:inherit;text-shadow:2px 2px 0 var(--retro-shadow);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:.95rem;font-weight:700}.retro-class-picker>span{color:var(--retro-accent-soft);pointer-events:none;justify-self:end;font-size:.85rem}.retro-bot-dialog select{min-height:38px;color:var(--retro-ink);background:#0c202d;border:1px solid #536976}.retro-class-picker select option,.retro-bot-dialog select option{color:#101820;background:#f8f0d8}.retro-hero-summary{grid-template-columns:72px 38px minmax(0,1fr);align-items:stretch;gap:9px;display:grid}.retro-hero-portrait{background:linear-gradient(135deg,#183746,#09151e);align-content:center;place-items:center;gap:4px;min-height:88px;display:grid}.retro-hero-portrait[data-hero=arquero]{background:linear-gradient(135deg,#29482a,#0b1710)}.retro-hero-portrait[data-hero=mago]{background:linear-gradient(135deg,#372754,#120d1d)}.retro-hero-portrait[data-hero=soporte]{background:linear-gradient(135deg,#624d1c,#1c1608)}.retro-hero-portrait>span{color:var(--retro-accent-soft);text-shadow:3px 3px 0 var(--retro-shadow);font-size:1.8rem;font-weight:800}.retro-hero-portrait small{color:var(--retro-muted);text-align:center;font-size:.48rem;line-height:1.25}.retro-hero-stats{color:var(--retro-muted);flex-direction:column;justify-content:center;gap:8px;font-size:.75rem;display:flex}.retro-hero-stats strong{color:var(--retro-ink)}.retro-passive-placeholder{opacity:.58;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:8px;display:flex}.retro-passive-placeholder strong{color:var(--retro-ink);font-size:.72rem}.retro-passive-placeholder span{color:var(--retro-muted);font-size:.62rem;line-height:1.4}.retro-skill-section{flex-direction:column;gap:7px;display:flex}.retro-skill-section>header strong,.retro-loadout-card>header strong{font-size:.72rem}.retro-skill-section>header button{font-size:.62rem}.retro-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.retro-skill-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px;min-height:50px;padding:5px;display:grid}.retro-skill-card>span{color:var(--retro-accent-soft)}.retro-skill-card strong{font-size:.62rem;line-height:1.25;overflow:hidden}.retro-skill-card small{color:var(--retro-muted);grid-column:2;font-size:.55rem}.retro-loadout-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6px;display:grid}.retro-loadout-card{flex-direction:column;gap:3px;min-width:0;padding:6px;display:flex}.retro-loadout-card>header span{color:var(--retro-muted);font-size:.52rem}.retro-locked-row{text-align:left;align-items:center;gap:6px;min-height:25px;font-size:.56rem;display:flex}.retro-ready-action{width:100%;min-height:54px;color:var(--retro-ink);justify-content:center;align-items:center;gap:9px;font-size:.92rem;font-weight:800;display:flex}.retro-ready-action>span{color:var(--retro-accent-soft)}.retro-dialog-backdrop{z-index:100;background:#02070bd1;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.retro-bot-dialog{background:#0c202d;flex-direction:column;gap:13px;width:min(100%,390px);padding:18px;display:flex}.retro-bot-dialog label{color:var(--retro-accent-soft);flex-direction:column;gap:5px;font-size:.68rem;font-weight:700;display:flex}.retro-bot-dialog select{padding:6px 8px}.retro-bot-dialog p{color:var(--retro-muted);margin:0;font-size:.64rem;line-height:1.45}.retro-dialog-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=430px){.retro-created-header{--lobby-header-h:42px}.retro-hero-summary{grid-template-columns:72px 38px minmax(0,1fr)}}.retro-preparation-scroll{flex-direction:column;gap:8px;display:flex}.screen-list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.retro-entry-scroll{flex-direction:column;gap:14px;display:flex}.retro-created-title{height:var(--lobby-header-h);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 8px;display:flex;overflow:hidden}.retro-created-map{color:var(--retro-muted);letter-spacing:.02em;align-items:center;gap:5px;font-size:.6rem;display:flex}.retro-invite-code{text-align:center;flex-direction:column;gap:2px;display:flex}.retro-invite-code span{color:var(--retro-muted);font-size:.62rem}.retro-invite-code code{color:var(--retro-accent-soft);letter-spacing:.12em;-webkit-user-select:all;user-select:all;font-size:1.1rem;font-weight:700}.retro-invite-status{color:var(--retro-muted);text-align:center;margin:0;font-size:.62rem}.retro-created-lobby-screen>:not(.retro-created-lobby){flex:none}