:root{color-scheme:dark;--felt-950: #041a12;--felt-900: #07271c;--felt-800: #0b3d2e;--felt-700: #10493a;--felt-600: #165846;--felt-500: #1d6a55;--gold: #d4af37;--gold-soft: #b9975b;--cream: #f6f1e3;--card-face: #fdfbf4;--card-face-muted: #efe9d9;--card-back: var(--felt-800);--card-border: #1a1a24;--card-red: #c8102e;--card-blue: #1667c8;--card-green: #147a3c;--card-black: #1a1a24;--bg: var(--felt-900);--surface: rgba(255, 255, 255, .06);--surface-strong: rgba(255, 255, 255, .12);--line: rgba(255, 255, 255, .14);--text: var(--cream);--text-dim: rgba(246, 241, 227, .62);--accent: var(--gold);--danger: #e5484d;--ok: #46a758;--info: #4c8dd6;--suit-red: #ff7080;--suit-blue: #6fb0ff;--suit-green: #5fd08a;--suit-black: var(--cream);--card-ratio: 1.4;--card-w: clamp(52px, 17vmin, 100px);--card-h: calc(var(--card-w) * var(--card-ratio));--card-w-md: clamp(44px, 14vmin, 80px);--card-w-sm: clamp(36px, 11vmin, 60px);--card-h-sm: calc(var(--card-w-sm) * var(--card-ratio));--card-w-opp: clamp(14px, 3.6vmin, 26px);--card-radius: calc(var(--card-w) * .09);--touch-min: 44px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-1: 6px;--radius-2: 10px;--radius-3: 16px;--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-ui: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif;--font-display: Georgia, "Times New Roman", serif;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.6rem;--dur-1: 90ms;--dur-2: .18s;--dur-3: .3s;--dur-4: .52s;--dur-5: .9s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-felt: cubic-bezier(.36, 0, .3, 1);--stagger: 55ms;--z-sheet: 40;--z-banner: 50;--z-overlay: 55;--z-toast: 60}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow-x:hidden;font-family:var(--font-ui);font-size:var(--fs-md);color:var(--text);background:radial-gradient(120vw 90vh at 50% 30%,var(--felt-700) 0%,var(--felt-900) 62%,var(--felt-950) 100%) var(--felt-900);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--font-display);font-weight:600}.brand{display:inline-flex;align-items:center;gap:var(--space-2)}.brand__logo{height:1.3em;width:auto;flex:none}.screen__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:nowrap}.screen__topbar .brand{min-width:0;font-size:var(--fs-xl)}.screen__topbar .brand__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen{display:grid;grid-template-rows:auto 1fr auto;height:100%;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left)}.screen__top{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:#0000002e}.screen__main{overflow-y:auto;overflow-x:hidden;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.screen__bottom{padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));border-top:1px solid var(--line);background:#0000003d}button,.btn{min-height:var(--touch-min);min-width:var(--touch-min);padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface-strong);color:var(--text);font:inherit;font-weight:600;cursor:pointer}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--felt-950)}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn--ghost{background:transparent}input,select{min-height:var(--touch-min);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-2);background:#00000040;color:var(--text);font:inherit;width:100%}input::placeholder{color:var(--text-dim)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-3);padding:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.dim{color:var(--text-dim);font-size:var(--fs-sm)}.hand{--n: 1;--fan-step: calc(var(--card-w) * .55);--fan-lift: 1.1px;--fan-spread: 3.2deg;--fan-half: calc((var(--n) - 1) / 2);--fan-rise: calc(var(--fan-half) * var(--fan-half) * var(--fan-lift));position:relative;height:calc(var(--card-h) + var(--fan-rise) + var(--space-2));padding:var(--space-2) 0}.hand--dense{--fan-step: calc(var(--card-w) * .38);--fan-spread: 2.5deg;--fan-lift: .7px}.hand--xdense{--fan-step: calc(var(--card-w) * .26);--fan-spread: 2deg;--fan-lift: .34px}.hand__card{--i: 0;--n: 1;--off: calc(var(--i) - (var(--n) - 1) / 2);--part: 0px;--fan-x: calc(var(--off) * var(--fan-step) + var(--part));--fan-y: calc((var(--off) * var(--off) - var(--fan-half) * var(--fan-half)) * var(--fan-lift));--fan-rot: calc(var(--off) * var(--fan-spread));--lift: 0px;--scale: 1;position:absolute;left:50%;bottom:var(--space-2);margin-left:calc(var(--card-w) / -2);border:none;background:none;padding:0;min-width:0;min-height:0;transform:translate(var(--fan-x),calc(var(--fan-y) + var(--lift))) rotate(var(--fan-rot)) scale(var(--scale));transition:transform var(--dur-2) var(--ease-out);z-index:calc(var(--i) + 1);animation:deal-in var(--dur-3) var(--ease-felt) backwards;animation-delay:calc(var(--i) * var(--stagger))}@keyframes deal-in{0%{opacity:0;transform:translateY(var(--deal-from, calc(var(--card-h) * .9))) rotate(-14deg) scale(.78)}}.hand__card--raised{--lift: calc(var(--card-h) * -.26);--fan-rot: 0deg;--scale: 1.06;z-index:99}.hand__card:active{--scale: .97;transition-duration:var(--dur-1)}.hand__card--raised:active{--scale: 1.03}.hand__card:disabled{opacity:1}.hand__card--dim{--lift: 4px}.hand__card--dim svg{filter:brightness(.55) saturate(.6)}@media(prefers-reduced-motion:reduce){.hand__card{animation:none;transition:none}}.banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-banner);padding:calc(var(--space-2) + var(--safe-top)) var(--space-4) var(--space-2);text-align:center;font-size:var(--fs-sm);font-weight:600;background:var(--danger);color:#fff}.toasts{position:fixed;left:var(--space-4);right:var(--space-4);bottom:calc(var(--space-4) + var(--safe-bottom));z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-2);background:#000000d1;border:1px solid var(--line);font-size:var(--fs-sm)}.toast--error{border-color:var(--danger)}.toast--update{border-color:var(--accent)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);background:var(--felt-800);border-radius:var(--radius-3) var(--radius-3) 0 0;border-top:1px solid var(--line);padding:var(--space-4) var(--space-4) calc(var(--space-4) + var(--safe-bottom));max-height:70vh;overflow-y:auto}.pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text-dim);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}.pill__dot{width:8px;height:8px;border-radius:50%;flex:none}.pill--ok .pill__dot{background:var(--ok)}.pill--warn .pill__dot{background:var(--gold);animation:pill-pulse 1.2s ease-in-out infinite}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.25}}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.list-bullets{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:var(--space-1)}.list-bullets li{line-height:1.5}.link{color:var(--accent);text-decoration:underline;word-break:break-word}.list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;text-align:left}.room-code{font-family:var(--font-display);letter-spacing:.18em}.match-row{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) 0;border-bottom:1px solid var(--line)}.match-row:last-child{border-bottom:none}.match-row__btn{display:flex;flex-direction:column;gap:var(--space-1);width:100%;padding:0;margin:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.match-row__chev,.score--winner{color:var(--gold);font-weight:700}.lobby-table{display:grid;grid-template-areas:". top ." "left center right" ". bottom .";grid-template-columns:1fr auto 1fr;gap:var(--space-2);align-items:center;justify-items:center}.lobby-table__slot{width:100%;max-width:150px}.lobby-table__felt{width:clamp(64px,18vw,96px);height:clamp(84px,24vw,128px);border-radius:50%;background:radial-gradient(circle at 50% 35%,var(--felt-600),var(--felt-800) 75%);border:2px solid var(--gold-soft);opacity:.9}.seat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2);text-align:center}.seat-card--me{border-color:var(--gold-soft)}.seat-card__name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-card__badges{font-size:var(--fs-xs)}.seat-card__actions{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.seat-card__actions button{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--fs-sm)}.avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--felt-600);border:1px solid var(--line);color:var(--cream);font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;flex:none}.avatar--bot{background:var(--felt-800);color:var(--gold-soft)}.avatar--empty{background:transparent;border-style:dashed;color:var(--text-dim)}.share-url{-webkit-user-select:text;user-select:text;font-size:var(--fs-md);color:var(--text-dim)}.config-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-min)}.config-row>span{flex:1 1 auto;min-width:0}.config-row select{flex:0 1 auto;width:auto;max-width:55%;min-width:0;text-overflow:ellipsis}.config-row>strong{flex:0 1 auto;min-width:0;max-width:55%;text-align:right;overflow-wrap:anywhere}.config-row input[type=checkbox]{width:28px;height:28px;min-height:0;flex:none;accent-color:var(--gold)}.config-list__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.config-list__name{min-width:0;overflow-wrap:anywhere}.config-list__row .row{flex:none;justify-content:flex-end}.config-list__lead{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.star-btn{flex:none;padding:var(--space-1);border:none;background:none;color:var(--text-dim);font-size:var(--fs-lg);line-height:1}.star-btn[aria-pressed=true]{color:var(--gold)}.rules-link{align-self:flex-start;min-height:0;min-width:0;padding:0;border:none;background:none;color:var(--gold);font-weight:600;text-decoration:underline;text-underline-offset:2px}.rules-overlay{position:fixed;inset:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#041a12b8}.rules-overlay__panel{position:relative;width:100%;max-width:380px;max-height:86vh;overflow-y:auto;padding:var(--space-5);border:1px solid var(--gold-soft);border-radius:var(--radius-3);background:var(--felt-800);box-shadow:0 12px 40px #00000080;gap:var(--space-4)}.rules-overlay__panel h2{text-align:center;padding:0 var(--space-5)}.rules-overlay__close{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;min-width:0;min-height:0;padding:0;border:none;border-radius:var(--radius-1);font-size:var(--fs-lg);line-height:1;color:var(--text-dim)}.rules-overlay__close:hover{color:var(--text)}.rules-overlay__preset{text-align:center;margin-top:calc(-1 * var(--space-2))}.rules-group{gap:var(--space-2)}.rules-group__title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:var(--space-1)}.rules-list{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.rules-list__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.rules-list__row dt{flex:1}.rules-list__row dd{margin:0;text-align:right;font-weight:600}.rules-cap{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}.rank-strip{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1)}.rank-strip__end{font-size:var(--fs-xs);color:var(--text-dim)}.rank-pill{display:inline-flex;align-items:center;justify-content:center;min-width:26px;padding:2px var(--space-1);border:1px solid var(--gold-soft);border-radius:var(--radius-1);background:var(--card-face);color:var(--card-black);font-weight:700;font-size:var(--fs-sm);line-height:1.3}.suit-values{display:flex;flex-wrap:wrap;gap:var(--space-2)}.suit-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--line);border-radius:var(--radius-1);background:var(--surface);font-weight:600;font-size:var(--fs-sm)}.suit-chip__symbol{font-size:var(--fs-md);line-height:1}.rules-preset-desc{margin-top:calc(-1 * var(--space-1))}.raw{font-size:var(--fs-xs);overflow-x:auto;background:#0006;border-radius:var(--radius-1);padding:var(--space-3);-webkit-user-select:text;user-select:text}.rating-badge{display:inline-block;margin-left:var(--space-1);padding:0 var(--space-1);border-radius:var(--radius-1);background:var(--surface-strong);color:var(--gold);font-size:var(--fs-xs);font-weight:700;vertical-align:middle}.rating-badge__icon{display:inline-flex;margin-right:3px;vertical-align:-2px}.auth-header{gap:var(--space-2);flex:none}.auth-header__signin{position:relative;width:40px;height:40px;flex:none}.auth-header__signin-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 32%,var(--felt-600),var(--felt-800));border:1px solid var(--gold-soft);box-shadow:inset 0 1px #ffffff14,0 1px 3px #00000059;pointer-events:none}.auth-header__gis{position:absolute;inset:0;z-index:1;opacity:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;cursor:pointer}.auth-header__gis>div,.auth-header__gis iframe{width:100%!important;height:100%!important;margin:0!important}.auth-header__chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;background:none;border:none;cursor:pointer}.auth-header__chip .rating-badge{margin-left:0;padding:3px var(--space-2);font-size:var(--fs-sm)}.auth-header__avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);flex:none;object-fit:cover}.auth-header__avatar--fallback{display:flex;align-items:center;justify-content:center;background:var(--felt-600);color:var(--cream);font-weight:700;font-size:var(--fs-sm)}.auth-chip__avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);flex:none}.profile__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);background:linear-gradient(180deg,#d4af371a,#0000001f);border-color:var(--gold-soft)}.profile__id{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.profile__avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--gold-soft);object-fit:cover}.profile__name{font-family:var(--font-display);font-size:var(--fs-lg)}.profile__rating{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.profile__crown{display:inline-flex;color:var(--gold)}.profile__rating-num{font-family:var(--font-display);font-size:3.4rem;font-weight:700;line-height:1;color:var(--gold);letter-spacing:-.01em}.profile__rating-cap{display:flex;align-items:center;gap:var(--space-2)}.profile__rating-name{font-size:var(--fs-md);font-weight:600;letter-spacing:.02em}.profile__tag{padding:1px var(--space-2);border:1px solid var(--gold-soft);border-radius:999px;color:var(--gold);font-size:var(--fs-xs);font-weight:700;letter-spacing:.04em}.profile__summary{max-width:30ch}.profile__delta{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);border-radius:999px;background:#00000038;font-size:var(--fs-sm);font-weight:700}.profile__provisional{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:var(--space-2);font-size:var(--fs-xs)}.profile__badge{padding:1px var(--space-2);border-radius:999px;background:#d4af372e;color:var(--gold);font-weight:700}.profile__explainer{padding:0}.profile__explainer-q{padding:var(--space-3) var(--space-4);font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.profile__explainer-q::-webkit-details-marker{display:none}.profile__explainer-q:after{content:"⌄";color:var(--gold);font-size:var(--fs-lg);line-height:1;transform:translateY(-.15em);transition:transform .15s ease}.profile__explainer[open] .profile__explainer-q:after{transform:translateY(-.15em) rotate(180deg)}.profile__explainer-a{padding:0 var(--space-4) var(--space-4);line-height:1.5}.profile__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4) var(--space-2)}.profile__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.profile__stat-value{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700}.profile__stat-label{color:var(--text-dim);font-size:var(--fs-xs);text-align:center}.match-row--rating{flex-direction:row;align-items:center;gap:var(--space-3)}.match-row__delta{font-weight:700;min-width:4.5ch}.match-row__after{font-family:var(--font-display);font-weight:700;color:var(--gold)}.match-row__when{margin-left:auto}.match-row__btn--rating{flex-direction:row;align-items:center;gap:var(--space-3)}.overlay__elo{text-align:center;font-size:var(--fs-lg)}.scorecard__verdict{margin:0;text-align:center;font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg)}.scorecard__sides{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.scorecard__side{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-2)}.scorecard__side--me{border-color:var(--gold-soft);background:#00000038}.scorecard__players{display:flex;align-items:center;gap:var(--space-2);min-width:0}.scorecard__you{flex:none;padding:1px 8px;border-radius:999px;background:var(--gold-soft);color:var(--felt-950);font-size:var(--fs-xs);font-weight:700}.scorecard__score{flex:none;font-family:var(--font-display);font-weight:700;font-size:var(--fs-md)}.scorecard__meta{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--fs-sm)}.scorecard__rating{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2)}.scorecard__rating-label{font-size:var(--fs-sm)}.toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#00000047;border:1px solid var(--line);border-radius:999px;isolation:isolate}.toggle__thumb{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:linear-gradient(180deg,var(--gold) 0%,var(--gold-soft) 100%);box-shadow:0 1px 3px #00000059;transition:transform .22s cubic-bezier(.4,0,.2,1)}.toggle--on .toggle__thumb{transform:translate(100%)}.toggle__opt{position:relative;z-index:1;min-width:0;border:0;border-radius:999px;background:transparent;color:var(--text-dim);transition:color .18s ease}.toggle__opt[aria-pressed=true]{color:var(--felt-950);font-weight:700}.toggle__opt:disabled{opacity:.5;cursor:default}@media(prefers-reduced-motion:reduce){.toggle__thumb{transition:none}}.mm-count{opacity:.85;font-weight:400}.mm-wait{align-items:center;text-align:center}.mm-wait__status{font-size:var(--fs-lg)}.mm-wait__progress{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--gold)}.mm-wait__players{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:320px}.mm-wait__player{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:#00000047;border:1px solid var(--line);border-radius:999px}.seg__opt{min-width:0;border:0;border-radius:999px;background:transparent;color:var(--text-dim);font-weight:600;transition:color .18s ease,background .18s ease}.seg__opt[aria-pressed=true]{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-soft) 100%);color:var(--felt-950);font-weight:700;box-shadow:0 1px 3px #00000059}.prefrow{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.prefrow .seg{min-width:148px}.home-heading{font-size:var(--fs-md);color:var(--gold);letter-spacing:.01em;margin-bottom:calc(-1 * var(--space-2))}.mode-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-3)}.mode-card__head{display:flex;align-items:center;gap:var(--space-3)}.mode-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;background:radial-gradient(circle at 50% 32%,var(--felt-600),var(--felt-800));border:1px solid var(--gold-soft);font-size:22px;line-height:1}.mode-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.mode-card__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:600}.mode-card__desc{font-size:var(--fs-sm)}.mode-card__or{display:flex;align-items:center;gap:var(--space-3);color:var(--text-dim);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em}.mode-card__or:before,.mode-card__or:after{content:"";flex:1;height:1px;background:var(--line)}.mode-card__join{gap:var(--space-2);flex-wrap:nowrap}.mode-card__join input{flex:1;min-width:0}.mode-card__join button{flex:none}.empty-state{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-6) var(--space-4)}.empty-state__art{width:clamp(150px,54vw,230px);height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}.empty-state__title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--cream);margin:0}.empty-state__text{max-width:34ch;margin:calc(var(--space-3) * -1) 0 0;color:var(--text-dim);font-size:var(--fs-sm);line-height:1.5}.empty-state__cta{margin-top:var(--space-2);padding-inline:var(--space-6)}.title-badge{display:inline-block;margin-left:var(--space-1);padding:0 var(--space-1);border-radius:var(--radius-1);border:1px solid var(--line);color:var(--text-dim);font-size:var(--fs-xs);font-weight:600;vertical-align:middle}.profile__title-tag{align-self:center;padding:2px var(--space-3);border:1px solid var(--gold-soft);border-radius:999px;color:var(--gold);font-size:var(--fs-sm);font-weight:700;letter-spacing:.02em}.title-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.title-chip{padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:var(--fs-sm);font-weight:600}.title-chip--active{border-color:var(--gold);color:var(--gold);background:#d4af371f}.ach-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--space-2)}.ach-accordion__title{margin-right:auto}.ach-accordion__count{font-size:var(--fs-sm)}.ach-accordion__grid{padding:0 var(--space-4) var(--space-4)}@media(min-width:440px){.ach-grid{grid-template-columns:1fr 1fr}}.ach{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-2);background:var(--surface);border:1px solid var(--line);border-left-width:3px}.ach__icon{font-size:1.6rem;line-height:1;flex:0 0 auto}.ach__body{display:flex;flex-direction:column;gap:2px;min-width:0}.ach__name{font-weight:700;font-size:var(--fs-sm)}.ach__desc{font-size:var(--fs-xs)}.ach--locked{filter:grayscale(1) brightness(.72)}.ach--locked .ach__name{color:var(--text-dim)}.ach--unlocked.ach--uncommon{border-left-color:#4a90d9}.ach--unlocked.ach--rare{border-left-color:#a970ff}.ach--unlocked.ach--legendary{border-left-color:var(--gold)}.ach__progress{display:flex;align-items:center;gap:var(--space-2);margin-top:4px}.ach__bar{flex:1 1 auto;height:6px;border-radius:999px;background:var(--surface-strong);overflow:hidden}.ach__bar-fill{display:block;height:100%;background:var(--gold-soft)}.ach__progress-num{font-size:var(--fs-xs);flex:0 0 auto}.toast--achievement{border-color:var(--gold)}