.share-button{border-radius:var(--radius-control);border:1px solid var(--border-strong);min-height:40px;color:var(--text);font:500 var(--size-small) var(--font-ui);cursor:pointer;background:#0b0d1299;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.share-button:hover,.share-icon-button:hover{border-color:var(--border-hover)}.share-icon-button{border-radius:var(--radius-control);border:1px solid var(--border);width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;flex:none;place-items:center;display:inline-grid}.share-dialog{gap:18px}@media (min-width:769px){.share-dialog.gm-sheet{background:#10131a;border:1px solid #232835;border-radius:16px;width:min(720px,100vw - 48px);max-height:calc(100dvh - 48px);padding:24px;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #0009}.share-dialog.gm-sheet[data-starting-style],.share-dialog.gm-sheet[data-ending-style]{opacity:0;transform:translate(-50%,-48%)}.share-grabber{display:none}}.share-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.share-head>div{flex-direction:column;gap:4px;min-width:0;display:flex}.share-title{margin:0;font-size:20px;font-weight:600}.share-subtitle{color:#8f97a8;overflow-wrap:anywhere;margin:0;font-size:13px}.share-close{width:36px;height:36px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #2a303c;border-radius:8px;flex:none;place-items:center;display:grid}.share-preview{aspect-ratio:1200/630;background:#0b0d12;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.share-preview img{width:100%;height:100%;display:block}.share-styles{border:0;min-width:0;margin:0;padding:0}.share-styles legend{font:500 12px var(--font-mono);letter-spacing:.06em;color:#8b8d94;margin-bottom:10px;padding:0}.share-swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.share-swatch{cursor:pointer;border-radius:12px;flex-direction:column;gap:8px;padding:6px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #232835}.share-swatch input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.share-swatch:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.share-swatch[data-picked]{background:#1a1726;box-shadow:inset 0 0 0 1.5px #b687ff,0 0 16px #b27eff40;box-shadow:inset 0 0 0 1.5px lab(64.8937% 38.1655 -55.9412),0 0 16px lab(62.1579% 43.5784 -61.9524/.25)}.share-swatch[data-locked]{cursor:default}.share-swatch-art{color:#fff;border:2px solid #0000;border-radius:8px;place-items:center;height:52px;display:grid}.share-swatch[data-style=basic] .share-swatch-art{background:#0b0d12;border-color:#3a4150}.share-swatch[data-style=aurora] .share-swatch-art{background:radial-gradient(60% 90% at 10% 0%, #b27eff99, transparent 70%) padding-box, radial-gradient(60% 80% at 100% 100%, #00d8e180, transparent 70%) padding-box, linear-gradient(#0b0d12, #0b0d12) padding-box, var(--aurora) border-box}@supports (color:lab(0% 0 0)){.share-swatch[data-style=aurora] .share-swatch-art{background:radial-gradient(60% 90% at 10% 0%, lab(62.1579% 43.5784 -61.9524/.6), transparent 70%) padding-box, radial-gradient(60% 80% at 100% 100%, lab(78.1507% -43.7784 -17.9599/.5), transparent 70%) padding-box, linear-gradient(#0b0d12, #0b0d12) padding-box, var(--aurora) border-box}}.share-swatch[data-style=gold] .share-swatch-art{background:radial-gradient(80% 100% at 50% 0%, #ffa53973, transparent 70%) padding-box, linear-gradient(#0b0d12, #0b0d12) padding-box, var(--tier-legendary-frame) border-box}@supports (color:lab(0% 0 0)){.share-swatch[data-style=gold] .share-swatch-art{background:radial-gradient(80% 100% at 50% 0%, lab(76.2544% 31.9577 73.65/.45), transparent 70%) padding-box, linear-gradient(#0b0d12, #0b0d12) padding-box, var(--tier-legendary-frame) border-box}}.share-swatch[data-style=embers] .share-swatch-art{background:linear-gradient(#0000 25%,#fa6e1d8c) padding-box padding-box,linear-gradient(#0b0d12,#0b0d12) padding-box padding-box,linear-gradient(135deg,#ffc46b,#ff7a3d,#e0344f) border-box;background:linear-gradient(#0000 25%,lab(63.8238% 51.861 66.4907/.55)) padding-box padding-box,linear-gradient(#0b0d12,#0b0d12) padding-box padding-box,linear-gradient(135deg,#ffc46b,#ff7a3d,#e0344f) border-box}.share-swatch[data-locked] .share-swatch-art{opacity:.45}.share-swatch-name{font:500 13px var(--font-ui);text-align:center;color:var(--text)}.share-swatch[data-locked] .share-swatch-name{color:#6c7383}.share-dialog p{margin:0}.share-locked{color:var(--text-2);background:#b27eff0f;background:lab(62.1579% 43.5784 -61.9524/.06);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex;box-shadow:inset 0 0 0 1px #b27eff33;box-shadow:inset 0 0 0 1px lab(62.1579% 43.5784 -61.9524/.2)}.share-locked svg{opacity:.7}.share-locked span{flex:1}.share-locked a{color:var(--text);text-underline-offset:3px;font-weight:600;text-decoration:underline}.share-note{color:var(--text-3);font-size:13px}.share-link{background:#0b0d12;border:1px solid #232835;border-radius:10px;align-items:center;gap:8px;padding:4px 4px 4px 14px;display:flex}.share-link input{color:#c4c9d4;min-width:0;font:400 14px var(--font-mono);background:0 0;border:0;outline:none;flex:1}.share-copy{background:var(--text);min-height:38px;color:var(--text-on-light);font:600 14px var(--font-ui);cursor:pointer;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.share-copy:disabled{opacity:.5;cursor:default}.share-download{min-height:46px;color:var(--text);font:600 15px var(--font-ui);border:1px solid #2a303c;border-radius:10px;justify-content:center;align-items:center;gap:8px;display:flex}.share-download:hover{border-color:var(--border-hover)}.share-download[aria-disabled]{pointer-events:none;opacity:.5}.share-error{color:var(--danger);font-size:14px}@media (max-width:768px){.share-swatches{gap:8px}.share-swatch-art{height:44px}.share-swatch-name{font-size:12px}}.share-page{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:960px;margin:0 auto;padding:48px 40px 64px;display:flex}.share-page-card{aspect-ratio:1200/630;background:#0b0d12;border-radius:16px;width:min(880px,100%);overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 30px 80px #00000080}.share-page-card img{width:100%;height:100%;display:block}.share-page-player,.share-page-join{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;width:min(880px,100%);padding:16px 20px;display:flex}.share-page-avatar{color:#c0e7e8;color:lab(88.7962% -12.6357 -5.27086);background:linear-gradient(135deg,#00595e,#042234);background:linear-gradient(135deg,lab(33.5813% -28.035 -11.4677),lab(11.781% -5.26898 -15.6133));border-radius:10px;flex:none;width:44px;height:44px;display:flex;overflow:hidden}.share-page-who{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.share-page-who strong{font-size:var(--size-body);overflow-wrap:anywhere;font-weight:600}.share-page-who span{font:400 var(--size-mono-sm) var(--font-mono);color:var(--text-3)}.share-page-profile{border:1px solid var(--border-strong);min-height:44px;color:var(--text);font:500 var(--size-small) var(--font-ui);border-radius:10px;flex:none;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.share-page-profile:hover{border-color:var(--border-hover)}.share-page-private{font-size:var(--size-small);color:var(--text-3);flex:none}.share-page-join{background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--aurora) border-box;border:1.5px solid #0000}.share-page-join>span{flex-direction:column;flex:1;gap:4px;display:flex}.share-page-join strong{font-size:18px;font-weight:600}.share-page-join>span>span{font-size:var(--size-small);color:var(--text-2)}.share-page-gone{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:480px;margin:64px auto;display:flex}.share-page-gone h1{margin:0;font-size:26px;font-weight:600}.share-page-gone p{color:var(--text-2);margin:0}@media (max-width:768px){.share-page{gap:14px;padding:20px 16px 40px}.share-page-card{border-radius:10px}.share-page-player{flex-wrap:wrap}.share-page-profile{justify-content:center;width:100%}.share-page-join{flex-direction:column;align-items:stretch}}