*,*:before,*:after{box-sizing:border-box}:root{--font-ui: "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-gameplay: "Crimson Pro", "Times New Roman", serif;--fantasy-bg: #0f0d0a;--fantasy-surface: #1a1612;--fantasy-surface-elevated: #231e18;--fantasy-border: #3d352b;--fantasy-border-subtle: #2a2520;--fantasy-text: #e8e0d5;--fantasy-text-muted: #a09888;--fantasy-text-dim: #6b6358;--fantasy-parchment: #2d2620;--fantasy-parchment-border: #4a4035;--fantasy-gold: #c9a227;--fantasy-gold-soft: #e8d48b;--fantasy-magic: #6b4a7a;--fantasy-magic-border: #8b6a9a;--fantasy-roll: #1e3329;--fantasy-roll-border: #2d4a3a;--fantasy-player: #1a2a35;--fantasy-player-border: #2d4a5a;--fantasy-accent: #6b4a7a;--fantasy-focus: var(--fantasy-gold);--fantasy-link: var(--fantasy-gold-soft);--fantasy-success: #3d6b4a;--fantasy-error: #8b3a3a}html{overflow-x:hidden}html,body{margin:0;min-height:100%;background:var(--fantasy-bg);color:var(--fantasy-text);font-family:var(--font-ui)}#root{min-height:100vh;min-width:0;overflow-x:hidden}.app-shell--with-nav main{padding-top:56px}.app-shell--with-banner .nav{top:40px}.app-shell--with-banner main{padding-top:40px}.app-shell--with-nav.app-shell--with-banner main{padding-top:96px}button,input,textarea{font-family:inherit}@media(max-width:768px){html{-webkit-text-size-adjust:100%;touch-action:manipulation}}.nav{position:fixed;top:0;left:0;right:0;z-index:10;border-bottom:1px solid var(--fantasy-border);padding:.75rem 1.5rem;background:var(--fantasy-surface);display:flex;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:0 1px #c9a22714}.nav__home{display:flex;align-items:center;margin-right:.5rem;color:transparent;border-radius:6px;transition:opacity .2s}.nav__home:hover{opacity:.9}.nav__home:focus-visible{outline:2px solid var(--fantasy-gold-soft);outline-offset:2px}.nav__home-icon{display:block;width:28px;height:28px}.nav__link{color:var(--fantasy-text-muted);text-decoration:none;font-weight:500;margin-right:1rem;transition:color .2s;white-space:nowrap}.nav__link:hover{color:var(--fantasy-gold-soft)}.nav__link--active{color:var(--fantasy-gold);font-weight:600}.nav__link--icon{display:inline-flex;align-items:center;gap:.35rem}.nav__copyright{font-size:.85rem;color:var(--fantasy-text-dim);margin-left:1rem}.nav__status{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--fantasy-text-muted)}.nav__user{font-size:.9rem;color:var(--fantasy-text);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__logout{padding:.35rem .6rem;font-size:.8rem;font-family:inherit;color:var(--fantasy-gold-soft);background:transparent;border:1px solid var(--fantasy-gold-soft);border-radius:6px;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.nav__logout:hover:not(:disabled){background:#c9a22726;color:var(--fantasy-gold)}.nav__logout:disabled{opacity:.6;cursor:not-allowed}.nav__status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fantasy-text-dim);transition:background .2s}.nav__status-dot--connected{background:var(--fantasy-success);box-shadow:0 0 8px #3d6b4a80}.nav__status-link{color:var(--fantasy-gold-soft);text-decoration:none}.nav__status-link:hover{color:var(--fantasy-gold);text-decoration:underline}.nav__character{color:var(--fantasy-text);max-width:min(200px,45vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__character-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;font-family:inherit;color:var(--fantasy-text);background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-gold);border-radius:8px;box-shadow:0 0 0 2px #c9a22740;cursor:pointer;max-width:min(200px,45vw);min-width:120px;overflow:hidden;transition:border-color .2s,box-shadow .2s,background .2s}.nav__character-value{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.nav__character-trigger:hover{border-color:var(--fantasy-gold-soft);background:#c9a22714}.nav__character-trigger[data-state=open]{border-color:var(--fantasy-gold);box-shadow:0 0 0 2px #c9a22733;background:var(--fantasy-surface-elevated)}.nav__character-trigger:focus-visible{outline:none}.nav__character-icon{flex-shrink:0;color:var(--fantasy-gold-soft);font-size:.75em;line-height:1;transition:transform .2s}.nav__character-trigger[data-state=open] .nav__character-icon{transform:rotate(180deg)}.nav__character-content{z-index:9999;overflow:hidden;min-width:var(--radix-select-trigger-width);max-width:min(360px,90vw);max-height:min(var(--radix-select-content-available-height, 400px),240px);background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:8px;box-shadow:0 8px 24px #00000040,0 0 0 1px #c9a22714}.nav__character-viewport{max-height:240px;overflow-y:auto;overflow-x:hidden}.nav__character-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;color:var(--fantasy-text);cursor:pointer;outline:none;transition:background .15s;white-space:nowrap}.nav__character-item-text{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav__character-item[data-highlighted]{background:#c9a2271f}.nav__character-item[data-state=checked]{background:#c9a22714;font-weight:500;color:var(--fantasy-gold)}.nav__character-item[data-state=checked][data-highlighted]{background:#c9a22729}.nav__character-indicator{flex-shrink:0;color:var(--fantasy-gold);font-size:.9em}.nav__links{display:flex;align-items:center;flex-wrap:nowrap;gap:1rem;flex:1;min-width:0}.nav__social{display:flex;align-items:center;gap:.35rem}.nav__social-link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:40px;height:40px;padding:0 .5rem;color:var(--fantasy-text-muted);text-decoration:none;border-radius:8px;transition:color .2s,background .2s}.nav__social-text{font-size:.9rem;font-weight:500}.nav__social-link:hover{color:var(--fantasy-gold-soft);background:#c9a22714}.nav__social-link:focus-visible{outline:2px solid var(--fantasy-gold-soft);outline-offset:2px}@media(max-width:1100px){.nav__social-text{display:none}.nav__social-link{padding:0;min-width:40px}.nav__social{gap:.25rem}}.nav__menu-btn{display:none;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;padding:0;margin-left:auto;background:transparent;border:1px solid var(--fantasy-border);border-radius:8px;cursor:pointer;color:var(--fantasy-text-muted);transition:color .2s,background .2s}.nav__menu-btn:hover{color:var(--fantasy-gold-soft);background:#c9a22714}.nav__menu-btn[aria-expanded=true] .nav__menu-icon{transform:rotate(90deg)}.nav__menu-icon{display:block;width:20px;height:2px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;transition:transform .2s}@media(max-width:840px){.nav{flex-wrap:nowrap;padding:.5rem 1rem;gap:.5rem}.nav__social{gap:.25rem}.nav__menu-btn{display:flex;margin-left:auto}.nav__links{position:fixed;top:56px;left:0;right:0;max-height:0;overflow:hidden;opacity:0;background:var(--fantasy-surface);border-bottom:1px solid var(--fantasy-border);box-shadow:0 8px 24px #0000004d;flex-direction:column;align-items:stretch;gap:0;z-index:9;transition:max-height .25s ease-out,opacity .2s}.nav__links--open{max-height:min(80vh,500px);opacity:1;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem;padding:.5rem 1rem 1rem}.nav__link{display:block;padding:.75rem .5rem;margin-right:0}.nav__status{margin-left:0;margin-top:.25rem;padding:.75rem .5rem 0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.5rem}.nav__character,.nav__character-trigger{max-width:100%}.nav__logout{padding:.5rem .75rem;min-height:44px}}@media(max-width:480px){.nav__home-icon{width:24px;height:24px}}.system-status-banner{position:fixed;top:0;left:0;right:0;z-index:11;background:linear-gradient(135deg,#3d3520,#2d2620);color:var(--fantasy-gold-soft);padding:.5rem 1.5rem;text-align:center;font-size:.9rem;font-weight:500;border-bottom:1px solid var(--fantasy-gold);box-shadow:0 1px 8px #c9a22726}.system-status-banner__text{display:block;max-width:64rem;margin:0 auto}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;background:var(--fantasy-surface-elevated);color:var(--fantasy-text);border:1px solid var(--fantasy-border);border-radius:6px;box-shadow:0 4px 12px #00000040;font-size:.9rem;z-index:1000;animation:toast-enter .25s ease-out}.toast--exiting{animation:toast-exit .2s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(-50%,1rem)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-exit{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,.5rem)}}.admin{min-height:calc(100vh - 60px);padding:2rem 1.5rem 3rem;max-width:960px;width:100%;margin:0 auto;box-sizing:border-box}.admin-loading,.admin__loading{display:flex;justify-content:center;align-items:center;min-height:40vh;color:var(--fantasy-text-muted)}.admin__header{margin-bottom:1.5rem}.admin__title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--fantasy-text);margin:0 0 .25rem}.admin__subtitle{font-size:1rem;color:var(--fantasy-text-muted);margin:0 0 1rem}.admin__header-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.admin__back,.admin__email-link{display:inline-block;color:var(--fantasy-gold-soft);text-decoration:none;font-size:.95rem}.admin__back:hover,.admin__email-link:hover{text-decoration:underline}.admin__denied{text-align:center;padding:3rem 2rem}.admin__denied h1{font-size:1.5rem;color:var(--fantasy-text);margin:0 0 .5rem}.admin__denied p{color:var(--fantasy-text-muted);margin:0 0 1.5rem}.admin__error{background:#c8505026;border:1px solid rgba(200,80,80,.5);border-radius:6px;padding:1rem;color:#e88;margin-bottom:1rem}.admin__email-section{background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:2rem}.admin__email-title{font-size:1.1rem;font-weight:600;color:var(--fantasy-text);margin:0 0 .35rem}.admin__email-desc{font-size:.9rem;color:var(--fantasy-text-muted);margin:0 0 1rem}.admin__email-count{font-weight:500;color:var(--fantasy-text)}.admin__email-form{display:flex;flex-direction:column;gap:.6rem;max-width:480px}.admin__email-label{font-size:.85rem;font-weight:500;color:var(--fantasy-text-muted)}.admin__email-input,.admin__email-textarea{font-family:inherit;font-size:.95rem;padding:.5rem .75rem;background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:6px;color:var(--fantasy-text)}.admin__email-input::placeholder,.admin__email-textarea::placeholder{color:var(--fantasy-text-dim)}.admin__email-textarea{resize:vertical;min-height:6rem}.admin__email-btn{align-self:flex-start;padding:.5rem 1.25rem;font-size:.95rem;font-weight:600;background:var(--fantasy-gold-soft);color:#1a1a1a;border:none;border-radius:6px;cursor:pointer;margin-top:.25rem}.admin__email-btn:hover:not(:disabled){filter:brightness(1.1)}.admin__email-btn:disabled{opacity:.6;cursor:not-allowed}.admin__email-btn--danger{background:#c85050e6;color:#fff;margin-right:.75rem}.admin__email-btn--danger:hover:not(:disabled){background:#dc5a5a}.admin__status-current{margin-bottom:1.25rem}.admin__status-message{background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:6px;padding:.75rem 1rem;margin:.35rem 0 1rem;color:var(--fantasy-text);font-size:.95rem}.admin__status-form{display:flex;flex-direction:column;gap:.6rem;max-width:480px}.admin__list{list-style:none;padding:0;margin:0}.admin__item{margin-bottom:.5rem}.admin__item--deleted .admin__link{opacity:.85}.admin__item--deleted .admin__item-name{color:var(--fantasy-text-muted)}.admin__link{display:block;padding:1rem 1.25rem;background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:8px;text-decoration:none;color:var(--fantasy-text);transition:box-shadow .15s,border-color .15s}.admin__link:hover{border-color:var(--fantasy-gold-soft);box-shadow:0 2px 8px #00000026}.admin__item-name{display:block;font-weight:600;margin-bottom:.25rem}.admin__item-id-row{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem;min-width:0}.admin__session-id{font-family:ui-monospace,SF Mono,Monaco,Cascadia Mono,monospace;font-size:.75rem;color:var(--fantasy-text-dim);word-break:break-all;min-width:0}.admin__copy-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.2rem;background:transparent;border:none;border-radius:4px;color:var(--fantasy-text-dim);cursor:pointer}.admin__copy-btn:hover{color:var(--fantasy-gold-soft);background:#ffffff14}.admin__copy-btn:focus-visible{outline:2px solid var(--fantasy-gold-soft);outline-offset:2px}.admin__item-meta{display:block;font-size:.875rem;color:var(--fantasy-text-muted)}.admin__badge{display:inline-block;margin-left:.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .4rem;border-radius:4px;vertical-align:middle}.admin__badge--extension{background:#648cc840;border:1px solid rgba(100,140,200,.5);color:#7ab}.admin__badge--web{background:#a0a0a033;border:1px solid rgba(140,140,140,.5);color:var(--fantasy-text-muted)}.admin__badge--deleted{background:#b4505033;border:1px solid rgba(180,80,80,.5);color:#c88}.admin__load-more{height:1px;visibility:hidden}.admin__loading-more{text-align:center;padding:1rem;color:var(--fantasy-text-muted);font-size:.9rem}.admin--view{max-width:none}.admin-view__header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.admin-view__badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;background:#c8a05033;border:1px solid var(--fantasy-gold-soft);border-radius:4px;color:var(--fantasy-gold-soft)}.admin-view__badge--live{background:#64b46433;border-color:#5cb85c;color:#5cb85c}.admin-view__impersonate-btn{font-size:.875rem;font-weight:600;padding:.35rem .75rem;background:var(--fantasy-gold-soft);color:var(--fantasy-bg);border:none;border-radius:6px;cursor:pointer}.admin-view__impersonate-btn:hover{opacity:.95;filter:brightness(1.05)}.admin-view__loading{display:flex;align-items:center;gap:.75rem;justify-content:center;min-height:40vh;color:var(--fantasy-text-muted)}.admin-view__chat{margin-top:1rem}.admin-view__v1-message{font-size:.9rem;color:var(--fantasy-text-muted);background:#c8a0501a;border:1px solid rgba(200,160,80,.3);border-radius:6px;padding:.75rem 1rem;margin-bottom:1rem}.admin__users-section{background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:8px;overflow-x:auto}.admin__users-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin__users-table th,.admin__users-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--fantasy-border)}.admin__users-table th{font-weight:600;color:var(--fantasy-text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.admin__users-table tbody tr:last-child td{border-bottom:none}.admin__user-email{font-weight:500;color:var(--fantasy-text)}.admin__user-display{display:block;font-size:.85rem;color:var(--fantasy-text-muted);margin-top:.15rem}.admin__user-limit{color:var(--fantasy-text)}.admin__user-used{color:var(--fantasy-text-muted)}.admin__user-used--at-limit{color:#c88;font-weight:500}.admin__user-edit{display:flex;align-items:center;gap:.5rem}.admin__limit-input{width:6rem;font-family:inherit;font-size:.9rem;padding:.4rem .6rem;background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:6px;color:var(--fantasy-text)}.admin__limit-input::placeholder{color:var(--fantasy-text-dim)}.admin__limit-save{padding:.4rem .75rem;font-size:.85rem}.admin--charts{max-width:1100px}.admin-charts__granularity{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.admin-charts__granularity-label{font-size:.9rem;color:var(--fantasy-text-muted)}.admin-charts__radio{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;color:var(--fantasy-text);cursor:pointer}.admin-charts__radio input{accent-color:var(--fantasy-gold)}.admin-charts__empty{text-align:center;padding:3rem 2rem;color:var(--fantasy-text-muted)}.admin-charts__grid{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.admin-charts__chart{background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:8px;padding:1rem 1rem .5rem}.admin-charts__chart-inner{overflow:visible}.admin-charts__chart-title{font-size:1rem;font-weight:600;color:var(--fantasy-text);margin:0 0 .5rem}.admin-charts__grid--top-ten{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.admin-charts__section{margin-top:3rem}.admin-charts__section-title{font-size:1.25rem;font-weight:600;color:var(--fantasy-text);margin:0 0 1rem}.play-page{display:flex;flex-direction:column;flex:1;min-height:0;gap:.75rem;background:var(--fantasy-bg);font-family:var(--font-gameplay)}.play-alpha-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem}.play-alpha-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0d0aeb}.play-alpha-modal__content{position:relative;max-width:400px;padding:2rem;background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:12px;box-shadow:0 8px 32px #0006}.play-alpha-modal__title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--fantasy-gold-soft)}.play-alpha-modal__text{margin:0 0 1.5rem;font-size:1rem;line-height:1.55;color:var(--fantasy-text-muted)}.play-alpha-modal__agree{display:block;width:100%;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;font-family:inherit;color:#1a1612;background:linear-gradient(180deg,var(--fantasy-gold) 0%,#a8841f 100%);border:none;border-radius:8px;cursor:pointer;transition:transform .15s,box-shadow .15s}.play-alpha-modal__agree:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a22759}.play-alpha-modal__agree:focus-visible{outline:2px solid var(--fantasy-gold-soft);outline-offset:2px}.play-top-bar{position:fixed;top:3.5rem;left:0;right:0;z-index:90;flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:1rem 1rem .75rem;margin:0}.app-shell--with-banner .play-top-bar{top:calc(3.5rem + 40px)}.play-disconnect-banner{flex:1;min-width:0;padding:.75rem 1rem;background:#f8d7da;border:1px solid #f5c2c7;border-radius:8px;color:#721c24;font-size:.9rem}.play-disconnect-banner strong{font-weight:600}.play-disconnect-banner__link{color:#5a1520;font-weight:600;text-decoration:underline}.play-disconnect-banner__link:hover{color:#3d0f16}.play-combat-banner{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--fantasy-magic) 0%,var(--fantasy-magic-border) 100%);border:1px solid var(--fantasy-magic-border);border-radius:10px;font-size:.9rem;font-weight:600;color:var(--fantasy-text);flex-shrink:0;margin:0 1rem}.play-combat-banner__round-wrap{overflow:hidden;line-height:1.4;height:1.4em;min-width:5.5em;position:relative;color:var(--fantasy-gold);flex-shrink:0}.play-combat-banner__round-item{display:block;position:absolute;left:0;right:0;top:0;white-space:nowrap}.play-combat-banner__turn-wrap{flex:1;overflow:hidden;line-height:1.4;height:1.4em;position:relative}.play-combat-banner__turn-item{display:block;position:absolute;left:0;right:0;top:0;white-space:nowrap}.play-combat-banner__scroll-item--out{animation:play-scroll-slide-out .5s ease-out forwards}.play-combat-banner__scroll-item--in{animation:play-scroll-slide-in .5s ease-out forwards}@keyframes play-scroll-slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes play-scroll-slide-in{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.play-combat-banner__end-turn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;font-size:.85rem;font-weight:600;font-family:inherit;color:var(--fantasy-text);background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-magic-border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.play-combat-banner__end-turn:hover:not(:disabled){background:var(--fantasy-gold-soft);border-color:var(--fantasy-gold);color:#0f0d0a}.play-combat-banner__end-turn:disabled{opacity:.5;cursor:not-allowed}@keyframes play-end-turn-pulse{0%,to{box-shadow:0 0 0 0 var(--fantasy-gold)}50%{box-shadow:0 0 0 4px var(--fantasy-gold)}}.play-combat-banner__end-turn--pulse:not(:disabled){animation:play-end-turn-pulse 1.5s ease-in-out infinite}.play-combat-banner__continue-wrap{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.play-combat-banner__skip-reactions{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;font-size:.85rem;font-weight:500;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.play-combat-banner__skip-reactions input{width:1em;height:1em;accent-color:var(--fantasy-gold)}.play-combat-banner__skip-reactions:hover{opacity:.95}.play-combat-banner__auto-continue{font-size:.85rem;font-weight:500;font-style:italic;opacity:.9}.play-combat-banner__continue-prompt{margin:0;font-size:.85rem;font-weight:500;opacity:.95}.play-combat-banner__continue{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;font-size:.85rem;font-weight:600;font-family:inherit;color:var(--fantasy-text);background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-magic-border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.play-combat-banner__continue:hover:not(:disabled){background:var(--fantasy-gold-soft);border-color:var(--fantasy-gold);color:#0f0d0a}.play-combat-banner__continue:disabled{opacity:.5;cursor:not-allowed}.play-combat-banner__continue--pulse:not(:disabled){animation:play-end-turn-pulse 1.5s ease-in-out infinite}.play-roll-queue{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--fantasy-roll);border:1px solid var(--fantasy-roll-border);border-radius:12px;flex-shrink:0;margin:1rem}.play-roll-queue__header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem}.play-roll-queue__icon{color:#5a9a6a}.play-roll-queue__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.play-roll-queue__item{display:flex;align-items:center;justify-content:flex-start;width:fit-content;padding:.35rem .5rem;background:#ffffff40;border-radius:6px;font-size:.9rem;gap:.5rem}.play-roll-queue__remove{background:none;border:none;color:var(--fantasy-text-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 .25rem}.play-roll-queue__remove:hover{color:var(--fantasy-text)}.play-roll-queue__notes-wrap{width:100%}.play-roll-queue__notes{width:100%;padding:.4rem .6rem;border:1px solid var(--fantasy-border);border-radius:6px;font-size:.85rem;font-family:inherit;background:var(--fantasy-surface);color:var(--fantasy-text);resize:vertical;min-height:2.5rem}.play-roll-queue__notes::placeholder{color:var(--fantasy-text-dim)}.play-roll-queue__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem}.play-roll-queue__manual{display:flex;gap:.35rem;align-items:center}.play-roll-queue__input{padding:.4rem .6rem;border:1px solid var(--fantasy-border);border-radius:6px;font-size:.85rem;width:6rem;background:var(--fantasy-surface);color:var(--fantasy-text)}.play-roll-queue__input::placeholder{color:var(--fantasy-text-dim)}.play-roll-queue__add{padding:.4rem .75rem;background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:6px;font-size:.85rem;cursor:pointer;color:var(--fantasy-text)}.play-roll-queue__add:hover:not(:disabled){background:var(--fantasy-gold-soft);border-color:var(--fantasy-gold);color:#0f0d0a}.play-roll-queue__add:disabled{opacity:.6;cursor:not-allowed}.play-roll-queue__submit{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:var(--fantasy-gold);color:#0f0d0a;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer}.play-roll-queue__submit:hover:not(:disabled){background:var(--fantasy-gold-soft)}.play-roll-queue__submit:disabled{opacity:.6;cursor:not-allowed}.play-roll-queue__submit .play-roll-queue__shortcut{font-size:.7rem;font-family:inherit;padding:.2rem .35rem;background:#00000026;border-radius:4px;color:#0f0d0acc;font-weight:500}.play-chat-wrap{flex:1;min-height:0;position:relative;display:flex}.play-chat-area{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.75rem;padding:4rem 1rem 0;background:linear-gradient(180deg,var(--fantasy-surface) 0%,var(--fantasy-bg) 100%);border:1px solid var(--fantasy-border-subtle);border-radius:0 0 12px 12px;box-shadow:inset 0 1px #c9a2270f;position:relative}.app-shell--with-banner .play-chat-area{padding-top:calc(4rem + 40px)}body.nav-menu-open .play-refresh,body.nav-menu-open .play-top-bar-settings{display:none}.play-impersonate-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .6rem;background:#c8a05033;border:1px solid var(--fantasy-gold-soft);border-radius:4px;color:var(--fantasy-gold-soft)}.play-impersonate-back{font-size:.9rem;color:var(--fantasy-gold-soft);text-decoration:none}.play-impersonate-back:hover{text-decoration:underline}.play-top-bar .play-refresh,.play-top-bar .play-top-bar-settings{flex-shrink:0}.play-top-bar .play-refresh{margin-left:auto}.play-top-bar-settings{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;font-size:.8rem;font-family:inherit;color:var(--fantasy-text-muted);background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.play-top-bar-settings:hover{background:var(--fantasy-surface-elevated);border-color:var(--fantasy-gold);color:var(--fantasy-gold)}.play-refresh{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;font-family:inherit;color:var(--fantasy-text-muted);background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.play-refresh:hover:not(:disabled){background:var(--fantasy-surface-elevated);border-color:var(--fantasy-gold);color:var(--fantasy-gold)}.play-refresh:disabled{opacity:.5;cursor:not-allowed}.play-refresh__icon{flex-shrink:0}.play-chat-content{display:flex;flex-direction:column;gap:.75rem;flex:1;min-height:0;transition:opacity .25s ease-out}.play-chat-content--faded{opacity:0;pointer-events:none}.play-refresh-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#1a1612eb;border-radius:0 0 12px 12px;z-index:1}.play-refresh-loading__icon{animation:play-loading-spin 1.2s linear infinite;color:var(--fantasy-gold)}.play-refresh-loading__text{font-size:.95rem;color:var(--fantasy-text-muted);animation:play-loading-pulse 1.2s ease-in-out infinite}.play-chat-virtuoso-wrap{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.play-chat-loading-more{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;color:var(--fantasy-text-muted);justify-content:center}.play-chat-load-more-btn{padding:.5rem 1rem;font-size:.85rem;font-family:inherit;font-weight:500;color:var(--fantasy-gold);background:transparent;border:1px solid var(--fantasy-border);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.play-chat-load-more-btn:hover:not(:disabled){background:var(--fantasy-surface-elevated);border-color:var(--fantasy-gold)}.play-chat-load-more-btn:disabled{opacity:.6;cursor:not-allowed}.play-chat-empty{color:var(--fantasy-text-muted);font-size:.95rem;padding:1rem .5rem;text-align:center}@keyframes play-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.play-chat-entry{animation:play-msg-in .3s ease-out;max-width:85%}.play-chat-entry--player{align-self:flex-end}.play-chat-entry--gm,.play-chat-entry--roll-request,.play-chat-entry--roll,.play-chat-entry--damage,.play-chat-entry--level-up{align-self:flex-start}.play-chat-entry--welcome{position:sticky;top:0;z-index:1;flex-shrink:0;background:var(--fantasy-bg);padding-bottom:.5rem;margin-bottom:-.5rem}.play-welcome-backstory-label{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem;font-size:.9rem;font-weight:600}.play-welcome-backstory{width:100%;min-height:6rem;padding:.6rem .75rem;font-size:.9rem;line-height:1.5;font-family:inherit;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#00000026;color:inherit;resize:vertical}.play-welcome-backstory::placeholder{color:#fff6}.play-welcome-backstory:focus{outline:2px solid var(--fantasy-gold);outline-offset:2px}.play-welcome-backstory-hint{font-size:.8rem;font-weight:400;opacity:.85}.play-welcome-start-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.6rem 1.25rem;background:var(--fantasy-gold);color:#0f0d0a;border:none;border-radius:12px;font-weight:600;font-size:.95rem;font-family:inherit;cursor:pointer;transition:background .2s,transform .2s}.play-welcome-start-btn:hover:not(:disabled){background:var(--fantasy-gold-soft);transform:translateY(-1px)}.play-welcome-start-btn:disabled{opacity:.7;cursor:not-allowed}.play-welcome-message{font-size:.95rem;line-height:1.5}.play-welcome-message p{margin:0 0 .5rem}.play-welcome-message ul{margin:0 0 .5rem;padding-left:1.25rem}.play-welcome-message li{margin-bottom:.25rem}.play-welcome-message__link{color:var(--fantasy-gold);font-weight:600;text-decoration:underline;text-underline-offset:2px}.play-welcome-message__link:hover{color:var(--fantasy-gold-soft)}.play-bubble{padding:.75rem 1rem;border-radius:14px;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;border:1px solid;box-shadow:0 2px 8px #0003}.play-bubble-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fantasy-text-muted)}.play-bubble-header__icon{flex-shrink:0;color:inherit}.play-bubble-header__label{flex:1}.play-bubble-header__time{font-weight:500;font-size:.7rem;opacity:.85}.play-bubble--gm{background:var(--fantasy-parchment);border-color:var(--fantasy-parchment-border);color:var(--fantasy-text)}.play-bubble--gm .play-bubble-header{color:var(--fantasy-gold-soft)}.play-bubble--player{background:var(--fantasy-player);border-color:var(--fantasy-player-border);color:var(--fantasy-text)}.play-bubble--player .play-bubble-header{color:#7eb8d4}.play-bubble--roll-request{background:var(--fantasy-magic);border-color:var(--fantasy-magic-border);color:var(--fantasy-text)}.play-bubble--roll-request .play-bubble-header{color:#c9b0d9}.play-bubble--roll{background:var(--fantasy-roll);border-color:var(--fantasy-roll-border);color:var(--fantasy-text)}.play-bubble--roll .play-bubble-header{color:#8fcc9e}.play-roll-total{font-weight:700;font-size:1.2em}.play-bubble--damage{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#991b1b}.play-bubble--damage .play-bubble-header{color:#b91c1c}.play-bubble--level-up{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:var(--fantasy-gold);color:#0f0d0a}.play-bubble--level-up .play-bubble-header{color:#b45309}.play-level-up-text{font-weight:700;font-size:1.1rem}.play-bubble--system{background:var(--fantasy-surface-elevated);border-color:var(--fantasy-border);color:var(--fantasy-text-muted)}.play-bubble--error{background:#78352826;border-color:#b4503c66;color:var(--fantasy-text)}.play-bubble-error__message{margin-bottom:.5rem}.play-bubble-error__code{font-size:.85rem;font-family:ui-monospace,monospace;opacity:.9;color:var(--fantasy-text-muted)}.play-bubble-error__code code{font-weight:600;color:var(--fantasy-gold-soft);padding:.1em .35em;background:#0003;border-radius:4px}.play-bubble-error__support{margin-top:.5rem;font-size:.9rem;opacity:.95}.play-bubble-error__link{color:var(--fantasy-gold-soft);font-weight:600;text-decoration:underline}.play-bubble-error__link:hover{color:var(--fantasy-gold)}.play-bubble-body--formula{font-size:.8rem;font-family:ui-monospace,monospace;opacity:.9;margin-top:.35rem}.play-bubble-body--notes{font-size:.85rem;opacity:.9;margin-top:.35rem;font-style:italic;color:var(--fantasy-text-muted)}.play-extensionless-character{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;margin:0 1rem .25rem;background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:12px;font-size:.9rem}.play-extensionless-character__label{display:flex;align-items:center;gap:.35rem;color:var(--fantasy-text-muted)}.play-extensionless-character__label span{white-space:nowrap}.play-extensionless-character__input{padding:.35rem .5rem;background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:8px;color:var(--fantasy-text);font-size:.9rem}.play-extensionless-character__input--narrow{width:3.5rem}.play-extensionless-character__save{padding:.4rem .75rem;background:var(--fantasy-gold);color:#0f0d0a;border:none;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer}.play-extensionless-character__save:hover{background:var(--fantasy-gold-soft)}.play-input-wrap{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:stretch;flex-shrink:0;padding:.25rem 0;margin:0 1rem .75rem;min-width:0}.play-send-cell{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;min-width:fit-content}.play-settings-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem;background:transparent;color:var(--fantasy-text-dim);border:none;border-radius:8px;cursor:pointer;transition:color .2s,background .2s}.play-settings-btn:hover{color:var(--fantasy-gold);background:#c9a2271a}.play-settings-btn--roll{flex:1;min-width:0;padding:0 1rem;color:var(--fantasy-text);background:var(--fantasy-roll);border:1px solid var(--fantasy-roll-border)}.play-settings-btn--roll:hover{color:var(--fantasy-text);background:#2a4a38;border-color:#3d5f4a}.play-input-cell{min-width:0}.play-input-with-count{position:relative;display:block}.play-input-count{position:absolute;bottom:.75rem;right:1rem;font-size:.75rem;color:var(--fantasy-text-dim);pointer-events:none}.play-input{width:100%;min-height:56px;max-height:200px;padding:.75rem 4rem 1.75rem 1rem;background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:12px;color:var(--fantasy-text);font-size:1rem;resize:vertical;transition:border-color .2s,box-shadow .2s,opacity .2s;box-sizing:border-box}.play-input::placeholder{color:var(--fantasy-text-dim)}.play-input:focus{outline:none;border-color:var(--fantasy-gold);box-shadow:0 0 0 2px #c9a22733}.play-input:disabled{opacity:.6;cursor:not-allowed}.play-send{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:0 1.25rem;background:var(--fantasy-gold);color:#0f0d0a;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:background .2s,transform .15s,opacity .2s;box-shadow:0 2px 8px #c9a2274d}.play-send:hover:not(:disabled){background:var(--fantasy-gold-soft);transform:translateY(-1px)}.play-send:active:not(:disabled){transform:translateY(0)}.play-send:disabled{background:var(--fantasy-border);color:var(--fantasy-text-dim);cursor:not-allowed;box-shadow:none}.play-settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999;cursor:pointer}.play-settings-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);background:var(--fantasy-surface);border-left:1px solid var(--fantasy-border);box-shadow:-4px 0 20px #0003;z-index:1000;transform:translate(100%);transition:transform .25s ease-out;display:flex;flex-direction:column}.play-settings-drawer--open{transform:translate(0)}.play-settings-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--fantasy-border)}.play-settings-drawer__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--fantasy-text)}.play-settings-drawer__close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;color:var(--fantasy-text-dim);background:none;border:none;border-radius:6px;cursor:pointer;transition:color .2s,background .2s}.play-settings-drawer__close:hover{color:var(--fantasy-text);background:#ffffff0d}.play-settings-drawer__body{padding:1.25rem}.play-settings-drawer__label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.95rem;color:var(--fantasy-text)}.play-settings-drawer__value{font-weight:600;color:var(--fantasy-gold);text-transform:capitalize}.play-settings-drawer__slider{display:flex;gap:.5rem}.play-settings-drawer__option{flex:1;padding:.6rem 1rem;font-size:.9rem;font-weight:500;color:var(--fantasy-text-dim);background:var(--fantasy-parchment);border:1px solid var(--fantasy-border);border-radius:8px;cursor:pointer;transition:all .2s}.play-settings-drawer__option:hover{color:var(--fantasy-text);border-color:var(--fantasy-gold)}.play-settings-drawer__option--active{color:#0f0d0a;background:var(--fantasy-gold);border-color:var(--fantasy-gold)}.play-help-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);background:var(--fantasy-surface);border-left:1px solid var(--fantasy-border);box-shadow:-4px 0 20px #0003;z-index:1000;transform:translate(100%);transition:transform .25s ease-out;display:flex;flex-direction:column;overflow-y:auto}.play-help-drawer--open{transform:translate(0)}.play-help-drawer__body{padding:1.25rem}.play-help-drawer__p{margin:0 0 1rem;font-size:.95rem;line-height:1.5;color:var(--fantasy-text)}.play-help-drawer__p:last-child{margin-bottom:0}.play-help-drawer__h3{margin:1.25rem 0 .5rem;font-size:1rem;font-weight:600;color:var(--fantasy-gold)}.play-help-drawer__h3:first-of-type{margin-top:0}.play-help-drawer__link{color:var(--fantasy-gold);font-weight:600;text-decoration:underline;text-underline-offset:2px}.play-help-drawer__link:hover{color:var(--fantasy-gold-soft)}.play-roll-drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,90vw);background:var(--fantasy-surface);border-left:1px solid var(--fantasy-border);box-shadow:-4px 0 20px #0003;z-index:1000;transform:translate(100%);transition:transform .25s ease-out;display:flex;flex-direction:column}.play-roll-drawer--open{transform:translate(0)}.play-roll-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--fantasy-border)}.play-roll-drawer__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--fantasy-text)}.play-roll-drawer__body{padding:1.25rem 1.5rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.play-roll-drawer__notes-wrap{width:100%}.play-roll-drawer__notes{width:100%;padding:.4rem .6rem;border:1px solid var(--fantasy-border);border-radius:6px;font-size:.85rem;font-family:inherit;background:var(--fantasy-surface-elevated);color:var(--fantasy-text);resize:vertical;min-height:2.5rem}.play-roll-drawer__notes::placeholder{color:var(--fantasy-text-dim)}.play-roll-drawer__notes:focus{outline:none;border-color:var(--fantasy-gold)}.play-roll-drawer__dice-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.play-roll-drawer__dice-cell{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--fantasy-text-muted)}.play-roll-drawer__dice-label{font-weight:600;color:var(--fantasy-text)}.play-roll-drawer__dice-stepper{display:flex;align-items:center;gap:.25rem;background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:6px;padding:.2rem}.play-roll-drawer__stepper-btn{display:flex;align-items:center;justify-content:center;width:1rem;height:1.75rem;padding:0;background:transparent;border:none;border-radius:4px;color:var(--fantasy-text-muted);cursor:pointer;transition:color .2s,background .2s}.play-roll-drawer__stepper-btn:hover:not(:disabled){color:var(--fantasy-gold);background:#c9a2271a}.play-roll-drawer__stepper-btn:disabled{opacity:.4;cursor:not-allowed}.play-roll-drawer__dice-count{flex:1;text-align:center;font-size:.95rem;font-weight:600;color:var(--fantasy-text);min-width:1rem}.play-roll-drawer__actions{display:flex;gap:.5rem}.play-roll-drawer__roll-btn{flex:1;padding:.6rem 1rem;font-size:1rem;font-weight:600;font-family:inherit;color:#0f0d0a;background:var(--fantasy-gold);border:none;border-radius:8px;cursor:pointer;transition:background .2s}.play-roll-drawer__roll-btn:hover:not(:disabled){background:var(--fantasy-gold-soft)}.play-roll-drawer__roll-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes play-loading-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes play-loading-spin{to{transform:rotate(360deg)}}.play-loading{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;margin-left:0;align-self:flex-start;background:var(--fantasy-parchment);border:1px solid var(--fantasy-parchment-border);border-radius:12px;font-size:.85rem;color:var(--fantasy-text-muted);animation:play-msg-in .3s ease-out}.play-loading__icon{animation:play-loading-spin 1.2s linear infinite;flex-shrink:0}.play-loading__text{animation:play-loading-pulse 1.2s ease-in-out infinite}.play-chat-area::-webkit-scrollbar{width:8px}.play-chat-area::-webkit-scrollbar-track{background:var(--fantasy-surface);border-radius:4px}.play-chat-area::-webkit-scrollbar-thumb{background:var(--fantasy-border);border-radius:4px}.play-chat-area::-webkit-scrollbar-thumb:hover{background:var(--fantasy-gold)}@media(max-width:768px){.play-top-bar{top:3.5rem;padding:.75rem .75rem .5rem}.app-shell--with-banner .play-top-bar{top:calc(3.5rem + 40px)}.play-chat-area{padding:3.5rem .75rem 0}.app-shell--with-banner .play-chat-area{padding-top:calc(3.5rem + 40px)}.play-chat-entry{max-width:92%}.play-input-wrap{padding:.25rem .5rem .5rem;margin:0 .5rem .5rem}.play-send{padding:.65rem 1rem;min-height:44px}.play-input{min-height:48px}.play-combat-banner{flex-wrap:wrap;gap:.5rem;padding:.75rem;margin:0 .5rem}.play-combat-banner__continue-wrap{flex-wrap:wrap}.play-roll-queue{margin:.5rem;padding:.75rem}.play-roll-queue__actions{flex-direction:column;align-items:stretch}.play-roll-queue__manual{flex-wrap:wrap}.play-roll-queue__submit{min-height:44px}.play-alpha-modal__content{margin:1rem;padding:1.5rem}}@media(max-width:480px){.play-top-bar{top:3.5rem}.app-shell--with-banner .play-top-bar{top:calc(3.5rem + 40px)}.play-disconnect-banner{font-size:.85rem;padding:.6rem .75rem}.play-bubble{padding:.6rem .85rem;font-size:.9rem}.play-input-count{bottom:.6rem;right:.75rem;font-size:.7rem}.play-input{padding:.6rem 3.5rem 1.5rem .75rem}}.extension-install{min-height:100vh;background:var(--fantasy-bg);color:var(--fantasy-text);font-family:var(--font-ui)}.extension-install__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--fantasy-border-subtle);background:var(--fantasy-surface)}.extension-install__logo{display:flex;align-items:center;text-decoration:none;color:inherit}.extension-install__back{font-size:.95rem;color:var(--fantasy-gold-soft);text-decoration:none}.extension-install__back:hover{text-decoration:underline}.extension-install__main{max-width:560px;margin:0 auto;padding:2rem 1.5rem 3rem}.extension-install__title{font-family:var(--font-gameplay);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--fantasy-text);margin:0 0 .75rem}.extension-install__lead{font-size:1rem;color:var(--fantasy-text-muted);margin:0 0 2rem;line-height:1.5}.extension-install__steps{list-style:none;padding:0;margin:0 0 2rem;counter-reset:step}.extension-install__step{display:flex;gap:1rem;margin-bottom:1.5rem;counter-increment:step}.extension-install__step-num{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--fantasy-gold);color:#1a1612;font-weight:700;font-size:.95rem;border-radius:50%}.extension-install__step-content{flex:1}.extension-install__step-content strong{display:block;margin-bottom:.25rem;color:var(--fantasy-text)}.extension-install__step-content p{margin:0;color:var(--fantasy-text-muted);font-size:.95rem;line-height:1.5}.extension-install__step-content code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--fantasy-surface-elevated);padding:.1em .35em;border-radius:4px}.extension-install__link{color:var(--fantasy-gold-soft);text-decoration:none}.extension-install__link:hover{text-decoration:underline}.extension-install__downloads{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.extension-install__download{display:inline-block;padding:.5rem 1rem;background:linear-gradient(180deg,var(--fantasy-gold) 0%,#a8841f 100%);color:#1a1612;font-weight:600;text-decoration:none;border-radius:6px;transition:transform .15s,box-shadow .15s}.extension-install__browser-hint{font-size:.9rem;color:var(--fantasy-text-muted);margin:0 0 2rem;line-height:1.5}.extension-install__instructions{margin:0 0 2rem}.extension-install__browser-section{margin-bottom:1.5rem}.extension-install__browser-section h2{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--fantasy-text)}.extension-install__browser-section ol{margin:0;padding-left:1.25rem;color:var(--fantasy-text-muted);font-size:.95rem;line-height:1.6}.extension-install__browser-section code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--fantasy-surface-elevated);padding:.1em .35em;border-radius:4px}.extension-install__download:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a22759}.extension-install__footer-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--fantasy-border-subtle)}.extension-install__cta{display:inline-block;padding:.6rem 1.25rem;font-size:1rem;font-weight:600;color:#1a1612;background:linear-gradient(180deg,var(--fantasy-gold) 0%,#a8841f 100%);text-decoration:none;border-radius:6px;transition:transform .15s,box-shadow .15s}.extension-install__cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c9a22759}@media(max-width:768px){.extension-install__header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.extension-install__main{padding:1.5rem 1rem 2rem}.extension-install__step{flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.extension-install__download{display:block;text-align:center;padding:.75rem 1rem;min-height:48px}.extension-install__cta{display:block;text-align:center;padding:.75rem 1.25rem;min-height:48px}}@media(max-width:480px){.extension-install__step-content code,.extension-install__browser-section code{font-size:.8em;word-break:break-all}}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem}.login__card{max-width:420px;width:100%;padding:2rem;background:var(--card-bg, #1a1a2e);border-radius:12px;box-shadow:0 4px 24px #0003}.login__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.login__subtitle{margin:0 0 1.5rem;color:var(--text-secondary, #9ca3af);font-size:.95rem;line-height:1.5}.login__providers{display:flex;flex-direction:column;gap:.75rem}.login__provider{display:flex;align-items:stretch;width:100%;padding:0;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;overflow:hidden;box-shadow:0 2px 8px #00000026;transition:box-shadow .2s,transform .15s}.login__provider:hover{box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.login__provider-logo{display:flex;align-items:center;justify-content:center;width:56px;min-width:56px;background:#fff}.login__provider-logo svg{width:24px;height:24px}.login__provider-text{flex:1;display:flex;align-items:center;justify-content:center;padding:.875rem 1rem;background:var(--provider-color, #333);color:#fff}.login__loading{margin:0;color:var(--text-secondary)}.login__no-providers{margin:0;color:var(--text-secondary);font-size:.95rem}.login__form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.login__label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500}.login__optional{font-weight:400;color:var(--text-secondary)}.login__input{padding:.6rem .75rem;border:1px solid var(--border-color, #374151);border-radius:6px;background:var(--input-bg, #111827);color:var(--text-primary, #f9fafb);font-size:1rem}.login__input:focus{outline:none;border-color:var(--accent, #6366f1)}.login__submit{padding:.75rem 1rem;margin-top:.25rem;border:none;border-radius:8px;background:var(--accent, #6366f1);color:#fff;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.login__submit:hover:not(:disabled){opacity:.9}.login__submit:disabled{opacity:.6;cursor:not-allowed}.login__error{margin:0;padding:.5rem;background:#ef444426;border-radius:6px;color:#fca5a5;font-size:.9rem}.login__success{margin:0;padding:.5rem;background:#22c55e26;border-radius:6px;color:#86efac;font-size:.9rem}.login__footer{margin:0;padding-top:1rem;border-top:1px solid var(--border-color, #374151);color:var(--text-secondary);font-size:.95rem}.login__footer a{color:var(--accent, #6366f1);text-decoration:none}.login__footer a:hover{text-decoration:underline}.login__divider{margin:1rem 0;text-align:center;color:var(--text-secondary);font-size:.9rem}.login__link{margin-top:.5rem;font-size:.9rem}.login__link a{color:var(--accent, #6366f1);text-decoration:none}.login__link a:hover{text-decoration:underline}.login__link-button{margin:0;padding:0;border:none;background:none;color:var(--accent, #6366f1);font-size:inherit;cursor:pointer}.login__link-button:hover:not(:disabled){text-decoration:underline}.login__link-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.login{padding:1rem;min-height:60vh}.login__card{padding:1.5rem 1.25rem}.login__provider{min-height:48px}.login__provider-logo{width:48px;min-width:48px}.login__submit{min-height:48px}.login__input{min-height:48px;padding:.75rem 1rem}}.homepage{--font-brand: "Cinzel", "Crimson Pro", Georgia, serif;--hp-gold: #c9a227;--hp-gold-bright: #e8d48b;--hp-gold-dim: #a8841f;--hp-dark: #0a0806;--hp-surface: #14110d;--hp-surface-elevated: #1c1814;--hp-border: #2d2620;--hp-border-bright: #4a4035;--hp-text: #e8e0d5;--hp-text-muted: #a09888;--hp-text-dim: #6b6358;position:relative;min-height:100vh;color:var(--hp-text);font-family:var(--font-ui);overflow-x:hidden}.homepage__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.homepage__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/favicon-512x512.png);background-size:min(80vw,520px);background-position:center;background-repeat:no-repeat;opacity:.12}.homepage__bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(26,22,18,.9) 0%,transparent 60%),linear-gradient(180deg,#0d0b08,#0a0806,#060504)}.homepage__bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 40%,rgba(0,0,0,.5) 100%)}.homepage__bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.homepage>*:not(.homepage__bg){position:relative;z-index:1}.homepage__nav{padding:.75rem 1.5rem;border-bottom:1px solid var(--hp-border);background:linear-gradient(180deg,#14110df2,#0a0806e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.homepage__nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.homepage__nav-logo{font-family:var(--font-brand);font-size:1.25rem;font-weight:600;letter-spacing:.15em;color:var(--hp-gold-bright);text-decoration:none;transition:color .2s,text-shadow .2s}.homepage__nav-logo:hover{color:var(--hp-gold);text-shadow:0 0 20px rgba(201,162,39,.4)}.homepage__nav-links{display:flex;align-items:center;gap:1.5rem}.homepage__nav-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--hp-text-muted);text-decoration:none;transition:color .2s}.homepage__nav-link:hover{color:var(--hp-gold-bright)}.homepage__nav-link:focus-visible{outline:2px solid var(--hp-gold-bright);outline-offset:2px}.homepage__hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:clamp(4rem,12vw,6rem) 1.5rem clamp(5rem,14vw,8rem);text-align:center}.homepage__hero-content{max-width:42rem}.homepage__title{font-family:var(--font-brand);font-size:clamp(3rem,10vw,5.5rem);font-weight:700;letter-spacing:.12em;margin:0 0 1.25rem;color:var(--hp-text);text-shadow:0 0 40px rgba(201,162,39,.15),0 2px 4px rgba(0,0,0,.5),0 4px 24px rgba(0,0,0,.3);line-height:1.05}.homepage__tagline{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--hp-text-muted);line-height:1.6;margin:0 0 2.5rem;max-width:32em;margin-left:auto;margin-right:auto}.homepage__hero-cta{margin-top:.5rem}.homepage__hero-divider{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8rem;height:2px;background:linear-gradient(90deg,transparent 0%,var(--hp-border-bright) 20%,var(--hp-gold-dim) 50%,var(--hp-border-bright) 80%,transparent 100%);opacity:.8}.homepage__cta{display:inline-block;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;font-family:var(--font-brand);letter-spacing:.1em;text-decoration:none;border-radius:4px;transition:transform .2s,box-shadow .2s,background .2s}.homepage__cta--primary{color:#0f0d0a;background:linear-gradient(180deg,var(--hp-gold-bright) 0%,var(--hp-gold) 50%,var(--hp-gold-dim) 100%);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff40,0 4px 16px #0006,0 0 24px #c9a22733}.homepage__cta--primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff4d,0 6px 24px #00000080,0 0 32px #c9a22759}.homepage__cta--primary:focus-visible{outline:2px solid var(--hp-gold-bright);outline-offset:4px}.homepage__cta--secondary{color:var(--hp-gold-bright);background:var(--hp-surface-elevated);border:1px solid var(--hp-border-bright);box-shadow:inset 0 1px #ffffff0d}.homepage__cta--secondary:hover{background:var(--hp-surface);border-color:var(--hp-gold-dim);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff14,0 4px 16px #c9a22726}.homepage__cta--secondary:focus-visible{outline:2px solid var(--hp-gold-bright);outline-offset:2px}.homepage__main{max-width:720px;margin:0 auto;padding:0 1.5rem clamp(4rem,10vw,6rem);display:flex;flex-direction:column;gap:1.5rem}.homepage__panel{position:relative;background:linear-gradient(180deg,#1c181499,#14110dcc);border:1px solid var(--hp-border);border-radius:8px;box-shadow:inset 0 1px #ffffff08,0 4px 24px #0000004d;overflow:hidden}.homepage__panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(201,162,39,.2) 50%,transparent 100%);pointer-events:none}.homepage__panel-inner{padding:2rem 2rem 2.25rem}.homepage__panel-title{font-family:var(--font-brand);font-size:clamp(1.35rem,3.5vw,1.6rem);font-weight:600;letter-spacing:.05em;color:var(--hp-gold-bright);margin:0 0 .75rem}.homepage__panel-title--accent{color:var(--hp-gold-bright);font-size:clamp(1.5rem,4vw,1.75rem)}.homepage__panel-lead{font-size:1.05rem;color:var(--hp-text-muted);line-height:1.65;margin:0 0 1.25rem}.homepage__panel-lead:last-of-type{margin-bottom:0}.homepage__steps{list-style:none;margin:1rem 0 0;padding:0;counter-reset:step}.homepage__steps li{position:relative;padding-left:2.5rem;margin-bottom:.75rem;color:var(--hp-text-muted);line-height:1.55}.homepage__steps li:last-child{margin-bottom:0}.homepage__step-num{position:absolute;left:0;top:.1em;width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;font-family:var(--font-brand);color:var(--hp-dark);background:linear-gradient(180deg,var(--hp-gold-bright) 0%,var(--hp-gold-dim) 100%);border:1px solid rgba(255,255,255,.3);border-radius:4px;box-shadow:inset 0 1px #fff6}.homepage__step-link{color:var(--hp-gold-bright);text-decoration:none;font-weight:500}.homepage__step-link:hover{text-decoration:underline;color:var(--hp-gold)}.homepage__bullets{list-style:none;margin:1rem 0 0;padding:0}.homepage__bullets li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--hp-text-muted);line-height:1.55}.homepage__bullets li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;background:var(--hp-gold-dim);border-radius:50%}.homepage__panel--cta{border-color:var(--hp-border-bright);background:linear-gradient(180deg,#29231880,#1a1612e6)}.homepage__panel--cta .homepage__panel-inner{padding-top:2.5rem;padding-bottom:2.5rem}.homepage__panel--cta .homepage__cta{margin-top:.75rem}.homepage__footer{padding:2rem 1.5rem 2.5rem;text-align:center;border-top:1px solid var(--hp-border);background:#0000004d}.homepage__footer-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem}.homepage__footer-link{font-size:.9rem;color:var(--hp-text-muted);text-decoration:none;transition:color .2s}.homepage__footer-link:hover{color:var(--hp-gold-bright)}.homepage__footer-link:focus-visible{outline:2px solid var(--hp-gold-bright);outline-offset:2px}.homepage__footer-spacer{color:var(--hp-text-dim);font-weight:300}.homepage__copyright{display:block;margin-top:1rem;font-size:.85rem;color:var(--hp-text-dim)}.homepage__disclaimer{margin:.5rem 0 0;font-size:.8rem;color:var(--hp-text-dim);opacity:.9}@media(max-width:768px){.homepage__nav{padding:.6rem 1rem}.homepage__nav-inner{flex-direction:column;gap:1rem}.homepage__nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.homepage__hero{min-height:60vh;padding:clamp(3rem,10vw,5rem) 1rem clamp(4rem,12vw,6rem)}.homepage__title{letter-spacing:.08em}.homepage__main{padding-left:1rem;padding-right:1rem}.homepage__panel-inner{padding:1.5rem 1.5rem 1.75rem}.homepage__cta{padding:.9rem 2rem;font-size:1rem}}@media(max-width:480px){.homepage__nav-link{padding:.5rem}.homepage__nav-link .homepage__nav-link-text{display:none}.homepage__cta--primary{padding:.85rem 1.75rem;font-size:.95rem}}.lobby{min-height:calc(100vh - 60px);padding:2rem 1.5rem 3rem;max-width:960px;width:100%;margin:0 auto;box-sizing:border-box}.lobby__hero{text-align:center;margin-bottom:2.5rem}.lobby__title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--fantasy-text);margin:0 0 .5rem;letter-spacing:.02em}.lobby__subtitle{font-size:1rem;color:var(--fantasy-text-muted);margin:0;font-weight:400}.lobby__card{background:var(--fantasy-surface-elevated);border:1px solid var(--fantasy-border);border-radius:8px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0003;box-sizing:border-box;min-width:0}.lobby__card-title{font-size:1.1rem;font-weight:600;color:var(--fantasy-gold-soft);margin:0 0 .5rem}.lobby__card-desc{color:var(--fantasy-text-muted);font-size:.95rem;margin:0 0 1.25rem;line-height:1.5}.lobby__card-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.lobby__btn{padding:.6rem 1.25rem;font-size:1rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit}.lobby__btn--primary{background:linear-gradient(180deg,var(--fantasy-gold) 0%,#a8841f 100%);color:#1a1612}.lobby__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #c9a22759}.lobby__btn--primary:active:not(:disabled){transform:translateY(0)}.lobby__btn--primary:disabled{background:var(--fantasy-border);color:var(--fantasy-text-dim);cursor:not-allowed;opacity:.8}.lobby__btn--secondary{background:var(--fantasy-surface-elevated);color:var(--fantasy-gold-soft);border:1px solid var(--fantasy-border)}.lobby__btn--secondary:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.lobby__loading{display:flex;align-items:center;gap:.5rem;padding:1rem 0;font-size:.9rem;color:var(--fantasy-text-muted)}.lobby__loading-icon{flex-shrink:0;animation:lobby-loading-spin 1.2s linear infinite}.lobby__loading-text{animation:lobby-loading-pulse 1.2s ease-in-out infinite}@keyframes lobby-loading-spin{to{transform:rotate(360deg)}}@keyframes lobby-loading-pulse{0%,to{opacity:.7}50%{opacity:1}}.lobby__session-list{list-style:none;margin:0 0 1rem;padding:0}.lobby__session-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--fantasy-border);min-width:0}.lobby__session-item:last-child{border-bottom:none}.lobby__load-more-sentinel{min-height:1px;pointer-events:none}.lobby__load-more-hint{text-align:center;padding:.5rem 0 0}.lobby__session-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.lobby__session-name-row{display:flex;align-items:center;gap:.35rem;min-width:0}.lobby__session-info>.lobby__session-id-row{display:flex;flex-direction:column;gap:.25rem;min-width:0}.lobby__session-id-row .lobby__session-id-row{display:flex;align-items:center;gap:.35rem;min-width:0}.lobby__session-name{font-size:.95rem;font-weight:500;color:var(--fantasy-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.lobby__session-id{font-family:ui-monospace,monospace;font-size:.75rem;color:var(--fantasy-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.lobby__session-rename-row{display:flex;align-items:center;flex:1;min-width:0}.lobby__session-rename-input{width:100%;max-width:240px;padding:.35rem .5rem;font-size:.95rem;font-family:inherit;background:var(--fantasy-surface);border:1px solid var(--fantasy-border);border-radius:4px;color:var(--fantasy-text)}.lobby__session-rename-input:focus{outline:2px solid var(--fantasy-gold-soft);outline-offset:1px}.lobby__session-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.lobby__action-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:transparent;border:none;border-radius:4px;color:var(--fantasy-text-dim);cursor:pointer;font-family:inherit;font-size:.9rem}.lobby__action-btn:hover{color:var(--fantasy-gold-soft);background:#ffffff14}.lobby__action-btn--text{padding:.4rem .6rem}.lobby__action-btn--danger:hover{color:var(--fantasy-error)}.lobby__copy-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:.2rem;background:transparent;border:none;border-radius:4px;color:var(--fantasy-text-dim);cursor:pointer}.lobby__copy-btn:hover{color:var(--fantasy-gold-soft);background:#ffffff14}.lobby__copy-btn:focus-visible{outline:2px solid var(--fantasy-gold-soft);outline-offset:2px}.lobby__session-meta{font-size:.9rem;color:var(--fantasy-text-muted)}.lobby__hint{font-size:.85rem;color:var(--fantasy-text-dim);margin:0}.lobby__hint--error{color:var(--fantasy-error)}.lobby__hint--info{color:var(--fantasy-text-dim)}.lobby__hint-link{color:var(--fantasy-gold-soft);text-decoration:underline}.lobby__hint-link:hover{color:var(--fantasy-gold)}.lobby__extension-link{font-size:.95rem;font-weight:500;color:var(--fantasy-gold-soft);text-decoration:underline;text-underline-offset:2px}.lobby__extension-link:hover{color:var(--fantasy-gold)}.lobby__character-badge{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;padding:.35rem .6rem;background:var(--fantasy-parchment);border:1px solid var(--fantasy-parchment-border);border-radius:6px;font-size:.8rem;color:var(--fantasy-text-muted);margin-top:1rem}.lobby__character-name{flex:0 1 100%;min-width:0}.lobby__character-sep{flex:0 0 auto}.lobby__character-race{flex:0 1 auto;min-width:0}.lobby__character-classes{flex:1 1 55%;min-width:0}.lobby__character-badge strong{color:var(--fantasy-gold-soft)}@media(max-width:768px){.lobby{padding:1rem 1rem 2rem}.lobby__card{padding:1.25rem}.lobby__session-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 0}.lobby__session-actions{width:100%;justify-content:flex-end}.lobby__btn{min-height:44px;padding:.65rem 1rem}}@media(max-width:480px){.lobby__session-rename-input{max-width:none}.lobby__card-actions{flex-direction:column;align-items:stretch}.lobby__btn--primary{width:100%}}