@font-face { font-family: "LS Rounded"; src: url("fonts/ls-rounded.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "LS Retro"; src: url("fonts/ls-retro.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "LS Futurist"; src: url("fonts/ls-futurist.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "LS Terminal"; src: url("fonts/ls-terminal.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "LS Handwritten"; src: url("fonts/ls-handwritten.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "LS Elegant"; src: url("fonts/ls-elegant.woff2") format("woff2"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "LS Comic"; src: url("fonts/ls-comic.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "LS Typewriter"; src: url("fonts/ls-typewriter.woff2") format("woff2"); font-weight: 700; font-display: swap; }

html[data-site="ls"] .ls-framed { position: relative; display: inline-flex; flex: none; border-radius: 50%; isolation: isolate; --fr-k: 1; }
html[data-site="ls"] .ls-frame::before, html[data-site="ls"] .ls-frame::after { content: ""; position: absolute; inset: calc(var(--fr-k) * -3px); border-radius: inherit; z-index: -1; pointer-events: none; }
html[data-site="ls"] .ls-frame > .ls-fr-rot { position: absolute; inset: calc(var(--fr-k) * -3px); border-radius: inherit; z-index: -1; pointer-events: none; display: none; overflow: hidden; }
html[data-site="ls"] .ls-frame > .ls-fr-rot::before { content: ""; position: absolute; aspect-ratio: 1; width: 220%; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: ls-fr-rotor 4s linear infinite; }
@keyframes ls-fr-rotor { to { transform: translate(-50%, -50%) rotate(1turn); } }
@keyframes ls-fr-breathe { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes ls-fr-vhs { 0%, 100% { transform: translate(0); } 25% { transform: translate(1.2px, -.6px); } 50% { transform: translate(-1px, .5px); } 75% { transform: translate(.7px, .9px); } }
@keyframes ls-fr-flicker { 0% { opacity: .55; } 20% { opacity: .9; } 40% { opacity: .6; } 60% { opacity: 1; } 80% { opacity: .7; } 100% { opacity: .55; } }
@keyframes ls-fr-flash { 0%, 60%, 100% { opacity: .15; } 62% { opacity: 1; } 66% { opacity: .25; } 68% { opacity: .9; } 72% { opacity: .15; } }
@keyframes ls-fr-orbit { to { transform: rotate(1turn); } }
@keyframes ls-fr-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
@keyframes ls-fr-eq { from { transform: scale(.94); } to { transform: scale(1.03); } }
html[data-site="ls"] .ls-frame-halo::before { inset: calc(var(--fr-k) * -3px); background: var(--ls-brand, var(--ls-accent)); }
html[data-site="ls"] .ls-frame-halo::after { inset: calc(var(--fr-k) * -10px); background: radial-gradient(closest-side, color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 60%, transparent), transparent 78%); animation: ls-fr-breathe 3.2s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-chrome::before { inset: calc(var(--fr-k) * -3px); background: conic-gradient(#5e646d, #dfe4ea, #868d97, #f2f5f8, #6d7078, #dfe4ea, #5e646d); }
html[data-site="ls"] .ls-frame-chrome::after { content: none; }
html[data-site="ls"] .ls-frame-chrome > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -3px); }
html[data-site="ls"] .ls-frame-chrome > .ls-fr-rot::before { background: conic-gradient(transparent 0 210deg, #ffffffd9 250deg, transparent 300deg); animation-duration: 4.5s; }
html[data-site="ls"] .ls-frame-film35::before { inset: calc(var(--fr-k) * -5px); background: #171310; }
html[data-site="ls"] .ls-frame-film35::after { content: none; }
html[data-site="ls"] .ls-frame-film35 > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-film35 > .ls-fr-rot::before { background: repeating-conic-gradient(#efdfa6 0 3.5deg, transparent 3.5deg 9deg); animation-duration: 22s; }
html[data-site="ls"] .ls-frame-prism::before { content: none; }
html[data-site="ls"] .ls-frame-prism > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -4px); }
html[data-site="ls"] .ls-frame-prism > .ls-fr-rot::before { animation-duration: 10s; }
html[data-site="ls"] .ls-frame-prism > .ls-fr-rot::before, html[data-site="ls"] .ls-frame-prism::after { background: conic-gradient(#ff5a3c, #ffcf5a, #4ade80, #38bdf8, #a78bfa, #ff5a3c); }
html[data-site="ls"] .ls-frame-prism::after { inset: calc(var(--fr-k) * -6px); filter: blur(calc(var(--fr-k) * 6px)); opacity: .4; }
html[data-site="ls"] .ls-frame-neon-club::before { inset: calc(var(--fr-k) * -3px); box-shadow: 0 0 calc(var(--fr-k) * 9px) #ff2d95, 0 0 calc(var(--fr-k) * 16px) #22d3eecc; background: linear-gradient(135deg, #ff2d95, #22d3ee); animation: ls-fr-breathe 2.4s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-neon-club::after { inset: calc(var(--fr-k) * -8px); border: calc(var(--fr-k) * 1.5px) solid #22d3eeb3; animation: ls-fr-breathe 2.4s ease-in-out .4s infinite; }
html[data-site="ls"] .ls-frame-spotlight::before { inset: calc(var(--fr-k) * -4px); box-shadow: 0 0 calc(var(--fr-k) * 12px) #ffe9a866; background: #4a3f20; }
html[data-site="ls"] .ls-frame-spotlight::after { content: none; }
html[data-site="ls"] .ls-frame-spotlight > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -4px); }
html[data-site="ls"] .ls-frame-spotlight > .ls-fr-rot::before { background: conic-gradient(transparent 0 260deg, #ffecb48c 315deg, #fff4d6 345deg, transparent 1turn); animation-duration: 3.4s; }
html[data-site="ls"] .ls-frame-glitch-vhs::before { inset: calc(var(--fr-k) * -3px); box-shadow: calc(var(--fr-k) * 2px) 0 0 #ff0040bf, calc(var(--fr-k) * -2px) 0 0 #00d6ffbf; background: #cbd2da; animation: ls-fr-vhs .2s steps(2, jump-none) infinite; }
html[data-site="ls"] .ls-frame-glitch-vhs::after { inset: calc(var(--fr-k) * -3px); opacity: .45; background: repeating-linear-gradient(0deg, transparent 0 2px, #00000047 2px 3px); animation: ls-fr-breathe 2.8s steps(3) infinite; }
html[data-site="ls"] .ls-frame-palme::before { inset: calc(var(--fr-k) * -4px); box-shadow: 0 0 calc(var(--fr-k) * 11px) #f6d36580; background: conic-gradient(#7a5b12, #f6d365, #fff6cf, #e6b84a, #f6d365, #8a6a1e, #7a5b12); }
html[data-site="ls"] .ls-frame-palme::after { content: none; }
html[data-site="ls"] .ls-frame-palme > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -4px); }
html[data-site="ls"] .ls-frame-palme > .ls-fr-rot::before { background: conic-gradient(transparent 0 280deg, #ffffffe6 330deg, transparent 1turn); animation-duration: 3.8s; }
html[data-site="ls"] .ls-frame-eclipse::before { inset: calc(var(--fr-k) * -5px); background: #05060a; box-shadow: 0 0 0 1px #2a1c08; }
html[data-site="ls"] .ls-frame-eclipse::after { inset: calc(var(--fr-k) * -11px); background: radial-gradient(closest-side, #ff8c1e80, #ff5a0a33 62%, transparent 78%); animation: ls-fr-breathe 4.5s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-eclipse > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-eclipse > .ls-fr-rot::before { background: conic-gradient(transparent 0 300deg, #ff7a1a 330deg, #ffd9a0 345deg, #fff3d9 352deg, transparent 1turn); animation-duration: 7s; }
html[data-site="ls"] .ls-frame-circuit::before { inset: calc(var(--fr-k) * -5px); background: repeating-conic-gradient(#0b2a16 0 14deg, #c47a2a 14deg 16deg, #0b2a16 16deg 30deg); box-shadow: inset 0 0 0 1px #1f5a2e, 0 0 0 1px #0a1f10; }
html[data-site="ls"] .ls-frame-circuit > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-circuit > .ls-fr-rot::before { background: conic-gradient(transparent 0 40deg, #78ffaaf2 52deg, transparent 60deg, transparent 220deg, #78ffaacc 232deg, transparent 240deg); animation-duration: 3s; }
html[data-site="ls"] .ls-frame-circuit::after { inset: calc(var(--fr-k) * -9px); background: radial-gradient(closest-side, transparent 70%, #5aff962e 80%, transparent 92%); animation: ls-fr-breathe 3s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-hephaestus::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #5a2405, 0 0 calc(var(--fr-k) * 12px) #ff6e148c; background: radial-gradient(circle, #1a0a02, #2b0f04); }
html[data-site="ls"] .ls-frame-hephaestus > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-hephaestus > .ls-fr-rot::before { filter: blur(.5px); background: conic-gradient(#ff5a00, #ffc23a, #ff3d00, #ffe08a, #ff6a00, #ffb347, #ff5a00); animation-duration: 2.2s; }
html[data-site="ls"] .ls-frame-hephaestus::after { inset: calc(var(--fr-k) * -11px); background: radial-gradient(closest-side, #ff78148c, #ff3c0040 60%, transparent 80%); animation: ls-fr-flicker .9s steps(6) infinite; }
html[data-site="ls"] .ls-frame-poseidon::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #0f6d84, 0 0 calc(var(--fr-k) * 12px) #28c8e673; background: radial-gradient(circle, #04222e, #052f3f); }
html[data-site="ls"] .ls-frame-poseidon > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-poseidon > .ls-fr-rot::before { background: conic-gradient(#0a6f8f, #2fd4e6, #0b4e6b, #7ff0ff, #0a6f8f, #1fb3c9, #0a6f8f); animation-duration: 9s; }
html[data-site="ls"] .ls-frame-poseidon::after { inset: calc(var(--fr-k) * -10px); background: radial-gradient(closest-side, transparent 66%, #78f0ff73 74%, transparent 84%); animation: ls-fr-breathe 3.6s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-zeus::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #5a3fa0, 0 0 calc(var(--fr-k) * 14px) #9664ff80; background: radial-gradient(circle, #120a2a, #1c0f3d); }
html[data-site="ls"] .ls-frame-zeus > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-zeus > .ls-fr-rot::before { background: conic-gradient(transparent 0 20deg, #fff 24deg, #b89cff 27deg, transparent 33deg, transparent 140deg, #e9e0ff 143deg, transparent 147deg, transparent 250deg, #fff 254deg, #9d7bff 258deg, transparent 266deg, transparent 1turn); animation-duration: 1.4s; }
html[data-site="ls"] .ls-frame-zeus::after { inset: calc(var(--fr-k) * -11px); background: radial-gradient(closest-side, #c8b4ffe6, #8c64ff59 55%, transparent 80%); animation: ls-fr-flash 3.5s step-end infinite; }
html[data-site="ls"] .ls-frame-aphrodite::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #c9708f, 0 0 calc(var(--fr-k) * 12px) #ff96be80; background: radial-gradient(circle, #2a0f1c, #3a1426); }
html[data-site="ls"] .ls-frame-aphrodite > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-aphrodite > .ls-fr-rot::before { background: conic-gradient(#f7b6cf, #e8a87c, #ffd9e6, #c9708f, #f3c9a8, #ff9ec3, #f7b6cf); animation-duration: 8s; }
html[data-site="ls"] .ls-frame-aphrodite::after { inset: calc(var(--fr-k) * -10px); background: radial-gradient(closest-side, transparent 66%, #ffaacd80 74%, transparent 84%); animation: ls-fr-breathe 4s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-odin::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #3a4458, 0 0 calc(var(--fr-k) * 10px) #d2aa5059; background: radial-gradient(circle, #0d1118, #161c27); }
html[data-site="ls"] .ls-frame-odin > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-odin > .ls-fr-rot::before { background: repeating-conic-gradient(#1a2130 0 9deg, #d9a93f 9deg 10.5deg, #1a2130 10.5deg 14deg, #f0cf7a 14deg 15deg, #1a2130 15deg 24deg); animation-duration: 24s; }
html[data-site="ls"] .ls-frame-odin::after { inset: calc(var(--fr-k) * -9px); background: radial-gradient(closest-side, transparent 70%, #e6be5a38 80%, transparent 92%); animation: ls-fr-breathe 5s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-thor::before { inset: calc(var(--fr-k) * -5px); background: repeating-conic-gradient(#3b4250 0 6deg, #5a6272 6deg 9deg, #2c313b 9deg 12deg); box-shadow: 0 0 0 1px #8a93a3, 0 0 calc(var(--fr-k) * 12px) #5aaaff73; }
html[data-site="ls"] .ls-frame-thor > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-thor > .ls-fr-rot::before { background: conic-gradient(transparent 0 30deg, #e6f3ff 34deg, #5ab0ff 37deg, transparent 43deg, transparent 200deg, #fff 204deg, #6fc0ff 208deg, transparent 214deg, transparent 1turn); animation-duration: 1.2s; }
html[data-site="ls"] .ls-frame-thor::after { inset: calc(var(--fr-k) * -11px); background: radial-gradient(closest-side, #aad7ffd9, #50a0ff4d 55%, transparent 80%); animation: ls-fr-flash 4.2s step-end infinite; }
html[data-site="ls"] .ls-frame-freyja::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #b97a1f, 0 0 calc(var(--fr-k) * 12px) #ffb43c80; background: radial-gradient(circle, #231203, #331a05); }
html[data-site="ls"] .ls-frame-freyja > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-freyja > .ls-fr-rot::before { background: conic-gradient(#ffcf5a, #c96f12, #ffe39a, #a8520b, #ffb938, #e08a1a, #ffcf5a); animation-duration: 10s; }
html[data-site="ls"] .ls-frame-freyja::after { inset: calc(var(--fr-k) * -10px); background: radial-gradient(closest-side, transparent 64%, #ffbe5073 74%, transparent 84%); animation: ls-fr-breathe 4.5s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-loki::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #2f8a4a, 0 0 calc(var(--fr-k) * 12px) #50dc7873; background: radial-gradient(circle, #06180d, #0b2414); }
html[data-site="ls"] .ls-frame-loki > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-loki > .ls-fr-rot::before { background: conic-gradient(#1f9a4a, #e0c04a, #0d5c2a, #7fe08a, #c9a22e, #148a3c, #1f9a4a); animation-duration: 5s; }
html[data-site="ls"] .ls-frame-loki::after { inset: calc(var(--fr-k) * -11px); background: radial-gradient(closest-side, #64e68273, #28a05033 60%, transparent 80%); animation: ls-fr-flicker 1.4s steps(5) infinite; }
html[data-site="ls"] .ls-frame-fenrir::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #2a2a3a, 0 0 calc(var(--fr-k) * 12px) #ff3c3c59; background: radial-gradient(circle, #050507, #0c0c12); }
html[data-site="ls"] .ls-frame-fenrir > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-fenrir > .ls-fr-rot::before { background: conic-gradient(transparent 0 40deg, #ff3b3b 44deg, #ffb0b0 46deg, transparent 52deg, transparent 150deg, #4aa8ff 154deg, #d6ecff 156deg, transparent 162deg, transparent 260deg, #ff4a4a 264deg, transparent 270deg, transparent 1turn); animation-duration: 1.6s; }
html[data-site="ls"] .ls-frame-fenrir::after { inset: calc(var(--fr-k) * -11px); background: radial-gradient(closest-side, #ff5a5ab3, #508cff4d 55%, transparent 80%); animation: ls-fr-flash 5s step-end infinite; }
html[data-site="ls"] .ls-frame-aurora::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #2b4a8a, 0 0 calc(var(--fr-k) * 12px) #5adcc866; background: radial-gradient(circle, #050a1a, #0a1230); }
html[data-site="ls"] .ls-frame-aurora > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-aurora > .ls-fr-rot::before { filter: blur(1px); background: conic-gradient(#2ce0b0, #3a6bff, #8a4dff, #1fd18a, #4fb8ff, #b06bff, #2ce0b0); animation-duration: 12s; }
html[data-site="ls"] .ls-frame-aurora::after { inset: calc(var(--fr-k) * -10px); background: radial-gradient(closest-side, transparent 64%, #64e6d266 74%, transparent 86%); animation: ls-fr-breathe 5.5s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-orbit > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -4px); }
html[data-site="ls"] .ls-frame-orbit > .ls-fr-rot::before { background: conic-gradient(#23304d, #55b8ff, #23304d, #4a3f7a, #23304d); animation-duration: 12s; }
html[data-site="ls"] .ls-frame-orbit::before { inset: calc(var(--fr-k) * -12px); z-index: 1; background: radial-gradient(circle at 50% calc(var(--fr-k) * 7px), #dff1ff calc(var(--fr-k) * 2px), #78beff8c calc(var(--fr-k) * 4px), transparent calc(var(--fr-k) * 6px)); animation: ls-fr-orbit 5s linear infinite; }
html[data-site="ls"] .ls-frame-orbit::after { inset: calc(var(--fr-k) * -9px); background: radial-gradient(circle at 50% calc(var(--fr-k) * 6px), #ffe9b0 calc(var(--fr-k) * 1.5px), #ffd27880 calc(var(--fr-k) * 3px), transparent calc(var(--fr-k) * 5px)); animation: ls-fr-orbit 9s linear infinite reverse; }
html[data-site="ls"] .ls-frame-ouroboros::before { inset: calc(var(--fr-k) * -5px); background: #120e06; }
html[data-site="ls"] .ls-frame-ouroboros > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-ouroboros > .ls-fr-rot::before { background: repeating-conic-gradient(#b8860b 0 5deg, #7a5b12 5deg 8deg, #e6c35a 8deg 10deg, transparent 10deg 12deg), conic-gradient(#3d2f0a, #7a5b12, #3d2f0a); animation-duration: 14s; }
html[data-site="ls"] .ls-frame-ouroboros::after { content: "◆"; inset: auto calc(var(--fr-k) * -7px) auto auto; top: 12%; z-index: 1; color: #ffe9a8; font-size: calc(var(--fr-k) * 10px); line-height: 1; text-shadow: 0 0 calc(var(--fr-k) * 6px) #ffdc8ce6; animation: ls-fr-breathe 3s ease-in-out infinite; border-radius: 0; }
html[data-site="ls"] .ls-frame-neon::before { inset: calc(var(--fr-k) * -3px); background: var(--ls-brand, var(--ls-accent)); box-shadow: 0 0 calc(var(--fr-k) * 10px) var(--ls-brand, var(--ls-accent)); animation: ls-fr-breathe 2.6s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-neon::after { inset: calc(var(--fr-k) * -8px); border: calc(var(--fr-k) * 1.5px) solid color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 70%, transparent); animation: ls-fr-breathe 2.6s ease-in-out .5s infinite; }
html[data-site="ls"] .ls-frame-pixel::before { inset: calc(var(--fr-k) * -4px); background: repeating-conic-gradient(#4ade80 0 10deg, #14532d 10deg 20deg); animation: ls-fr-orbit 9s steps(18) infinite; }
html[data-site="ls"] .ls-frame-pixel::after { inset: calc(var(--fr-k) * -8px); background: repeating-conic-gradient(#bbf7d0 0 4deg, transparent 4deg 20deg); -webkit-mask: radial-gradient(farthest-side, transparent 72%, #000 74%); mask: radial-gradient(farthest-side, transparent 72%, #000 74%); animation: ls-fr-orbit 9s steps(18) infinite reverse; }
html[data-site="ls"] .ls-frame-vinyl::before { inset: calc(var(--fr-k) * -6px); background: repeating-radial-gradient(circle, #0b0b0b 0 1.5px, #262626 1.5px 3px); box-shadow: 0 0 0 1px #000, 0 calc(var(--fr-k) * 3px) calc(var(--fr-k) * 8px) #0006; }
html[data-site="ls"] .ls-frame-vinyl > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -6px); }
html[data-site="ls"] .ls-frame-vinyl > .ls-fr-rot::before { background: conic-gradient(transparent 0 40deg, #ffffff45 60deg, transparent 80deg, transparent 220deg, #ffffff45 240deg, transparent 260deg); animation-duration: 1.8s; }
html[data-site="ls"] .ls-frame-equalizer::before { inset: calc(var(--fr-k) * -4px); background: #0b1220; }
html[data-site="ls"] .ls-frame-equalizer > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -4px); }
html[data-site="ls"] .ls-frame-equalizer > .ls-fr-rot::before { background: repeating-conic-gradient(#22d3ee 0 3deg, transparent 3deg 7.5deg); animation-duration: 16s; }
html[data-site="ls"] .ls-frame-equalizer::after { inset: calc(var(--fr-k) * -9px); background: repeating-conic-gradient(from 2deg, #f472b6 0 3deg, transparent 3deg 15deg); -webkit-mask: radial-gradient(farthest-side, transparent 72%, #000 74%); mask: radial-gradient(farthest-side, transparent 72%, #000 74%); animation: ls-fr-eq .45s ease-in-out infinite alternate; }
html[data-site="ls"] .ls-frame-gamepad::before { inset: calc(var(--fr-k) * -4px); background: conic-gradient(#1f2937, #4b5563, #1f2937, #374151, #1f2937); box-shadow: 0 0 0 1px #0b0f17; }
html[data-site="ls"] .ls-frame-gamepad::after { inset: calc(var(--fr-k) * -12px); z-index: 1; background: radial-gradient(circle at 50% calc(var(--fr-k) * 6px), #ef4444 calc(var(--fr-k) * 3px), transparent calc(var(--fr-k) * 4.5px)), radial-gradient(circle at calc(100% - var(--fr-k) * 6px) 50%, #22c55e calc(var(--fr-k) * 3px), transparent calc(var(--fr-k) * 4.5px)), radial-gradient(circle at 50% calc(100% - var(--fr-k) * 6px), #3b82f6 calc(var(--fr-k) * 3px), transparent calc(var(--fr-k) * 4.5px)), radial-gradient(circle at calc(var(--fr-k) * 6px) 50%, #eab308 calc(var(--fr-k) * 3px), transparent calc(var(--fr-k) * 4.5px)); animation: ls-fr-orbit 8s linear infinite; }
html[data-site="ls"] .ls-frame-sakura::before { inset: calc(var(--fr-k) * -4px); background: conic-gradient(#f9a8d4, #fce7f3, #f472b6, #fbcfe8, #f9a8d4); box-shadow: 0 0 calc(var(--fr-k) * 10px) #f9a8d480; }
html[data-site="ls"] .ls-frame-sakura::after { inset: calc(var(--fr-k) * -12px); z-index: 1; background: radial-gradient(ellipse calc(var(--fr-k) * 4px) calc(var(--fr-k) * 2.6px) at 50% 8%, #fbcfe8 90%, transparent), radial-gradient(ellipse calc(var(--fr-k) * 3.4px) calc(var(--fr-k) * 2.2px) at 88% 32%, #f9a8d4 90%, transparent), radial-gradient(ellipse calc(var(--fr-k) * 4px) calc(var(--fr-k) * 2.6px) at 80% 84%, #fce7f3 90%, transparent), radial-gradient(ellipse calc(var(--fr-k) * 3.4px) calc(var(--fr-k) * 2.2px) at 22% 90%, #f472b6 90%, transparent), radial-gradient(ellipse calc(var(--fr-k) * 3.6px) calc(var(--fr-k) * 2.4px) at 8% 40%, #fbcfe8 90%, transparent); animation: ls-fr-orbit 14s linear infinite; }
html[data-site="ls"] .ls-frame-credits-roll::before { inset: calc(var(--fr-k) * -4px); background: #0b0b10; }
html[data-site="ls"] .ls-frame-credits-roll > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -4px); }
html[data-site="ls"] .ls-frame-credits-roll > .ls-fr-rot::before { background: repeating-conic-gradient(#e5e7eb 0 1.2deg, transparent 1.2deg 3deg, #9ca3af 3deg 4deg, transparent 4deg 7deg); animation-duration: 30s; animation-direction: reverse; }
html[data-site="ls"] .ls-frame-credits-roll::after { inset: calc(var(--fr-k) * -8px); background: radial-gradient(closest-side, transparent 72%, #ffffff30 82%, transparent 94%); animation: ls-fr-breathe 4s ease-in-out infinite; }
html[data-site="ls"] .ls-frame-kitsune::before { inset: calc(var(--fr-k) * -5px); box-shadow: 0 0 0 1px #1e3a8a, 0 0 calc(var(--fr-k) * 12px) #38bdf88c; background: radial-gradient(circle, #020617, #0b1a3a); }
html[data-site="ls"] .ls-frame-kitsune > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -5px); }
html[data-site="ls"] .ls-frame-kitsune > .ls-fr-rot::before { filter: blur(.5px); background: conic-gradient(#1d4ed8, #7dd3fc, #1e40af, #e0f2fe, #2563eb, #38bdf8, #1d4ed8); animation-duration: 2.4s; }
html[data-site="ls"] .ls-frame-kitsune::after { inset: calc(var(--fr-k) * -11px); background: radial-gradient(closest-side, #60a5fa8c, #1d4ed840 60%, transparent 80%); animation: ls-fr-flicker 1s steps(6) infinite; }
html[data-site="ls"] .ls-frame-game-over::before { inset: calc(var(--fr-k) * -4px); background: repeating-linear-gradient(0deg, #ef4444 0 2px, #450a0a 2px 4px); box-shadow: 0 0 calc(var(--fr-k) * 10px) #ef444480; animation: ls-fr-blink 1.2s steps(1) infinite; }
html[data-site="ls"] .ls-frame-game-over::after { inset: calc(var(--fr-k) * -9px); border: calc(var(--fr-k) * 2px) dashed #fca5a5; opacity: .65; animation: ls-fr-orbit 6s steps(12) infinite; }
html[data-site="ls"] .ls-frame-platinum::before { inset: calc(var(--fr-k) * -4px); box-shadow: 0 0 calc(var(--fr-k) * 10px) #e2e8f080; background: conic-gradient(#94a3b8, #f8fafc, #cbd5e1, #ffffff, #64748b, #e2e8f0, #94a3b8); }
html[data-site="ls"] .ls-frame-platinum > .ls-fr-rot { display: block; inset: calc(var(--fr-k) * -4px); }
html[data-site="ls"] .ls-frame-platinum > .ls-fr-rot::before { background: conic-gradient(transparent 0 280deg, #ffffff 330deg, transparent 1turn); animation-duration: 3s; }

html[data-site="ls"] .ls-n { font-weight: 800; --c: var(--nc, var(--ls-brand, var(--ls-accent))); --c2: var(--nc2, var(--c)); --na: 55%; }
html[data-site="ls"][data-theme^="dark"] .ls-n { --c: var(--nd, var(--ls-brand, var(--ls-accent))); --c2: var(--nd2, var(--c)); --na: 100%; }
html[data-site="ls"] .ls-nw-bold { font-weight: 900; }
html[data-site="ls"] .ls-nw-smallcaps { font-variant: small-caps; letter-spacing: .03em; }
html[data-site="ls"] .ls-nc { color: var(--nc); }
html[data-site="ls"][data-theme^="dark"] .ls-nc { color: var(--nd); }
@keyframes ls-nm-slide { to { background-position: 200%; } }
@keyframes ls-nm-neon { 0%, 6.5%, 8%, 100% { opacity: 1; } 7% { opacity: .35; } 46%, 47.5% { opacity: 1; } 46.8% { opacity: .5; } }
@keyframes ls-nm-glitch { 0%, 42%, 50%, 86%, 97%, 100% { text-shadow: none; transform: translate(0); } 44% { text-shadow: 2px 0 #ff0040d9, -2px 0 #00d6ffd9; transform: translate(-1px); } 47% { text-shadow: -1.5px 0 #ff0040d9, 1.5px 0 #00d6ffd9; transform: translate(1px); } 88% { text-shadow: 2.5px 0 #ff0040d9, -2.5px 0 #00d6ffd9; transform: translate(1px, -1px); } 91% { text-shadow: -2px 0 #ff0040d9, 2px 0 #00d6ffd9; transform: translate(-1px, 1px); } 94% { text-shadow: 1.5px 0 #ff0040d9, -1.5px 0 #00d6ffd9; transform: translate(1px); } }
html[data-site="ls"] .ls-ne-shadow { color: var(--c); text-shadow: 1px 1px 0 color-mix(in srgb, var(--c) 55%, #000), 2px 2px 0 color-mix(in srgb, var(--c) 38%, #000), 3px 3px 0 color-mix(in srgb, var(--c) 25%, #000), 0 6px 10px #0000004d; }
html[data-site="ls"] .ls-ne-outline { color: transparent; -webkit-text-stroke: 1px var(--c); text-shadow: 0 0 8px color-mix(in srgb, var(--c) 45%, transparent); }
html[data-site="ls"] .ls-ne-ember { -webkit-text-fill-color: transparent; color: transparent; filter: drop-shadow(0 0 5px #ff5a1f8c); background-image: linear-gradient(90deg, #7a1a05, #ff5a1f, #ffc46b, #ff5a1f, #7a1a05); background-size: 250%; -webkit-background-clip: text; background-clip: text; animation: ls-nm-slide 6s linear infinite; }
html[data-site="ls"] .ls-ne-neon { color: var(--c); text-shadow: 0 0 4px color-mix(in srgb, var(--c) var(--na), transparent), 0 0 11px color-mix(in srgb, var(--c) var(--na), transparent), 0 0 22px color-mix(in srgb, var(--c) var(--na), transparent); animation: ls-nm-neon 4.2s step-end infinite; }
html[data-site="ls"] .ls-ne-glitch { display: inline-block; color: var(--c); animation: ls-nm-glitch 2.6s step-end infinite; }
html[data-site="ls"] .ls-ne-signature { -webkit-text-fill-color: transparent; color: transparent; background-image: linear-gradient(90deg, var(--c), var(--c2), var(--c)); background-size: 200%; -webkit-background-clip: text; background-clip: text; animation: ls-nm-slide 4s linear infinite; filter: drop-shadow(0 0 4px color-mix(in srgb, var(--c2) 40%, transparent)); }
html[data-site="ls"] .ls-nf-rounded { font-family: "LS Rounded", var(--ls-font); font-weight: 600; }
html[data-site="ls"] .ls-nf-retro { font-family: "LS Retro", var(--ls-font); font-weight: 400; }
html[data-site="ls"] .ls-nf-futurist { font-family: "LS Futurist", var(--ls-font); letter-spacing: .02em; }
html[data-site="ls"] .ls-nf-terminal { font-family: "LS Terminal", ui-monospace, monospace; font-weight: 400; font-size: 1.25em; line-height: 1; }
html[data-site="ls"] .ls-nf-handwritten { font-family: "LS Handwritten", cursive; font-size: 1.25em; line-height: 1; }
html[data-site="ls"] .ls-nf-elegant { font-family: "LS Elegant", Georgia, serif; }
html[data-site="ls"] .ls-nf-comic { font-family: "LS Comic", var(--ls-font); font-weight: 400; letter-spacing: .05em; }
html[data-site="ls"] .ls-nf-typewriter { font-family: "LS Typewriter", ui-monospace, monospace; }
html[data-site="ls"] .ls-n-emoji { margin-left: .25em; }
html[data-site="ls"] .ls-n-icon { width: 1.25em; height: 1.25em; margin-left: .25em; border-radius: 4px; vertical-align: -0.25em; object-fit: cover; }
html[data-site="ls"] .ls-n-vip { display: inline-block; margin-left: .35em; padding: 0 .45em; border-radius: 999px; font: 900 .68em/1.6 system-ui, sans-serif; letter-spacing: .06em; color: #3b2600; background: linear-gradient(135deg, #fde68a, #f59e0b); vertical-align: .15em; }

html[data-site="ls"] .lspb-wrap { margin: 0 10px 10px; }
html[data-site="ls"] .lspb { display: grid; grid-template-columns: 190px minmax(0, 1fr); background: var(--ls-card); border: 1px solid var(--ls-line); border-radius: 14px; overflow: hidden; color: var(--ls-text); }
html[data-site="ls"] .lspb.lspb-closed { display: flex; align-items: center; gap: 10px; padding: 8px 12px; font-size: 13px; flex-wrap: wrap; }
html[data-site="ls"] .lspb-closed .lspb-date { margin-left: auto; color: var(--ls-muted); }
html[data-site="ls"] .lspb-author { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 12px 12px; border-right: 1px solid var(--ls-line); background: var(--ls-field); text-align: center; min-width: 0; }
html[data-site="ls"] .lspb-toggle { position: absolute; top: 8px; left: 8px; line-height: 0; }
html[data-site="ls"] .lspb-closed .lspb-toggle { position: static; }
html[data-site="ls"] .lspb-av { margin: 16px 0 12px; --fr-k: 1.5; }
html[data-site="ls"] .lspb-av .ls-avatar { width: 100px; height: 100px; font-size: 38px; }
html[data-site="ls"] .lspb-name { display: inline-flex; align-items: center; gap: 4px; font-size: 15px; overflow-wrap: anywhere; }
html[data-site="ls"] .lspb-name a { color: inherit; text-decoration: none; }
html[data-site="ls"] .lspb-name img { flex: none; }
html[data-site="ls"] .lspb-title { font-size: 12px; font-weight: 700; color: var(--ls-muted); overflow-wrap: anywhere; }
html[data-site="ls"] .lspb-lvl { width: 100%; display: flex; flex-direction: column; gap: 3px; font-size: 11.5px; }
html[data-site="ls"] .lspb-bar { display: block; height: 6px; border-radius: 99px; background: var(--ls-line); overflow: hidden; }
html[data-site="ls"] .lspb-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ls-brand, var(--ls-accent)), var(--ls-accent)); }
html[data-site="ls"] .lspb-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px; }
html[data-site="ls"] .lspb-chip { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--ls-line); border-radius: 999px; padding: 1px 8px; font-size: 11px; font-weight: 800; background: var(--ls-card); }
html[data-site="ls"] .lspb-chip.is-ref { color: #7c3aed; }
html[data-site="ls"][data-theme^="dark"] .lspb-chip.is-ref { color: #c4b5fd; }
html[data-site="ls"] .lspb-hex { display: inline-block; width: 13px; height: 13px; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); background: linear-gradient(135deg, var(--b1), var(--b2)); }
html[data-site="ls"] .lspb-facts { width: 100%; margin: 0; display: flex; flex-direction: column; gap: 1px; font-size: 11.5px; text-align: left; }
html[data-site="ls"] .lspb-facts > div { display: flex; flex-wrap: wrap; column-gap: 8px; }
html[data-site="ls"] .lspb-facts dt { color: var(--ls-muted); }
html[data-site="ls"] .lspb-facts dd { margin: 0 0 0 auto; flex: 0 0 auto; max-width: 100%; font-weight: 700; overflow-wrap: anywhere; }
html[data-site="ls"] .lspb-more { width: 100%; }
html[data-site="ls"] .lspb-more summary { cursor: pointer; font-size: 11.5px; font-weight: 800; color: var(--ls-brand, var(--ls-accent)); list-style: none; }
html[data-site="ls"] .lspb-more summary::-webkit-details-marker { display: none; }
html[data-site="ls"] .lspb-more summary::after { content: " ▾"; }
html[data-site="ls"] .lspb-more[open] summary::after { content: " ▴"; }
html[data-site="ls"] .lspb-more .lspb-facts { margin-top: 6px; }
html[data-site="ls"] .lspb-body { display: flex; flex-direction: column; gap: 10px; padding: 12px 16px; min-width: 0; }
html[data-site="ls"] .lspb-head { display: flex; justify-content: space-between; gap: 6px 12px; flex-wrap: wrap; font-size: 13px; }
html[data-site="ls"] .lspb-date { color: var(--ls-muted); font-size: 12px; white-space: nowrap; }
html[data-site="ls"] .lspb-message { min-width: 0; overflow-wrap: anywhere; font: 12px verdana, tahoma, arial, helvetica, sans-serif; }
html[data-site="ls"] .lspb-head .lspb-subject { font: 12px verdana, tahoma, arial, helvetica, sans-serif; }
@media (min-width: 884.02px) {
  html[data-site="ls"] .lspb-message, html[data-site="ls"] .lspb-head .lspb-subject { font-size: 14px; }
}
html[data-site="ls"] .lspb-signature { border-top: 1px dashed var(--ls-line); padding-top: 8px; font-size: 12.5px; color: var(--ls-muted); }
html[data-site="ls"] .lspb-edited, html[data-site="ls"] .lspb-report { margin: 0; font-size: 12px; color: var(--ls-muted); }
html[data-site="ls"] .lspb-report { text-align: right; margin-top: auto; }
html[data-site="ls"] .lspb-foot { display: flex; justify-content: space-between; align-items: center; gap: 6px; flex-wrap: wrap; border-top: 1px solid var(--ls-line); padding-top: 10px; }
html[data-site="ls"] .lspb-links, html[data-site="ls"] .lspb-actions { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }
@media (max-width: 760px) {
  html[data-site="ls"] .lspb { grid-template-columns: minmax(0, 1fr); }
  html[data-site="ls"] .lspb-author { border-right: 0; border-bottom: 1px solid var(--ls-line); display: grid; grid-template-columns: auto minmax(0, 1fr); justify-items: start; text-align: left; column-gap: 12px; }
  html[data-site="ls"] .lspb-author > .lspb-av { grid-row: span 4; margin: 10px; --fr-k: 1.15; }
  html[data-site="ls"] .lspb-av .ls-avatar { width: 72px; height: 72px; font-size: 28px; }
  html[data-site="ls"] .lspb-author > .lspb-facts, html[data-site="ls"] .lspb-author > .lspb-more { grid-column: 1 / -1; }
  html[data-site="ls"] .lspb-chips { justify-content: flex-start; }
}

html[data-site="ls"] .lsm { display: flex; flex-direction: column; gap: 14px; }
html[data-site="ls"] .lsm-radio { position: fixed; top: 0; left: 0; opacity: 0; pointer-events: none; }
html[data-site="ls"] .lsm-card { background: var(--ls-card); border: 1px solid var(--ls-line); border-radius: 16px; overflow: hidden; color: var(--ls-text); }
html[data-site="ls"] .lsm-card.is-gold { border: 2px solid #d4a017; box-shadow: 0 0 0 1px rgba(212, 160, 23, .35), 0 10px 30px -12px rgba(180, 130, 10, .55); background-image: linear-gradient(160deg, rgba(253, 230, 138, .22), rgba(212, 160, 23, .08) 45%, transparent 70%); }
html[data-site="ls"] .lsm-card.is-gold .lsm-who h1::after { content: "Carte dorée"; display: inline-block; margin-left: .5em; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 900; color: #3b2600; background: linear-gradient(135deg, #fde68a, #d4a017); vertical-align: middle; }
html[data-site="ls"] .lsm-banner { position: relative; height: 160px; overflow: hidden; background: linear-gradient(120deg, color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 55%, var(--ls-card)), color-mix(in srgb, var(--ls-accent) 35%, var(--ls-card))); }
html[data-site="ls"] .lsm-id { display: flex; align-items: flex-end; gap: 22px; flex-wrap: wrap; padding: 0 26px; margin-top: -66px; position: relative; }
html[data-site="ls"] .lsm-av { --fr-k: 2.2; }
html[data-site="ls"] .lsm-av .ls-avatar { width: 140px; height: 140px; font-size: 54px; box-shadow: 0 0 0 4px var(--ls-card); }
html[data-site="ls"] .lsm-who { display: flex; flex-direction: column; gap: 2px; padding-bottom: 6px; min-width: 0; }
html[data-site="ls"] .lsm-who h1 { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 24px; overflow-wrap: anywhere; }
html[data-site="ls"] .lsm-who p { margin: 0; font-size: 13px; font-weight: 700; color: var(--ls-muted); }
html[data-site="ls"] .lsm-online { width: 10px; height: 10px; border-radius: 50%; background: #22c55e; display: inline-block; }
html[data-site="ls"] .lsm-actions { margin-left: auto; display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 8px; }
html[data-site="ls"] .lsm-cta, html[data-site="ls"] .lsm-ghost { display: inline-flex; align-items: center; border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 800; text-decoration: none; }
html[data-site="ls"] .lsm-cta { background: var(--ls-brand, var(--ls-accent)); color: #1d2233; }
html[data-site="ls"] .lsm-ghost { border: 1px solid var(--ls-line); color: var(--ls-text); background: var(--ls-card); }
html[data-site="ls"] .lsm-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 16px 22px 0; }
html[data-site="ls"] .lsm-stat { display: flex; flex-direction: column; gap: 3px; border: 1px solid var(--ls-line); border-radius: 12px; padding: 10px 12px; background: var(--ls-field); font-size: 12px; color: var(--ls-muted); min-width: 0; }
html[data-site="ls"] .lsm-stat small { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
html[data-site="ls"] .lsm-stat b { font-size: 18px; font-weight: 900; color: var(--ls-text); font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsm-stat.is-ref small { color: #7c3aed; }
html[data-site="ls"] .lsm-stat .lspb-bar { margin: 4px 0 2px; }
html[data-site="ls"] .lsm-stat.is-level b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 899px) { html[data-site="ls"] .lsm-stat.is-level { grid-column: 1 / -1; } }
@media (min-width: 900px) { html[data-site="ls"] .lsm-stats { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.1fr) minmax(0, 1.2fr) minmax(0, 1.3fr) minmax(0, .8fr); } }
html[data-site="ls"] .lsm-stat.is-total { justify-content: center; }
html[data-site="ls"] .lsm-stat.is-total b { font-size: 30px; line-height: 1.1; letter-spacing: -.01em; }
html[data-site="ls"] .lsm-stat.is-split dl { margin: 2px 0 0; display: flex; flex-direction: column; gap: 4px; }
html[data-site="ls"] .lsm-stat.is-split dl div { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
html[data-site="ls"] .lsm-stat.is-split dt { font-size: 12.5px; font-weight: 700; }
html[data-site="ls"] .lsm-stat.is-split dd { margin: 0; white-space: nowrap; font-size: 16px; font-weight: 900; color: var(--ls-text); font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsm-stat.is-split .is-ref dt { color: #7c3aed; }
html[data-site="ls"][data-theme^="dark"] .lsm-stat.is-split .is-ref dt { color: #c4b5fd; }
html[data-site="ls"] .lsm-won { padding: 14px 22px 0; display: flex; flex-direction: column; gap: 8px; }
html[data-site="ls"] .lsm-won h2 { margin: 0; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ls-muted); }
html[data-site="ls"] .lsm-won ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px 14px; }
html[data-site="ls"] .lsm-won li { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 800; }
html[data-site="ls"] .lsm-won-emblem { width: 32px; height: auto; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .25)); }
html[data-site="ls"][data-theme^="dark"] .lsm-stat.is-ref small { color: #c4b5fd; }
html[data-site="ls"] .lsm-tabs { display: flex; gap: 4px; padding: 14px 22px 0; border-bottom: 1px solid var(--ls-line); overflow-x: auto; }
html[data-site="ls"] .lsm-tab { padding: 8px 14px; font-weight: 800; color: var(--ls-muted); border-bottom: 3px solid transparent; cursor: pointer; white-space: nowrap; }
html[data-site="ls"] .lsm-panel { display: none; gap: 16px; padding: 18px 22px 22px; }
html[data-site="ls"] #lsm-t-overview:checked ~ .lsm-card .lsm-p-overview { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
html[data-site="ls"] #lsm-t-badges:checked ~ .lsm-card .lsm-p-badges, html[data-site="ls"] #lsm-t-history:checked ~ .lsm-card .lsm-p-history, html[data-site="ls"] #lsm-t-collection:checked ~ .lsm-card .lsm-p-collection { display: grid; }
html[data-site="ls"] #lsm-t-overview:checked ~ .lsm-card label[for="lsm-t-overview"], html[data-site="ls"] #lsm-t-badges:checked ~ .lsm-card label[for="lsm-t-badges"], html[data-site="ls"] #lsm-t-history:checked ~ .lsm-card label[for="lsm-t-history"], html[data-site="ls"] #lsm-t-collection:checked ~ .lsm-card label[for="lsm-t-collection"] { color: var(--ls-text); border-bottom-color: var(--ls-brand, var(--ls-accent)); }
html[data-site="ls"] .lsm-radio:focus-visible ~ .lsm-card .lsm-tabs { outline: 2px solid var(--ls-brand, var(--ls-accent)); outline-offset: 2px; }
html[data-site="ls"] .lsm-side { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
html[data-site="ls"] .lsm-box { border: 1px solid var(--ls-line); border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 10px; min-width: 0; }
html[data-site="ls"] .lsm-box h2 { margin: 0; font-size: 15px; font-weight: 900; }
html[data-site="ls"] .lsm-kv { margin: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 16px; font-size: 13px; }
html[data-site="ls"] .lsm-kv dt { color: var(--ls-muted); font-weight: 700; }
html[data-site="ls"] .lsm-kv dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
html[data-site="ls"] .lsm-badges-box { grid-column: 1 / -1; }
html[data-site="ls"] .lsm-badges-box h2 { display: flex; align-items: baseline; gap: 10px; }
html[data-site="ls"] .lsm-badges-box h2 span { font-size: 13px; font-weight: 800; color: var(--ls-muted); font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsm-families { display: flex; flex-direction: column; gap: 18px; }
html[data-site="ls"] .lsm-family h3 { display: flex; align-items: baseline; gap: 10px; margin: 0 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--ls-line); font-size: 13px; }
html[data-site="ls"] .lsm-family h3 b { font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
html[data-site="ls"] .lsm-family h3 span { color: var(--ls-muted); font-weight: 800; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsm-badges { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr)); gap: 10px; }
html[data-site="ls"] .lsm-badges + .lsm-badges { margin-top: 10px; }
html[data-site="ls"] .lsm-badge { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; min-width: 0; padding: 10px 14px; border: 1px solid var(--ls-line); border-radius: 12px; background: var(--ls-card); font-size: 12.5px; }
html[data-site="ls"] .lsm-badge.is-earned { background: color-mix(in srgb, var(--ls-card) 86%, #f0b429); border-color: color-mix(in srgb, var(--ls-line) 40%, #e3a92a); }
html[data-site="ls"] .lsm-emblem { width: 64px; height: auto; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .2)); }
html[data-site="ls"] .lsm-badge.is-locked .lsm-emblem { filter: grayscale(1) brightness(1.05) contrast(.95); opacity: .75; }
html[data-site="ls"] .lsm-btext { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html[data-site="ls"] .lsm-btext b { font-size: 14px; font-weight: 900; line-height: 1.2; }
html[data-site="ls"] .lsm-btext small { color: var(--ls-muted); font-weight: 700; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsm-btext small.lsm-got { color: #c98b10; }
html[data-site="ls"][data-theme^="dark"] .lsm-btext small.lsm-got { color: #f2c46a; }
html[data-site="ls"] .lsm-bbar { width: 100%; max-width: 160px; height: 4px; border-radius: 3px; background: var(--ls-field); overflow: hidden; }
html[data-site="ls"] .lsm-bbar i { display: block; height: 100%; background: linear-gradient(90deg, var(--b2), var(--b1)); }
html[data-site="ls"] .lsm-btext p { margin: 0; font-size: 12px; line-height: 1.35; color: var(--ls-muted); }
html[data-site="ls"] .lspb-emblem { width: 18px; height: auto; margin: -2px 0; }
html[data-site="ls"] .lsm-gains, html[data-site="ls"] .lsm-coll { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; font-size: 12.5px; }
html[data-site="ls"] .lsm-gains li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 10px; padding: 6px 0; border-top: 1px solid var(--ls-line); }
html[data-site="ls"] .lsm-gains li:first-child, html[data-site="ls"] .lsm-coll li:first-child { border-top: 0; }
html[data-site="ls"] .lsm-gains time { color: var(--ls-muted); }
html[data-site="ls"] .lsm-coll li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; padding: 8px 0; border-top: 1px solid var(--ls-line); }
html[data-site="ls"] .lsm-coll small { grid-column: 1 / -1; color: var(--ls-muted); }
html[data-site="ls"] .lsm-empty { margin: 0; color: var(--ls-muted); font-size: 13px; }
html[data-site="ls"] .lsm-admin { margin: 0; padding: 0 22px 18px; font-size: 12.5px; font-weight: 700; }
@media (max-width: 760px) {
  html[data-site="ls"] #lsm-t-overview:checked ~ .lsm-card .lsm-p-overview { grid-template-columns: minmax(0, 1fr); }
  html[data-site="ls"] .lsm-actions { margin-left: 0; }
  html[data-site="ls"] .lsm-id, html[data-site="ls"] .lsm-stats, html[data-site="ls"] .lsm-tabs, html[data-site="ls"] .lsm-won, html[data-site="ls"] .lsm-panel { padding-left: 14px; padding-right: 14px; }
}

html[data-site="ls"] .ls-ptheme { position: relative; overflow: hidden; container-type: size; background-color: #1e293b; }
html[data-site="ls"] .ls-ptheme i, html[data-site="ls"] .ls-ptheme b { position: absolute; display: block; font-style: normal; font-weight: inherit; pointer-events: none; }
html[data-site="ls"] .ls-ptheme svg { position: absolute; inset: 0; width: 100%; height: 100%; }
@keyframes ls-th-th-breathe { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes ls-th-th-spin { to { transform: rotate(1turn); } }
@keyframes ls-th-th-flick { 0%, 9%, 12%, 58%, 61%, 100% { opacity: 1; } 10%, 59% { opacity: .25; } 11% { opacity: .8; } }
@keyframes ls-th-th-blink { 50% { opacity: 0; } }
@keyframes ls-th-th-drift { from { transform: translateX(0); } to { transform: translateX(-140cqw); } }
@keyframes ls-th-th-rain { to { background-position: -14px 46px; } }
@keyframes ls-th-th-float { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(var(--dx, 6px), var(--dy, -8px)); } }
html[data-site="ls"] .ls-ptheme-film-noir { background: linear-gradient(160deg, #1c1c20, #0a0a0b 70%); --line-c: #9ca3af; }
html[data-site="ls"] .ls-ptheme-film-noir .lst-blind { right: 2%; top: -30%; width: 62%; height: 170%; background: repeating-linear-gradient(180deg, #fff4d64d 0 6%, transparent 6% 11%); transform: skewY(-16deg); -webkit-mask: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); mask: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); animation: ls-th-noir-blind 9s ease-in-out infinite alternate; }
@keyframes ls-th-noir-blind { from { opacity: .65; transform: skewY(-16deg) translateX(0); } to { opacity: 1; transform: skewY(-16deg) translateX(-5%); } }
html[data-site="ls"] .ls-ptheme-film-noir .lst-smoke { left: 30%; bottom: -40%; width: 60%; height: 120%; background: radial-gradient(ellipse, #c8c8d22e, transparent 62%); filter: blur(8px); animation: ls-th-th-float 11s ease-in-out infinite; --dx: 30px; --dy: -14px; }
html[data-site="ls"] .ls-ptheme-film-noir .lst-rain { inset: 0; background-image: linear-gradient(105deg, transparent 47%, #dce6ff2e 48%, transparent 49%); background-size: 14px 46px; animation: ls-th-th-rain .5s linear infinite; }
html[data-site="ls"] .ls-ptheme-film-noir .lst-grain { inset: 0; background-image: radial-gradient(#ffffff12 1px, transparent 1px); background-size: 3px 3px; animation: ls-fr-vhs .3s steps(2) infinite; }
html[data-site="ls"] .ls-ptheme-film-noir .lst-fin { right: 6%; bottom: 10%; color: #f5f5f4cc; font: 800 italic 13cqh "LS Elegant", Georgia, serif; letter-spacing: .1em; animation: ls-th-th-breathe 6s ease-in-out infinite; }
html[data-site="ls"] .ls-ptheme-arcade { background: linear-gradient(180deg, #12052e, #2a0b5c 64%, #0d0420 64%); }
html[data-site="ls"] .ls-ptheme-arcade .lst-floor { left: 0; right: 0; bottom: 0; height: 36%; background: repeating-conic-gradient(#1a0838 0 25%, #2d0f5e 0 50%) 0 0 / 7cqh 7cqh; }
html[data-site="ls"] .ls-ptheme-arcade .lst-cab { bottom: 22%; width: 11%; height: 62%; border-radius: 6px 6px 0 0; background: linear-gradient(90deg, #0d0724, #24124f 50%, #0d0724); box-shadow: 0 0 0 1px #3b2380; }
html[data-site="ls"] .ls-ptheme-arcade .lst-cab::before { content: ""; position: absolute; left: 13%; right: 13%; top: 22%; height: 34%; border-radius: 3px; background: var(--c); box-shadow: 0 0 12px var(--c); animation: ls-th-th-flick 3.6s steps(1) infinite; animation-delay: var(--dl, 0s); }
html[data-site="ls"] .ls-ptheme-arcade .lst-cab::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 13%; border-radius: 6px 6px 0 0; background: var(--c2); box-shadow: 0 0 10px var(--c2); }
html[data-site="ls"] .ls-ptheme-arcade .lst-coin { left: 4%; top: 9%; color: #fde047; font: 400 15cqh "LS Terminal", monospace; letter-spacing: .06em; text-shadow: 0 0 8px #facc15; animation: ls-th-th-blink 1.1s steps(1) infinite; }
html[data-site="ls"] .ls-ptheme-pixel-world { background: linear-gradient(#7dd3fc, #e0f2fe 72%); image-rendering: pixelated; }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-sun { right: 8%; top: 10%; width: 14cqh; height: 14cqh; background: #fde047; box-shadow: 0 0 0 1.4cqh #fef08a; }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-cloud { left: 100%; width: 13%; height: 9%; background: #fff; animation: ls-th-th-drift var(--d) linear infinite; animation-delay: var(--dl); }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-cloud::before, html[data-site="ls"] .ls-ptheme-pixel-world .lst-cloud::after { content: ""; position: absolute; background: #fff; }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-cloud::before { left: 18%; bottom: 100%; width: 40%; height: 70%; }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-cloud::after { left: 40%; bottom: 100%; width: 26%; height: 130%; }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-hills { left: 0; right: 0; bottom: 14%; height: 34%; background: radial-gradient(circle at 50% 100%, #16a34a 0 58%, transparent 59%) 0 100% / 30cqh 100% repeat-x, radial-gradient(circle at 50% 100%, #4ade80 0 58%, transparent 59%) 15cqh 100% / 44cqh 80% repeat-x; animation: ls-th-px-hills 9s linear infinite; }
@keyframes ls-th-px-hills { to { background-position: -30cqh 100%, -29cqh 100%; } }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-ground { left: 0; right: 0; bottom: 0; height: 15%; background: repeating-linear-gradient(90deg, #a16207 0 5cqh, #ca8a04 5cqh 10cqh); box-shadow: inset 0 2cqh 0 #16a34a; animation: ls-th-px-ground 1s linear infinite; }
@keyframes ls-th-px-ground { to { background-position: -10cqh 0; } }
html[data-site="ls"] .ls-ptheme-pixel-world .lst-coin { width: 7cqh; height: 9cqh; border-radius: 40%; background: #facc15; box-shadow: inset -1.4cqh 0 #ca8a04, 0 0 0 .8cqh #a16207; animation: ls-th-px-coin 1s steps(4) infinite, ls-th-th-float 2s ease-in-out infinite; --dx: 0; --dy: -4cqh; }
@keyframes ls-th-px-coin { 50% { transform: scaleX(.2); } }
html[data-site="ls"] .ls-ptheme-undergrowth { background: radial-gradient(ellipse at 70% 130%, #14532d, #052e16 45%, #020a06); }
html[data-site="ls"] .ls-ptheme-undergrowth .lst-moon { right: 9%; top: 12%; width: 16cqh; height: 16cqh; border-radius: 50%; background: #fefce8; box-shadow: 0 0 22px 6px #fef9c355; }
html[data-site="ls"] .ls-ptheme-undergrowth .lst-trees { left: 0; right: 0; bottom: 0; height: 70%; background: radial-gradient(ellipse 9% 70% at 6% 100%, #010c06 97%, transparent), radial-gradient(ellipse 7% 55% at 22% 100%, #021208 97%, transparent), radial-gradient(ellipse 11% 85% at 44% 100%, #010c06 97%, transparent), radial-gradient(ellipse 8% 60% at 64% 100%, #021208 97%, transparent), radial-gradient(ellipse 12% 78% at 88% 100%, #010c06 97%, transparent); }
html[data-site="ls"] .ls-ptheme-undergrowth .lst-ff { width: 1.1cqw; max-width: 6px; aspect-ratio: 1; border-radius: 50%; background: #ecfccb; box-shadow: 0 0 6px 2px #bef264, 0 0 14px 4px #84cc1666; animation: ls-th-th-float var(--d) ease-in-out infinite, ls-th-th-breathe calc(var(--d) * .6) ease-in-out infinite; animation-delay: var(--dl); }
html[data-site="ls"] .ls-ptheme-vhs { background: linear-gradient(180deg, #0f2a8a, #1d3fb8); }
html[data-site="ls"] .ls-ptheme-vhs .lst-jit i { font: 400 15cqh "LS Terminal", monospace; color: #f8fafc; text-shadow: 2px 0 #ff0040aa, -2px 0 #00d6ffaa; }
html[data-site="ls"] .ls-ptheme-vhs .lst-scan { inset: 0; background: repeating-linear-gradient(0deg, transparent 0 2px, #0000002e 2px 3px); }
html[data-site="ls"] .ls-ptheme-vhs .lst-play { left: 5%; top: 8%; }
html[data-site="ls"] .ls-ptheme-vhs .lst-rec { right: 5%; top: 8%; color: #fecaca; }
html[data-site="ls"] .ls-ptheme-vhs .lst-rec::first-letter { color: #ef4444; }
html[data-site="ls"] .ls-ptheme-vhs .lst-rec { animation: ls-th-th-blink 1.4s steps(1) infinite; }
html[data-site="ls"] .ls-ptheme-vhs .lst-tc { right: 5%; bottom: 8%; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .ls-ptheme-vhs .lst-track { left: 0; right: 0; height: 12%; top: -15%; background: linear-gradient(transparent, #ffffff40 40%, #ffffff20 60%, transparent), repeating-linear-gradient(90deg, #ffffff33 0 2px, transparent 2px 7px); animation: ls-th-vhs-track 4.5s linear infinite; }
@keyframes ls-th-vhs-track { to { top: 115%; } }
html[data-site="ls"] .ls-ptheme-vhs .lst-jit { inset: 0; animation: ls-fr-vhs .25s steps(2) infinite; }
html[data-site="ls"] .ls-ptheme-code-rain { background: radial-gradient(ellipse at 50% 0, #052e16, #010805 70%); }
html[data-site="ls"] .ls-ptheme-code-rain .lst-col { top: 0; width: 4%; writing-mode: vertical-lr; text-orientation: upright; font: 400 9cqh/1 "LS Terminal", monospace; color: #4ade80; text-shadow: 0 0 6px #22c55e; -webkit-mask: linear-gradient(transparent, #000 70%); mask: linear-gradient(transparent, #000 70%); animation: ls-th-code-fall var(--d) linear infinite; animation-delay: var(--dl); }
@keyframes ls-th-code-fall { from { transform: translateY(-110%); } to { transform: translateY(120cqh); } }
html[data-site="ls"] .ls-ptheme-concert { background: radial-gradient(ellipse at 50% 115%, #4c1d95, #0b0b12 68%); }
html[data-site="ls"] .ls-ptheme-concert .lst-beam { top: -12%; left: var(--x); width: 34%; height: 135%; transform-origin: 50% 0; background: linear-gradient(var(--c), transparent 82%); clip-path: polygon(46% 0, 54% 0, 100% 100%, 0 100%); opacity: .55; mix-blend-mode: screen; animation: ls-th-cc-sweep var(--d) ease-in-out infinite alternate; }
@keyframes ls-th-cc-sweep { from { transform: rotate(-26deg); } to { transform: rotate(26deg); } }
html[data-site="ls"] .ls-ptheme-concert .lst-fog { left: -20%; right: -20%; bottom: -25%; height: 70%; background: radial-gradient(ellipse at 30% 60%, #ffffff2e, transparent 60%), radial-gradient(ellipse at 75% 70%, #ffffff24, transparent 55%); filter: blur(10px); animation: ls-th-th-float 12s ease-in-out infinite; --dx: -40px; --dy: 0; }
html[data-site="ls"] .ls-ptheme-concert .lst-crowd { left: 0; right: 0; bottom: 0; height: 26%; background: radial-gradient(circle at 50% 42%, #050508 0 30%, transparent 32%) 0 0 / 7cqh 100% repeat-x, linear-gradient(#050508, #050508) 0 100% / 100% 45% no-repeat; animation: ls-th-th-float .6s ease-in-out infinite alternate; --dx: 0; --dy: -2px; }
html[data-site="ls"] .ls-ptheme-concert .lst-crowd + .lst-crowd { height: 20%; background: radial-gradient(circle at 50% 42%, #0b0b10 0 30%, transparent 32%) 3.5cqh 0 / 7cqh 100% repeat-x, linear-gradient(#0b0b10, #0b0b10) 0 100% / 100% 45% no-repeat; animation-delay: -.3s; bottom: 6%; z-index: -1; }
html[data-site="ls"] .ls-ptheme-dojo { background: linear-gradient(180deg, #fecdd3, #fda4af 58%, #7c2d12 58%, #431407); }
html[data-site="ls"] .ls-ptheme-dojo .lst-floor { left: 0; right: 0; bottom: 0; height: 42%; background: repeating-linear-gradient(90deg, #00000026 0 1px, transparent 1px 12cqh); }
html[data-site="ls"] .ls-ptheme-dojo .lst-sun { right: 24%; top: 10%; width: 34cqh; height: 34cqh; border-radius: 50%; background: #fff1f2; opacity: .8; }
html[data-site="ls"] .ls-ptheme-dojo .lst-lantern { top: 0; width: 13cqh; height: 54%; transform-origin: 50% 0; animation: ls-th-dojo-sway 3.5s ease-in-out infinite alternate; animation-delay: var(--dl); }
html[data-site="ls"] .ls-ptheme-dojo .lst-lantern::before { content: ""; position: absolute; left: 50%; top: 0; width: 1px; height: 40%; background: #451a03; }
html[data-site="ls"] .ls-ptheme-dojo .lst-lantern::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 60%; border-radius: 45%; background: repeating-linear-gradient(0deg, #b91c1c 0 16%, #dc2626 16% 20%), #dc2626; box-shadow: 0 0 18px #f97316, inset 0 0 8px #fde047; }
@keyframes ls-th-dojo-sway { from { transform: rotate(-4deg); } to { transform: rotate(4deg); } }
html[data-site="ls"] .ls-ptheme-dojo .lst-petal { top: -10%; left: var(--x); width: 3.6cqh; height: 2.4cqh; border-radius: 70% 0 70% 0; background: #fbcfe8; box-shadow: inset -1px -1px 0 #f472b6; animation: ls-th-dojo-fall var(--d) linear infinite; animation-delay: var(--dl); }
@keyframes ls-th-dojo-fall { to { transform: translate(var(--dx), 125cqh) rotate(540deg); } }
html[data-site="ls"] .ls-ptheme-studio { background: conic-gradient(from 45deg at 50% 50%, #1f2937 0 25%, #111827 0 50%, #1f2937 0 75%, #111827 0) 0 0 / 9cqh 9cqh, #111827; }
html[data-site="ls"] .ls-ptheme-studio .lst-shade { inset: 0; background: radial-gradient(ellipse at 60% 110%, transparent, #00000099 70%); }
html[data-site="ls"] .ls-ptheme-studio .lst-onair { right: 5%; top: 11%; padding: 1% 2.4%; border: 2px solid #ef4444; border-radius: 6px; color: #fecaca; font: 900 10cqh var(--ls-font); letter-spacing: .12em; text-shadow: 0 0 8px #ef4444; box-shadow: 0 0 14px #ef444488, inset 0 0 10px #ef444455; animation: ls-th-th-breathe 2.4s ease-in-out infinite; }
html[data-site="ls"] .ls-ptheme-studio .lst-vu { bottom: 8%; left: var(--x); width: 1.5%; height: var(--h); border-radius: 2px 2px 0 0; transform-origin: 50% 100%; background: linear-gradient(#ef4444, #facc15 30%, #22c55e 60%); animation: ls-th-st-vu var(--d) ease-in-out infinite alternate; animation-delay: var(--dl); }
@keyframes ls-th-st-vu { from { transform: scaleY(.12); } to { transform: scaleY(1); } }
html[data-site="ls"] .ls-ptheme-vinyl-deck { background: repeating-linear-gradient(100deg, #ffffff08 0 2px, transparent 2px 9px), linear-gradient(135deg, #3a2618, #120c08); }
html[data-site="ls"] .ls-ptheme-vinyl-deck .lst-disc { right: 2%; top: -22%; height: 140%; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(from 0deg at 50% 50%, #0000 0 92%, #fb923c 92% 93%, #0000 93%) , radial-gradient(circle, #f97316 0 15%, #1a1a1a 15.5% 17%, transparent 17.5%), repeating-radial-gradient(circle, #0a0a0a 0 1.6px, #1d1d1d 1.6px 3px); box-shadow: 0 6px 22px #000a; animation: ls-th-th-spin 1.8s linear infinite; }
html[data-site="ls"] .ls-ptheme-vinyl-deck .lst-sheen { right: 2%; top: -22%; height: 140%; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(transparent 0 30deg, #ffffff22 50deg, transparent 75deg, transparent 210deg, #ffffff22 230deg, transparent 255deg); }
html[data-site="ls"] .ls-ptheme-vinyl-deck .lst-arm { right: 3%; top: 4%; width: 1.4%; height: 72%; border-radius: 4px; background: linear-gradient(90deg, #9ca3af, #f3f4f6, #9ca3af); transform-origin: 50% 0; transform: rotate(24deg); box-shadow: 0 2px 6px #0008; }
html[data-site="ls"] .ls-ptheme-vinyl-deck .lst-arm::before { content: ""; position: absolute; left: 50%; top: -6%; width: 14cqh; height: 14cqh; margin-left: -7cqh; border-radius: 50%; background: radial-gradient(circle, #d1d5db 0 35%, #4b5563 38%); }
html[data-site="ls"] .ls-ptheme-vinyl-deck .lst-note { left: var(--x); bottom: 10%; color: #fdba74; font: 700 16cqh var(--ls-font); text-shadow: 0 0 8px #f97316; animation: ls-th-vd-note var(--d) ease-out infinite; animation-delay: var(--dl); opacity: 0; }
@keyframes ls-th-vd-note { 0% { opacity: 0; transform: translate(0, 0) rotate(-10deg); } 20% { opacity: 1; } 100% { opacity: 0; transform: translate(4cqw, -70cqh) rotate(14deg); } }
html[data-site="ls"] .ls-ptheme-neo-tokyo { background: linear-gradient(180deg, #0b0420, #25104a 60%, #3b0d3f); }
html[data-site="ls"] .ls-ptheme-neo-tokyo .lst-city { left: 0; right: 0; bottom: 0; }
html[data-site="ls"] .ls-ptheme-neo-tokyo .lst-far { height: 66%; background: radial-gradient(#a78bfa66 .6px, transparent 1.2px) 0 0 / 5px 7px, #1e1240; clip-path: polygon(0 40%, 6% 40%, 6% 20%, 12% 20%, 12% 50%, 18% 50%, 18% 10%, 23% 10%, 23% 35%, 31% 35%, 31% 25%, 38% 25%, 38% 55%, 45% 55%, 45% 15%, 50% 15%, 50% 30%, 58% 30%, 58% 5%, 62% 5%, 62% 40%, 70% 40%, 70% 22%, 77% 22%, 77% 45%, 84% 45%, 84% 12%, 90% 12%, 90% 36%, 100% 36%, 100% 100%, 0 100%); }
html[data-site="ls"] .ls-ptheme-neo-tokyo .lst-near { height: 48%; background: radial-gradient(#fde04799 .8px, transparent 1.4px) 0 0 / 7px 9px, #0c0618; clip-path: polygon(0 30%, 9% 30%, 9% 55%, 16% 55%, 16% 15%, 24% 15%, 24% 45%, 33% 45%, 33% 60%, 41% 60%, 41% 25%, 52% 25%, 52% 50%, 60% 50%, 60% 8%, 66% 8%, 66% 40%, 76% 40%, 76% 20%, 85% 20%, 85% 52%, 93% 52%, 93% 32%, 100% 32%, 100% 100%, 0 100%); }
html[data-site="ls"] .ls-ptheme-neo-tokyo .lst-sign { width: 2.4%; height: 30%; border: 2px solid var(--c); border-radius: 3px; box-shadow: 0 0 8px var(--c), inset 0 0 6px var(--c); animation: ls-th-th-flick var(--d) steps(1) infinite; }
html[data-site="ls"] .ls-ptheme-neo-tokyo .lst-sign::after { content: ""; position: absolute; left: 25%; right: 25%; top: 12%; bottom: 12%; background: repeating-linear-gradient(180deg, var(--c) 0 12%, transparent 12% 22%); opacity: .8; }
html[data-site="ls"] .ls-ptheme-neo-tokyo .lst-rain { inset: 0; background-image: linear-gradient(105deg, transparent 47%, #67e8f933 48%, transparent 49%); background-size: 12px 40px; animation: ls-th-th-rain .45s linear infinite; }
html[data-site="ls"] .ls-ptheme-neo-tokyo .lst-wet { left: 0; right: 0; bottom: 0; height: 9%; background: linear-gradient(90deg, #ec489955, #22d3ee44, #ec489955); filter: blur(4px); animation: ls-th-th-breathe 3s ease-in-out infinite; }
html[data-site="ls"] .ls-ptheme-abyss { background: linear-gradient(180deg, #0c4a6e, #082f49 45%, #020617); }
html[data-site="ls"] .ls-ptheme-abyss .lst-ray { top: -10%; left: var(--x); width: 12%; height: 130%; transform-origin: 50% 0; background: linear-gradient(#bae6fd59, transparent 78%); transform: skewX(var(--sk)); animation: ls-th-th-breathe var(--d) ease-in-out infinite; filter: blur(3px); }
html[data-site="ls"] .ls-ptheme-abyss .lst-bub { bottom: -12%; left: var(--x); width: var(--s); aspect-ratio: 1; border-radius: 50%; border: 1px solid #e0f2fecc; background: radial-gradient(circle at 30% 30%, #ffffffaa 0 18%, transparent 30%); animation: ls-th-ab-rise var(--d) linear infinite; animation-delay: var(--dl); }
@keyframes ls-th-ab-rise { 0% { transform: translate(0, 0); } 50% { transform: translate(6px, -65cqh); } 100% { transform: translate(-4px, -130cqh); } }
html[data-site="ls"] .ls-ptheme-abyss .lst-jelly { width: 16cqh; height: 13cqh; border-radius: 50% 50% 22% 22% / 75% 75% 25% 25%; background: radial-gradient(ellipse at 50% 35%, #f5d0fe, #c084fc 55%, #7c3aedaa); box-shadow: 0 0 16px #c084fc99; animation: ls-th-th-float var(--d) ease-in-out infinite, ls-th-ab-pulse 1.6s ease-in-out infinite; --dx: 4px; --dy: -12px; }
html[data-site="ls"] .ls-ptheme-abyss .lst-jelly::after { content: ""; position: absolute; left: 14%; right: 14%; top: 88%; height: 150%; background: repeating-linear-gradient(90deg, #e9d5ffaa 0 1px, transparent 1px 22%); -webkit-mask: linear-gradient(#000, transparent); mask: linear-gradient(#000, transparent); }
@keyframes ls-th-ab-pulse { 50% { transform: scaleY(.86); } }
html[data-site="ls"] .ls-ptheme-storm { background: linear-gradient(#020617, #1e293b 70%, #334155); }
html[data-site="ls"] .ls-ptheme-storm .lst-cloud { top: var(--y); left: var(--x); width: 60%; height: 55%; border-radius: 50%; background: radial-gradient(ellipse, #0f172a, transparent 68%); filter: blur(6px); animation: ls-th-th-float var(--d) ease-in-out infinite; --dx: 40px; --dy: 0; }
html[data-site="ls"] .ls-ptheme-storm .lst-rain { inset: 0; background-image: linear-gradient(100deg, transparent 46%, #cbd5e14d 47%, transparent 49%); background-size: 10px 34px; animation: ls-th-th-rain .35s linear infinite; }
html[data-site="ls"] .ls-ptheme-storm .lst-flash { inset: 0; background: #c7d2fe59; animation: ls-fr-flash 5s step-end infinite; }
html[data-site="ls"] .ls-ptheme-storm .lst-bolt { right: 22%; top: 0; width: 9%; height: 72%; background: #eef2ff; clip-path: polygon(40% 0, 70% 0, 52% 38%, 78% 38%, 30% 100%, 44% 52%, 20% 52%); filter: drop-shadow(0 0 6px #a5b4fc); animation: ls-fr-flash 5s step-end infinite; }
html[data-site="ls"] .ls-ptheme-space-station { background: #02040c; }
html[data-site="ls"] .ls-ptheme-space-station .lst-st { width: 2px; height: 2px; border-radius: 50%; background: #fff; box-shadow: 0 0 4px #c7d2fe; animation: ls-th-th-breathe var(--d) ease-in-out infinite; }
html[data-site="ls"] .ls-ptheme-space-station .lst-earth { right: -8%; top: 52%; width: 62%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 34% 28%, #7dd3fc, #2563eb 38%, #1e3a8a 62%, #0b1d4a 74%); box-shadow: 0 0 28px 6px #60a5fa77, inset -24px -10px 50px #000a; overflow: hidden; }
html[data-site="ls"] .ls-ptheme-space-station .lst-earth::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 18% 8% at 30% 30%, #ffffffaa, transparent), radial-gradient(ellipse 22% 7% at 60% 22%, #ffffff88, transparent), radial-gradient(ellipse 15% 6% at 45% 45%, #ffffff99, transparent), radial-gradient(ellipse 12% 10% at 22% 18%, #4ade8066, transparent); animation: ls-th-th-spin 90s linear infinite; }
html[data-site="ls"] .ls-ptheme-space-station .lst-stn { left: 42%; top: 20%; width: 10%; height: 9%; border-radius: 3px; background: linear-gradient(#e5e7eb, #9ca3af); animation: ls-th-th-float 14s ease-in-out infinite; --dx: 30px; --dy: 6px; }
html[data-site="ls"] .ls-ptheme-space-station .lst-stn::before, html[data-site="ls"] .ls-ptheme-space-station .lst-stn::after { content: ""; position: absolute; top: -60%; width: 90%; height: 220%; background: repeating-linear-gradient(90deg, #1d4ed8 0 3px, #60a5fa 3px 4px); }
html[data-site="ls"] .ls-ptheme-space-station .lst-stn::before { right: 108%; }
html[data-site="ls"] .ls-ptheme-space-station .lst-stn::after { left: 108%; }
html[data-site="ls"] .ls-ptheme-space-station .lst-led { left: calc(42% + 4.6%); top: 17%; width: 4px; height: 4px; border-radius: 50%; background: #ef4444; box-shadow: 0 0 6px 2px #ef4444; animation: ls-th-th-blink 1.2s steps(1) infinite, ls-th-th-float 14s ease-in-out infinite; --dx: 30px; --dy: 6px; }
html[data-site="ls"] .ls-ptheme-red-carpet { background: radial-gradient(ellipse at 50% 0, #4a0b14, #0d0204 70%); }
html[data-site="ls"] .ls-ptheme-red-carpet .lst-carpet { left: 0; right: 0; bottom: 0; height: 52%; clip-path: polygon(42% 0, 58% 0, 100% 100%, 0 100%); background: repeating-linear-gradient(0deg, #00000014 0 2px, transparent 2px 5px), linear-gradient(#7f1d1d, #dc2626); }
html[data-site="ls"] .ls-ptheme-red-carpet .lst-post { bottom: var(--b); left: var(--x); width: 1.1%; height: var(--h); background: linear-gradient(90deg, #a16207, #fde68a, #a16207); }
html[data-site="ls"] .ls-ptheme-red-carpet .lst-post::before { content: ""; position: absolute; left: -60%; top: -6cqh; width: 220%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fef3c7, #ca8a04); }
html[data-site="ls"] .ls-ptheme-red-carpet .lst-rope { bottom: var(--b); left: var(--x); width: var(--w); height: 10cqh; border-bottom: 2px solid #991b1b; border-radius: 0 0 50% 50%; }
html[data-site="ls"] .ls-ptheme-red-carpet .lst-flash { left: var(--x); top: var(--y); width: 12cqh; aspect-ratio: 1; background: radial-gradient(circle, #fff 0 12%, #fffbeb88 24%, transparent 60%), conic-gradient(from 45deg, transparent 0 20deg, #fff8 22deg, transparent 26deg 110deg, #fff8 112deg, transparent 116deg 200deg, #fff8 202deg, transparent 206deg 290deg, #fff8 292deg, transparent 296deg); border-radius: 50%; opacity: 0; animation: ls-th-rc-pop var(--d) ease-out infinite; animation-delay: var(--dl); }
@keyframes ls-th-rc-pop { 0%, 90%, 100% { opacity: 0; transform: scale(.4); } 92% { opacity: 1; transform: scale(1.15); } 96% { opacity: .2; transform: scale(1); } }
html[data-site="ls"] .ls-ptheme-red-carpet .lst-spot { top: -10%; left: 33%; width: 34%; height: 130%; background: linear-gradient(#fde68a40, transparent 80%); clip-path: polygon(44% 0, 56% 0, 100% 100%, 0 100%); transform-origin: 50% 0; animation: ls-th-cc-sweep 7s ease-in-out infinite alternate; mix-blend-mode: screen; }
html[data-site="ls"] .ls-ptheme-reel { background: radial-gradient(ellipse at 80% 40%, #3a2508, #0b0703 70%); }
html[data-site="ls"] .ls-ptheme-reel .lst-light { right: 0; top: 20%; width: 75%; height: 60%; background: linear-gradient(270deg, #fde68a40, transparent 80%); clip-path: polygon(100% 40%, 100% 60%, 0 100%, 0 0); animation: ls-th-th-breathe 2s ease-in-out infinite; }
html[data-site="ls"] .ls-ptheme-reel .lst-reel { top: 6%; height: 54%; aspect-ratio: 1; border-radius: 50%; border: 0.8cqh solid #d4af37; background: radial-gradient(circle, #1a1206 0 12%, #d4af37 12.5% 17%, transparent 17.5%), repeating-conic-gradient(#d4af37 0 18deg, #2a1d07 18deg 60deg); animation: ls-th-th-spin 5s linear infinite; box-shadow: 0 0 14px #d4af3755; }
html[data-site="ls"] .ls-ptheme-reel .lst-strip { left: 0; right: 14%; top: 62%; height: 26%; background-color: #0d0d0d; background-image: repeating-linear-gradient(90deg, #e8d7a5 0 5px, transparent 5px 11px), repeating-linear-gradient(90deg, #e8d7a5 0 5px, transparent 5px 11px), repeating-linear-gradient(90deg, #f5d27a55 0 40px, #0d0d0d 40px 44px); background-size: 100% 12%, 100% 12%, 100% 56%; background-position: 0 8%, 0 92%, 0 50%; background-repeat: no-repeat; animation: ls-th-reel-run 1.1s linear infinite; }
@keyframes ls-th-reel-run { to { background-position: -44px 8%, -44px 92%, -44px 50%; } }
html[data-site="ls"] .ls-ptheme-network { background: radial-gradient(ellipse at 70% 30%, #0f1f45, #030712 72%); }
html[data-site="ls"] .ls-ptheme-network line { stroke: #22d3ee59; stroke-width: 1; stroke-dasharray: 3 7; animation: ls-th-nw-flow 1.6s linear infinite; }
html[data-site="ls"] .ls-ptheme-network line.lst-hot { stroke: #f89f3e99; stroke-width: 1.4; animation-duration: 1s; }
@keyframes ls-th-nw-flow { to { stroke-dashoffset: -20; } }
html[data-site="ls"] .ls-ptheme-network .lst-node { fill: #22d3ee; transform-box: fill-box; transform-origin: center; animation: ls-th-nw-pulse 2.4s ease-in-out infinite; }
html[data-site="ls"] .ls-ptheme-network .lst-node.lst-hub { fill: #f89f3e; }
@keyframes ls-th-nw-pulse { 50% { transform: scale(1.5); opacity: .7; } }
html[data-site="ls"] .ls-ptheme-network .lst-pk { fill: #fff; filter: drop-shadow(0 0 3px #f89f3e); }
html[data-site="ls"] .lsm-card[class*=" ls-pt-"] { border-color: color-mix(in srgb, var(--pt-line) 70%, var(--ls-line)); box-shadow: 0 14px 34px -18px var(--pt-line); }
html[data-site="ls"] .ls-pt-film-noir { --pt-line: #a1a1aa; }
html[data-site="ls"] .ls-pt-pixel-world { --pt-line: #22c55e; }
html[data-site="ls"] .ls-pt-arcade { --pt-line: #a855f7; }
html[data-site="ls"] .ls-pt-undergrowth { --pt-line: #84cc16; }
html[data-site="ls"] .ls-pt-neo-tokyo { --pt-line: #22d3ee; }
html[data-site="ls"] .ls-pt-concert { --pt-line: #f472b6; }
html[data-site="ls"] .ls-pt-vhs { --pt-line: #60a5fa; }
html[data-site="ls"] .ls-pt-code-rain { --pt-line: #22c55e; }
html[data-site="ls"] .ls-pt-studio { --pt-line: #ef4444; }
html[data-site="ls"] .ls-pt-dojo { --pt-line: #fb7185; }
html[data-site="ls"] .ls-pt-vinyl-deck { --pt-line: #f59e0b; }
html[data-site="ls"] .ls-pt-abyss { --pt-line: #38bdf8; }
html[data-site="ls"] .ls-pt-storm { --pt-line: #a5b4fc; }
html[data-site="ls"] .ls-pt-space-station { --pt-line: #93c5fd; }
html[data-site="ls"] .ls-pt-red-carpet { --pt-line: #fbbf24; }
html[data-site="ls"] .ls-pt-reel { --pt-line: #fcd34d; }
html[data-site="ls"] .ls-pt-network { --pt-line: #f89f3e; }

html[data-site="ls"] .lsa-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 10px; }
html[data-site="ls"] .lsa-tile { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 8px 10px; border: 1px solid var(--ls-line); border-radius: 12px; text-align: center; font-size: 12px; cursor: pointer; background: var(--ls-card); }
html[data-site="ls"] .lsa-tile input { position: absolute; opacity: 0; }
html[data-site="ls"] .lsa-tile:not(:has(input)) { cursor: default; }
html[data-site="ls"] .lsa-tile:has(input:checked) { border-color: var(--ls-brand, var(--ls-accent)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 40%, transparent); }
html[data-site="ls"] .lsa-tile:has(input:focus-visible) { outline: 2px solid var(--ls-brand, var(--ls-accent)); outline-offset: 2px; }
html[data-site="ls"] .lsa-tile.is-out, html[data-site="ls"] .lsa-tile.is-locked { cursor: default; opacity: .6; }
html[data-site="ls"] .lsa-tile.is-out:hover, html[data-site="ls"] .lsa-tile.is-locked:hover { opacity: .85; }
html[data-site="ls"] .lsa-tile.is-available { cursor: default; border-color: color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 60%, var(--ls-line)); background: color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 7%, var(--ls-card)); }
html[data-site="ls"] .lsa-tile.is-owned::after { content: ""; position: absolute; top: 7px; right: 7px; width: 9px; height: 9px; border-radius: 50%; background: #22c55e; box-shadow: 0 0 0 2px var(--ls-card); }
html[data-site="ls"] .lsa-state { display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 800; color: #15803d; }
html[data-site="ls"][data-theme^="dark"] .lsa-state { color: #4ade80; }
html[data-site="ls"] .lsa-state .ls-icon, html[data-site="ls"] .lsa-lock .ls-icon { width: 12px; height: 12px; }
html[data-site="ls"] .lsa-buy { margin-top: 2px; border: 0; border-radius: 999px; padding: 5px 10px; font: inherit; font-size: 11.5px; font-weight: 900; cursor: pointer; background: var(--ls-brand, var(--ls-accent)); color: #1d2233; }
html[data-site="ls"] .lsa-buy:hover { filter: brightness(1.06); }
html[data-site="ls"] .lsa-buy:focus-visible { outline: 2px solid var(--ls-text); outline-offset: 2px; }
html[data-site="ls"] .lsa-price { font-size: 11.5px; font-weight: 800; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsa-sample { display: flex; flex-direction: column; align-items: center; gap: 2px; min-height: 40px; justify-content: center; font-size: 15px; }
html[data-site="ls"] .lsa-sample small { font-size: 11px; color: var(--ls-muted); }
html[data-site="ls"] .lsa-summary { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
html[data-site="ls"] .lsa-summary .lsa-preview { flex: 1 1 260px; }
html[data-site="ls"] .lsa-wallet { display: flex; flex-direction: column; gap: 1px; padding: 10px 14px; border-radius: 12px; background: var(--ls-field); border: 1px solid var(--ls-line); }
html[data-site="ls"] .lsa-wallet span { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ls-muted); }
html[data-site="ls"] .lsa-wallet b { font-size: 20px; font-weight: 900; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsa-wallet small { font-size: 11.5px; color: var(--ls-muted); }
html[data-site="ls"] .lsa-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
html[data-site="ls"] .lsa-filters > .lsa-form { flex: 1 0 100%; display: flex; flex-direction: column; gap: 18px; }
html[data-site="ls"] .lsa-f { position: absolute; opacity: 0; pointer-events: none; }
html[data-site="ls"] .lsa-chip { border: 1px solid var(--ls-line); border-radius: 999px; padding: 5px 12px; font-size: 12.5px; font-weight: 800; cursor: pointer; background: var(--ls-card); color: var(--ls-text); }
html[data-site="ls"] .lsa-f:checked + .lsa-chip { background: var(--ls-text); color: var(--ls-card); border-color: var(--ls-text); }
html[data-site="ls"] .lsa-f:focus-visible + .lsa-chip { outline: 2px solid var(--ls-brand, var(--ls-accent)); outline-offset: 2px; }
html[data-site="ls"] #lsa-f-owned:checked ~ .lsa-form .lsa-tile:not(.is-owned):not(.is-none), html[data-site="ls"] #lsa-f-available:checked ~ .lsa-form .lsa-tile:not(.is-available), html[data-site="ls"] #lsa-f-out:checked ~ .lsa-form .lsa-tile:not(.is-out) { display: none; }
html[data-site="ls"] .lsa-section h3 small { font-weight: 700; color: var(--ls-muted); font-size: 12px; }
html[data-site="ls"] .lsa-tile .ls-framed { --fr-k: 1.25; margin: 14px 0 10px; }
html[data-site="ls"] .lsa-tile .ls-avatar { width: 72px; height: 72px; font-size: 28px; }
html[data-site="ls"] .lsa-tile b { font-size: 12.5px; }
html[data-site="ls"] .lsa-rar { font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: var(--ls-muted); }
html[data-site="ls"] .lsa-rar.r-rare { color: #0d9488; }
html[data-site="ls"] .lsa-rar.r-epic { color: #7c3aed; }
html[data-site="ls"] .lsa-rar.r-legendary { color: #b45309; }
html[data-site="ls"] .lsa-rar.r-mythic { background: linear-gradient(90deg, #ef4444, #f59e0b, #10b981, #3b82f6, #a855f7); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-site="ls"][data-theme^="dark"] .lsa-rar.r-rare { color: #5eead4; }
html[data-site="ls"][data-theme^="dark"] .lsa-rar.r-epic { color: #c4b5fd; }
html[data-site="ls"][data-theme^="dark"] .lsa-rar.r-legendary { color: #fcd34d; }
html[data-site="ls"][data-theme^="dark"] .lsa-rar.r-mythic { background-image: linear-gradient(90deg, #f87171, #fbbf24, #34d399, #60a5fa, #c084fc); color: transparent; }
html[data-site="ls"] .lsa-lock { font-size: 11px; color: var(--ls-muted); }
html[data-site="ls"] .lsa-theme { position: relative; display: block; width: 100%; height: 72px; border-radius: 8px; overflow: hidden; }
html[data-site="ls"] .lsa-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
html[data-site="ls"] .lsa-fields > label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 700; }
html[data-site="ls"] .lsa-fields input[type="text"] { background: var(--ls-field); color: var(--ls-text); border: 1px solid var(--ls-line); border-radius: 8px; padding: 7px 9px; font: inherit; }
html[data-site="ls"] .lsa-pick { grid-column: 1 / -1; border: 0; margin: 0; padding: 0; min-width: 0; }
html[data-site="ls"] .lsa-pick legend { padding: 0; margin-bottom: 8px; font-size: 12.5px; font-weight: 700; }
html[data-site="ls"] .lsa-swatches { display: flex; flex-wrap: wrap; gap: 10px; }
html[data-site="ls"] .lsa-sw, html[data-site="ls"] .lsa-em { position: relative; display: inline-flex; cursor: pointer; }
html[data-site="ls"] .lsa-sw input, html[data-site="ls"] .lsa-em input { position: absolute; opacity: 0; width: 0; height: 0; }
html[data-site="ls"] .lsa-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
html[data-site="ls"] .lsa-dot { width: 32px; height: 32px; border-radius: 50%; background: var(--nc); box-shadow: 0 0 0 2px var(--ls-card), 0 0 0 3px var(--ls-line); transition: transform .12s; }
html[data-site="ls"][data-theme^="dark"] .lsa-dot { background: var(--nd); }
html[data-site="ls"] .lsa-dot.is-none { background: var(--ls-card) linear-gradient(135deg, transparent 44%, #ef4444 44% 56%, transparent 56%); }
html[data-site="ls"] .lsa-sw:hover .lsa-dot { transform: scale(1.1); }
html[data-site="ls"] .lsa-sw:has(input:checked) .lsa-dot { box-shadow: 0 0 0 2px var(--ls-card), 0 0 0 4px var(--ls-text); }
html[data-site="ls"] .lsa-sw:has(input:focus-visible) .lsa-dot, html[data-site="ls"] .lsa-em:has(input:focus-visible) span { outline: 2px solid var(--ls-brand, var(--ls-accent)); outline-offset: 3px; }
html[data-site="ls"] .lsa-em span { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 4px; border: 1px solid var(--ls-line); border-radius: 10px; font-size: 21px; background: var(--ls-card); }
html[data-site="ls"] .lsa-em.is-none span { padding: 0 10px; font-size: 12px; font-weight: 800; }
html[data-site="ls"] .lsa-em:hover span { border-color: var(--ls-brand, var(--ls-accent)); }
html[data-site="ls"] .lsa-em:has(input:checked) span { border-color: var(--ls-brand, var(--ls-accent)); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 40%, transparent); }
html[data-site="ls"] .lsa-section { display: flex; flex-direction: column; gap: 10px; }
html[data-site="ls"] .lsa-section h3 { margin: 0; font-size: 14px; font-weight: 900; }
html[data-site="ls"] .lsa-preview { display: flex; align-items: center; gap: 14px; padding: 12px; border: 1px dashed var(--ls-line); border-radius: 12px; }
html[data-site="ls"] .lsa-preview .ls-framed { --fr-k: 1.3; margin: 10px; }
html[data-site="ls"] .lsa-preview .ls-avatar { width: 80px; height: 80px; font-size: 32px; }

@media (prefers-reduced-motion: reduce) {
  html[data-site="ls"] .ls-frame::before, html[data-site="ls"] .ls-frame::after, html[data-site="ls"] .ls-fr-rot::before, html[data-site="ls"] .ls-n, html[data-site="ls"] .ls-ptheme *, html[data-site="ls"] .ls-ptheme *::before, html[data-site="ls"] .ls-ptheme *::after { animation-play-state: paused !important; }
}
html[data-site="ls"] .lspb-author > a[name] { position: absolute; }
html[data-site="ls"] .ls-find:has(> .lscp) { padding-top: 0; padding-left: 0; padding-right: 0; }
html[data-site="ls"] .lscp { display: flex; flex-direction: column; gap: 12px; margin: 0 0 14px; }
html[data-site="ls"] .lscp-nav { grid-column: 1 / -1; display: flex; gap: 4px; overflow-x: auto; margin: 2px 0 0; padding: 12px 0 0; border-top: 1px solid var(--ls-line); scrollbar-width: thin; }
html[data-site="ls"] .lscp-tab { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; font-size: 13px; font-weight: 800; color: var(--ls-muted); text-decoration: none; white-space: nowrap; }
html[data-site="ls"] .lscp-tab .ls-icon { width: 16px; height: 16px; }
html[data-site="ls"] .lscp-tab:hover { background: var(--ls-field); color: var(--ls-text); }
html[data-site="ls"] .lscp-tab.is-on { background: var(--ls-brand, var(--ls-accent)); color: #1d2233; }
html[data-site="ls"] .lscp-tab.is-hot { background: #6d28d9; color: #fff; box-shadow: 0 1px 4px rgba(109, 40, 217, .45); }
html[data-site="ls"] .lscp-tab.is-hot:hover { background: #5b21b6; color: #fff; }
html[data-site="ls"] .lscp-tab.is-hot.is-on { background: #5b21b6; box-shadow: inset 0 -3px 0 #fff, 0 1px 4px rgba(109, 40, 217, .45); }
html[data-site="ls"] .lscp-tab:focus-visible { outline: 2px solid var(--ls-brand, var(--ls-accent)); outline-offset: 2px; }
html[data-site="ls"] .lscp-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 12px 18px; align-items: center; padding: 16px 18px; border: 1px solid var(--ls-line); border-radius: 16px; background: var(--ls-card); color: var(--ls-text); }
html[data-site="ls"] .lscp-av { --fr-k: 1.35; margin: 8px; }
html[data-site="ls"] .lscp-av .ls-avatar { width: 88px; height: 88px; font-size: 34px; }
html[data-site="ls"] .lscp-who { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
html[data-site="ls"] .lscp-who h1 { margin: 0; font-size: 21px; overflow-wrap: anywhere; }
html[data-site="ls"] .lscp-who p { margin: 0; font-size: 12.5px; font-weight: 700; color: var(--ls-muted); }
html[data-site="ls"] .lscp-figs { margin: 0; display: flex; gap: 10px; flex-wrap: wrap; }
html[data-site="ls"] .lscp-figs div { padding: 6px 12px; border: 1px solid var(--ls-line); border-radius: 10px; background: var(--ls-field); }
html[data-site="ls"] .lscp-figs dt { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ls-muted); }
html[data-site="ls"] .lscp-figs dd { margin: 0; font-size: 17px; font-weight: 900; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lscp-figs .is-ref dt { color: #7c3aed; }
html[data-site="ls"][data-theme^="dark"] .lscp-figs .is-ref dt { color: #c4b5fd; }
@media (max-width: 760px) {
  html[data-site="ls"] .lscp-card { grid-template-columns: auto minmax(0, 1fr); }
  html[data-site="ls"] .lscp-figs { grid-column: 1 / -1; }
}
html[data-site="ls"] .lsa-tile { min-width: 0; }
html[data-site="ls"] .lsa-tile > .ls-n, html[data-site="ls"] .lsa-sample { max-width: 100%; }
html[data-site="ls"] .lsa-tile > .ls-n, html[data-site="ls"] .lsa-sample .ls-n { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 2px 2px; }
html[data-site="ls"] .lsa-sample { width: 100%; }
html[data-site="ls"] .lsa-buy, html[data-site="ls"] .lsa-price { white-space: nowrap; }
html[data-site="ls"] .lsa-picks { margin: 0 0 12px; padding: 10px 12px; border: 1px solid color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 55%, var(--ls-line)); border-radius: 12px; background: color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 8%, var(--ls-card)); font-size: 13px; line-height: 1.5; }
html[data-site="ls"] .lsa-confirm { margin: 0 0 12px; padding: 12px 14px; border: 2px solid var(--ls-brand, var(--ls-accent)); border-radius: 12px; background: var(--ls-card); font-size: 13px; line-height: 1.5; }
html[data-site="ls"] .lsa-confirm p { margin: 0 0 8px; }
html[data-site="ls"] .lsa-buy-alt { background: transparent; color: var(--ls-text); border: 1px solid var(--ls-line); font-weight: 800; }
html[data-site="ls"] .lsa-season { display: flex; flex-direction: column; gap: 10px; height: auto; }
html[data-site="ls"] .lsa-season p { margin: 0; }
html[data-site="ls"] .lsa-season .lsa-season-rule { color: var(--ls-muted); font-size: 13px; }
html[data-site="ls"] .lsa-perks { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
html[data-site="ls"] .lsa-perk { min-width: 0; padding: 14px; border: 1px solid var(--ls-line); border-radius: 12px; background: var(--ls-field); display: flex; flex-direction: column; gap: 8px; }
html[data-site="ls"] .lsa-perk h3 { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; font-size: 15px; font-weight: 900; }
html[data-site="ls"] .lsa-perk p { margin: 0; }
html[data-site="ls"] .lsa-perk .lsa-state { display: flex; gap: 6px; align-items: center; font-size: 13px; font-weight: 800; color: #15803d; }
html[data-site="ls"] .lsa-perk .lsa-state svg { width: 16px; height: 16px; }
html[data-site="ls"] .lsa-perk-form { margin-top: auto; display: flex; flex-direction: column; gap: 8px; }
html[data-site="ls"] .lsa-perk-form label { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 800; }
html[data-site="ls"] .lsa-perk-form label small { font-weight: 600; color: var(--ls-muted); }
html[data-site="ls"] .lsa-perk-form input[type="text"], html[data-site="ls"] .lsa-perk-form input[type="file"] { font: inherit; font-weight: 600; color: var(--ls-text); background: var(--ls-card); border: 1px solid var(--ls-line); border-radius: 9px; padding: 7px 9px; width: 100%; max-width: 100%; }
html[data-site="ls"] .lsa-perk-form button { align-self: flex-start; }
html[data-site="ls"] .lsa-perk-form button[disabled] { opacity: .55; cursor: not-allowed; }
html[data-site="ls"] .lsa-perk-hist-t { margin: 16px 0 6px; font-size: 15px; font-weight: 900; }
html[data-site="ls"] .lsa-perk-hist li { flex-direction: column; gap: 0; }
html[data-site="ls"] .lsa-shop-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 18px; }
html[data-site="ls"] .lsa-shop-cols > div { min-width: 0; }
html[data-site="ls"] .lsa-shop h3 { margin: 0 0 6px; font-size: 15px; font-weight: 900; }
html[data-site="ls"] .lsa-shop p { margin: 0 0 10px; font-size: 13px; line-height: 1.5; }
html[data-site="ls"] .lsa-gift-form { display: flex; flex-direction: column; gap: 10px; }
html[data-site="ls"] .lsa-gift-form label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 800; }
html[data-site="ls"] .lsa-gift-form label small { font-weight: 600; color: var(--ls-muted); }
html[data-site="ls"] .lsa-gift-form select, html[data-site="ls"] .lsa-gift-form input, html[data-site="ls"] .lsa-gift-form textarea { font: inherit; font-weight: 600; color: var(--ls-text); background: var(--ls-field); border: 1px solid var(--ls-line); border-radius: 9px; padding: 8px 10px; width: 100%; max-width: 100%; }
html[data-site="ls"] .lsa-gift-form textarea { min-height: 64px; resize: vertical; }
html[data-site="ls"] .lsa-gift-form button { align-self: flex-start; }
html[data-site="ls"] .lsa-reset-list { margin: 0 0 10px; padding: 0; list-style: none; font-size: 13px; }
html[data-site="ls"] .lsa-reset-list li { display: flex; gap: 8px; align-items: baseline; padding: 5px 0; border-top: 1px solid var(--ls-line); }
html[data-site="ls"] .lsa-reset-list li small { color: var(--ls-muted); font-weight: 600; }
html[data-site="ls"] .lsa-reset-list li b { margin-left: auto; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsa-reset-list li.is-total { font-weight: 900; }
html[data-site="ls"] .lsa-reset-list.is-kept li { color: var(--ls-muted); }
html[data-site="ls"] .lsa-reset-wait { display: flex; gap: 6px; align-items: center; color: var(--ls-muted); font-weight: 700; }
html[data-site="ls"] .lsa-reset-wait svg { width: 16px; height: 16px; flex: none; }
html[data-site="ls"] .lsa-limited { font-size: 11px; font-weight: 800; color: #b45309; }
html[data-site="ls"] .lsa-tile.is-ended { opacity: .6; }
html[data-site="ls"] .lsa-season-rewards { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 8px; }
html[data-site="ls"] .lsa-season-rewards li { padding: 9px 12px; border: 1px solid var(--ls-line); border-radius: 10px; background: var(--ls-field); font-size: 13px; }
html[data-site="ls"] .lsa-season h3 { margin: 4px 0 0; font-size: 14px; font-weight: 900; }
html[data-site="ls"] .lsa-season-results { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
html[data-site="ls"] .lsa-season-results li { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border: 1px solid var(--ls-line); border-radius: 999px; font-size: 13px; }
html[data-site="ls"] .lsa-season-results span { color: var(--ls-muted); font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsa-season-results em { font-style: normal; font-weight: 900; color: var(--ls-brand, var(--ls-accent)); }
html[data-site="ls"] .lsa-season-choice { display: flex; flex-direction: column; gap: 10px; }
html[data-site="ls"] .lsa-season-choice .lsa-tile { cursor: pointer; font: inherit; color: inherit; }
html[data-site="ls"] .lspb-useful { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border: 1px solid var(--ls-line); border-radius: 999px; font-size: 12px; font-weight: 800; color: var(--ls-muted); text-decoration: none; background: var(--ls-card); }
html[data-site="ls"] a.lspb-useful:hover { border-color: var(--ls-brand, var(--ls-accent)); color: var(--ls-text); }
html[data-site="ls"] a.lspb-useful:focus-visible { outline: 2px solid var(--ls-brand, var(--ls-accent)); outline-offset: 2px; }
html[data-site="ls"] .lspb-useful.is-on { background: color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 18%, var(--ls-card)); border-color: var(--ls-brand, var(--ls-accent)); color: var(--ls-text); }
html[data-site="ls"] .lspb-useful.is-static { border-style: dashed; }
html[data-site="ls"] .lspb-useful b { font-weight: 900; color: var(--ls-text); font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lspb-useful-ico { display: inline-block; width: 14px; height: 14px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11H4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1z'/%3E%3Cpath d='M7 10l4-7a2.5 2.5 0 0 1 3 3l-1 4h6a2 2 0 0 1 2 2.3l-1.4 7A2 2 0 0 1 17.6 21H7'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11H4a1 1 0 0 1-1-1v-9a1 1 0 0 1 1-1z'/%3E%3Cpath d='M7 10l4-7a2.5 2.5 0 0 1 3 3l-1 4h6a2 2 0 0 1 2 2.3l-1.4 7A2 2 0 0 1 17.6 21H7'/%3E%3C/svg%3E") center / contain no-repeat; }
html[data-site="ls"] .lsg-ref-next { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ls-line); display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 8px; align-items: center; color: inherit; text-decoration: none; }
html[data-site="ls"] .lsg-ref-next:hover b { text-decoration: underline; }
html[data-site="ls"] .lsg-ref-next-txt { display: flex; flex-direction: column; min-width: 0; }
html[data-site="ls"] .lsg-ref-next-txt b { font-size: 13px; font-weight: 900; }
html[data-site="ls"] .lsg-ref-next-txt small { font-size: 12px; font-weight: 700; color: var(--ls-muted); }
html[data-site="ls"] .lsg-ref-next > svg { width: 16px; height: 16px; color: var(--ls-muted); }
html[data-site="ls"] .lsg-hh { margin: 12px 0 0; padding: 10px; border-radius: 10px; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 8px; align-items: center; background: color-mix(in srgb, #f59e0b 12%, var(--ls-field)); }
html[data-site="ls"] .lsg-hh .lsg-mission-ic { color: #b45309; }
html[data-site="ls"] .lsg-hh.is-live { background: linear-gradient(100deg, #f59e0b, #ec4899); color: #ffffff; }
html[data-site="ls"] .lsg-hh.is-live .lsg-mission-ic { background: rgba(255, 255, 255, .22); color: #ffffff; }
html[data-site="ls"] .lsg-hh-txt { display: flex; flex-direction: column; min-width: 0; }
html[data-site="ls"] .lsg-hh-txt b { font-size: 13px; font-weight: 900; }
html[data-site="ls"] .lsg-hh-txt small { font-size: 12px; font-weight: 700; color: var(--ls-muted); }
html[data-site="ls"] .lsg-hh.is-live .lsg-hh-txt small { color: rgba(255, 255, 255, .9); }
html[data-site="ls"] .lsg-missions { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--ls-line); display: flex; flex-direction: column; gap: 8px; }
html[data-site="ls"] .lsg-missions h3 { margin: 0; display: flex; justify-content: space-between; align-items: baseline; font-size: 14px; font-weight: 900; }
html[data-site="ls"] .lsg-missions h3 span { font-size: 12px; font-weight: 800; color: var(--ls-muted); font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsg-missions ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; }
html[data-site="ls"] .lsg-mission { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 8px; align-items: center; }
html[data-site="ls"] .lsg-mission-ic { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--ls-field); color: var(--ls-brand, var(--ls-accent)); }
html[data-site="ls"] .lsg-mission-ic .ls-icon { width: 16px; height: 16px; }
html[data-site="ls"] .lsg-mission.is-done .lsg-mission-ic { background: #16a34a; color: #ffffff; }
html[data-site="ls"] .lsg-mission-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
html[data-site="ls"] .lsg-mission-txt b { font-size: 13px; font-weight: 800; line-height: 1.25; }
html[data-site="ls"] .lsg-mission-txt small { font-size: 11.5px; color: var(--ls-muted); }
html[data-site="ls"] .lsg-mission-bar { display: block; height: 5px; border-radius: 99px; background: var(--ls-line); overflow: hidden; }
html[data-site="ls"] .lsg-mission-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ls-brand, var(--ls-accent)), var(--ls-accent)); }
html[data-site="ls"] .lsg-mission.is-done .lsg-mission-bar i { background: #16a34a; }
html[data-site="ls"] .lsg-mission em { font-style: normal; font-size: 12px; font-weight: 900; color: var(--ls-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
html[data-site="ls"] .lsg-mission.is-done em { color: #15803d; }
html[data-site="ls"][data-theme^="dark"] .lsg-mission.is-done em { color: #4ade80; }
html[data-site="ls"] .lsg-mission-bonus { margin: 0; font-size: 11.5px; color: var(--ls-muted); }
html[data-site="ls"] .lsg-mission-bonus.is-done { color: #15803d; font-weight: 800; }
html[data-site="ls"] .lsm-referral { grid-column: 1 / -1; }
html[data-site="ls"] .lsm-referral h2 { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
html[data-site="ls"] .lsm-referral h2 span { font-size: 11.5px; font-weight: 700; color: var(--ls-muted); }
html[data-site="ls"] .lsm-ref-link { display: flex; flex-direction: column; gap: 4px; font-size: 12.5px; font-weight: 700; }
html[data-site="ls"] .lsm-ref-link input { width: 100%; padding: 8px 10px; border: 1px solid var(--ls-line); border-radius: 8px; background: var(--ls-field); color: var(--ls-text); font: inherit; font-weight: 600; }
html[data-site="ls"] .lsm-ref-figs { margin: 0; font-size: 13px; color: var(--ls-muted); }
html[data-site="ls"] .lsm-ref-figs b { color: var(--ls-text); }
html[data-site="ls"] .lsm-ref-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
html[data-site="ls"] .lsm-ref-list li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 2px 12px; align-items: baseline; padding: 8px 0; border-top: 1px solid var(--ls-line); font-size: 13px; }
html[data-site="ls"] .lsm-ref-list li a { font-weight: 800; overflow-wrap: anywhere; }
html[data-site="ls"] .lsm-ref-list time { color: var(--ls-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
html[data-site="ls"] .lsm-ref-list em { font-style: normal; font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; padding: 2px 8px; border-radius: 999px; background: var(--ls-field); color: var(--ls-muted); }
html[data-site="ls"] .lsm-ref-list em.is-ok { background: #dcfce7; color: #15803d; }
html[data-site="ls"] .lsm-ref-list em.is-run { background: color-mix(in srgb, var(--ls-brand, var(--ls-accent)) 18%, var(--ls-card)); color: var(--ls-text); }
html[data-site="ls"][data-theme^="dark"] .lsm-ref-list em.is-ok { background: #14532d; color: #bbf7d0; }
html[data-site="ls"] .lsm-ref-list small { grid-column: 1 / -1; color: var(--ls-muted); font-size: 12px; }
html[data-site="ls"] .lsm-ref-copy { grid-column: 1 / -1; display: flex; gap: 6px; margin-top: 4px; }
html[data-site="ls"] .lsm-ref-copy input { flex: 1; min-width: 0; padding: 6px 8px; border: 1px solid var(--ls-line); border-radius: 8px; background: var(--ls-field); color: var(--ls-text); font: inherit; font-size: 12px; }
html[data-site="ls"] .lsm-ref-copy button { flex: none; padding: 6px 12px; border: 1px solid var(--ls-line); border-radius: 999px; background: var(--ls-field); color: var(--ls-text); font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
html[data-site="ls"] .lsm-invite > summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; padding: 9px 16px; border-radius: 999px; font-weight: 900; font-size: 13.5px; background: linear-gradient(135deg, var(--ls-btn-top, var(--ls-brand, var(--ls-accent))), var(--ls-btn-bottom, var(--ls-accent))); color: var(--ls-btn-ink, #1d2233); }
html[data-site="ls"] .lsm-invite > summary::-webkit-details-marker { display: none; }
html[data-site="ls"] .lsm-invite > summary:focus-visible { outline: 2px solid var(--ls-text); outline-offset: 2px; }
html[data-site="ls"] .lsm-invite form { margin-top: 12px; display: flex; flex-direction: column; gap: 10px; max-width: 560px; }
html[data-site="ls"] .lsm-invite label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; font-weight: 800; }
html[data-site="ls"] .lsm-invite label small { font-weight: 600; color: var(--ls-muted); }
html[data-site="ls"] .lsm-invite input[type="email"], html[data-site="ls"] .lsm-invite input[type="text"], html[data-site="ls"] .lsm-invite textarea { font: inherit; font-weight: 600; color: var(--ls-text); background: var(--ls-field); border: 1px solid var(--ls-line); border-radius: 9px; padding: 8px 10px; width: 100%; }
html[data-site="ls"] .lsm-invite textarea { min-height: 80px; resize: vertical; }
html[data-site="ls"] .lsm-invite .lsm-ref-check { flex-direction: row; align-items: flex-start; gap: 8px; }
html[data-site="ls"] .lsm-invite .lsm-ref-check input { margin-top: 2px; }
html[data-site="ls"] .lsm-ref-group, html[data-site="ls"] .lsm-ref-quota { margin: 0; font-size: 12.5px; color: var(--ls-muted); }
html[data-site="ls"] .lsm-ref-group b, html[data-site="ls"] .lsm-ref-quota b { color: var(--ls-text); }
html[data-site="ls"] .lsm-invite .lsm-cta { align-self: flex-start; border: 0; cursor: pointer; font: inherit; font-weight: 900; }
html[data-site="ls"] .lsm-ref-note { margin: 0; font-size: 13px; }
html[data-site="ls"] .lsm-ref-sent { margin: 0; font-size: 13px; font-weight: 800; color: #15803d; }
html[data-site="ls"][data-theme^="dark"] .lsm-ref-sent { color: #4ade80; }
html[data-site="ls"] .lsi-optout { max-width: 520px; margin: 20px auto; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
html[data-site="ls"] .lsi-optout h2 { margin: 0; }