.widget-page{color:var(--foreground)}.widget-hero{gap:13px;max-width:860px;margin-bottom:28px;display:grid}.widget-hero-badge{border-color:color-mix(in srgb, var(--primary) 34%, transparent);background:color-mix(in srgb, var(--primary) 10%, transparent);width:fit-content;color:color-mix(in srgb, var(--primary) 82%, white)}.widget-hero h1{color:var(--foreground);letter-spacing:0;margin:0;font-size:clamp(34px,5vw,58px);font-weight:950;line-height:1.02}.widget-hero p{max-width:760px;color:var(--muted-foreground);margin:0;font-size:16px;line-height:1.7}.widget-studio{--widget-panel-border:#ffffff1f;--widget-panel-bg:#0e141fb8;grid-template-columns:minmax(310px,390px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.widget-studio-panel,.widget-preview-section,.widget-code-card,.widget-empty-state{border:1px solid var(--widget-panel-border);background:linear-gradient(180deg, #ffffff12, #ffffff06), var(--widget-panel-bg);-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);border-radius:18px;box-shadow:0 22px 70px #00000047,inset 0 1px #ffffff14}.widget-studio-panel{gap:18px;padding:18px;display:grid;position:sticky;top:18px}.widget-studio-panel-title,.widget-control-label,.widget-preview-toolbar,.widget-code-heading,.widget-code-actions{align-items:center;display:flex}.widget-studio-panel-title{color:var(--foreground);border-bottom:1px solid #ffffff14;justify-content:space-between;padding-bottom:14px;font-size:14px;font-weight:900}.widget-studio-panel-title svg,.widget-control-label svg,.widget-code-heading svg{color:var(--widget-live-accent,var(--primary))}.widget-server-control,.widget-range-control,.widget-segment-group,.widget-color-control,.widget-appearance-control{gap:10px;min-width:0;display:grid}.widget-server-control>span,.widget-range-control>span,.widget-control-label,.widget-segment-group>.widget-control-label,.widget-hue-slider>span{color:var(--muted-foreground);font-size:12px;font-weight:850}.widget-server-input-wrap{background:#0307125c;border:1px solid #ffffff1c;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;height:46px;padding:0 12px;display:grid}.widget-server-input-wrap:focus-within{border-color:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 58%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--widget-live-accent,var(--primary)) 18%, transparent)}.widget-server-input-wrap svg{color:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 72%, white)}.widget-server-input-wrap input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;font-size:14px;font-weight:750}.widget-server-input-wrap input::placeholder{color:color-mix(in srgb, var(--muted-foreground) 72%, transparent)}.widget-input-spinner{color:var(--widget-live-accent,var(--primary))}.widget-slider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.widget-range-control{background:#ffffff0b;border:1px solid #ffffff17;border-radius:14px;padding:13px}.widget-range-control>span{justify-content:space-between;gap:10px;display:flex}.widget-range-control strong{color:var(--foreground);font-size:12px}.widget-range-input-row{grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px;display:grid}.widget-range-control input[type=range],.widget-hue-slider input[type=range]{width:100%;height:20px;accent-color:var(--widget-live-accent,var(--primary));cursor:pointer}.widget-range-value-input{min-width:0;height:34px;color:var(--foreground);text-align:right;background:#03071252;border:1px solid #ffffff1c;border-radius:10px;outline:none;padding:0 9px;font-size:12px;font-weight:850}.widget-range-value-input:focus{border-color:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 58%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--widget-live-accent,var(--primary)) 16%, transparent)}.widget-segmented{background:#03071247;border:1px solid #ffffff17;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:5px;display:grid}.widget-segmented button{min-width:0;min-height:36px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:10px;font-size:12px;font-weight:850;transition:background .18s,color .18s,transform .18s,box-shadow .18s}.widget-segmented button:hover,.widget-segmented button.is-active{background:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 24%, #ffffff14);color:#fff}.widget-segmented button.is-active{box-shadow:0 10px 22px color-mix(in srgb, var(--widget-live-accent,var(--primary)) 18%, transparent)}.widget-color-control{background:radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--widget-live-accent,var(--primary)) 20%, transparent), transparent 42%), #ffffff0b;border:1px solid #ffffff17;border-radius:14px;padding:13px}.widget-appearance-control{background:radial-gradient(circle at 85% 10%, color-mix(in srgb, var(--widget-live-accent,var(--primary)) 18%, transparent), transparent 44%), #ffffff0a;border:1px solid #ffffff17;border-radius:14px;padding:13px}.widget-appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.widget-appearance-grid .widget-range-control{background:#03071238;border-radius:12px;padding:11px}.widget-color-grid{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.widget-color-grid input[type=color]{background:0 0;border:1px solid #ffffff29;border-radius:10px;width:42px;height:34px;padding:0;overflow:hidden}.widget-color-swatch{color:#fff;cursor:pointer;border:2px solid #fff3;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;box-shadow:0 9px 20px #0000003d}.widget-color-swatch:hover,.widget-color-swatch.is-active{box-shadow:0 0 0 4px color-mix(in srgb, currentColor 16%, transparent), 0 12px 24px #0000003d;border-color:#fffc;transform:translateY(-1px)}.widget-hue-slider{gap:7px;display:grid}.widget-toggle-row{flex-wrap:wrap;gap:10px;display:flex}.widget-toggle-pill{min-height:38px;color:var(--muted-foreground);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:9px;padding:7px 11px 7px 8px;font-size:12px;font-weight:850;display:inline-flex}.widget-toggle-pill span{background:#94a3b857;border-radius:999px;width:31px;height:18px;position:relative}.widget-toggle-pill span:after{content:"";background:#fff;border-radius:999px;width:12px;height:12px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 3px 8px #00000047}.widget-toggle-pill.is-on{border-color:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 36%, transparent);background:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 14%, transparent);color:var(--foreground)}.widget-toggle-pill.is-on span{background:var(--widget-live-accent,var(--primary))}.widget-toggle-pill.is-on span:after{transform:translate(13px)}.widget-preview-section{min-width:0;padding:18px;overflow:hidden}.widget-preview-toolbar{color:var(--foreground);justify-content:space-between;gap:12px;margin-bottom:16px;font-size:13px;font-weight:900}.widget-preview-toolbar em{color:var(--muted-foreground);align-items:center;gap:7px;font-size:12px;font-style:normal;display:inline-flex}.widget-preview-shell{width:min(100%, var(--widget-preview-width,560px));height:var(--widget-preview-scaled-height,var(--widget-preview-height,300px));max-width:100%;margin:0 auto;overflow:visible}.widget-preview-frame{width:var(--widget-preview-width,560px);height:var(--widget-preview-height,300px);border:1px solid color-mix(in srgb, var(--widget-live-accent,var(--primary)) 22%, #ffffff14);border-radius:var(--widget-live-radius,18px);background:linear-gradient(135deg, color-mix(in srgb, var(--widget-live-accent,var(--primary)) 16%, transparent), #38bdab14), rgba(255, 255, 255, calc(var(--widget-live-glass,.58) * .08));max-width:none;box-shadow:0 var(--widget-live-shadow-y,22px) var(--widget-live-shadow-blur,66px) rgba(0, 0, 0, var(--widget-live-shadow-alpha,.19)), 0 0 0 8px #ffffff06;transform:scale(var(--widget-preview-scale,1));transform-origin:0 0;will-change:transform;overflow:hidden;container:widget-preview/size}.widget-code-card{margin-top:24px;padding:18px}.widget-code-heading{justify-content:space-between;gap:14px;margin-bottom:10px}.widget-code-heading>div{align-items:center;gap:10px;min-width:0;display:flex}.widget-code-heading h2{color:var(--foreground);margin:0;font-size:16px;font-weight:920}.widget-code-card p{color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.65}.widget-code-tabs{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.widget-code-tabs button{color:var(--muted-foreground);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:850}.widget-code-tabs button.is-active{border-color:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 42%, transparent);background:color-mix(in srgb, var(--widget-live-accent,var(--primary)) 18%, transparent);color:var(--foreground)}.widget-code-card pre{background:#0307127a;border:1px solid #ffffff17;border-radius:12px;max-height:150px;margin:14px 0 0;padding:13px;overflow:auto}.widget-code-card code{color:#dbeafe;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.55}.widget-code-actions{justify-content:space-between;gap:12px;margin-top:14px}.widget-empty-state{text-align:center;align-content:center;place-items:center;gap:12px;min-height:280px;padding:38px 24px;display:grid}.widget-empty-state svg{color:var(--widget-live-accent,var(--primary))}.widget-empty-state h2{color:var(--foreground);margin:0;font-size:20px;font-weight:920}.widget-empty-state p{max-width:420px;color:var(--muted-foreground);margin:0;line-height:1.65}.widget-card{--widget-accent:#667eea;border-radius:var(--widget-radius,16px);width:100%;min-width:0;height:100%;min-height:0;box-shadow:0 var(--widget-shadow-y,24px) var(--widget-shadow-blur,64px) rgba(0, 0, 0, var(--widget-shadow-alpha,.28));color:#f8fafc;background:linear-gradient(#ffffff12,#ffffff05),#151b26;border:1px solid #ffffff1c;flex-direction:column;display:flex;overflow:hidden}.widget-theme-light{color:#0f172a;background:linear-gradient(#fffffff5,#f8fafcf0),#fff;border-color:#0f172a1f}.widget-theme-glass{background:linear-gradient(135deg, color-mix(in srgb, var(--widget-accent) 28%, transparent), #ffffff14), rgba(15, 23, 42, var(--widget-glass-alpha,.58));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.widget-map{aspect-ratio:16/9;background:#ffffff08;flex:none;position:relative}.widget-map img{filter:saturate(var(--widget-map-saturation,1.2)) contrast(1.04) brightness(var(--widget-map-brightness,.99))}.widget-map-overlay{background:linear-gradient(to top, rgba(3, 7, 18, var(--widget-map-overlay-alpha,.76)), #0307122e, transparent), radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--widget-accent) 22%, transparent), transparent 46%);position:absolute;inset:0}.widget-theme-light .widget-map-overlay{background:linear-gradient(to top, rgba(255, 255, 255, var(--widget-map-light-overlay-alpha,.67)), #ffffff1f, transparent), radial-gradient(circle at 85% 18%, color-mix(in srgb, var(--widget-accent) 16%, transparent), transparent 46%)}.widget-status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:14px;left:14px}.widget-body{align-content:start;gap:16px;min-width:0;min-height:0;padding:18px;display:grid}.widget-title-group,.widget-meta-grid{min-width:0}.widget-title-group h2{-webkit-line-clamp:2;letter-spacing:0;-webkit-box-orient:vertical;margin:0;font-size:19px;font-weight:900;line-height:1.25;display:-webkit-box;overflow:hidden}.widget-title-group p{color:color-mix(in srgb, currentColor 64%, transparent);font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 0;font-size:12px;overflow:hidden}.widget-meta-grid{color:color-mix(in srgb, currentColor 72%, transparent);gap:10px;font-size:13px;display:grid}.widget-meta-grid p{align-items:center;gap:8px;min-width:0;margin:0;display:flex}.widget-meta-grid svg{color:var(--widget-accent);flex:none}.widget-meta-grid span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widget-connect-btn{white-space:normal;background:var(--widget-accent);color:#fff;text-align:center;width:100%;min-width:0;line-height:1.15}.widget-connect-btn svg{flex:none}.widget-action-row{transform:translate(var(--widget-action-offset-x,0), var(--widget-action-offset-y,0));flex-wrap:wrap;gap:8px;display:flex}.widget-action-row>*{flex:150px}.widget-auto-join-btn{color:#fbbf24;cursor:pointer;background:#f59e0b29;border:1px solid #f59e0b7a;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:800;display:inline-flex}.widget-auto-join-btn:hover,.widget-auto-join-btn.is-active{color:#fde68a;background:#f59e0b42}.widget-icon-action{border-color:color-mix(in srgb, var(--widget-accent) 34%, transparent);background:color-mix(in srgb, var(--widget-accent) 10%, transparent);min-height:40px;color:color-mix(in srgb, var(--widget-accent) 78%, #fff);justify-content:center;gap:8px;font-weight:800}.widget-icon-action:hover{background:color-mix(in srgb, var(--widget-accent) 18%, transparent)}.widget-card:not(.widget-card-server-card).widget-actions-right-vertical .widget-body,.widget-card:not(.widget-card-server-card).widget-actions-left-vertical .widget-body{grid-template-columns:minmax(0,1fr) minmax(104px,max-content);align-items:start}.widget-card:not(.widget-card-server-card).widget-actions-left-vertical .widget-body{grid-template-columns:minmax(104px,max-content) minmax(0,1fr)}.widget-card:not(.widget-card-server-card).widget-actions-right-vertical .widget-action-row,.widget-card:not(.widget-card-server-card).widget-actions-left-vertical .widget-action-row{flex-flow:column;grid-row:1/span 2;width:min(168px,100%)}.widget-card:not(.widget-card-server-card).widget-actions-right-vertical .widget-action-row{grid-column:2;justify-self:end}.widget-card:not(.widget-card-server-card).widget-actions-left-vertical .widget-title-group,.widget-card:not(.widget-card-server-card).widget-actions-left-vertical .widget-meta-grid{grid-column:2}.widget-card:not(.widget-card-server-card).widget-actions-left-vertical .widget-action-row{grid-column:1;justify-self:start}.widget-card:not(.widget-card-server-card).widget-actions-top-horizontal .widget-action-row{order:-1}.widget-card:not(.widget-card-server-card).widget-actions-bottom-horizontal .widget-action-row,.widget-card:not(.widget-card-server-card).widget-actions-top-horizontal .widget-action-row{grid-column:1/-1}.widget-card:not(.widget-card-server-card).widget-actions-right-vertical .widget-action-row>*,.widget-card:not(.widget-card-server-card).widget-actions-left-vertical .widget-action-row>*{flex:none;width:100%}.widget-card-card .widget-map{aspect-ratio:auto;flex-basis:clamp(126px,45cqh,220px);min-height:0}.widget-card-card .widget-body{flex:auto;overflow:hidden}.widget-card-compact{grid-template-columns:minmax(112px,.42fr) minmax(0,1fr);display:grid}.widget-card-compact .widget-map{aspect-ratio:auto;min-height:100%}.widget-card-compact .widget-body{gap:12px;padding:15px}.widget-card-compact .widget-title-group h2{font-size:16px}.widget-card-compact .widget-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.widget-card-banner{grid-template-columns:minmax(132px,36%) minmax(0,1fr);min-height:0;display:grid}.widget-card-banner .widget-map{aspect-ratio:auto;min-height:100%}.widget-card-banner .widget-body{grid-template-columns:minmax(0,1fr) minmax(108px,156px);align-content:center;gap:12px 16px;overflow:hidden}.widget-card-banner .widget-title-group,.widget-card-banner .widget-meta-grid{grid-column:1}.widget-card-banner .widget-connect-btn{grid-area:1/2/span 2;place-self:center end;width:100%;max-width:156px;padding-inline:10px}.widget-card-banner.widget-actions-right-vertical .widget-action-row{grid-area:1/2/span 2;place-self:center end;width:100%;max-width:176px}.widget-card-banner .widget-action-row .widget-connect-btn{grid-area:auto;place-self:auto;max-width:none}.widget-card-banner.widget-actions-left-vertical .widget-title-group,.widget-card-banner.widget-actions-left-vertical .widget-meta-grid{grid-column:2}.widget-card-banner.widget-actions-left-vertical .widget-action-row{grid-row:1/span 2;align-self:center}.widget-card-banner.widget-actions-top-horizontal .widget-title-group,.widget-card-banner.widget-actions-top-horizontal .widget-meta-grid,.widget-card-banner.widget-actions-bottom-horizontal .widget-title-group,.widget-card-banner.widget-actions-bottom-horizontal .widget-meta-grid{grid-column:1/-1}.widget-card-server-card{min-height:0;box-shadow:0 var(--widget-shadow-y,24px) var(--widget-shadow-blur,64px) rgba(0, 0, 0, var(--widget-shadow-alpha,.28));color:#f5f8fc;background:linear-gradient(#ffffff12,#ffffff07),#171d29;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;display:flex}.widget-card-server-card.widget-theme-light{color:#102033;background:linear-gradient(#fffffff0,#f7fbffe6);border-color:#6f8fb93d}.widget-card-server-card.widget-theme-glass{background:linear-gradient(135deg, color-mix(in srgb, var(--widget-accent) 24%, transparent), #ffffff12), rgba(15, 23, 42, var(--widget-glass-alpha,.58));-webkit-backdrop-filter:blur(16px)saturate(1.12);backdrop-filter:blur(16px)saturate(1.12)}.widget-card-server-card .server-image{background:linear-gradient(135deg,#7487ff,#38bdab);flex:0 0 clamp(132px,46cqh,180px);width:100%;height:auto;min-height:0;position:relative}.widget-card-server-card.widget-no-map .server-info{padding-top:18px}.widget-card-server-card .server-map-image{object-fit:cover;filter:saturate(var(--widget-map-saturation,1.2)) contrast(1.04) brightness(var(--widget-map-brightness,.99))}.widget-card-server-card .server-badge{z-index:2;color:#fff;background:#000000b3;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:10px;left:10px}.widget-card-server-card .server-actions{z-index:10;transform:translate(var(--widget-action-offset-x,0), var(--widget-action-offset-y,0));gap:8px;display:flex;position:absolute}.widget-card-server-card.widget-actions-right-vertical .server-actions:not(.server-actions-bottom){flex-direction:column;align-items:flex-end;top:10px;right:10px}.widget-card-server-card.widget-actions-left-vertical .server-actions:not(.server-actions-bottom){flex-direction:column;align-items:flex-start;top:54px;left:10px}.widget-card-server-card.widget-actions-top-horizontal .server-actions:not(.server-actions-bottom){flex-flow:wrap;justify-content:flex-end;top:10px;left:10px;right:10px}.widget-card-server-card .server-actions.server-actions-bottom{z-index:auto;flex-flow:wrap;justify-content:center;padding:0 16px 14px;position:static}.widget-card-server-card .action-btn{color:#667eea;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.widget-card-server-card.widget-theme-light .action-btn{background:#ffffffe6}.widget-card-server-card .action-btn:hover{background:#ffffff40;transform:scale(1.1)}.widget-card-server-card.widget-theme-light .action-btn:hover{background:#fff}.widget-card-server-card .action-btn svg{stroke-width:2px;width:20px;height:20px}.widget-card-server-card .action-auto,.widget-card-server-card .action-btn.auto-join-btn{color:#fff}.widget-card-server-card.widget-theme-light .action-auto,.widget-card-server-card.widget-theme-light .action-btn.auto-join-btn{color:#fff;background:#ff9800e6}.widget-card-server-card.widget-theme-light .action-auto:hover,.widget-card-server-card.widget-theme-light .action-btn.auto-join-btn:hover{background:#ff9800}.widget-card-server-card .server-info{flex:auto;gap:10px;min-width:0;min-height:0;padding:16px;display:grid;overflow:hidden}.widget-card-server-card .server-name{-webkit-line-clamp:2;color:#5b6ef7;-webkit-box-orient:vertical;min-height:44px;margin:0;font-size:16px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.widget-card-server-card .server-name span{margin-right:6px}.widget-card-server-card .server-map{min-width:0;color:color-mix(in srgb, currentColor 74%, transparent);align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.widget-card-server-card .server-map span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widget-card-server-card .player-count{gap:8px;display:grid}.widget-card-server-card .player-count-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.widget-card-server-card .players{color:#22c55e;font-size:24px;font-weight:900}.widget-card-server-card .max-players,.widget-card-server-card .bot-count,.widget-card-server-card .server-comments{color:color-mix(in srgb, currentColor 62%, transparent);font-size:12px;font-weight:750}.widget-card-server-card .player-progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;overflow:hidden}.widget-card-server-card.widget-theme-light .player-progress-bar{background:#2563eb1f}.widget-card-server-card .player-progress-fill{border-radius:4px;height:100%;transition:width .3s}.widget-card-server-card .progress-green{background:linear-gradient(90deg,#22c55e,#16a34a)}.widget-card-server-card .progress-yellow{background:linear-gradient(90deg,#f59e0b,#f97316)}.widget-card-server-card .progress-red{background:linear-gradient(90deg,#ef4444,#dc2626)}.widget-card-server-card .server-address{color:color-mix(in srgb, currentColor 72%, transparent);font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0e;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;overflow:hidden}.widget-card-server-card.widget-theme-light .server-address{background:#2563eb13}.widget-card-server-card .server-comments{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.widget-no-map.widget-card-compact,.widget-no-map.widget-card-banner,.widget-no-map.widget-card-server-card{display:flex}.widget-embed-root{width:var(--widget-preview-width,560px);height:var(--widget-preview-height,300px);max-width:100%;min-height:0;margin:0;padding:0;overflow:hidden;container:widget-preview/size}.widget-embed-root .widget-card{width:100%;height:100%;min-height:0}@container widget-preview (max-width:420px){.widget-card-compact,.widget-card-banner{flex-direction:column;display:flex}.widget-card-compact .widget-map,.widget-card-banner .widget-map{aspect-ratio:auto;flex:0 0 clamp(108px,42cqw,150px);min-height:120px}.widget-card-compact .widget-meta-grid,.widget-card-banner .widget-meta-grid{grid-template-columns:1fr}.widget-card-banner .widget-body{grid-template-columns:1fr;align-content:start;display:grid}.widget-card-banner .widget-connect-btn{grid-area:auto;width:100%;max-width:none}}@container widget-preview (max-height:340px){.widget-card-card .widget-map{flex-basis:clamp(126px,45cqh,150px)}.widget-card-card .widget-body{gap:8px;padding:12px 14px 14px}.widget-card-card .widget-title-group h2{-webkit-line-clamp:1;font-size:17px;line-height:1.22}.widget-card-card .widget-title-group p{margin-top:4px;font-size:11px}.widget-card-card .widget-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;font-size:12px}.widget-card-card .widget-connect-btn{width:fit-content;max-width:100%;min-height:32px;padding-inline:14px}.widget-card-server-card .server-image{flex-basis:clamp(132px,46cqh,150px);height:auto}.widget-card-server-card .server-badge{border-radius:10px;padding:3px 9px;font-size:11px;top:8px;left:8px}.widget-card-server-card .server-actions{gap:5px}.widget-card-server-card.widget-actions-right-vertical .server-actions:not(.server-actions-bottom){top:8px;right:8px}.widget-card-server-card.widget-actions-left-vertical .server-actions:not(.server-actions-bottom){top:44px;left:8px}.widget-card-server-card.widget-actions-top-horizontal .server-actions:not(.server-actions-bottom){top:8px;left:8px;right:8px}.widget-card-server-card .server-actions.server-actions-bottom{padding:0 12px 10px}.widget-card-server-card .action-btn{width:32px;height:32px}.widget-card-server-card .action-btn svg{width:17px;height:17px}.widget-card-server-card .server-info{gap:6px;padding:10px 12px 12px}.widget-card-server-card .server-name{min-height:0;font-size:14px;line-height:1.22}.widget-card-server-card .server-map{gap:5px;font-size:12px}.widget-card-server-card .player-count{gap:5px}.widget-card-server-card .player-count-header{gap:7px}.widget-card-server-card .players{font-size:20px}.widget-card-server-card .max-players,.widget-card-server-card .bot-count,.widget-card-server-card .server-comments{font-size:11px}.widget-card-server-card .player-progress-bar{height:7px}.widget-card-server-card .server-address{border-radius:7px;padding:5px 8px;font-size:11px}}.legacy-user-profile .favorite-profile-header{margin-bottom:20px}.legacy-user-profile .favorite-section-title{flex-wrap:wrap;align-items:flex-start}.legacy-user-profile .favorite-toolbar{flex:520px;justify-items:stretch;gap:14px;width:100%;min-width:min(100%,620px);display:grid}.legacy-user-profile .favorite-toolbar-actions,.legacy-user-profile .favorite-pagination-controls,.legacy-user-profile .favorite-pagination-buttons{align-items:center;display:flex}.legacy-user-profile .favorite-toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px}.legacy-user-profile .favorite-toolbar-actions button{border-radius:8px;min-height:38px;font-weight:820}.legacy-user-profile .favorite-sort-hint{max-width:260px;color:var(--muted-foreground);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:760;overflow:hidden}.legacy-user-profile .favorite-sort-save-btn{display:none}.legacy-user-profile .favorite-sort-save-btn.is-visible{display:inline-flex}.legacy-user-profile .favorite-sort-mode-toggle.is-active{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border-color:#0000;box-shadow:0 2px 8px #4caf5047}.legacy-user-profile .favorite-refresh-countdown-section{background:linear-gradient(135deg,#f8fafc14,#94a3b80a),#0f172a57;border:1px solid #ffffff18;border-radius:10px;padding:15px 20px}.legacy-user-profile .favorite-refresh-countdown-header{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:14px;font-weight:760;display:flex}.legacy-user-profile .favorite-refresh-countdown-header strong{color:#8ea0ff;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:13px;font-weight:900}.legacy-user-profile .favorite-refresh-progress-bar-container{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.legacy-user-profile .favorite-refresh-progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width 1s linear;display:block}.legacy-user-profile .favorite-pagination-controls{color:var(--muted-foreground);border-bottom:1px solid #ffffff18;justify-content:space-between;gap:14px;padding:15px 0}.legacy-user-profile .favorite-pagination-info{font-size:14px;font-weight:760}.legacy-user-profile .favorite-pagination-buttons{gap:10px}.legacy-user-profile .favorite-pagination-btn{min-height:36px;color:var(--muted-foreground);background:#ffffff0e;border:2px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:820;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.legacy-user-profile .favorite-pagination-btn:not(:disabled):hover,.legacy-user-profile .favorite-pagination-bottom a:hover{color:var(--foreground);background:#667eea29;border-color:#667eea7a;transform:translateY(-1px)}.legacy-user-profile .favorite-pagination-bottom{color:var(--muted-foreground);border-top:1px solid #ffffff18;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding-top:18px;font-size:13px;font-weight:780;display:flex}.legacy-user-profile .favorite-pagination-bottom a,.legacy-user-profile .favorite-pagination-bottom span{min-height:36px;color:var(--foreground);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.legacy-user-profile .favorite-pagination-bottom span{min-width:138px;color:var(--muted-foreground)}.legacy-user-profile .favorite-pagination-bottom .is-disabled,.legacy-user-profile .favorite-pagination-btn:disabled{opacity:.52;cursor:not-allowed}.legacy-user-profile .favorites-section.sort-mode-active .favorite-server-card{cursor:grab;border-color:#667eea75;box-shadow:0 0 0 1px #667eea2e,0 16px 38px #0000003d}.legacy-user-profile .favorites-section.sort-mode-active .favorite-server-card:active{cursor:grabbing}.legacy-user-profile .favorites-section.sort-mode-active .favorite-card-link{pointer-events:none}.legacy-user-profile .favorite-server-card.dragging{opacity:.58;transform:scale(.985)}.legacy-user-profile .favorite-server-card.drag-over{border-color:#38bdabb8;box-shadow:0 0 0 2px #38bdab33,0 18px 44px #38bdab1f,0 16px 38px #0000003d}.legacy-user-profile .profile-mutation-status{color:var(--foreground);background:#667eea1a;border:1px solid #667eea38;border-radius:10px;margin:18px 0;padding:12px 14px;font-size:14px;font-weight:750}.legacy-user-profile .favorite-manage-layout{grid-template-columns:minmax(280px,.36fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.legacy-user-profile .favorite-manage-layout>.favorite-list-panel:only-child{grid-column:1/-1}.legacy-user-profile .favorite-add-panel,.legacy-user-profile .favorite-list-panel{background:#ffffff09;border:1px solid #ffffff18;border-radius:10px;min-width:0;padding:16px}.legacy-user-profile .favorite-add-panel{position:sticky;top:88px}.legacy-user-profile .favorite-add-heading,.legacy-user-profile .favorite-list-heading{align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.legacy-user-profile .favorite-add-heading svg,.legacy-user-profile .favorite-list-heading svg{color:#667eea;flex:none}.legacy-user-profile .favorite-add-heading h2,.legacy-user-profile .favorite-list-heading h2{color:var(--foreground);margin:0;font-size:17px;font-weight:900}.legacy-user-profile .favorite-add-heading p{color:var(--muted-foreground);margin:5px 0 0;font-size:13px;line-height:1.55}.legacy-user-profile .favorite-form-grid{gap:12px;display:grid}.legacy-user-profile .favorite-form-grid label{color:var(--muted-foreground);gap:7px;font-size:13px;font-weight:800;display:grid}.legacy-user-profile .favorite-form-grid input,.legacy-user-profile .favorite-form-grid textarea,.legacy-user-profile .favorite-sort-order-floating input{width:100%;color:var(--foreground);background:#03071242;border:1px solid #ffffff1f;border-radius:8px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.legacy-user-profile .favorite-form-grid input,.legacy-user-profile .favorite-sort-order-floating input{height:40px;padding:0 12px}.legacy-user-profile .favorite-form-grid textarea{resize:vertical;min-height:88px;padding:10px 12px}.legacy-user-profile .favorite-form-grid input:focus,.legacy-user-profile .favorite-form-grid textarea:focus,.legacy-user-profile .favorite-sort-order-floating input:focus{border-color:#667eea94;box-shadow:0 0 0 3px #667eea29}.legacy-user-profile .favorite-save-btn{width:100%;margin-top:14px}.favorite-add-dialog{background:linear-gradient(#ffffff14,#ffffff08),#171d29;border-radius:12px;width:min(100vw - 32px,470px)}.favorite-add-dialog .dialog-title{color:var(--foreground);font-size:18px;font-weight:900}.favorite-add-dialog-form{gap:14px;display:grid}.favorite-add-dialog-form label{color:var(--muted-foreground);gap:8px;font-size:13px;font-weight:820;display:grid}.favorite-add-dialog-form input{width:100%;height:44px;color:var(--foreground);background:#03071247;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:0 12px;font-size:14px;font-weight:760}.favorite-add-dialog-form input:focus{border-color:#667eea7a;box-shadow:0 0 0 3px #667eea29}.favorite-add-dialog-hint{color:var(--muted-foreground);margin:-2px 0 0;font-size:12px;line-height:1.55}.favorite-add-dialog-hint a{color:#8ea0ff;text-decoration:none}.favorite-add-dialog-hint a:hover{text-decoration:underline}.favorite-add-dialog-error{color:#fecaca;background:#ef44441a;border:1px solid #ef44443d;border-radius:8px;padding:10px 11px;font-size:13px;font-weight:760}.favorite-add-dialog-footer{margin-top:2px}.legacy-user-profile .favorites-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;display:grid}.legacy-user-profile .favorite-server-card{background:linear-gradient(#ffffff0e,#ffffff05),#0f172a8f;border:1px solid #ffffff1b;border-radius:10px;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:0 12px 30px #0000002e}.legacy-user-profile .favorite-server-card:hover{border-color:#667eea57;transform:translateY(-1px);box-shadow:0 16px 38px #0000003d}.legacy-user-profile .favorite-server-card.is-offline{opacity:.78}.legacy-user-profile .favorite-card-link{z-index:1;position:absolute;inset:0}.legacy-user-profile .favorite-drag-handle{z-index:6;color:#fff;cursor:grab;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac7;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:absolute;top:10px;left:10px;box-shadow:0 8px 22px #00000042}.legacy-user-profile .favorites-section.sort-mode-active .favorite-drag-handle{display:inline-flex}.legacy-user-profile .favorite-drag-handle:active{cursor:grabbing}.legacy-user-profile .favorite-sort-order-floating{z-index:6;color:#fff;text-align:center;text-shadow:0 1px 3px #00000052;gap:4px;width:74px;font-size:10px;font-weight:850;display:none;position:absolute;top:54px;left:10px}.legacy-user-profile .favorites-section.sort-mode-active .favorite-sort-order-floating{display:grid}.legacy-user-profile .favorite-sort-order-floating input{color:#1f2937;text-align:center;background:#fffffff2;border:2px solid #667eea80;border-radius:6px;outline:none;width:70px;height:34px;padding:0 8px;font-size:14px;font-weight:850;transition:border-color .18s,box-shadow .18s;box-shadow:0 2px 8px #0003}.legacy-user-profile .favorite-sort-order-floating input:focus{border-color:#667eea;box-shadow:0 2px 12px #667eea66}.legacy-user-profile .favorite-server-image{background:linear-gradient(135deg,#2c3850,#111827);height:148px;position:relative;overflow:hidden}.legacy-user-profile .favorite-server-image .server-map-image{object-fit:cover;transition:transform .25s}.legacy-user-profile .favorite-server-card:hover .server-map-image{transform:scale(1.035)}.legacy-user-profile .favorite-offline-placeholder{color:#ffffffbd;place-items:center;height:100%;font-weight:850;display:grid}.legacy-user-profile .favorite-server-image .server-badge{z-index:3;color:#fff;background:#000000ad;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.legacy-user-profile .favorites-section.sort-mode-active .favorite-server-image .server-badge{left:56px}.legacy-user-profile .favorite-card-actions{z-index:4;flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;right:10px}.legacy-user-profile .favorite-card-actions .action-btn{color:#667eea;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .18s,background .18s;display:inline-flex;box-shadow:0 2px 8px #00000038}.legacy-user-profile .favorite-card-actions .action-btn:hover{background:#ffffff40;transform:scale(1.08)}.legacy-user-profile .favorite-card-actions .auto-join-btn{color:#fff}.legacy-user-profile .favorite-card-actions .action-remove{color:#fff;background:#ef4444e0}.legacy-user-profile .favorite-server-info{z-index:2;gap:10px;padding:15px;display:grid;position:relative}.legacy-user-profile .favorite-server-title-row{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.legacy-user-profile .favorite-server-title-row h3{-webkit-line-clamp:2;color:#8a9aff;-webkit-box-orient:vertical;min-width:0;margin:0;font-size:15px;font-weight:850;line-height:1.35;display:-webkit-box;overflow:hidden}.legacy-user-profile .favorite-server-title-prefix{vertical-align:-3px;align-items:center;gap:4px;margin-right:6px;display:inline-flex}.legacy-user-profile .favorite-server-flag{object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff2e}.legacy-user-profile .favorite-server-game-icon{object-fit:cover;border-radius:3px}.legacy-user-profile .favorite-server-globe{justify-content:center;width:20px;font-size:14px;line-height:1;display:inline-flex}.legacy-user-profile .favorite-server-name-text{min-width:0}.legacy-user-profile .favorite-status{border-radius:999px;flex:none;padding:4px 8px;font-size:11px;font-weight:850}.legacy-user-profile .favorite-status.is-online{color:#7fe3a6;background:#22c55e24}.legacy-user-profile .favorite-status.is-offline{color:#fca5a5;background:#ef444421}.legacy-user-profile .favorite-server-map,.legacy-user-profile .favorite-server-address,.legacy-user-profile .favorite-notes,.legacy-user-profile .favorite-server-updated-at,.legacy-user-profile .favorite-offline-text{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.legacy-user-profile .favorite-server-address{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;background:#ffffff0e;border-radius:8px;padding:8px 10px}.legacy-user-profile .favorite-server-updated-at{color:#cbd5e1d1;font-size:12px;font-weight:760}.legacy-user-profile .favorite-server-updated-at span{color:#ffffffe6}.legacy-user-profile .favorite-server-card .player-count{gap:8px;display:grid}.legacy-user-profile .favorite-server-card .player-count-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.legacy-user-profile .favorite-server-card .players{color:#22c55e;font-size:24px;font-weight:900}.legacy-user-profile .favorite-server-card .max-players,.legacy-user-profile .favorite-server-card .bot-count{color:var(--muted-foreground);font-size:12px;font-weight:750}.legacy-user-profile .favorite-server-card .player-progress-bar{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.legacy-user-profile .favorite-server-card .player-progress-fill{border-radius:inherit;height:100%}.legacy-user-profile .favorite-server-card .progress-green{background:linear-gradient(90deg,#22c55e,#16a34a)}.legacy-user-profile .favorite-server-card .progress-yellow{background:linear-gradient(90deg,#f59e0b,#f97316)}.legacy-user-profile .favorite-server-card .progress-red{background:linear-gradient(90deg,#ef4444,#dc2626)}.legacy-user-profile .favorite-sort-row{display:none}.legacy-user-profile .favorite-sort-row label{color:var(--muted-foreground);gap:6px;font-size:12px;font-weight:800;display:grid}.legacy-user-profile .user-settings-section,.legacy-user-profile .join-history-section,.legacy-user-profile .user-servers-section{gap:18px;display:grid}.legacy-user-profile .user-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.legacy-user-profile .user-setting-card,.legacy-user-profile .settings-item,.legacy-user-profile .user-server-card{background:#ffffff0a;border:1px solid #ffffff18;border-radius:10px;min-width:0;padding:16px}.legacy-user-profile .user-setting-card{align-content:start;gap:10px;display:grid}.legacy-user-profile .user-setting-icon{color:#8a9aff;background:#667eea24;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.legacy-user-profile .user-setting-card h2{color:var(--foreground);margin:0;font-size:16px;font-weight:900}.legacy-user-profile .user-setting-card p{color:var(--muted-foreground);margin:0;font-size:13px;line-height:1.65}.legacy-user-profile .user-setting-extra{min-width:0;margin-top:4px}.legacy-user-profile .user-setting-extra code{color:#bfdbfe;font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;text-overflow:ellipsis;white-space:nowrap;background:#03071247;border:1px solid #ffffff18;border-radius:8px;padding:10px 11px;font-size:12px;display:block;overflow:hidden}.legacy-user-profile .user-setting-action{white-space:normal;width:100%}.legacy-user-profile .settings-item{justify-content:space-between;align-items:center;gap:18px;display:flex}.legacy-user-profile .settings-item-content{min-width:0}.legacy-user-profile .settings-item-label{color:var(--foreground);font-size:15px;font-weight:900}.legacy-user-profile .settings-item-desc{color:var(--muted-foreground);margin-top:5px;font-size:13px;line-height:1.6}.legacy-user-profile .ios-toggle{cursor:pointer;flex:none;align-items:center;width:54px;height:30px;display:inline-flex;position:relative}.legacy-user-profile .ios-toggle input{opacity:0;pointer-events:none;position:absolute}.legacy-user-profile .ios-toggle-slider{background:#03071257;border:1px solid #ffffff1f;border-radius:999px;transition:background .2s,border-color .2s,box-shadow .2s;position:absolute;inset:0}.legacy-user-profile .ios-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 3px 9px #00000047}.legacy-user-profile .ios-toggle input:checked+.ios-toggle-slider{background:linear-gradient(135deg,#667eea,#38bdab);border-color:#667eea80;box-shadow:0 8px 20px #667eea38}.legacy-user-profile .ios-toggle input:checked+.ios-toggle-slider:before{transform:translate(24px)}.legacy-user-profile .join-history-table-wrap{border:1px solid #ffffff18;border-radius:10px;overflow:auto}.legacy-user-profile .join-history-table{border-collapse:collapse;width:100%;min-width:720px}.legacy-user-profile .join-history-table th,.legacy-user-profile .join-history-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff13;padding:13px 15px}.legacy-user-profile .join-history-table th{color:var(--foreground);background:#ffffff0b;font-size:12px;font-weight:900}.legacy-user-profile .join-history-table tbody tr{transition:background .18s}.legacy-user-profile .join-history-table tbody tr:hover{background:#667eea0f}.legacy-user-profile .join-history-table tbody tr:last-child td{border-bottom:0}.legacy-user-profile .join-action-type{white-space:nowrap;border-radius:6px;align-items:center;padding:5px 9px;font-size:12px;font-weight:850;display:inline-flex}.legacy-user-profile .join-action-type.join{color:#93c5fd;background:#3b82f626}.legacy-user-profile .join-action-type.auto{color:#fbbf24;background:#f59e0b29}.legacy-user-profile .join-history-server-link{color:#8a9aff;text-overflow:ellipsis;white-space:nowrap;max-width:520px;font-weight:850;text-decoration:none;display:block;overflow:hidden}.legacy-user-profile .join-history-server-link:hover{text-decoration:underline}.legacy-user-profile .join-history-server-address{color:var(--muted-foreground);font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;margin-top:4px;font-size:12px;display:block}.legacy-user-profile .join-history-time{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.legacy-user-profile .join-history-time svg{color:#667eea}.legacy-user-profile .join-history-pagination{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding-top:16px;display:flex}.legacy-user-profile .join-history-pagination a,.legacy-user-profile .join-history-pagination span{min-height:38px;color:var(--foreground);background:#ffffff0b;border:1px solid #667eea57;border-radius:8px;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:850;text-decoration:none;display:inline-flex}.legacy-user-profile .join-history-pagination a:hover{background:#667eea24}.legacy-user-profile .join-history-pagination .is-disabled{cursor:not-allowed;opacity:.5}.legacy-user-profile .user-server-layout{grid-template-columns:minmax(280px,.36fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.legacy-user-profile .user-server-add-panel{position:sticky;top:88px}.legacy-user-profile .user-server-list{gap:14px;display:grid}.legacy-user-profile .user-server-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;transition:border-color .18s,background .18s,transform .18s;display:grid}.legacy-user-profile .user-server-card:hover{background:#667eea12;border-color:#667eea57;transform:translateY(-1px)}.legacy-user-profile .user-server-card-main{gap:10px;min-width:0;display:grid}.legacy-user-profile .user-server-meta{flex-wrap:wrap;gap:8px;display:flex}.legacy-user-profile .user-server-meta span{color:var(--muted-foreground);background:#ffffff0e;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:820;display:inline-flex}.legacy-user-profile .user-server-meta svg{color:#667eea}.legacy-user-profile .user-server-card .player-progress-bar{background:#ffffff1a;border-radius:999px;height:8px;overflow:hidden}.legacy-user-profile .user-server-card .player-progress-fill{border-radius:inherit;height:100%}.legacy-user-profile .user-server-last-response{color:var(--muted-foreground);margin:0;font-size:12px}.legacy-user-profile .user-server-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.legacy-user-profile .user-server-actions form{display:contents}@media (max-width:980px){.legacy-user-profile .user-settings-grid,.legacy-user-profile .user-server-layout{grid-template-columns:1fr}.legacy-user-profile .user-server-add-panel{position:static}}@media (max-width:640px){.legacy-user-profile .settings-item,.legacy-user-profile .user-server-card{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.legacy-user-profile .settings-item{display:flex}.legacy-user-profile .ios-toggle{align-self:flex-start}.legacy-user-profile .join-history-pagination,.legacy-user-profile .user-server-actions{flex-direction:column;align-items:stretch}.legacy-user-profile .join-history-pagination a,.legacy-user-profile .join-history-pagination span,.legacy-user-profile .user-server-actions a,.legacy-user-profile .user-server-actions button{width:100%}.legacy-user-profile .user-server-meta{grid-template-columns:1fr;display:grid}}