.game-shell{display:flex;flex-direction:column;min-height:100dvh;padding:calc(var(--safe-top) + .75rem) calc(var(--safe-right) + 1rem) calc(var(--safe-bottom) + .75rem) calc(var(--safe-left) + 1rem);gap:1rem;max-width:28rem;margin:0 auto;width:100%}.game-shell__header{text-align:center}.game-shell__header h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.game-shell__meta{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.95rem}.game-shell__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.game-shell__win{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-win);animation:pulse .6s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.85}to{opacity:1}}.game-shell__actions{display:flex;flex-direction:column;gap:.5rem}.btn{border-radius:12px;padding:.75rem 1rem;font-weight:600;font-size:1rem;width:100%;min-height:var(--touch-min)}.btn:disabled{opacity:.45}.btn--primary{background:var(--color-accent);color:var(--color-text)}.btn--primary:active:not(:disabled){background:var(--color-accent-muted)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid rgba(255,255,255,.12)}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.field__input{border-radius:10px;border:1px solid rgba(255,255,255,.12);background:var(--color-surface);color:var(--color-text);padding:.65rem .75rem;font-size:1rem;width:100%;min-height:var(--touch-min)}.field__input--code{font-family:ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.field__input--textarea{min-height:4.5rem;resize:vertical;line-height:1.35}.home-screen{display:flex;flex-direction:column;gap:1rem;flex:1}.home-screen__header{text-align:center}.home-screen__header h1{margin:0;font-size:1.5rem;font-weight:700}.home-screen__lead{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.95rem;line-height:1.45}.home-screen__section{margin-top:.25rem}.home-screen__divider{display:flex;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:.85rem}.home-screen__divider:before,.home-screen__divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.home-screen__error{margin:0;color:var(--color-win);font-size:.9rem}.home-screen__note{margin:.5rem 0 0;color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.lobby-screen{display:flex;flex-direction:column;gap:1rem;flex:1}.lobby-screen__header{text-align:center}.lobby-screen__code{margin:0;font-size:1.05rem}.lobby-screen__code strong{font-family:ui-monospace,monospace;letter-spacing:.1em}.lobby-screen__meta{margin:.35rem 0 0;color:var(--color-text-muted);font-size:.9rem}.lobby-screen__needed{color:var(--color-accent)}.lobby-screen__section-title{margin:0 0 .5rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.lobby-screen__empty{margin:0;color:var(--color-text-muted);font-size:.9rem}.lobby-screen__actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.lobby-screen__hint{margin:0;color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.lobby-screen__error{margin:0;color:var(--color-win);font-size:.9rem}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.player-list__item{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:var(--color-surface);font-size:.9rem}.player-list__badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-accent)}.phrase-form{display:flex;flex-direction:column;gap:.5rem}.phrase-form__error{margin:0;color:var(--color-win);font-size:.9rem}.phrase-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:12rem;overflow-y:auto}.phrase-list__item{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem;border-radius:8px;background:var(--color-surface)}.phrase-list__text{font-size:.9rem;line-height:1.35}.phrase-list__by{font-size:.75rem;color:var(--color-text-muted)}.bingo-card{width:100%}.bingo-card__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.bingo-cell{min-height:3.25rem;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:clamp(.55rem,2.4vw,.72rem);font-weight:600;padding:.25rem;transition:background .15s ease,transform .1s ease;text-align:center;line-height:1.2}.bingo-cell__text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.bingo-cell--marked{background:var(--color-marked);outline:2px solid var(--color-accent);outline-offset:-2px}.bingo-cell--free{font-size:1.1rem;color:var(--color-accent)}.leaderboard{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.12)}.leaderboard__title{margin:0 0 .65rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);text-align:center}.leaderboard__status{margin:0;color:var(--color-text-muted);font-size:.9rem;text-align:center}.leaderboard__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.leaderboard__item{display:grid;grid-template-columns:1.75rem 1fr auto;align-items:center;gap:.5rem;padding:.5rem .65rem;border-radius:8px;background:var(--color-surface)}.leaderboard__rank{font-size:.85rem;font-weight:700;color:var(--color-text-muted);text-align:center}.leaderboard__name{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__count{font-size:.9rem;font-weight:700;color:var(--color-win);white-space:nowrap}.game-bingos{width:100%}.game-bingos__title{margin:0 0 .4rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);text-align:center}.game-bingos__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.game-bingos__item{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;background:var(--color-surface);font-size:.85rem;font-weight:600}.game-bingos__item--you{outline:2px solid var(--color-win);outline-offset:-1px}.game-bingos__you{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-win)}:root{--color-bg: #1a1a2e;--color-surface: #16213e;--color-accent: #e94560;--color-accent-muted: #c73e54;--color-text: #f5f5f5;--color-text-muted: #a0a0b8;--color-marked: #0f3460;--color-win: #53d769;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--touch-min: 44px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;min-height:100dvh;background:var(--color-bg);color:var(--color-text);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#root{min-height:100dvh;display:flex;flex-direction:column}button{font:inherit;cursor:pointer;border:none;min-height:var(--touch-min);min-width:var(--touch-min);-webkit-user-select:none;user-select:none}button:active{transform:scale(.97)}