:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#253b33;background:#f5f6f2;font-synthesis:none;line-height:1.5;--line: #dfe4da;--muted: #677365;--accent: #285440}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a1b99a;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:650;letter-spacing:-.6px}h2{font-size:20px;font-weight:650;letter-spacing:-.4px}h3{font-size:18px;font-weight:600}.site{max-width:1200px;margin:0 auto;padding:0 32px}.header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:23px;font-weight:700;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;margin-right:10px;background:var(--accent);color:#fff;border-radius:9px;font-size:29px}.brand-dot{color:#9b7853}main{padding:32px 0}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:32px;align-items:start}.games-section,.account-panel{min-width:0}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.game-count{display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:13px;color:var(--muted);background:#e7ece3;border-radius:7px}.game-list{display:grid;gap:12px}.game-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.game-art{display:grid;place-items:center;width:64px;height:64px;border-radius:10px;background:#eee9dd;overflow:hidden}.mini-tiles{display:flex;gap:2px}.mini-tiles i{display:grid;place-items:center;width:17px;height:30px;font-size:17px;font-style:normal;font-weight:700;color:#a86743;background:#fffdf8;border-bottom:2px solid #d4c7ac;border-radius:3px}.mini-tiles i:nth-child(2){color:#48677b}.mini-tiles i:nth-child(3){color:#5e774e}.game-carcassonne .game-art{background:#e6eddc}.game-scythe .game-art{background:#ece3dc}.castle,.mech{font-size:48px;line-height:1;color:#6e805a}.mech{color:#876553}.game-info{display:flex;flex-direction:column;gap:3px;min-width:0}.game-info h3{order:-1;overflow-wrap:anywhere}.game-meta{font-size:13px;color:var(--muted)}.planned{font-size:12px;color:var(--muted);white-space:nowrap}.account-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.account-panel>h2{margin-bottom:20px}.panel-description{font-size:13px;color:var(--muted);margin:-8px 0 20px}.primary,.secondary{display:flex;justify-content:center;align-items:center;width:100%;min-height:44px;padding:10px 14px;border-radius:8px;font-size:15px;font-weight:550}.primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.secondary{border:1px solid var(--line);background:#f4f7f0;color:var(--accent)}form>.primary,form>.secondary{margin-top:16px}.text-button{min-height:44px;padding:10px 8px;border:0;border-radius:6px;background:transparent;color:var(--accent);font-size:14px}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:13px;color:var(--muted)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}label,legend{display:block;margin-bottom:8px;font-size:14px;color:var(--muted)}input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid #cdd6c8;border-radius:8px;color:inherit;background:#fff;font-size:16px}input::placeholder{color:#8a9486}#otp{letter-spacing:.25em}.fine-print{font-size:12px;color:var(--muted);margin-top:18px}.notice{padding:12px 16px;margin-bottom:24px;border:1px solid #d0dec8;border-radius:8px;background:#eaf1e5;font-size:14px;overflow-wrap:anywhere}.sent-to{font-size:13px;color:var(--muted);margin-bottom:16px;overflow-wrap:anywhere}.profile-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.profile-heading>div{min-width:0}.profile-heading h2{overflow-wrap:anywhere}.profile-avatar{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;font-size:30px;background:#f0f4eb;border-radius:12px}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:2px}.profile-email{font-size:13px;color:var(--muted);margin:-6px 0 20px;overflow-wrap:anywhere}fieldset{min-width:0;border:0;margin:20px 0;padding:0}.avatars{display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:8px}.avatar-choice{min-height:44px;padding:4px;border:1px solid transparent;border-radius:8px;background:#f4f6f0;font-size:24px}.avatar-choice.selected{border-color:#7b9771;background:#e1ecd9}.guest-tip{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}.guest-tip .text-button{padding-left:0}@media(hover:hover){.primary:hover:not(:disabled){background:#35674e}.secondary:hover:not(:disabled),.text-button:hover:not(:disabled){background:#eaf0e4}.avatar-choice:hover:not(:disabled){border-color:#a2b299}}@media(max-width:900px){.site{padding:0 24px}.content-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.account-panel{padding:20px}.game-card{grid-template-columns:48px minmax(0,1fr);gap:4px 12px;padding:16px}.game-art{width:48px;height:48px;grid-row:span 2}.mini-tiles i{width:12px;height:25px;font-size:14px}.castle,.mech{font-size:38px}.planned{grid-column:2;font-size:12px}}@media(max-width:680px){.site{padding:0 16px}.header{min-height:68px}main{padding-top:24px}.content-grid{grid-template-columns:minmax(0,1fr);gap:28px}.account-panel{grid-row:1}.game-card{grid-template-columns:48px minmax(0,1fr) auto;gap:12px}.game-art{grid-row:auto}.planned{grid-column:auto}.avatars{grid-template-columns:repeat(4,minmax(44px,1fr))}}@media(max-width:380px){.game-card{grid-template-columns:40px minmax(0,1fr)}.game-art{width:40px;height:44px;grid-row:span 2}.planned{grid-column:2}}.lobby{min-width:0;display:grid;gap:28px}.lobby .notice{margin:0}.lobby .section-heading{margin-bottom:14px}.muted{color:var(--muted);font-size:13px}.connection-status{margin-left:auto;color:var(--muted);font-size:12px}.connection-status.online{color:var(--accent)}.empty-state{padding:18px 0;color:var(--muted);font-size:14px}.room-list{display:grid;gap:12px}.room-card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.room-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:76px;padding:16px 18px;text-align:left;border:0;background:transparent;color:inherit}.room-toggle>span:first-child{display:grid;gap:4px}.room-toggle>span:last-child{font-size:22px}.room-body{padding:0 18px 18px}.people-list{list-style:none;margin:0;padding:0}.people-list li{display:flex;align-items:center;gap:12px;padding:10px 0;min-width:0}.person-avatar{font-size:24px;flex-shrink:0}.person-name{flex:1;min-width:0;overflow-wrap:anywhere;font-size:15px}.person-name small{display:block;color:var(--muted);font-size:12px}.presence-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#c4cbbf}.presence-dot.online{background:#54834c}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}.compact{width:auto;flex-shrink:0;font-size:14px}.room-sharing{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.room-actions{margin-top:16px;display:flex;align-items:center;gap:12px}.muted-button{color:var(--muted)}.danger{color:#974c3d}.copy-field{display:flex;flex-wrap:wrap;gap:6px 8px;width:100%;min-width:0}.copy-field input{flex:1;min-width:100px;font-size:16px}.copy-feedback{width:100%;font-size:12px;color:var(--muted)}.copy-feedback:empty{display:none}.invite-friend,.add-friend{display:flex;align-items:center;gap:8px;margin-top:12px}.add-friend>input{flex:1}.add-friend>button{margin:0}select{font:inherit;font-size:16px;color:inherit;min-height:44px;min-width:0;flex:1;width:100%;padding:8px;background:#fff;border:1px solid var(--line);border-radius:8px}select:focus-visible,summary:focus-visible{outline:3px solid #a1b99a;outline-offset:3px}.invite-banner,.incoming-invite{padding:16px 18px;border:1px solid #cbdcc3;border-radius:10px;background:#edf3e7;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.invite-banner{margin-bottom:24px}.invite-banner>div{min-width:0;overflow-wrap:anywhere}.invite-banner h2{font-size:18px}.incoming-invite{margin-bottom:12px}.player-code{margin-left:auto;position:relative}.player-code summary{color:var(--accent);font-size:14px;cursor:pointer;min-height:44px;display:flex;align-items:center}.player-code .copy-field{position:absolute;right:0;top:44px;z-index:2;width:min(360px,calc(100vw - 64px));background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;box-shadow:0 6px 24px #253b3314}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:900px){.game-card .create-room{grid-column:2;justify-self:start;margin-top:8px}.friends-list li{flex-wrap:wrap}.friends-list .inline-actions{margin-left:auto}}@media(max-width:680px){.game-card .create-room{grid-column:auto;margin-top:0}.content-grid:has(.lobby) .account-panel{grid-row:auto}}@media(max-width:440px){.game-card .create-room{grid-column:2;margin-top:8px}.invite-friend{flex-wrap:wrap}.invite-friend select{flex-basis:100%}}.start-game{display:flex;align-items:center;gap:12px;padding-top:16px}.start-game label{margin:0}.start-game select{max-width:80px;flex:0 1 80px}.open-match{margin-top:16px}body:has(.playing-site){background:radial-gradient(1200px 600px at 15% -10%,#8b5cf633,transparent 60%),radial-gradient(1000px 500px at 100% 0%,#22d3ee24,transparent 55%),linear-gradient(160deg,#0b1120,#1e1b4b 55%,#0f172a);overflow:hidden;overscroll-behavior:none}.playing-site{--line: #ffffff1f;--muted: #9aa3b5;--accent: #8b5cf6;color:#e7e9f0;color-scheme:dark;width:100%;max-width:none;min-height:0;height:100vh;height:100dvh;margin:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;overflow:hidden}.playing-site .header{display:none}.playing-site main{flex:1;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.playing-site .brand-mark{background:linear-gradient(135deg,#7c3aed,#22d3ee)}.playing-site .brand-dot{color:#22d3ee}.playing-site .text-button{color:#c4b5fd}.playing-site .secondary{background:#ffffff0d;border-color:var(--line);color:#e7e9f0}.playing-site .primary{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:#a78bfa66;color:#fff;box-shadow:0 4px 16px #8b5cf626}.playing-site .notice{background:#152837;border-color:#22d3ee66;color:#cffafe}.playing-site button:focus-visible,.playing-site select:focus-visible{outline-color:#22d3ee}.playing-site select{background:#181c32;border-color:var(--line);color:#e7e9f0}.match-heading{grid-area:heading;min-width:0;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:0}.match-heading h1{font-size:19px;letter-spacing:-.5px;white-space:nowrap}.match-heading .connection-status{margin-left:auto}.match-heading .connection-status.online{color:#22d3ee}.match-heading>.text-button{padding-left:0}.match-players{grid-area:players;min-width:0;display:flex;flex-wrap:nowrap;gap:8px;margin:0;overflow-x:auto;overflow-y:hidden}.match-player{flex:1 0 120px;min-width:0;min-height:0;height:44px;padding:4px 10px 4px 6px;display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid var(--line);border-radius:999px}.match-player.you{background:#8b5cf61f}.match-player.current{background:#22d3ee0d;border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee26}.match-player>span{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;font-size:20px;border-radius:50%;background:linear-gradient(135deg,#7c3aed66,#22d3ee33)}.match-player>div{min-width:0;flex:1}.match-player strong{display:block;font-size:13px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-player small{display:block;color:var(--muted);font-size:11px;line-height:14px;font-variant-numeric:tabular-nums}.match-status{grid-area:status;min-width:0;min-height:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;overflow:hidden;font-size:13px}.match-status>strong{color:#a5f3fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-status>.muted{min-width:0;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.rummi-table{grid-area:table;min-width:0;min-height:0;height:auto;max-height:none;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:radial-gradient(800px 400px at 50% 0%,#ffffff0d,transparent 70%),radial-gradient(circle at 30% 80%,#14604a,#0a3a2c 60%,#062b20);border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 0 80px #00000073;padding:14px}.rummi-table>.empty-state{color:#cdeee0;text-align:center;padding:24px 12px}.rummi-groups{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.rummi-group{display:flex;flex-wrap:wrap;max-width:100%;align-items:center;gap:4px;padding:8px;border:1px dashed #ffffff38;border-radius:14px;background:#ffffff0f}.rummi-group.invalid{border-color:#f87171;background:#ef44441a}.rummi-tile{flex:0 0 46px;width:46px;min-height:62px;padding:4px;background:linear-gradient(180deg,#fffdf6,#e9e2d2);border:1px solid #00000014;border-radius:9px;box-shadow:0 3px 8px #00000059,inset 0 1px #fff,inset 0 -2px 3px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;transition:box-shadow .12s}.rummi-tile>.rummi-tile-face{font-size:27px;line-height:1.1;font-weight:850}.rummi-tile small{font-size:10px;line-height:1.2;margin-top:4px}.rummi-tile.color-R{color:#e11d48}.rummi-tile.color-B{color:#2563eb}.rummi-tile.color-K{color:#1f2937}.rummi-tile.color-Y{color:#b45309}.rummi-tile.color-JOKER{color:#7c3aed}.rummi-tile.color-JOKER>.rummi-tile-face{display:grid;place-items:center;min-width:32px;min-height:30px;color:#fff;background:linear-gradient(135deg,#7c3aed,#4c1d95);border-radius:6px;font-size:24px}.rummi-tile:disabled{opacity:1;cursor:default}.rummi-tile.selected{box-shadow:0 0 0 3px #8b5cf6,0 8px 16px #0006}.rummi-add{width:44px;min-height:44px;border:1px solid #a78bfa80;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;font-size:24px;margin-left:2px}.rummi-tools{min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:0;margin:0;overflow-x:auto;overflow-y:hidden}.rummi-hand-heading{min-width:0;display:flex;align-items:center;justify-content:center;margin:0}.rummi-hand-heading h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.rummi-sort{display:flex;gap:2px;white-space:nowrap}.rummi-sort button{min-height:44px;padding:6px;font-size:13px;border:1px solid #ffffff24;border-radius:6px;background:#ffffff08;color:#cbd5e1}.rummi-sort button[aria-pressed=true]{background:#6d28d9;color:#fff;border-color:#a78bfa}.rummi-hand{grid-area:hand;min-width:0;min-height:0;height:80px;max-height:80px;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;padding:7px;border:1px solid var(--line);background:#ffffff0d;border-radius:12px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:thin}.rummi-hand .rummi-tile{flex-basis:44px;width:44px;min-height:60px}.rummi-turn-actions{display:flex;align-items:center;justify-content:flex-end;min-width:0;min-height:0;padding:0;margin:0}.save-hint{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pending-command{position:absolute;z-index:3;left:12px;right:12px;bottom:174px;max-height:40%;overflow:auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px solid #fbbf2466;background:#302b20;padding:10px;border-radius:10px}html:has(.playing-site),body:has(.playing-site),body:has(.playing-site) #root{height:100%;overflow:hidden}.match-screen{position:relative;flex:1;width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-areas:"heading" "players" "status" "board";grid-template-rows:44px 44px 24px minmax(0,1fr);gap:6px;overflow:hidden}.match-screen>.notice{position:absolute;z-index:4;top:50px;left:8px;right:8px;max-height:40%;overflow:auto;margin:0}.match-screen>p[role=status]:not(.save-hint){grid-area:board}.rummi-board{grid-area:board;min-width:0;min-height:0;display:grid;grid-template-areas:"table" "controls" "hint" "hand";--controls-height: 44px;--hint-height: 20px;--rack-height: 80px;grid-template-rows:minmax(0,1fr) var(--controls-height) var(--hint-height) var(--rack-height);gap:6px;overflow:hidden}.rummi-controls{grid-area:controls;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.rummi-tools button{flex-shrink:0;min-height:44px;font-size:14px;padding:8px}.rummi-tools button:has(svg){width:44px;padding:10px;display:grid;place-items:center}.rummi-turn-actions{justify-self:end}.rummi-turn-actions .inline-actions{flex-wrap:nowrap;gap:8px}.rummi-turn-actions button{min-height:44px;padding:8px 12px;white-space:nowrap}.rummi-hint{grid-area:hint;min-width:0;height:20px;line-height:20px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.rummi-hand>:first-child{margin-left:auto}.rummi-hand>:last-child{margin-right:auto}.playing-site .match-heading>.secondary{width:auto;min-height:44px;padding:8px 12px}@media(hover:hover){.playing-site .secondary:hover:not(:disabled),.playing-site .text-button:hover:not(:disabled){background:#ffffff17}.playing-site .primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#b16bfa)}}@media(max-height:700px){.playing-site{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}.match-screen{grid-template-rows:44px 40px 22px minmax(0,1fr);gap:4px}.match-player{height:40px}.rummi-board{--hint-height: 16px;--rack-height: 70px;gap:4px}.rummi-hand{height:70px;max-height:70px;padding:5px 7px}.rummi-hand .rummi-tile{min-height:56px}.rummi-hint{height:16px;line-height:16px}.pending-command{bottom:148px}}@media(max-width:900px){.match-heading{gap:8px}.match-heading .connection-status{display:none}.match-heading>.secondary{margin-left:auto}.match-player{flex-basis:115px}.rummi-board{--controls-height: 92px}.rummi-controls{grid-template-areas:"tools tools tools" ". sort actions";grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:44px 44px;gap:4px}.rummi-tools{grid-area:tools}.rummi-hand-heading{grid-area:sort}.rummi-turn-actions{grid-area:actions}.rummi-tools button{font-size:13px}}@media(max-width:680px){.rummi-controls{grid-template-areas:"sort sort" "tools actions";grid-template-columns:minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){.rummi-tile{transition:none}}.rummi-table .rummi-tile{flex-basis:44px;width:44px;min-height:58px}.rummi-tile{position:relative}.rummi-tile-owner{position:absolute;z-index:1;top:-6px;right:-6px;width:20px;height:20px;display:grid;place-items:center;border:2px solid #0a3a2c;border-radius:50%;box-shadow:0 2px 5px #0006;font-size:12px;line-height:1;font-weight:400;font-style:normal;pointer-events:none}.game-catalog{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));align-items:stretch;gap:16px}.game-catalog .game-card{grid-template-columns:minmax(0,1fr);grid-template-rows:140px auto 44px;align-items:stretch;gap:14px;padding:16px;overflow:hidden;border-radius:18px;background:#f4f0e5}.game-catalog .game-art{grid-row:auto;width:100%;height:140px;border-radius:12px}.game-catalog .game-rummikub{background:linear-gradient(145deg,#211836,#15243a);border-color:#69558a;color:#f1effa}.game-catalog .game-rummikub .game-art{background:radial-gradient(ellipse at top,#17624b,#0a3a2c);box-shadow:inset 0 0 24px #0004;border:1px solid #358165}.game-catalog .mini-tiles{gap:6px;transform:rotate(-7deg)}.game-catalog .mini-tiles i{width:38px;height:58px;font-size:30px;background:linear-gradient(#fffdf5,#e8dfc9);color:#d23a47;border-bottom:4px solid #b7aa8c;border-radius:6px;box-shadow:2px 5px 6px #0004}.game-catalog .mini-tiles i:nth-child(2){color:#2874bc}.game-catalog .mini-tiles i:nth-child(3){color:#27272a}.game-catalog .game-meta{color:inherit;opacity:.7}.game-catalog .game-info h3{font-size:22px}.game-catalog .game-card .create-room{grid-column:1;justify-self:stretch;margin:0;min-height:44px}.game-catalog .game-rummikub .create-room{background:#7541cf;border-color:#9a6be5;color:#fff}.game-catalog .game-rummikub .create-room:hover{background:#8752df}.game-catalog .planned{grid-column:1;align-self:center;color:inherit;opacity:.7}.game-catalog .game-carcassonne{background:#e5ecdb;border-color:#b8c5a1}.game-catalog .game-scythe{background:#ede0d2;border-color:#c7af99}.person-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:10px}.avatar-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-color{min-width:44px;min-height:44px;color:#fff;font-size:22px;border:2px solid transparent}.avatar-color[aria-pressed=true]{border-color:#fff;outline:2px solid #263748;outline-offset:1px}.match-player>span{display:grid;place-items:center;border-radius:8px;width:32px;height:32px;flex-shrink:0}.match-player>span{background-image:none}.avatar-choice.selected{border-color:#fff;outline:2px solid #263748;outline-offset:1px}.local-hub{max-width:960px;margin:0 auto;padding-bottom:24px}.local-new{display:flex;align-items:center;gap:20px;padding:20px;margin:20px 0 28px;border:1px solid #69558a;border-radius:16px;background:linear-gradient(145deg,#211836,#15243a);color:#f1effa}.local-new>div{flex:1}.local-new .muted{color:#c4bdd5}.local-new label{display:flex;align-items:center;gap:10px;margin:0}.local-new select{width:70px;min-height:44px}.local-saves{list-style:none;padding:0;margin:0;display:grid;gap:12px}.local-saves li{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.local-saves small{display:block;margin-top:4px;color:var(--muted)}.import-save{position:relative;overflow:hidden;display:inline-flex;align-items:center;min-height:44px;margin:0;cursor:pointer}.import-save input{position:absolute;inset:0;opacity:0;cursor:pointer}.import-save:focus-within{outline:2px solid #7541cf;outline-offset:2px}@media(max-width:600px){.local-new{flex-wrap:wrap;gap:12px}.local-new>div{flex-basis:100%}.local-new button{margin-left:auto}.local-hub .section-heading{flex-wrap:wrap;gap:10px}}