.game-link-button{white-space:nowrap;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.game-state{color:var(--color-text-secondary);margin:0}.game-state--error{border-radius:var(--radius-base);background:var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-warning) 45%, transparent);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 20px;display:flex}.game-state__text{color:var(--color-text);margin:0}.game-state--warning{border-radius:var(--radius-base);background:color-mix(in srgb, var(--color-light) 10%, var(--color-card));color:var(--color-text);padding:12px 16px}.party-panel,.modes-grid{flex-direction:column;gap:16px;display:flex}.party-panel__head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.party-panel__title{color:var(--color-gold);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:14px;font-weight:600}.party-panel__rule{background:var(--color-border);flex:1;height:1px}.modes-grid__tiles{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr));gap:16px;display:grid}.mode-tile{border-radius:var(--radius-base);background:var(--color-tile);min-height:180px;box-shadow:inset 0 0 0 1px var(--color-border);color:inherit;flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:box-shadow .16s;display:flex}a.mode-tile:hover,button.mode-tile:hover,button.mode-tile:focus-visible{box-shadow:inset 0 0 0 1px var(--color-focus-ring), 0 0 28px color-mix(in srgb, var(--color-accent) 14%, transparent)}button.mode-tile{width:100%;font:inherit;text-align:left;cursor:pointer;border:0}.new-clash{flex-direction:column;gap:14px;min-width:min(360px,100%);display:flex}.new-clash__field{flex-direction:column;gap:6px;display:flex}.new-clash__seat{flex-direction:column;gap:8px;display:flex}.new-clash__label{color:var(--color-text-muted);font-size:.9rem}.new-clash__reason{color:var(--color-text-muted);font-size:.85rem}.new-clash__go{align-self:flex-end;text-decoration:none}.new-clash__offer{border:1px solid var(--color-border);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;display:flex}.new-clash__offer-text{margin:0;font-size:.9rem}.mode-tile--soon{color:var(--color-text-muted)}.mode-tile__head{min-height:22px;color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:8px;display:flex}.mode-tile__title{color:var(--color-text);font-family:var(--font-heading), serif;margin:0;font-size:18px;font-weight:600}.mode-tile--soon .mode-tile__title{color:var(--color-text-secondary)}.mode-tile__text{color:var(--color-text-secondary);margin:0;font-size:14px}.mode-tile__foot{flex-flow:column wrap;gap:8px;margin-top:auto;display:flex}.mode-tile__stat{color:var(--color-text-secondary);justify-content:space-between;gap:8px;font-size:13px;display:flex}.mode-tile__stat span:last-child{color:var(--color-text)}.mode-tile__meter{border-radius:var(--radius-pill);background:var(--color-field);height:6px;overflow:hidden}.mode-tile__meter-fill{border-radius:var(--radius-pill);background:var(--color-gold);height:100%}.mode-tile__note{color:var(--color-text-muted);font-size:13px}.mode-tile__pill{border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-secondary);align-self:flex-start;padding:4px 10px;font-size:12px}.party-panel__grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.party-card{border-radius:var(--radius-base);background:var(--color-tile);box-shadow:inset 0 0 0 1px var(--color-border);align-items:center;gap:14px;padding:16px;display:flex}.party-card__emblem{flex:none}.party-card__hex{fill:var(--color-field);stroke:var(--color-gold);stroke-width:1.5px}.party-card__sign{fill:none;stroke:var(--color-light);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.party-card__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.party-card__line{justify-content:space-between;gap:8px;display:flex}.party-card__class{color:var(--color-text-muted);font-size:13px}.party-card__hp{color:var(--color-text-secondary);font-size:13px}.players-aside__heading{border-bottom:1px solid var(--color-border);height:64px;color:var(--color-gold);font-family:var(--font-heading), serif;letter-spacing:.2em;text-transform:uppercase;align-items:center;margin:0;padding:0 18px;font-size:11px;display:flex}.players-aside__empty{color:var(--color-text-muted);margin:0;padding:16px 18px;font-size:14px}.players-aside__list{margin:0;padding:8px 0;list-style:none}.players-aside__player{flex-direction:column;gap:2px;padding:8px 18px;display:flex}.players-aside__name{color:var(--color-text-primary);overflow-wrap:anywhere;font-size:14px}.players-aside__doing{color:var(--color-text-muted);font-size:12px}.players-aside__action{padding:8px 18px}.players-aside__action .sj-button-wrap,.players-aside__action .sj-button{width:100%}.treasury{gap:16px;margin:0;display:flex}.treasury__item{align-items:baseline;gap:6px;display:flex}.treasury__item dt{color:var(--color-text-muted);font-size:.8rem}.treasury__item dd{color:var(--color-gold-bright);margin:0;font-weight:700}.treasury__item--crystals dd{color:var(--color-crystal)}.perk-shop{flex-direction:column;gap:16px;display:flex}.perk-shop__intro,.perk-shop__note{max-width:70ch;color:var(--color-text-secondary);margin:0;font-size:14px}.perk-shop__note{color:var(--color-text-muted)}.perk-shop__status:empty{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.perk-shop__error{border-radius:var(--radius-base);background:var(--color-card);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-warning) 45%, transparent);color:var(--color-text);margin:0;padding:10px 14px;font-size:14px}.perk-shop__grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.perk-shop__item{display:flex}.perk-card{border-radius:var(--radius-base);background:var(--color-tile);box-shadow:inset 0 0 0 1px var(--color-border);flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.perk-card--owned{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold) 55%, transparent)}.perk-card__name{color:var(--color-text);font-family:var(--font-heading), serif;margin:0;font-size:16px;font-weight:600}.perk-card__effect{color:var(--color-text-secondary);margin:0;font-size:14px}.perk-card__foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-top:auto;display:flex}.perk-card__price{color:var(--color-gold-bright);font-weight:700}.perk-card--guest .perk-card__price,.perk-card--tooExpensive .perk-card__price{color:var(--color-text-muted)}.perk-card__owned{color:var(--color-gold);font-size:13px}.achievements{flex-direction:column;gap:16px;display:flex}.achievements__intro,.achievements__note{max-width:70ch;color:var(--color-text-secondary);margin:0;font-size:14px}.achievements__note{color:var(--color-text-muted)}.achievements__group{flex-direction:column;gap:12px;display:flex}.achievements__group-title{color:var(--color-gold);font-family:var(--font-heading), serif;margin:0;font-size:15px;font-weight:600}.achievements__grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.achievements__item{min-width:0;display:flex}.achievement-card{border-radius:var(--radius-base);background:var(--color-tile);min-width:0;box-shadow:inset 0 0 0 1px var(--color-border);flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.achievement-card--earned{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-gold) 55%, transparent)}.achievement-card__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.achievement-card__name{color:var(--color-text);font-family:var(--font-heading), serif;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:600}.achievement-card__text{color:var(--color-text-secondary);margin:0;font-size:14px}.achievement-card__date{color:var(--color-gold);margin:auto 0 0;font-size:13px}.achievement-card__foot{align-items:center;gap:12px;margin-top:auto;display:flex}.achievement-card__meter{border-radius:var(--radius-pill);background:var(--color-field);flex:1;height:6px;overflow:hidden}.achievement-card__meter-fill{border-radius:var(--radius-pill);background:var(--color-gold);height:100%}.achievement-card__count{color:var(--color-text-secondary);white-space:nowrap;font-size:13px}.achievement-card--guest .achievement-card__name,.achievement-card--guest .achievement-card__text,.achievement-card--guest .achievement-card__count{color:var(--color-text-muted)}.achievement-card--guest .achievement-card__meter-fill{background:var(--color-text-muted)}.challenges__actions{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.challenges__block{flex-direction:column;gap:8px;display:flex}.challenges__heading{color:var(--color-text-secondary);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.room-list,.match-history{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-list__item,.match-history__item{border-radius:var(--radius-base);background:var(--color-field);box-shadow:inset 0 0 0 1px var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 14px;font-size:14px;display:flex}.room-list__text{flex-direction:column;gap:2px;display:flex}.room-list__host{color:var(--color-text);font-weight:600}.room-list__summary,.match-history__date,.match-history__text{color:var(--color-text-secondary)}.match-history__result{color:var(--color-text)}.mode-tile__stat--button{border:0;border-bottom:1px solid var(--color-border);width:100%;font:inherit;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;padding:6px 0;font-size:13px}.mode-tile__stat--button:hover,.mode-tile__stat--button:focus-visible{color:var(--color-text)}.mode-tile__stat-value{align-items:center;gap:4px;display:inline-flex}