.win-share-primary,.win-share-secondary{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height-lg);padding:var(--space-2) var(--space-5);border:var(--px-1) solid transparent;border-radius:var(--radius-full);font:inherit;font-size:var(--text-md);cursor:pointer;transition:background var(--ease), color var(--ease);font-weight:500;text-decoration:none;display:inline-flex}.win-share-primary{color:var(--ink-on-accent);background:var(--accent)}.win-share-primary:hover{background:var(--accent-hover)}.win-share-secondary{color:var(--ink-primary);background:var(--surface-control);border-color:var(--border)}.win-share-secondary:hover{background:var(--surface-control-hover)}.win-share-primary:disabled,.win-share-secondary:disabled{opacity:var(--opacity-disabled);cursor:default}.win-share-backdrop{z-index:var(--win-card-modal-layer);padding:var(--space-4);background:var(--overlay-dim);-webkit-backdrop-filter:blur(var(--overlay-blur)) saturate(var(--overlay-saturate));backdrop-filter:blur(var(--overlay-blur)) saturate(var(--overlay-saturate));place-items:center;display:grid;position:fixed;inset:0}.win-share-panel{width:min(var(--win-card-modal-width), 100%);max-height:calc(100dvh - var(--space-7));background:var(--surface-card-strong);border:var(--px-1) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow-y:auto}.win-share-head{padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.win-share-head h2{min-width:0;margin:0 0 0 var(--space-1);color:var(--ink-primary);font-size:var(--text-xl);letter-spacing:var(--tracking-title);font-weight:600}.win-share-export{align-items:center;gap:var(--space-1);flex-shrink:0;margin-inline-end:calc(var(--space-5) - var(--space-4) - var(--face-inset-icon));display:flex}.win-share-tool{isolation:isolate;width:var(--control-height-lg);height:var(--control-height-lg);border-radius:var(--radius-full);color:var(--ink-secondary);cursor:pointer;transition:color var(--ease);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.win-share-tool:before{content:"";inset:var(--face-inset-icon);z-index:-1;border-radius:var(--radius-full);transition:background var(--ease);position:absolute}.win-share-tool:hover{color:var(--ink-primary)}.win-share-tool:hover:not(:disabled):before{background:var(--surface-control-hover)}.win-share-tool--accent,.win-share-tool[aria-pressed=true]{color:var(--accent)}.win-share-tool--accent:before,.win-share-tool[aria-pressed=true]:before,.win-share-tool[aria-pressed=true]:hover:not(:disabled):before{background:var(--accent-soft)}.win-share-tool:disabled{opacity:var(--opacity-disabled);cursor:default}.win-share-close{color:var(--ink-muted)}.win-share-body{padding:0 var(--space-5) var(--space-2)}.win-share-preview{width:100%;aspect-ratio:var(--win-card-ratio);border-radius:var(--radius-control);background:var(--win-card-bg);overflow:hidden}.win-share-preview>svg{width:100%;height:100%;display:block}.win-share-customize{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.win-share-backgrounds{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.win-share-preset{width:var(--win-card-preset-width);height:var(--control-height-lg);padding:var(--px-2);border:var(--px-2) solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--ease);background:0 0;position:relative}.win-share-preset img{object-fit:cover;border-radius:var(--radius-xs);width:100%;height:100%;display:block}.win-share-preset[aria-pressed=true]{border-color:var(--accent)}.win-share-file{display:none}.win-share-toggles{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.win-share-toggle{align-items:center;gap:var(--space-2);min-height:var(--control-height-lg);border-radius:var(--radius-xs);color:var(--ink-secondary);cursor:pointer;background:0 0;border:0;padding:0;display:flex;position:relative}.win-share-toggle:disabled{opacity:var(--opacity-disabled);cursor:default}.win-share-switch{width:var(--control-height-compact);height:var(--space-5);border-radius:var(--radius-full);background:var(--surface-control-hover);transition:background var(--ease);display:block;position:relative}.win-share-switch:after{content:"";top:var(--px-3);left:var(--px-3);width:calc(var(--space-5) - var(--px-6));height:calc(var(--space-5) - var(--px-6));border-radius:var(--radius-full);background:var(--ink-primary);transition:transform var(--ease);position:absolute}.win-share-toggle[aria-checked=true] .win-share-switch{background:var(--accent)}.win-share-toggle[aria-checked=true] .win-share-switch:after{background:var(--ink-on-accent);transform:translateX(var(--space-3))}.win-share-tool:after,.win-share-toggle:after,.win-share-preset:after{content:attr(aria-label);bottom:calc(100% + var(--space-2));z-index:2;width:max-content;padding:var(--space-2) var(--space-3);border:var(--px-1) solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--ink-primary);box-shadow:var(--shadow-popover);font:500 var(--text-sm)/var(--leading-ui) var(--font);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-out);position:absolute;left:50%;transform:translate(-50%)}.win-share-export .win-share-tool:after{top:calc(100% + var(--space-2));bottom:auto}.win-share-close:after,.win-share-toggle:last-child:after{left:auto;right:0;transform:none}.win-share-preset:first-child:after{left:0;transform:none}.win-share-panel :is(.win-share-tool,.win-share-toggle,.win-share-preset):focus-visible:after{opacity:1}@media (hover:hover){.win-share-panel :is(.win-share-tool,.win-share-toggle,.win-share-preset):hover:after{opacity:1}}.win-share-error{color:var(--danger);font-size:var(--text-sm);margin:var(--space-3) 0 0}.win-share-error button{font:inherit;color:var(--accent);cursor:pointer;min-height:var(--control-height-lg);background:0 0;border:0;text-decoration:underline}.win-share-body>.win-share-link{margin-bottom:var(--space-3)}.win-share-viewer{align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.win-share-winner{align-items:center;gap:var(--space-2);min-width:0;max-width:100%;min-height:var(--control-height-lg);margin-left:calc(-1 * var(--space-2));padding:0 var(--space-3) 0 var(--space-2);border:var(--px-1) solid transparent;border-radius:var(--radius-full);color:var(--ink-primary);font:inherit;font-size:var(--text-md);cursor:pointer;transition:background var(--ease), border-color var(--ease);background:0 0;font-weight:500;display:inline-flex}.win-share-winner:hover:not(:disabled){background:var(--surface-control);border-color:var(--border)}.win-share-winner:disabled{cursor:default}.win-share-winner-avatar{border-radius:var(--radius-full);flex:none;display:inline-flex;overflow:hidden}.win-share-winner-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.win-share-when{align-items:baseline;gap:var(--space-2);font-size:var(--text-sm);margin:0;display:flex}.win-share-when dt{color:var(--ink-muted)}.win-share-when dd{color:var(--ink-secondary);font-variant-numeric:tabular-nums;margin:0}.win-share-play{margin-left:auto}@media (width<=640px){.win-share-backdrop,.win-share-head{padding:var(--space-2)}.win-share-head h2{margin-left:var(--space-2);font-size:var(--text-lg)}.win-share-export{gap:0}.win-share-body{padding:0 var(--space-3) var(--space-1)}.win-share-play{flex:100%}}.win-share-image{width:100%;height:auto;aspect-ratio:var(--win-card-ratio);border-radius:var(--radius-card);background:var(--win-card-bg);display:block}.win-share-placeholder{aspect-ratio:var(--win-card-ratio);justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;background:var(--surface-control);border-radius:var(--radius-card);color:var(--ink-muted);flex-direction:column;display:flex}.win-share-placeholder p{font-size:var(--text-md);margin:0}.win-share-spinner{animation:win-share-spin var(--duration-spinner) linear infinite}@keyframes win-share-spin{to{transform:rotate(360deg)}}.win-share-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.win-share-link-label{margin:var(--space-4) 0 var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);display:block}.win-share-link{box-sizing:border-box;width:100%;height:var(--control-height-lg);padding:0 var(--space-3);background:var(--surface-control);border:var(--px-1) solid var(--border);border-radius:var(--radius-control);color:var(--ink-secondary);font:inherit;font-size:var(--text-sm);text-overflow:ellipsis}.win-share-small-actions{justify-content:center;gap:var(--space-5);display:flex}.win-share-small-actions:empty{display:none}.win-share-small-actions button{align-items:center;gap:var(--space-2);min-height:var(--control-height-lg);color:var(--ink-muted);cursor:pointer;font:inherit;font-size:var(--text-sm);background:0 0;border:0;padding:0;display:inline-flex}.win-share-note{color:var(--ink-muted);font-size:var(--text-sm);line-height:var(--leading-body);text-align:center;margin:var(--space-4) 0 0}.win-share-note a{color:var(--accent)}.win-share-panel :is(button,input,a):focus-visible,.shared-win-page a:focus-visible{outline:var(--px-2) solid var(--accent);outline-offset:var(--px-2)}.win-share-panel .win-share-tool:focus-visible{outline-offset:calc(var(--px-2) - var(--face-inset-icon))}.shared-win-page{width:min(var(--win-card-page-width), 100%);padding:var(--space-7) var(--space-4) var(--space-9);box-sizing:border-box;margin-inline:auto}.shared-win-heading{margin-bottom:var(--space-6)}.win-share-eyebrow{color:var(--accent);font-size:var(--text-sm);font-weight:500}.shared-win-heading h1{font-size:clamp(var(--text-3xl), 4vw, var(--text-4xl));line-height:var(--leading-snug);letter-spacing:var(--tracking-title);color:var(--ink-primary);margin:var(--space-2) 0;overflow-wrap:anywhere;font-weight:600}.shared-win-heading>p:last-child{color:var(--ink-muted);font-size:var(--text-md)}.shared-win-footer{justify-content:space-between;align-items:center;gap:var(--space-5);padding-block:var(--space-5);border-bottom:var(--px-1) solid var(--border);flex-wrap:wrap;display:flex}.shared-win-footer p{margin:0 0 var(--space-1);font-size:var(--text-lg);font-weight:500}.shared-win-footer span{color:var(--ink-muted);font-size:var(--text-sm)}.shared-win-footer strong{color:var(--accent);font-weight:500}@media (prefers-reduced-motion:reduce){.win-share-spinner{animation:none}.win-share-switch:after,.win-share-tool:before{transition:none}}.win-share-result{align-items:center;gap:var(--space-3);padding:var(--space-6) 0 var(--space-3);flex-direction:column;display:flex}.win-share-result-game{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-md);display:inline-flex}.win-share-result-multiplier{color:var(--ink-primary);font-size:var(--text-5xl);letter-spacing:var(--tracking-display);font-weight:600;line-height:var(--leading-snug)}.win-share-result-detail{color:var(--ink-secondary);font-size:var(--text-md)}.win-share-result dl{width:100%;margin:var(--space-4) 0 0}.win-share-result dl>div{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);border-top:var(--px-1) solid var(--border);font-size:var(--text-md);display:flex}.win-share-result dt,.win-share-result time{color:var(--ink-muted)}.win-share-result dd{color:var(--ink-primary);margin:0;font-weight:500}.win-share-result time{font-size:var(--text-sm)}