.lobby{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem 3rem;background-color:var(--color-bg)}.lobby__container{width:100%;max-width:36rem;text-align:center}.lobby__title{font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:clamp(1.25rem,4vw,2rem);line-height:1.35;margin-bottom:.75rem;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.06em}.lobby__hint{margin:0 0 1.5rem;color:var(--color-text-muted);font-size:1rem;line-height:1.45}.lobby__error{color:var(--color-error);border:1px solid var(--color-error);padding:.75rem 1rem;margin:0 auto 1rem;max-width:100%;font-size:.95rem;border-radius:var(--radius-sm);background:rgba(239,68,68,.08)}.lobby__share{margin-bottom:1.25rem;padding:.85rem 1rem;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);text-align:left}.lobby__share-label{margin:0 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-accent)}.lobby__share-url{display:block;word-break:break-all;font-family:var(--font-vt323),ui-monospace,monospace;font-size:1.05rem;color:var(--color-text-main)}.lobby__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.75rem}.lobby__button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;min-height:44px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-text-main);color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.lobby__button:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-text-main);border-color:var(--color-accent);box-shadow:0 0 12px rgba(0,229,255,.22)}.lobby__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.lobby__button:disabled{opacity:.55;cursor:not-allowed}.lobby__button--primary{background-color:var(--color-brand-neon);color:#000;border-color:var(--color-brand-neon)}.lobby__button--small{min-width:auto;padding:.45rem .75rem;min-height:40px;font-size:.75rem}.lobby__join-by-id{margin-bottom:1.75rem;text-align:left}.lobby__label{display:block;margin-bottom:.45rem;color:var(--color-text-main);font-family:var(--font-vt323),ui-monospace,monospace;font-size:1.1rem}.lobby__join-row{display:flex;flex-wrap:wrap;gap:.6rem}.lobby__input{flex:1 1 12rem;min-height:44px;padding:.5rem .75rem;font-size:1rem;background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-line);border-radius:var(--radius-sm)}.lobby__input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.lobby__list{text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);padding:1rem}.lobby__subtitle{margin:0 0 .85rem;font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:.75rem;letter-spacing:.06em;color:var(--color-brand-neon)}.lobby__empty{margin:0;color:var(--color-text-muted);font-size:.95rem}.lobby__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.lobby__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.85rem;border-bottom:1px solid hsla(0,0%,100%,.12)}.lobby__item:last-child{padding-bottom:0;border-bottom:none}.lobby__item-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.lobby__item-host{font-weight:600;color:var(--color-text-main)}.lobby__item-meta{font-size:.85rem;color:var(--color-text-muted)}.lobby__item-id{font-family:var(--font-vt323),ui-monospace,monospace;font-size:1rem}.lobby__item-actions{display:flex;flex-wrap:wrap;gap:.45rem}.match-result{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;background-color:var(--color-bg)}.match-result__container{width:100%;max-width:28rem;text-align:center}.match-result__eyebrow{margin:0 0 .75rem;font-family:var(--font-vt323),ui-monospace,monospace;font-size:1.25rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent)}.match-result__title{margin:0 0 1rem;font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:clamp(1.25rem,4vw,1.85rem);line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-main)}.match-result__winner{margin:0 0 1.75rem;font-size:1.15rem;font-weight:600;color:var(--color-brand-neon)}.match-result__scoreboard{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.match-result__side{display:flex;flex-direction:column;gap:.45rem;min-width:5.5rem}.match-result__side-label{font-size:.85rem;color:var(--color-text-muted);word-break:break-word}.match-result__side-score{font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:1.75rem;color:var(--color-text-main)}.match-result__separator{font-size:1.25rem;color:var(--color-text-muted)}.match-result__meta{margin:0 0 1.75rem;padding:0}.match-result__meta-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid hsla(0,0%,100%,.1)}.match-result__meta-key{margin:0;color:var(--color-text-muted);font-size:.9rem}.match-result__meta-value{margin:0;color:var(--color-text-main);font-size:.95rem}.match-result__id{font-family:var(--font-vt323),ui-monospace,monospace;font-size:1.05rem}.match-result__actions{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.match-result__button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.25rem;min-height:44px;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-text-main);color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.match-result__button:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-text-main);border-color:var(--color-accent);box-shadow:0 0 12px rgba(0,229,255,.22)}.match-result__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.match-result__button:disabled{opacity:.55;cursor:not-allowed}.match-result__button--primary{background-color:var(--color-brand-neon);color:#000;border-color:var(--color-brand-neon)}.pong-game{justify-content:center;min-height:100vh;background-color:var(--color-bg)}.pong-game,.pong-game__header{display:flex;flex-direction:column;align-items:center}.pong-game__header{gap:1rem;margin-bottom:2rem}.pong-game__header-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.pong-game__back-button{padding:.5rem 1rem;min-height:44px;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-text-main);color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pong-game__back-button:hover{background-color:var(--color-surface);color:var(--color-text-main);border-color:var(--color-accent)}.pong-game__back-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.pong-game__replay-button{padding:.5rem 1rem;min-height:44px;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--color-brand-neon);background:transparent;color:var(--color-brand-neon);transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.pong-game__replay-button:hover:not(:disabled){background:rgba(162,209,73,.12);box-shadow:0 0 10px rgba(162,209,73,.25)}.pong-game__replay-button:disabled{opacity:.55;cursor:not-allowed}.pong-game__replay-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.pong-game__controls{color:var(--color-text-muted);font-size:.9rem;text-align:center;max-width:36rem}.pong-game__meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pong-game__badge{display:inline-block;padding:.25rem .65rem;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-vt323),ui-monospace,monospace;color:var(--color-bg);background-color:var(--color-brand-neon);border-radius:var(--radius-sm)}.pong-game__badge--dim{background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-line)}.pong-game__error{color:var(--color-error);margin-top:.5rem}.pong-game__hint{color:var(--color-brand-neon);margin-top:.35rem;font-family:var(--font-vt323),ui-monospace,monospace}.pong-game__canvas{border:2px solid var(--color-line);background-color:var(--color-bg);border-radius:var(--radius-sm)}.match-status{width:100%;max-width:36rem;margin:0 auto 1.25rem;padding:1rem 1.15rem;text-align:center;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface)}.match-status--waiting{border-color:var(--color-accent)}.match-status--disconnected,.match-status--error{border-color:var(--color-error)}.match-status--loading{border-color:var(--color-text-muted)}.match-status__title{margin:0 0 .5rem;font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand-neon)}.match-status--disconnected .match-status__title,.match-status--error .match-status__title{color:var(--color-error)}.match-status__message{margin:0 0 .65rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.4}.match-status__meta{margin:0 0 .85rem;color:var(--color-text-main);font-size:.9rem}.match-status__id{font-family:var(--font-vt323),ui-monospace,monospace;font-size:1.05rem;word-break:break-all}.match-status__actions{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.match-status__button{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;min-height:44px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:var(--color-text-main);color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.match-status__button:hover{background-color:var(--color-surface);color:var(--color-text-main);border-color:var(--color-accent)}.match-status__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.match-status__button--primary{background-color:var(--color-brand-neon);color:#000;border-color:var(--color-brand-neon)}.stats{padding:2rem;background-color:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-sm);margin:2rem}.stats--loading{text-align:center;color:var(--color-text-muted);font-family:var(--font-vt323),ui-monospace,monospace}.stats__title{font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:1rem;line-height:1.4;margin-bottom:1.5rem;text-align:center;color:var(--color-brand-neon);letter-spacing:.06em;text-transform:uppercase}.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.stats__item{background-color:hsla(0,0%,100%,.06);padding:1rem;border-radius:var(--radius-sm);text-align:center;border:1px solid hsla(0,0%,100%,.12)}.stats__name{font-size:1.05rem;margin-bottom:.5rem;color:var(--color-text-main);text-transform:capitalize;font-family:var(--font-vt323),ui-monospace,monospace}.stats__data{display:flex;flex-direction:column;gap:.5rem;color:var(--color-text-muted);font-size:.9rem}.stats__victories{color:var(--color-success)}.stats__defeats{color:var(--color-error)}.stats__ratio{color:var(--color-warning);font-weight:700}.game-selector{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-bg)}.game-selector__container{text-align:center}.game-selector__title{font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:clamp(1.75rem,5vw,3.25rem);line-height:1.2;margin-bottom:3rem;color:var(--color-text-main);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 1px var(--color-text-main),0 0 14px rgba(162,209,73,.35)}.game-selector__container:has(.game-selector__demo-cta) .game-selector__title{margin-bottom:1.75rem}.game-selector__demo-cta{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:1.75rem}.game-selector__button--demo-hero{margin-left:auto;margin-right:auto}.game-selector__auth{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-bottom:1.2rem;color:var(--color-text-main)}.game-selector__user{font-size:.95rem;color:var(--color-text-muted)}.game-selector__error{color:var(--color-error);border:1px solid var(--color-error);padding:.75rem 1rem;margin:0 auto 1rem;max-width:28rem;font-size:.95rem;border-radius:var(--radius-sm);background:rgba(239,68,68,.08)}.game-selector__menu{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.game-selector__button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:1rem 2rem;min-height:44px;min-width:250px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background-color:var(--color-text-main);color:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.game-selector__button:hover{background-color:var(--color-surface);color:var(--color-text-main);border-color:var(--color-accent);box-shadow:0 0 12px rgba(0,229,255,.22)}.game-selector__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.game-selector__ai-options{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.game-selector__ai-option{display:flex;flex-direction:column;gap:.5rem}.game-selector__label{color:var(--color-text-main);font-size:.95rem;text-align:left;font-family:var(--font-vt323),ui-monospace,monospace}.game-selector__select{padding:.5rem .65rem;font-size:1rem;background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;min-height:44px}.game-selector__select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.game-selector__panel{border:1px solid var(--color-line);color:var(--color-text-main);text-align:left;padding:12px;margin-bottom:1rem;border-radius:var(--radius-sm);background:var(--color-surface)}.game-selector__subtitle{margin-bottom:.8rem;font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:.85rem;letter-spacing:.06em;color:var(--color-brand-neon)}.game-selector__demo-restart-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.game-selector__demo-restart{margin:0;padding:0 1rem 2rem;font-family:var(--font-press-start),"Press Start 2P",monospace;font-size:.75rem;line-height:1.6;color:var(--color-text-muted);text-align:center}