.sx-pitch{--k:1;height:calc(560px * var(--k));margin:8px 0 calc(28px * var(--k));position:relative}.sx-formation{left:50%;top:calc(74px * var(--k));z-index:1;background:var(--surface);border:1px solid var(--edge-strong);height:48px;color:var(--text);cursor:pointer;font:800 24px var(--display);white-space:nowrap;align-items:center;gap:12px;padding:0 18px;display:flex;position:absolute;transform:translate(-50%)}.sx-formation:hover,.sx-formation[aria-expanded=true]{border-color:var(--text)}.sx-glow{left:50%;top:calc(130px * var(--k));width:calc(1000px * var(--k));height:calc(130px * var(--k));background:radial-gradient(#96be9621,#96be9600 70%);position:absolute;transform:translate(-50%)}.sx-floor-shadow{left:50%;bottom:calc(8px * var(--k));width:calc(1240px * var(--k));height:calc(70px * var(--k));filter:blur(26px);background:#000c;border-radius:50%;position:absolute;transform:translate(-50%)}.sx-scene{left:50%;bottom:calc(52px * var(--k));perspective:1500px;perspective-origin:50% 100%;width:1160px;height:760px;transform:scale(var(--k));transform-origin:50% 100%;pointer-events:none;margin-left:-580px;position:absolute}.sx-plane{transform-style:preserve-3d;transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#418f3a 0 61.1px,#357e2f 61.1px 122.2px) 30px 0;position:absolute;inset:0;transform:rotateX(52deg)}.sx-plane>div{position:absolute;inset:0}.sx-turf,.sx-overlay .sx-flat{background:url(/turf.webp) 50%/cover}.sx-stripes-a{background:repeating-linear-gradient(90deg,#ffffff12 0 61.1px,#00000029 61.1px 122.2px) 30px 0}.sx-stripes-b{background:repeating-linear-gradient(0deg,#0000001a 0 57.6px,#ffffff0a 57.6px 115.3px) 0 34px}.sx-plane>.sx-wear{background:radial-gradient(#8c783c61,#8c783c00 70%);width:90px;height:160px;inset:300px auto auto}.sx-plane>.sx-wear-l{left:30px}.sx-plane>.sx-wear-r{right:30px}.sx-plane>.sx-wear-c{background:radial-gradient(#8c783c38,#8c783c00 70%);width:120px;height:120px;top:320px;left:520px}.sx-light{background:radial-gradient(at 50% 66%,#ffffd733,#00000047 88%)}.sx-fade{background:linear-gradient(#0c0e0d94,#0c0e0d00 52%)}.sx-plane>.sx-soil{transform-origin:50% 0;background:linear-gradient(#3c7a33 0 4px,#24451f 4px 7px,#4a3423 7px 15px,#3a281b 15px 24px,#2a1d14 24px 100%);width:100%;height:36px;inset:100% auto auto 0;transform:rotateX(-52deg)}.sx-plane>.sx-field{inset:34px 30px}.sx-lines{fill:none;stroke:#f4f6ee;stroke-width:3.5px;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.sx-lines .dot{fill:#f4f6ee}.sx-shadow{filter:blur(6px);background:#00000080;border-radius:50%;height:24px;position:absolute;transform:translate(-24px,-50%)}.sx-shadow-empty{filter:blur(4px);background:#00000073;width:44px;height:26px;transform:translate(-50%,-50%)}.sx-overlay{left:50%;bottom:calc(52px * var(--k));width:calc(1160px * var(--k));height:calc(760px * var(--k));z-index:2;pointer-events:none;position:absolute;transform:translate(-50%)}.sx-overlay .sx-flat{display:none}.sx-furniture{fill:none;stroke-linejoin:round;width:100%;height:100%;position:absolute;inset:0}.sx-furniture .net{fill:#ffffff29;stroke:#ffffff73;stroke-width:1px}.sx-furniture .post{stroke:#fff;stroke-width:3px}.sx-furniture .pole{stroke:#e9ebe3;stroke-width:1.5px}.sx-furniture .flag{fill:var(--red)}.sx-marker{left:calc(var(--k) * var(--x) * 1px);top:calc(var(--k) * var(--y) * 1px);pointer-events:auto;cursor:pointer;font-family:var(--body);margin:0;padding:0;position:absolute}.sx-empty{background:var(--red);color:#fff;letter-spacing:.3px;border:3px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:14px;font-weight:600;display:grid;transform:translate(-50%,-50%);box-shadow:0 8px 14px #0006}.sx-empty:hover{background:var(--red-hover)}.sx-empty[aria-pressed=true]{color:var(--red-deep);border-color:var(--red);background:#fff}.sx-empty.sx-target,.sx-pill.sx-target .sx-pill-body{outline-offset:4px;outline:2px dashed #fff}.sx-empty:focus-visible{outline-offset:3px;outline:3px solid #fff}.sx-pill{background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex;transform:translate(-17px,-16px)}.sx-pill-body{background:var(--red);color:#fff;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border:2px solid #fff;border-radius:16px;align-items:center;gap:8px;height:32px;padding:0 13px 0 2px;font-size:14px;font-weight:600;display:flex;box-shadow:0 8px 14px #00000061}.sx-pill:hover .sx-pill-body{background:var(--red-hover)}.sx-pill[aria-expanded=true] .sx-pill-body{color:var(--red-deep);border-color:var(--red);background:#fff}.sx-pill[aria-expanded=true] .sx-no{background:var(--red);color:#fff}.sx-pill:focus-visible{outline:none}.sx-pill:focus-visible .sx-pill-body{outline-offset:3px;outline:3px solid #fff}.sx-pill[data-tag=above]{flex-direction:column-reverse;transform:translate(-17px,-38px)}.sx-pill[data-side=left]{align-items:flex-end;transform:translate(calc(17px - 100%),-16px)}.sx-pill[data-side=left][data-tag=above]{transform:translate(calc(17px - 100%),-38px)}.sx-pill[data-side=left] .sx-pill-body{flex-direction:row-reverse;padding:0 2px 0 13px}.sx-pill[data-side=left] .sx-tags{margin:0 8px 0 0}.sx-shadow[data-side=left]{transform:translate(calc(24px - 100%),-50%)}.sx-no{font:800 17px/24px var(--display);min-width:24px;height:24px;color:var(--red-deep);text-align:center;letter-spacing:0;background:#fff;border-radius:12px;padding:0 3px}.sx-tags{gap:4px;margin-left:8px;display:flex}.sx-role{color:#eceee6;white-space:nowrap;background:#0c0e0db8;border-radius:10px;height:20px;padding:0 9px;font-size:12.5px;font-weight:500;line-height:20px}.sx-unavailable .sx-pill-body{background:#7a2b26;border-style:dashed}.sx-unavailable[aria-expanded=true] .sx-pill-body{background:#fff}.sx-role.sx-flag{color:#14160f;background:#f3f1ea}.sx-menu-layer{left:50%;bottom:calc(52px * var(--k));width:calc(1160px * var(--k));height:calc(760px * var(--k));z-index:6;pointer-events:none;position:absolute;transform:translate(-50%)}.sx-menu{left:var(--mx);top:var(--my);pointer-events:auto;background:var(--surface);border:1px solid var(--edge-strong);width:340px;max-height:500px;color:var(--text);flex-direction:column;padding:0 16px 16px;font-size:14px;display:flex;position:absolute;box-shadow:0 18px 40px #0000008c}.sx-menu-head{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.sx-menu h2{font:800 22px/1.1 var(--display);text-transform:uppercase;letter-spacing:0;margin:0}.sx-menu h2:focus{outline:none}.sx-menu .sx-close{place-items:center;margin-right:-15px;display:grid}.sx-menu-note{color:var(--soft);margin:0 0 12px;font-size:13px;line-height:1.45}.sx-options{scrollbar-color:#3a3e3a transparent;background:linear-gradient(var(--surface) 40%, transparent) top / 100% 28px no-repeat local, linear-gradient(transparent, var(--surface) 60%) bottom / 100% 28px no-repeat local, linear-gradient(#0000008c, transparent) top / 100% 12px no-repeat scroll, linear-gradient(transparent, #0000008c) bottom / 100% 12px no-repeat scroll;gap:2px;min-height:0;margin:0 -6px;padding:3px 6px;display:grid;overflow-y:auto}.sx-options-label{font:600 12px var(--body);text-transform:uppercase;letter-spacing:.8px;color:var(--quiet);flex:none;margin:0 0 6px}.sx-options-label span{text-transform:none;letter-spacing:0;margin-left:6px;font-weight:400}.sx-option{cursor:pointer;border:1px solid #0000;align-items:flex-start;gap:10px;padding:7px 10px;display:flex;position:relative}.sx-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sx-option:hover{background:#1e2220}.sx-option:has(input:checked){border-color:var(--edge-strong);background:#222623}.sx-option:has(input:focus-visible){outline-offset:1px;outline:3px solid #fff}.sx-option-dot{border:2px solid #6b6e68;border-radius:50%;flex:none;width:16px;height:16px;margin-top:2px}.sx-option:has(input:checked) .sx-option-dot{background:var(--red);border-color:#fff}.sx-option-text{gap:2px;min-width:0;display:grid}.sx-option-name{font-size:15px;font-weight:600;line-height:20px}.sx-option-def{color:var(--soft);font-size:13px;line-height:1.35}.sx-menu-foot{border-top:1px solid var(--edge);flex:none;align-items:center;gap:14px;margin-top:10px;padding-top:14px;display:flex}.sx-menu-foot .sx-secondary{background:0 0;flex:none;min-height:40px;padding:0 14px}.sx-menu-foot p{color:var(--quiet);margin:0;font-size:12.5px;line-height:1.4}body.sx-dragging,body.sx-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.sx-ghost{z-index:30;pointer-events:none;position:fixed;transform:translate(-17px,-16px)rotate(-3deg)}.sx-ghost .sx-pill-body{box-shadow:0 14px 28px #0000008c}.sx-empty[data-drop=true]{color:var(--red-deep);outline-offset:5px;background:#fff;outline:3px dashed #fff;transform:translate(-50%,-50%)scale(1.15)}.sx-pill[data-drop=true] .sx-pill-body{outline-offset:4px;outline:3px dashed #fff}.sx-card[data-dragging=true]{opacity:.4}.sx-pill{cursor:grab}.sx-pill,.sx-card{-webkit-user-select:none;user-select:none}.sx-squad{padding:8px 32px 28px}.sx-squad-head{flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:1376px;margin:0 auto 14px;display:flex}.sx-squad-head h2{font:800 30px var(--display);text-transform:uppercase;letter-spacing:0;margin:0}.sx-squad-head h2:focus{outline:none}.sx-count{color:var(--quiet);font-size:15px}.sx-search{background:var(--surface);border:1px solid var(--edge);height:44px;color:var(--quiet);align-items:center;gap:10px;margin-left:auto;padding:0 14px;display:flex}.sx-search:hover,.sx-search:focus-within{border-color:var(--text)}.sx-search:has(input:focus-visible){outline-offset:3px;outline:3px solid #fff}.sx-search input{color:var(--text);font:400 15px var(--body);background:0 0;border:0;outline:0;width:180px}.sx-search input::placeholder{color:var(--quiet)}.sx-cards{scrollbar-color:#3a3e3a transparent;gap:10px;max-width:1376px;margin:0 auto;padding:4px 4px 12px;display:flex;position:relative;overflow-x:auto}.sx-card{background:var(--surface);border:1px solid var(--edge);width:112px;height:104px;color:var(--text);text-align:left;cursor:grab;font-family:var(--body);flex-direction:column;flex:0 0 112px;justify-content:space-between;padding:12px 14px;display:flex}.sx-card:hover{border-color:var(--text)}.sx-card[aria-pressed=true]{color:#14160f;background:#fff;border-color:#fff}.sx-card[aria-pressed=true] .sx-card-no{color:var(--red-deep)}.sx-card-no{font:800 40px/1 var(--display);color:var(--red)}.sx-card-name{overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:1.2}.sx-empty-list{color:var(--quiet);margin:12px 0}.sx-picker{left:50%;bottom:calc(100% - 74px * var(--k) + 10px);z-index:8;background:var(--surface);border:1px solid var(--edge-strong);width:min(760px,100vw - 32px);padding:16px 18px 14px;position:absolute;transform:translate(-50%);box-shadow:0 18px 40px #0009}.sx-picker-groups{grid-template-columns:2fr 1fr 1fr;gap:18px;display:grid}.sx-picker-group h3{font:600 12px var(--body);text-transform:uppercase;letter-spacing:.8px;color:var(--quiet);margin:0 0 8px}.sx-chips{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;display:grid}.sx-chip{background:var(--bg);border:1px solid var(--edge);min-height:40px;color:var(--text);font:800 19px var(--display);text-align:left;cursor:pointer;white-space:nowrap;padding:0 10px}.sx-chip:hover,.sx-chip[data-preview=true]{border-color:var(--text);background:#222623}.sx-chip[aria-pressed=true]{color:#14160f;background:#fff;border-color:#fff}.sx-picker-note{min-height:40px;color:var(--soft);margin:12px 0 0;font-size:14px;line-height:1.45}.sx-picker-note strong{color:var(--text)}.sx-marker{transition:left .28s,top .28s}.sx-previewing .sx-marker{pointer-events:none}.sx-previewing .sx-formation{border-color:var(--text)}.sx-touch-only,.sx-sheet-close,.sx-movebar{display:none}@media (max-width:899px){.sx-pitch{height:auto;margin:20px 0 0;padding:0 16px}.sx-formation{justify-content:space-between;width:100%;margin:0 0 14px;position:relative;top:auto;left:auto;transform:none}.sx-count-total{display:none}.sx-picker{transform:none}.sx-picker-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sx-picker-group,.sx-chips{display:contents}.sx-picker-group h3,.sx-pointer-only{display:none}.sx-chip{text-overflow:ellipsis;min-height:44px;padding:0 6px;font-size:15px;overflow:hidden}.sx-picker-note{min-height:60px;margin-top:10px}.sx-picker-note .sx-touch-only{display:inline}.sx-picker-confirm[data-idle]{visibility:hidden}.sx-picker-confirm{gap:8px;margin-top:12px;display:flex}.sx-picker-confirm button{flex:1}.sx-glow,.sx-floor-shadow,.sx-scene,.sx-furniture{display:none}.sx-overlay{aspect-ratio:100/185;--label:clamp(48px, 17.4cqw, 84px);width:100%;max-width:460px;height:auto;margin:0 auto 24px;position:relative;bottom:auto;left:auto;transform:none;container-type:inline-size}.sx-overlay .sx-flat{z-index:0;display:block;position:absolute;inset:0}.sx-flat:after{content:"";background:repeating-linear-gradient(0deg,#ffffff0d 0 8.33%,#0000001f 8.33% 16.66%),radial-gradient(at 50% 55%,#ffffd71f,#0000004d 95%);position:absolute;inset:0}.sx-flat .sx-lines{stroke-width:4px;z-index:1;width:90%;height:94%;inset:3% 5%}.sx-flat-circle{aspect-ratio:1;opacity:.9;border:2px solid #f4f6ee;border-radius:50%;width:27%;position:absolute;top:50%;left:50%;translate:-50% -50%}.sx-marker{left:calc(var(--fx) * 1%);top:calc(var(--fy) * 1%)}.sx-pill,.sx-pill[data-side],.sx-pill[data-tag]{flex-direction:column;align-items:center;gap:2px;transform:translate(-50%,-16px)}.sx-pill .sx-pill-body,.sx-pill[data-side=left] .sx-pill-body,.sx-pill:hover .sx-pill-body,.sx-unavailable .sx-pill-body{height:auto;box-shadow:none;background:0 0;border:0;border-radius:4px;flex-direction:column;gap:2px;padding:0}.sx-pill .sx-no{border:2px solid var(--red);border-radius:16px;min-width:32px;height:32px;line-height:28px;box-shadow:0 6px 10px #00000073}.sx-name{max-width:calc(var(--label) + 12px);background:var(--red);letter-spacing:.2px;text-overflow:ellipsis;border-radius:8px;padding:0 6px;font-size:11px;line-height:16px;overflow:hidden;box-shadow:0 4px 8px #00000059}.sx-name-long{letter-spacing:0;padding:0 5px;font-size:10px}.sx-unavailable .sx-name{background:#7a2b26;outline:1px dashed #fff}.sx-pill[aria-expanded=true] .sx-pill-body,.sx-pill.sx-moving .sx-pill-body{background:0 0}.sx-pill[aria-expanded=true] .sx-name,.sx-pill.sx-moving .sx-name{color:var(--red-deep);background:#fff}.sx-pill.sx-moving .sx-no{background:var(--red);color:#fff;border-color:#fff}.sx-pill .sx-tags,.sx-pill[data-side=left] .sx-tags{max-width:var(--label);flex-direction:column;align-items:center;gap:2px;margin:0}.sx-role{white-space:normal;text-align:center;background:#0c0e0dd1;border-radius:7px;height:auto;padding:2px 5px;font-size:10px;line-height:11px}.sx-has-sheet{padding-bottom:62vh}.sx-menu-layer{width:auto;height:auto;margin:0;position:static;transform:none}.sx-menu,.sx-squad.sx-sheet,.sx-movebar,.sx-picker{z-index:20;background:var(--surface);border:0;border-top:1px solid var(--edge-strong);width:auto;padding:4px 16px calc(16px + env(safe-area-inset-bottom));margin:0;animation:.22s cubic-bezier(.2,.8,.2,1) sx-sheet-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -18px 40px #0009;visibility:visible!important}.sx-menu{max-height:60dvh}.sx-picker{padding-top:16px}.sx-squad.sx-sheet{flex-direction:column;height:58dvh;padding-top:10px;display:flex}.sx-sheet .sx-squad-head{flex:none;gap:8px;width:100%;margin:0 0 10px}.sx-sheet .sx-squad-head h2{flex:1;font-size:26px}.sx-sheet .sx-quiet,.sx-sheet .sx-count{display:none}.sx-sheet .sx-sheet-close{place-items:center;display:grid;position:absolute;top:6px;right:4px}.sx-sheet .sx-squad-head h2{padding-right:40px}.sx-sheet .sx-cards{flex:1;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));align-content:start;gap:8px;width:100%;min-height:0;margin:0;padding:4px;display:grid;overflow:hidden auto}.sx-sheet .sx-card{width:100%;height:68px;padding:8px 10px}.sx-sheet .sx-card-no{font-size:26px}.sx-sheet .sx-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sx-touch-only{display:block}.sx-picker-confirm.sx-touch-only{display:flex}.sx-menu-foot{flex-wrap:wrap;gap:8px}.sx-menu-foot .sx-secondary{flex:auto;min-height:44px}.sx-menu-foot p{display:none}.sx-movebar{align-items:center;gap:12px;padding-top:12px;display:flex}.sx-movebar p{color:var(--soft);flex:1;margin:0;font-size:14px;line-height:1.35}.sx-movebar strong{color:var(--text);font:800 22px/1.1 var(--display);text-transform:uppercase;display:block}.sx-squad{padding:16px}.sx-search{width:100%;margin-left:0}.sx-search input{width:100%}}@media (max-width:359px){.sx-overlay{aspect-ratio:100/215;--label:17.6cqw}.sx-name{padding:0 4px;font-size:10px}.sx-name-long{padding:0 3px;font-size:8.5px}.sx-role{overflow-wrap:anywhere;padding:2px 3px;font-size:9px;line-height:10px}}@keyframes sx-sheet-up{0%{translate:0 100%}}@keyframes sx-land{0%{opacity:0;translate:0 -16px;scale:1.08}60%{opacity:1;translate:0 2px;scale:.98}}@keyframes sx-pop{0%{opacity:0;scale:.4}70%{opacity:1;scale:1.08}}@keyframes sx-tag-in{0%{opacity:0;translate:0 -9px}}@keyframes sx-fade{0%{opacity:0}}@keyframes sx-grow{0%{opacity:0;scale:.96}}@keyframes sx-rise-small{0%{opacity:0;translate:0 8px}}@keyframes sx-rise{0%{opacity:0;translate:0 32px}}@keyframes sx-card-in{0%{opacity:0;scale:.85}}.sx-pill-body{animation:sx-land .24s cubic-bezier(.2,.8,.2,1) calc(var(--d,0) * 1ms) backwards}.sx-empty{animation:sx-pop .22s cubic-bezier(.2,.8,.2,1) calc(var(--d,0) * 1ms) backwards}.sx-role{animation:sx-tag-in .18s cubic-bezier(.2,.8,.2,1) calc(var(--d,0) * 1ms + 60ms) backwards}.sx-shadow{animation:.3s ease-out backwards sx-fade}.sx-menu{animation:.14s cubic-bezier(.2,.8,.2,1) sx-grow}.sx-picker{animation:.14s cubic-bezier(.2,.8,.2,1) sx-rise-small}.sx-pitch{animation:.45s cubic-bezier(.2,.8,.2,1) 60ms backwards sx-rise}.sx-squad{animation:.4s ease-out .2s backwards sx-fade}[data-card]{animation:.16s ease-out backwards sx-card-in}.sx-heading-text{animation:.2s cubic-bezier(.2,.8,.2,1) sx-rise-small;display:inline-block}.sx-ghost-out{z-index:30;pointer-events:none;margin:0;position:fixed}.sx-locked .sx-marker,.sx-locked .sx-pill{cursor:default}.sx-locked .sx-pill:hover .sx-pill-body{background:var(--red)}.sx-locked .sx-unavailable:hover .sx-pill-body{background:#7a2b26}.sx-locked .sx-empty,.sx-locked .sx-empty:hover{color:#fffc;box-shadow:none;background:#5c2420;border-color:#ffffff8c}.sx-locked .sx-formation:disabled{cursor:default;color:var(--text);opacity:1}.sx-locked .sx-formation:hover{border-color:var(--edge-strong)}.sx-locked .sx-pitch{margin-bottom:calc(56px * var(--k))}@media (max-width:899px){.sx-locked .sx-pill:hover .sx-pill-body{background:0 0}.sx-locked .sx-formation{justify-content:center}}
.sx-share-dialog{background:var(--surface);width:min(920px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text);border:1px solid var(--edge-strong);font-family:var(--body);padding:0;overflow:hidden;box-shadow:0 24px 60px #000000b3}.sx-share-dialog::backdrop{background:#060706c7}.sx-share-dialog[open]{animation:.16s cubic-bezier(.2,.8,.2,1) sx-grow}.sx-share-body{grid-template-columns:minmax(0,1fr) 340px;display:grid}.sx-share-preview{border-right:1px solid var(--edge);background:#0c0e0d;place-items:center;height:min(660px,100dvh - 34px);padding:24px;display:grid}.sx-share-preview img{width:auto;max-width:100%;height:auto;min-height:0;max-height:100%;box-shadow:0 0 0 1px var(--edge-strong), 0 14px 34px #0009;display:block}.sx-share-preview .sx-notice{flex-wrap:wrap;margin:0}.sx-share-drawing{color:var(--soft);align-items:center;gap:12px;margin:0;font-size:15px;display:flex}.sx-share-spinner{border:2px solid var(--edge-strong);border-top-color:var(--text);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite sx-spin}@keyframes sx-spin{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.sx-share-spinner{border-top-color:var(--edge-strong)}}.sx-share-panel{flex-direction:column;min-width:0;padding:8px 24px 24px;display:flex}.sx-share-head{justify-content:space-between;align-items:center;min-height:60px;display:flex}.sx-share-head h2{font:800 30px/1.1 var(--display);text-transform:uppercase;letter-spacing:0;margin:0}.sx-share-head h2:focus{outline:none}.sx-share-head .sx-close{margin-right:-14px}.sx-share-formats{border:0;gap:8px;margin:12px 0 0;padding:0;display:grid}.sx-share-formats legend{font:600 12px var(--body);text-transform:uppercase;letter-spacing:.8px;color:var(--quiet);margin:0 0 8px;padding:0}.sx-share-format{background:var(--bg);border:1px solid var(--edge);cursor:pointer;align-items:center;gap:14px;min-height:64px;padding:8px 14px;display:flex;position:relative}.sx-share-format input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.sx-share-format:hover{border-color:var(--text)}.sx-share-format:has(input:checked){color:#14160f;background:#fff;border-color:#fff}.sx-share-format:has(input:focus-visible){outline-offset:3px;outline:3px solid #fff}.sx-share-shape{border:2px solid;border-radius:2px;flex:none;width:24px}.sx-share-shape[data-format=square]{aspect-ratio:1}.sx-share-shape[data-format=portrait]{aspect-ratio:9/16;width:16px;margin:0 4px}.sx-share-shape[data-format=landscape]{aspect-ratio:16/9}.sx-share-format-text{gap:1px;font-size:14px;display:grid}.sx-share-format-text strong{font:800 22px/1.1 var(--display);text-transform:uppercase}.sx-share-format-text span{color:var(--soft)}.sx-share-format:has(input:checked) .sx-share-format-text span{color:#4a4d45}.sx-share-actions{gap:8px;margin-top:auto;padding-top:24px;display:grid}.sx-share-go{background:var(--yellow);min-height:52px;color:var(--on-yellow);border:1px solid var(--yellow);font:600 17px var(--body);cursor:pointer;padding:0 20px}.sx-share-go:hover:not(:disabled){background:#ffd43b}.sx-share-go:disabled{opacity:.5;cursor:default}.sx-share-actions .sx-secondary{min-height:48px}.sx-share-message{min-height:20px;color:var(--text);overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;line-height:1.4}.sx-share-note{color:var(--quiet);margin:6px 0 0;font-size:13px;line-height:1.45}@media (max-width:899px){.sx-share-dialog{border:0;border-top:1px solid var(--edge-strong);width:100%;max-width:100%;max-height:94dvh;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto}.sx-share-dialog[open]{animation:.22s cubic-bezier(.2,.8,.2,1) sx-sheet-up}.sx-share-body{flex-direction:column-reverse;display:flex}.sx-share-panel{display:contents}.sx-share-head{order:5;min-height:52px;padding:0 16px}.sx-share-head h2{font-size:26px}.sx-share-head .sx-close{margin-right:-12px}.sx-share-preview{border-right:0;order:4;height:44dvh;padding:12px 16px}.sx-share-formats{order:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 16px 0}.sx-share-formats legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sx-share-format{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:8px 4px}.sx-share-shape{width:18px}.sx-share-shape[data-format=portrait]{width:12px;margin:0}.sx-share-format-text strong{font-size:17px}.sx-share-format-text span{white-space:nowrap;font-size:11px}.sx-share-actions{order:2;grid-auto-columns:1fr;grid-auto-flow:column;margin:0 16px;padding-top:12px}.sx-share-actions .sx-secondary{min-height:52px}.sx-share-message{order:1;min-height:0;margin:8px 16px 0}.sx-share-note{margin:6px 16px calc(14px + env(safe-area-inset-bottom));order:0}}
