.share-room{width:100%;margin-bottom:.75rem}.share-room__actions{display:flex;gap:.5rem}.share-room__btn{flex:1;min-height:48px}.share-room__hint{margin:.5rem 0 0;font-size:.75rem;color:var(--text-muted);text-align:center}.share-room__feedback{margin:.5rem 0 0;font-size:.875rem;font-weight:600;text-align:center;color:var(--success)}.room-panel{margin-bottom:1.25rem;padding:1rem;border-radius:16px;background:var(--bg-elevated);border:1px solid var(--border);position:relative}.room-panel__topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;min-height:36px}.room-panel__topbar-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.room-panel__title{margin:0;font-size:1.125rem;font-weight:700;min-width:0}.room-panel__close{flex-shrink:0;font-size:1.5rem;line-height:1;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.room-panel--active{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-elevated) 0%,rgba(108,92,231,.12) 100%)}.room-panel__intro{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted)}.room-panel__header{display:flex;align-items:center;gap:.5rem;min-width:0;margin-bottom:0}.room-panel__badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.2rem .5rem;border-radius:6px;background:var(--accent);color:#fff}.room-panel__code{font-size:1.375rem;font-weight:800;letter-spacing:.12em;font-variant-numeric:tabular-nums;line-height:1}.room-panel__role{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.room-panel__status{margin:0 0 .5rem;font-size:.9375rem;font-weight:600}.room-panel__status--connected{color:var(--success)}.room-panel__status--peer-away{color:#fdcb6e}.room-panel--busy{opacity:.95}.room-panel__idle-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-muted);text-align:center}.room-panel__progress{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem;padding:.75rem .875rem;border-radius:10px;background:#6c5ce71f;border:1px solid rgba(108,92,231,.35);font-size:.875rem;font-weight:600;color:var(--text)}.room-panel__spinner{display:inline-block;width:1.125rem;height:1.125rem;flex-shrink:0;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:room-panel-spin .7s linear infinite}.room-panel__btn--loading{opacity:.85;background:var(--bg-card);color:var(--text-muted);gap:.5rem}.room-panel__btn .room-panel__spinner{border-color:#fff3;border-top-color:#fff}.room-panel__btn--loading .room-panel__spinner{border-color:#f0f0f533;border-top-color:var(--text-muted)}@keyframes room-panel-spin{to{transform:rotate(360deg)}}.room-panel__status--signaling{color:var(--accent)}.room-panel__hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--text-muted)}.room-panel__error{color:var(--danger);font-size:.875rem;margin:0 0 .75rem}.room-panel__ok{color:var(--success);font-size:.8125rem}.room-panel__actions{display:flex;flex-direction:column;gap:.5rem}.room-panel__actions .btn{width:100%}.room-panel__suggestion{margin:.75rem 0;padding:.875rem;border-radius:12px;background:#6c5ce726;border:1px solid var(--accent)}.room-panel__suggestion-text{margin:0 0 .75rem;font-size:.9375rem}.room-panel__suggestion-actions{display:flex;flex-direction:column;gap:.5rem}.room-panel__suggestion-actions .btn{width:100%}.room-panel__btn{width:100%;margin-bottom:.5rem}.room-panel__divider{text-align:center;color:var(--text-muted);font-size:.8125rem;margin:.75rem 0}.room-panel__diag{margin-top:1rem;font-size:.8125rem;color:var(--text-muted)}.room-panel__diag summary{cursor:pointer;color:var(--text);font-weight:600}.room-panel__diag-url{word-break:break-all;margin:.5rem 0}.room-panel__diag-url code{font-size:.75rem}.room-panel__diag-btn{width:100%;min-height:40px;margin-bottom:.5rem}.room-overlay__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem}.room-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;cursor:pointer}.room-overlay__dialog{position:relative;width:min(100%,420px);max-height:min(85vh,640px);overflow-y:auto;border-radius:16px;z-index:1}.room-overlay__dialog .room-panel{margin-bottom:0}.game-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem .5rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);text-decoration:none;color:var(--text);min-height:120px;position:relative;transition:transform .15s ease,background .15s ease;width:100%;font:inherit;cursor:pointer}.game-card:active{transform:scale(.97);background:var(--bg-elevated)}.game-card__icon-wrap{position:relative;display:inline-flex}.game-card__icon{font-size:2.5rem;line-height:1}.game-card__async-badge{position:absolute;top:-.25rem;right:-.35rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center;border:2px solid var(--bg-card)}.game-card__name{font-size:.8125rem;font-weight:600;text-align:center;line-height:1.2}.game-card__badge{position:absolute;top:6px;right:6px;font-size:.625rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:var(--accent);color:#fff}.game-card__action{font-size:.625rem;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:var(--accent);color:#fff}.game-card__action--suggest{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.game-card__action--muted{background:transparent;color:var(--text-muted);font-weight:500;text-transform:none}.room-menu-btn{flex-shrink:0;display:flex;align-items:center;gap:.35rem;padding:.4rem .6rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);font:inherit;font-weight:700;font-size:.8125rem;box-shadow:0 2px 8px #00000026;cursor:pointer;position:relative;min-height:40px}.room-menu-btn--active{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-elevated) 0%,rgba(108,92,231,.15) 100%)}.room-menu-btn--loading{opacity:.75;cursor:wait}.room-menu-btn__icon{font-size:1.125rem;line-height:1}.room-menu-btn__code{letter-spacing:.1em;font-variant-numeric:tabular-nums}.room-menu-btn__dot{position:absolute;top:2px;right:2px;width:9px;height:9px;border-radius:50%;background:var(--success);border:2px solid var(--bg-elevated)}.room-menu-btn__dot--suggest{background:var(--accent);animation:room-menu-btn-pulse 1.5s ease-in-out infinite}@keyframes room-menu-btn-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.85}}.room-suggest-chip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-top:.75rem;padding:.6rem .85rem;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--accent);color:var(--text);font:inherit;text-align:left;cursor:pointer;box-shadow:0 2px 8px #0000001f;animation:room-suggest-chip-in .25s ease-out}@keyframes room-suggest-chip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.room-suggest-chip__title{font-size:.8125rem;color:var(--text-muted)}.room-suggest-chip__title strong{color:var(--text)}.room-suggest-chip__action{flex-shrink:0;font-size:.875rem;font-weight:700;color:var(--accent)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;min-height:8rem}.loading-spinner--modal{min-height:14rem}.loading-spinner--panel{min-height:10rem}.loading-spinner--aside{min-height:20rem}.loading-spinner--grid{grid-column:1 / -1;width:100%}.loading-spinner--tab{min-height:12rem}.loading-spinner__circle{width:2rem;height:2rem;flex-shrink:0;border:2.5px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:loading-spinner-spin .7s linear infinite}.loading-spinner__label{margin:0;font-size:.875rem;color:var(--text-muted);text-align:center}@keyframes loading-spinner-spin{to{transform:rotate(360deg)}}.account-tabs{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap}.account-tab{flex:1;min-width:0;padding:.45rem .5rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);font-size:.8125rem;font-weight:600}.account-tab--active{border-color:var(--accent);color:var(--text);background:#6c5ce71f}.account-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;margin-left:.25rem;padding:0 .2rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.625rem;font-weight:700}.friends-search{display:flex;gap:.5rem;margin-bottom:.75rem}.friends-search__input{flex:1}.friends-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.friends-list__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border)}.friends-list__row--invite{flex-direction:column;align-items:stretch}.friends-list__info{min-width:0}.friends-list__name{font-weight:600;font-size:.9rem}.friends-list__meta{font-size:.75rem;color:var(--text-muted)}.friends-list__actions{display:flex;gap:.35rem;flex-shrink:0}.friends-list__row--invite .friends-list__actions{justify-content:flex-end}.friends-detail__back{margin-bottom:.5rem;padding:0;background:none;border:none;color:var(--accent);font-size:.875rem}.friends-detail__name{margin:0;font-size:1.15rem;font-weight:800}.friends-detail__meta{margin:.25rem 0 1rem;color:var(--text-muted);font-size:.8125rem}.friends-detail__section{margin-bottom:1rem}.friends-detail__overall{margin:0 0 .5rem;font-weight:600;font-size:.9rem}.friends-h2h{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.friends-h2h__row{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border);font-size:.85rem}.friends-h2h__score{color:var(--text-muted);font-variant-numeric:tabular-nums}.friends-invite-games{display:flex;flex-wrap:wrap;gap:.4rem}.friends-detail__remove{width:100%;margin-top:.5rem}.async-new-modal__friend-select{width:100%;min-height:46px;padding:.65rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:.9375rem}.async-panel{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.async-panel__actions-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.async-panel__action-btn{width:100%}.async-panel__hint{margin:0 0 .75rem;font-size:.875rem;color:var(--text-muted)}.async-panel__muted{margin:0;font-size:.875rem;color:var(--text-muted)}.async-panel__error{margin:0 0 .75rem;color:var(--danger);font-size:.875rem}.async-panel__code-box{margin-bottom:.75rem;padding:.75rem;border-radius:12px;background:var(--bg-card);text-align:center}.async-panel__code-label{margin:0 0 .35rem;font-size:.8125rem;color:var(--text-muted)}.async-panel__code{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;letter-spacing:.2em;font-variant-numeric:tabular-nums}.async-panel__actions{margin-bottom:.75rem}.async-panel__join{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end;margin-bottom:1rem}.async-panel__join-label{flex:1;min-width:140px;display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem;color:var(--text-muted)}.async-panel__join-input{letter-spacing:.2em}.async-panel__list-title{margin:0 0 .5rem;font-size:.95rem;font-weight:700}.async-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.async-panel__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-radius:12px;background:var(--bg-card);border:1px solid var(--border)}.async-panel__row--your-turn{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-card) 0%,rgba(108,92,231,.08) 100%)}.async-panel__game{font-weight:700;font-size:.9rem}.async-panel__turn-dot{display:inline-block;width:.5rem;height:.5rem;margin-right:.35rem;border-radius:50%;background:var(--accent);vertical-align:middle}.async-panel__row-main{display:flex;flex-direction:column;gap:.15rem;min-width:0}.async-panel__status{font-weight:600;font-size:.9rem}.async-panel__meta{font-size:.75rem;color:var(--text-muted)}.async-panel__row-actions{display:flex;flex-shrink:0;gap:.35rem}.btn-sm{min-height:38px;padding:.4rem .75rem;font-size:.8125rem}.save-data-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-md, 8px);background:color-mix(in srgb,var(--accent, #6c8cff) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent, #6c8cff) 35%,transparent)}.save-data-banner--compact{padding:.5rem .75rem;margin-bottom:.75rem;font-size:.875rem}.save-data-banner__text{flex:1 1 12rem;margin:0;line-height:1.4;color:var(--text-muted, #aab)}.save-data-banner__btn{flex-shrink:0}.account-btn{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.4rem .55rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);box-shadow:0 2px 8px #00000026;min-width:40px;min-height:40px}.account-btn--active{border-color:var(--accent);background:linear-gradient(135deg,var(--bg-elevated) 0%,rgba(108,92,231,.15) 100%)}.account-btn__icon{font-size:1.125rem;line-height:1}.account-btn__badge{position:absolute;top:-.2rem;right:-.15rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;line-height:1.1rem;text-align:center}.account-async{margin-bottom:1.25rem}.account-async .async-panel__list{max-height:220px;overflow-y:auto}.account-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.account-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;border:none}.account-modal__dialog{position:relative;width:100%;max-width:420px;max-height:85dvh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:1.5rem;box-shadow:0 18px 50px #00000073}.account-panel__title{margin:0;font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:.5rem}.account-panel__subtitle{margin:.35rem 0 1rem;color:var(--text-muted);font-size:.875rem}.account-form{display:flex;flex-direction:column;gap:.85rem}.account-field{display:flex;flex-direction:column;gap:.3rem;font-size:.8125rem;color:var(--text-muted);text-align:left}.account-input{width:100%;min-height:46px;padding:.65rem .85rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:1rem;text-align:left;letter-spacing:normal}.account-input:focus{outline:2px solid var(--accent);outline-offset:0}.account-error{margin:0;color:var(--danger);font-size:.85rem}.account-notice{margin:0;color:var(--success);font-size:.85rem}.account-submit{width:100%}.account-auth-footer{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.65rem}.account-auth-footer__hint{margin:0;text-align:center;font-size:.875rem;color:var(--text-muted)}.account-auth-footer__btn{width:100%}.account-profile__head{margin-bottom:1rem}.account-edit-btn{font-size:.9rem;color:var(--text-muted);background:none;border:none;padding:.1rem .3rem}.account-profile__edit{display:flex;flex-direction:column;gap:.5rem}.account-profile__edit-actions{display:flex;gap:.5rem}.btn-sm{min-height:38px;padding:.4rem .85rem;font-size:.875rem}.account-summary{display:flex;gap:.75rem;margin-bottom:1.25rem}.account-summary__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.85rem;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border)}.account-summary__value{font-size:1.5rem;font-weight:800}.account-summary__label{font-size:.75rem;color:var(--text-muted)}.account-section__title{margin:0 0 .6rem;font-size:.95rem;font-weight:700}.account-stats{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.account-stats__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-radius:12px;background:var(--bg-elevated);border:1px solid var(--border)}.account-stats__name{font-weight:600;font-size:.9rem}.account-stats__meta{flex-shrink:0;font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.account-signout{width:100%}.menu-grid{padding:1rem 1rem 2rem;max-width:640px;margin:0 auto}.menu-grid__header{margin-bottom:1.25rem}.menu-grid__header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}.menu-grid__header-start{justify-self:start}.menu-grid__header-end{justify-self:end}.menu-grid__title{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;text-align:center;justify-self:center}.menu-grid__subtitle{margin:.25rem 0 0;color:var(--text-muted);font-size:.9375rem}.menu-grid__filters{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;-webkit-overflow-scrolling:touch}.menu-grid__filter{flex-shrink:0;padding:.5rem .875rem;border-radius:999px;font-size:.8125rem;font-weight:600;background:var(--bg-elevated);color:var(--text-muted);white-space:nowrap}.menu-grid__filter.active{background:var(--accent);color:#fff}.menu-grid__list{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}@media(min-width:400px){.menu-grid__list{grid-template-columns:repeat(4,1fr)}}.menu-grid__empty,.menu-grid__loading{grid-column:1 / -1;text-align:center;color:var(--text-muted);padding:2rem}.async-new-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.async-new-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;cursor:pointer}.async-new-modal__dialog{position:relative;width:min(100%,400px);padding:1.25rem;border-radius:16px;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 16px 48px #00000059}.async-new-modal__title{margin:0 0 .35rem;font-size:1.25rem}.async-new-modal__hint{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted)}.async-new-modal__error{margin:0 0 .75rem;color:var(--danger);font-size:.875rem}.async-new-modal__create{width:100%}.async-new-modal__divider{margin:1rem 0;text-align:center;font-size:.8125rem;color:var(--text-muted)}.async-new-modal__join{display:flex;gap:.5rem}.async-new-modal__join-input{flex:1;letter-spacing:.2em;text-align:center}.async-new-modal__code-box{display:flex;flex-direction:column;gap:.75rem;text-align:center}.async-new-modal__code-label{margin:0;font-size:.8125rem;color:var(--text-muted)}.async-new-modal__code{margin:0;font-size:2rem;font-weight:800;letter-spacing:.2em;font-variant-numeric:tabular-nums}.computer-options-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.computer-options-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;cursor:pointer}.computer-options-modal__dialog{position:relative;width:100%;max-width:400px;max-height:min(90dvh,560px);overflow-y:auto;padding:1.25rem;border-radius:16px;background:var(--bg);border:1px solid var(--border);box-shadow:0 16px 48px #00000059}.computer-options-modal__title{margin:0 0 .35rem;font-size:1.125rem;font-weight:800}.computer-options-modal__subtitle{margin:0 0 1rem;font-size:.875rem;color:var(--text-muted);line-height:1.45}.computer-options-modal__field{margin:0 0 1rem;padding:0;border:none;min-width:0}.computer-options-modal__legend{padding:0;margin-bottom:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.computer-options-modal__field-desc{margin:-.25rem 0 .5rem;font-size:.8125rem;color:var(--text-muted)}.computer-options-modal__choices{display:flex;flex-direction:column;gap:.5rem}.computer-options-modal__choice{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer}.computer-options-modal__choice:has(input:checked){border-color:var(--accent);background:#6c5ce71a}.computer-options-modal__choice input{margin-top:.15rem;accent-color:var(--accent)}.computer-options-modal__choice-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.computer-options-modal__choice-label{font-weight:700;font-size:.9375rem}.computer-options-modal__choice-desc{font-size:.8125rem;color:var(--text-muted);line-height:1.35}.computer-options-modal__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.25rem}.computer-options-modal__actions .btn{min-width:6rem}.game-info{display:flex;flex-direction:column;min-height:100dvh;max-width:720px;margin:0 auto;padding:0 1rem 2rem}.game-info__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.game-info__back{font-size:1.5rem;min-width:44px;min-height:44px}.game-info__header-title{margin:0;font-size:1.125rem;font-weight:700;flex:1;text-align:center;padding-right:44px}.game-info__layout{display:grid;grid-template-columns:1fr;gap:1.5rem;flex:1}@media(min-width:560px){.game-info__layout{grid-template-columns:1fr 220px;align-items:start}}@media(min-width:640px){.game-info__layout{grid-template-columns:1fr 260px}}.game-info__main{min-width:0}.game-info__name{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.game-info__desc{margin:0 0 1.25rem;color:var(--text-muted);line-height:1.5;font-size:.9375rem}.game-info__section-label{margin:0 0 .5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.game-info__howto{margin-bottom:1.25rem}.game-info__howto-text{margin:0;line-height:1.55;font-size:.9375rem;white-space:pre-line}.game-info__modes{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.8125rem}.game-info__modes-label{color:var(--text-muted);font-weight:600}.game-info__mode-chip{padding:.35rem .75rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);font-weight:600;font-size:.75rem;cursor:pointer;color:inherit;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.game-info__mode-chip--selected{background:var(--accent);border-color:var(--accent);color:#fff}.game-info__mode-chip:disabled{opacity:.45;cursor:not-allowed}.game-info__computer-settings{display:block;width:100%;max-width:280px;margin:.75rem 0 1.25rem;padding:0;border:none;background:none;font:inherit;font-size:.8125rem;color:var(--text-muted);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px;transition:color .15s}.game-info__computer-settings:hover{color:var(--accent);text-decoration-color:currentColor}.game-info__modes:has(+.game-info__computer-settings){margin-bottom:.25rem}.game-info__play{width:100%;max-width:280px}.game-info__recent{border-radius:14px;overflow:hidden}.game-info__recent-summary{display:flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.game-info__recent:not([open]) .game-info__recent-summary{padding:.15rem 0;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.game-info__recent[open]{background:#6c5ce714;border:2px solid var(--accent);box-shadow:inset 0 1px #ffffff0a}.game-info__recent[open] .game-info__recent-summary{padding:.65rem .85rem;font-size:.8125rem;font-weight:800;color:var(--accent)}.game-info__recent-summary::-webkit-details-marker{display:none}.game-info__recent-summary:after{content:"▾";font-size:.75rem;transition:transform .15s ease;flex-shrink:0}.game-info__recent:not([open]) .game-info__recent-summary:after{margin-left:.25rem;opacity:.6}.game-info__recent[open] .game-info__recent-summary:after{transform:rotate(180deg)}.game-info__recent-count{font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;opacity:.85}.game-info__recent:not([open]) .game-info__recent-count{color:var(--text-muted)}.game-info__recent[open] .game-info__recent-count{margin-left:auto;margin-right:.35rem;padding:.1rem .45rem;border-radius:999px;background:#6c5ce726;font-weight:700;opacity:1}.game-info__recent-body{padding:0 .85rem .85rem}.game-info__recent[open] .game-info__recent-body{border-top:1px solid rgba(108,92,231,.2)}.game-info__recent-body .game-info__muted{padding-top:.65rem}.game-info__recent-table-wrap{margin:.65rem 0 0;max-height:220px;overflow:auto;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.game-info__recent-table{width:100%;border-collapse:collapse;font-size:.75rem;line-height:1.35}.game-info__recent-table th,.game-info__recent-table td{padding:.4rem .5rem;text-align:left;vertical-align:top}.game-info__recent-table thead th{position:sticky;top:0;z-index:1;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border)}.game-info__recent-table tbody tr:not(:last-child) td{border-bottom:1px solid rgba(255,255,255,.04)}.game-info__recent-table td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-muted)}.game-info__recent-table td:nth-child(2){color:var(--text)}.game-info__recent-table td:last-child{font-weight:600;font-variant-numeric:tabular-nums}.game-info__recent-result--win{color:var(--success)}.game-info__recent-result--loss{color:#ff6b6b}.game-info__aside{display:flex;flex-direction:column;gap:1rem}.game-info__art{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:16px;background:linear-gradient(145deg,var(--bg-elevated) 0%,rgba(108,92,231,.2) 100%);border:1px solid var(--border);box-shadow:0 8px 24px #0003;overflow:hidden}.game-info__art-img{width:100%;height:100%;object-fit:cover;display:block}.game-info__art-icon{font-size:clamp(4rem,18vw,5.5rem);line-height:1}.game-info__stats{padding:.85rem;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border)}.game-info__stats-title{margin:0 0 .5rem;font-size:.8125rem;font-weight:700;line-height:1.35}.game-info__stat-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.game-info__stat-list--wide{grid-template-columns:repeat(3,1fr)}@media(max-width:380px){.game-info__stat-list--wide{grid-template-columns:repeat(2,1fr)}}.game-info__stat-value{display:block;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.game-info__stat-label{display:block;font-size:.6875rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.game-info__muted{margin:0;font-size:.8125rem;color:var(--text-muted);line-height:1.45}.continue-prompt{max-width:22rem;margin:2rem auto;padding:1.5rem;text-align:center;border-radius:var(--radius-md, 8px);background:var(--surface-raised, #1a1a2e);border:1px solid var(--border, #333)}.continue-prompt__title{margin:0 0 .5rem;font-size:1.25rem}.continue-prompt__text{margin:0 0 1.25rem;color:var(--text-muted, #aab);line-height:1.45}.continue-prompt__actions{display:flex;flex-direction:column;gap:.5rem}.game-howto-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.game-howto-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;cursor:pointer}.game-howto-modal__dialog{position:relative;width:100%;max-width:420px;max-height:min(85dvh,520px);overflow-y:auto;padding:1.25rem;border-radius:16px;background:var(--bg);border:1px solid var(--border);box-shadow:0 16px 48px #00000059}.game-howto-modal__header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.game-howto-modal__title{margin:0;flex:1;font-size:1.125rem;font-weight:700;line-height:1.35}.game-howto-modal__close{font-size:1.5rem;line-height:1;min-width:36px;min-height:36px;flex-shrink:0}.game-howto-modal__body{margin:0;font-size:.9375rem;line-height:1.55;color:var(--text);white-space:pre-wrap}.game-shell{display:flex;flex-direction:column;min-height:100dvh}.game-shell__header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:var(--bg-elevated);position:relative;z-index:20}.game-shell__back{font-size:1.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.game-shell__title{margin:0;font-size:1.125rem;font-weight:700;flex:1;text-align:center}.game-shell__info{flex-shrink:0;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:0;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);transition:color .15s ease,border-color .15s ease,background .15s ease}.game-shell__info:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 10%,var(--bg-card))}.game-shell__info:active{transform:scale(.96)}.game-shell__room-extras{padding:0 1rem .5rem}.game-shell__main{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;z-index:1}.game-shell__loading{text-align:center;color:var(--text-muted);padding:2rem}.game-shell__room-banner{padding:.625rem 1rem;background:#6c5ce733;border-bottom:1px solid var(--border);font-size:.8125rem;text-align:center;color:var(--text-muted)}:root{--bg: #0f0f1a;--bg-elevated: #1a1a2e;--bg-card: #252542;--text: #f0f0f5;--text-muted: #9898b0;--accent: #6c5ce7;--accent-hover: #7d6ff0;--success: #00b894;--danger: #ff6b6b;--border: rgba(255, 255, 255, .08);--scrollbar-size: 8px;--scrollbar-track: var(--bg-elevated);--scrollbar-thumb: rgba(255, 255, 255, .18);--scrollbar-thumb-hover: rgba(255, 255, 255, .28);--scrollbar-thumb-active: rgba(108, 92, 231, .55);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}*::-webkit-scrollbar-corner{background:var(--scrollbar-track)}html,body,#root{margin:0;min-height:100%;min-height:100dvh}body{overflow-x:hidden;overscroll-behavior:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;touch-action:manipulation}a{color:var(--accent);text-decoration:none}.app-shell{min-height:100dvh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;background:var(--accent);color:#fff;transition:background .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);color:var(--text)}.btn-ghost{background:transparent;color:var(--text-muted)}.input{width:100%;min-height:48px;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:1.125rem;text-align:center;letter-spacing:.25em}.input:focus{outline:2px solid var(--accent);outline-offset:0}