/* Local review only. This stylesheet is never copied into the production build. */
.local-preview-note{display:flex;align-items:center;justify-content:center;gap:20px;padding:13px 24px;background:#123544;color:#a8e5e7;border-bottom:1px solid #3c6874;font-size:12px;letter-spacing:.03em}.local-preview-note strong{font-weight:500}.local-preview-note span{color:#88b9c7}.theme-grid{align-items:stretch;gap:24px}.theme-card{display:flex;flex-direction:column;border-color:#344d64;background:#102234}.role-art{position:relative;height:340px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#263c5144,transparent 68%),#091523;border-bottom:1px solid #253f53}.role-portrait{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;display:block;max-height:340px;padding:16px 10px 12px;isolation:isolate}.role-watermark{position:absolute;top:13px;left:20px;color:var(--theme-color);opacity:.55;letter-spacing:.04em;font-size:22px;z-index:2}.role-state{position:absolute;top:20px;right:17px;letter-spacing:.1em;font-size:9px;color:#98b0c5;z-index:2}.role-effect{display:flex;align-items:center;gap:18px;padding:12px 20px;background:linear-gradient(110deg,#122b3c,#101e31);border-bottom:1px solid #2c4358;min-height:88px}.role-effect-svg{color:var(--theme-color);width:124px;height:62px;flex:none;border:1px solid #37536a;border-radius:7px;background:#071523a8;overflow:hidden}.role-effect-svg svg{width:100%;height:100%;display:block}.role-effect small{display:block;font-size:10px;letter-spacing:.1em;color:#739caf;margin-bottom:3px}.role-effect strong{font-size:16px;font-weight:400;color:#c7e3ec}.theme-body{padding:22px;flex:1;display:flex;flex-direction:column}.theme-title h3{font-size:23px;line-height:1.45}.theme-body>p{margin:14px 0}.theme-body .theme-includes{font-size:11px;line-height:1.8;margin:0 0 3px;color:#8caec3}.theme-bottom{margin-top:auto;padding-top:16px}.theme-body .theme-includes+.theme-bottom{margin-top:20px}.theme-card:hover .role-portrait{filter:brightness(1.03)}#theme-lan .role-portrait{padding:22px 48px 18px;filter:drop-shadow(0 8px 24px #72e9eb18)}#theme-lan .role-art{background:radial-gradient(ellipse at center,#143f5750,transparent 67%),#091523}.shop-section>.section-title h2{font-size:34px}.shop-section>.section-title .eyebrow{font-size:10px}.shop-section .section-intro{max-width:800px}
@media(min-width:1440px){.role-art{height:370px}.role-portrait{max-height:370px}}
@media(max-width:1150px){.role-art{height:350px}.role-portrait{max-height:350px}}
@media(max-width:600px){.local-preview-note{align-items:flex-start;flex-direction:column;gap:3px;padding:11px 18px;font-size:11px}.local-preview-note span{font-size:10px}.theme-grid{gap:20px}.role-art{height:340px}.role-portrait{max-height:340px;padding:20px 10px 12px}.role-effect{gap:16px;padding:12px 18px}.role-effect-svg{width:112px;height:59px}.role-effect strong{font-size:16px}.theme-body{padding:22px 20px}.theme-title h3{font-size:23px}.shop-section>.section-title h2{font-size:28px}.theme-title{align-items:flex-start}.role-state{top:20px;right:15px;font-size:8px}.role-watermark{top:13px;left:18px;font-size:22px}.role-portrait{object-fit:contain}#theme-lan .role-portrait{padding:20px 40px 15px}}
#theme-lattice{--theme-color:#72c8ff!important}#theme-resonance{--theme-color:#c29af3!important}#theme-spark{--theme-color:#ffc06b!important}#theme-flow{--theme-color:#75e3b5!important}#theme-moon{--theme-color:#c4cef5!important}
.role-profile-link{color:inherit}.role-profile-link:focus-visible{outline-offset:-4px}.role-discover{position:absolute;right:17px;bottom:14px;z-index:3;font-size:10px;letter-spacing:.06em;color:var(--theme-color);border:1px solid #3a5269;border-radius:5px;padding:5px 9px;background:#0c1c2ddd}.role-profile-link:hover .role-discover{border-color:var(--theme-color);background:#19334c}