@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/3dbe685087e51055-s.3go3gb1_xu4rn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/6bd983bd58a87a3d-s.p.1hey5yyym6mz_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/3dbe685087e51055-s.3go3gb1_xu4rn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/6bd983bd58a87a3d-s.p.1hey5yyym6mz_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/3dbe685087e51055-s.3go3gb1_xu4rn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/6bd983bd58a87a3d-s.p.1hey5yyym6mz_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/3dbe685087e51055-s.3go3gb1_xu4rn.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/6bd983bd58a87a3d-s.p.1hey5yyym6mz_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Sora Fallback;src:local(Arial);ascent-override:85.29%;descent-override:25.5%;line-gap-override:0.0%;size-adjust:113.73%}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}
:root{--font-sora:Sora,sans-serif;--font-manrope:Manrope,sans-serif}
.ss-public{padding-top:112px;background:#070708;font-family:Manrope,sans-serif}
.ss-nav-wrap{position:fixed;top:24px;left:24px;right:24px;z-index:50;display:flex;justify-content:center;font-family:Manrope,sans-serif}
.ss-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1100px;height:64px;padding:0 24px;background:#000d;backdrop-filter:blur(22px);border-radius:16px;color:#fff}
.ss-brand{display:block;flex-shrink:0}.ss-nav .site-logo{display:block;width:64px;height:43px;object-fit:contain}.ss-nav-links{display:flex;align-items:center;gap:25px;font-size:13px;color:#bbb}.ss-nav-links a:hover{color:#fff}
.ss-nav-actions{display:flex;align-items:center;gap:9px}.ss-discord{display:grid;place-items:center;width:32px;height:36px}.ss-discord img{width:18px;height:18px}.ss-cart{font-size:11px;color:#aaa}.ss-topup,.ss-connect{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 17px;border:0;border-radius:12px;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.ss-topup{background:#ffffff1a}.ss-connect{background:#bf1531}.ss-menu-toggle{display:none;background:none;color:#fff;border:0;cursor:pointer}
#scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#bf1531;transform:scaleX(0);transform-origin:left;z-index:80}
.ss-footer{position:relative;padding:160px 32px 64px;font-family:Manrope,sans-serif;color:#ddd}.ss-footer-inner{position:relative;max-width:1180px;margin:auto}.ss-footer-box{display:flex;align-items:center;min-height:220px;padding:40px 48px;border:1px solid #ffffff1a;border-radius:28px;background:#1212168c}.footer-copy{max-width:55%}.ss-footer .site-logo{width:138px;height:93px;object-fit:contain}.ss-footer .footer-copy>a{display:inline-flex;margin-bottom:20px}.ss-footer-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-bottom:12px;font-size:13px;color:#999}.ss-footer-links a:hover{color:#bf1531}.ss-footer p{font-size:11px;line-height:1.8;color:#666}.ss-footer .footer-character{position:absolute;right:3px;bottom:0;display:block;width:auto;height:400px;max-width:43%;object-fit:contain;object-position:bottom right;pointer-events:none}
.ss-nav .btn-fill,.ss-public .btn-primary{position:relative;overflow:hidden;isolation:isolate}.ss-nav .btn-fill:after,.ss-public .btn-primary:after{content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:scaleY(0);transform-origin:bottom;transition:transform .65s}.ss-nav .btn-fill:hover,.ss-public .btn-primary:hover{color:#111!important}.ss-nav .btn-fill:hover:after,.ss-public .btn-primary:hover:after{transform:scaleY(1)}.ss-public .btn-primary{background:#bf1531;border-color:#bf1531}
.ss-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ss-empty{color:#999;font-size:13px;line-height:1.8}.ss-empty a{color:#bf1531}.import-photo{display:block}.import-photo picture{display:block;height:100%}.ss-image-placeholder{display:grid;place-items:center;aspect-ratio:16/10;color:#888;font-size:12px}.ss-gallery-content{padding-top:140px}.ss-login-cover{position:relative;min-height:80svh;display:grid;place-items:center}.ss-login-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.ss-login-cover>button{position:relative;width:auto;padding:0 25px}.ss-preview-note{position:fixed;bottom:10px;left:12px;z-index:45;border:1px solid #fff2;border-radius:6px;background:#111b;padding:4px 8px;color:#aaa;font:9px Manrope,sans-serif}
@media(max-width:1099px){.ss-nav-links,.ss-discord,.ss-connect{display:none}.ss-menu-toggle{display:grid;place-items:center}.ss-nav{gap:12px}.ss-cart{display:none}}
@media(max-width:767px){.ss-footer{padding:90px 24px 40px}.ss-footer-box{padding:32px 24px}.ss-footer .footer-character{display:none}.footer-copy{max-width:100%}.ss-topup{display:none}.ss-nav{padding:0 20px}}

[hidden] { display: none !important; }
.mobile-panel { position: fixed; z-index: 55; top: 100px; left: 24px; right: 24px; border: 1px solid #ffffff1a; border-radius: 16px; padding: 16px; backdrop-filter: blur(22px); }
.mobile-panel > a { display: block; padding: 12px 0; }
.mobile-actions { display: flex; align-items: center; gap: 16px; padding-top: 12px; margin-top: 8px; border-top: 1px solid #ffffff1a; font-size: 13px; }
.mobile-actions [data-theme-toggle] { font-size: 22px; min-width: 32px; }
.mobile-connect { margin-left: auto; padding: 10px 16px; border-radius: 12px; background: #bf1531; color: #fff !important; font-weight: 600; }
dialog.modal-panel { margin: auto; width: min(448px, calc(100% - 32px)); max-height: calc(100svh - 48px); padding: 28px; border-width: 1px; border-radius: 16px; overflow: auto; }
dialog::backdrop { background: #000b; backdrop-filter: blur(12px); }
dialog[open] { animation: dialog-in .3s ease both; }
.dialog-close { position: absolute; top: 12px; right: 16px; font: 30px/1 sans-serif; width: 28px; height: 28px; }
.dialog-action { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 24px; padding: 8px 20px; border-radius: 999px; font-weight: 700; }
.dialog-secondary { margin-top: 12px; border: 1px solid #ffffff26; }
html.light .dialog-secondary { border-color: #0002; }
body:has(dialog[open]) { overflow: hidden; }
@keyframes dialog-in { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: none; } }
.auth-user-name { display: block; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
dialog.auth-panel { width: min(440px,calc(100% - 32px)); padding: 36px 32px 24px; text-align: center; border-top: 2px solid #bf1531; box-shadow: 0 30px 100px #0009; }
.auth-logo { display: block; width: 74px; height: 50px; object-fit: contain; margin: 0 auto 27px; }
.auth-panel h2 { font-family: var(--font-sora),sans-serif; font-weight: 700; font-size: 25px; letter-spacing: -.035em; line-height: 1.3; }
.auth-description { margin: 14px auto 26px; max-width: 300px; color: #99969f; font-size: 13px; line-height: 1.8; }
.auth-discord-button svg { width: 22px; height: 22px; }
.auth-discord-button > span { margin-left: auto; font-size: 20px; }
.auth-privacy { margin-top: 14px; color: #77737c; font-size: 10px; }
.auth-footer { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #ffffff12; color: #87828c; font-size: 10px; }
.auth-footer a:hover { color: #fff; }
.auth-notice { margin: 0 0 20px; padding: 12px; border: 1px solid #bf15314d; border-radius: 10px; background: #bf15310d; color: #da9ba6; font-size: 12px; line-height: 1.7; }
.auth-avatar { display: grid; place-items: center; width: 55px; height: 55px; border-radius: 50%; margin: 0 auto 20px; background: #bf1531; color: #fff; font-size: 24px; font-weight: 700; }
html.light .auth-logo { filter: brightness(0); }
html.light .auth-footer { border-color: #0001; }
html.light .auth-footer a:hover { color: #111; }
html.light .auth-notice { color: #9e1230; }
.auth-discord-button { gap: 12px; width: 100%; margin-top: 26px; font-size: 13px; }
.photo-viewer .dialog-close { z-index: 2; top: 10px; right: 10px; width: 36px; height: 36px; border-radius: 50%; background: #000b; color: #fff; }
dialog.modal-panel{color:#fff;background:#0d0d0f;border-color:#ffffff1a;font-family:Manrope,sans-serif}.modal-panel .text-fog{color:#999}.modal-panel .font-display{font-family:Sora,sans-serif}.modal-panel .text-3xl{font-size:28px;font-weight:700}.modal-panel .mt-3{margin-top:12px}.modal-panel .bg-brand{background:#bf1531}.btn-fill{isolation:isolate;position:relative;overflow:hidden}.btn-fill:after{content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:scaleY(0);transform-origin:bottom;transition:transform .65s}.btn-fill:hover{color:#111!important}.btn-fill:hover:after{transform:scaleY(1)}.auth-panel h2{font-family:Sora,sans-serif}.nav-mobile{background:#000d;border-color:#ffffff1a;color:#fff}.mobile-panel a{color:inherit}.mobile-connect{background:#bf1531;color:#fff}.ss-nav-wrap~#mobile-menu{z-index:55}

/* Shared floating glass header. */
.site-nav.ss-nav,.site-nav {
  position:relative;
  isolation:isolate;
  background:linear-gradient(115deg,rgba(255,255,255,.09),rgba(255,255,255,.025) 45%,rgba(255,255,255,.055)),rgba(12,12,15,.43);
  border:1px solid rgba(255,255,255,.19);
  border-radius:20px;
  -webkit-backdrop-filter:blur(26px) saturate(155%);
  backdrop-filter:blur(26px) saturate(155%);
  box-shadow:0 12px 38px -12px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(255,255,255,.035);
}
.site-nav::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse at 12% 0,rgba(255,255,255,.09),transparent 48%);
}
.site-nav .nav-link { transition:color .2s ease; }
.site-nav :is(a,button):focus-visible { outline:2px solid #fff9;outline-offset:4px; }
.site-nav.ss-nav .ss-topup { background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 #ffffff0a; }
.mobile-panel {
  background:linear-gradient(125deg,#ffffff0c,#ffffff03),rgba(14,14,17,.78);
  border:1px solid #ffffff26;
  -webkit-backdrop-filter:blur(28px) saturate(150%);
  backdrop-filter:blur(28px) saturate(150%);
  box-shadow:0 20px 50px #0006,inset 0 1px 0 #ffffff12;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .site-nav.ss-nav,.site-nav,.mobile-panel { background:#17171bee; }
}

/* TikTok keeps the existing social-card layout and white hover reveal. */
.social-tiktok {
  background:radial-gradient(circle at 0 0,#25f4ee0b,transparent 45%),radial-gradient(circle at 100% 100%,#fe2c550e,transparent 50%),#111113;
  border:1px solid #ffffff20;
  box-shadow:inset 0 1px 0 #ffffff09;
}
.social-tiktok .social-platform-icon { filter:drop-shadow(-1.5px 0 0 #25f4ee) drop-shadow(1.5px 1px 0 #fe2c55); }
.social-tiktok:hover .social-platform-icon { filter:none; }
.social-tiktok .rounded-full { background:#ffffff0d;color:#ddd;border:1px solid #ffffff16; }
.social-tiktok:hover .rounded-full { background:#111;color:#fff;border-color:#111; }

/* The server strip sits to the side of the hero subject. */
.hero-server {
  position:absolute;z-index:15;left:max(40px,calc((100% - 1180px)/2));bottom:112px;
  display:flex;align-items:center;gap:15px;width:min(485px,calc(100% - 80px));padding:17px 18px;
  color:#fff;font-family:Manrope,sans-serif;text-align:left;border:1px solid #ffffff36;border-radius:20px;
  background:linear-gradient(115deg,#ffffff12,#ffffff03 60%),#11111461;
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 18px 45px -18px #000b,inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff05;
}
.hero-server-icon { display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:1px solid #ffffff20;border-radius:12px;background:#ffffff07; }
.hero-server-icon img { width:23px;height:23px;object-fit:contain; }
.hero-server-name { flex:1;min-width:0; }
.hero-server-name>strong { display:block;font-family:Sora,sans-serif;font-size:12px;font-weight:600;letter-spacing:.015em; }
.hero-server-state { display:flex;align-items:center;gap:7px;margin-top:6px;color:#c3c0c7;font-size:10px;white-space:nowrap; }
.hero-server-state i { width:6px;height:6px;border-radius:50%;background:#8e8b92; }
.hero-server[data-state="online"] .hero-server-state i { background:#76dba2;box-shadow:0 0 10px #76dba24d; }
.hero-server-players { display:flex;flex-direction:column;gap:5px;padding:0 17px;border-left:1px solid #ffffff1c; }
.hero-server-players strong { font-family:Sora,sans-serif;font-size:14px;font-weight:600;white-space:nowrap; }
.hero-server-players>span { color:#aaa5af;font-size:10px; }
.hero-server-join { display:flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:0 14px;border:1px solid #ffffff2e;border-radius:999px;background:#ffffff0b;color:#fff;font-size:11px;font-weight:600;cursor:pointer; }
.hero-server-join:focus-visible { outline:2px solid #fff;outline-offset:4px; }
@media(max-width:767px) {
  .hero-shot>div.relative.z-10 { padding-bottom:32px; }
  .hero-server { left:24px;bottom:116px;width:calc(100% - 48px);padding:14px;gap:11px; }
  .hero-server-icon { width:34px;height:38px; }
  .hero-server-name>strong { font-size:10px; }
  .hero-server-state { font-size:9px;gap:5px; }
  .hero-server-players { padding:0 9px; }
  .hero-server-players strong { font-size:12px; }
  .hero-server-join { padding:0;width:36px;min-height:36px;flex-shrink:0; }
  .hero-server-join>span { display:none; }
}
@media(max-width:359px) { .hero-server-icon { display:none; } }

/* Notifications float above the page and never move the hero. */
html { scrollbar-gutter:stable; }
.ss-toast-stack {
  position:fixed;z-index:70;top:calc(104px + env(safe-area-inset-top,0px));right:24px;
  display:grid;gap:10px;width:min(370px,calc(100% - 48px));max-height:calc(100svh - 132px);
  margin:0;padding:0;overflow:auto;pointer-events:none;
}
.ss-toast {
  display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid #ffffff26;border-radius:17px;
  background:linear-gradient(115deg,#ffffff09,transparent 70%),#151518e6;color:#e4e1e7;
  font:400 12px/1.7 Manrope,sans-serif;text-align:left;pointer-events:auto;
  -webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);
  box-shadow:0 14px 40px -12px #0009,inset 0 1px 0 #ffffff09;animation:ss-notice-in .2s ease-out both;
}
.ss-toast p { flex:1;min-width:0;margin:2px 0 0;overflow-wrap:anywhere; }
.ss-toast-icon { display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;border-radius:9px;background:#ffffff08;color:#b9b4c0; }
.ss-toast[data-tone="success"] .ss-toast-icon { color:#86d9aa;background:#86d9aa12; }
.ss-toast[data-tone="error"] .ss-toast-icon { color:#df8393;background:#df839312; }
.ss-toast button { display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;margin:0 -4px 0 0;padding:0;border:0;border-radius:7px;background:transparent;color:#99939f;cursor:pointer; }
.ss-toast button:hover { background:#ffffff0d;color:#fff; }
.ss-toast button:focus-visible { outline:2px solid #ddd;outline-offset:2px; }
.auth-panel .auth-notice { border:1px solid #ffffff1c;background:#ffffff05;border-radius:12px;color:#c8c1ce;font-size:12px;line-height:1.7; }
@keyframes ss-notice-in { from { opacity:0;transform:translateY(-6px); } to { opacity:1;transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .ss-toast { animation:none; } }

/* The phone header keeps the primary account action visible. */
.ss-account-link { gap:8px; }
.ss-account-link img { display:block;border-radius:50%;object-fit:cover; }
html.ss-menu-open body { overflow:hidden; }
@media(max-width:1099px) {
  .ss-nav.ss-nav .ss-connect { display:inline-flex;max-width:140px; }
  .ss-nav .ss-menu-toggle { width:38px;height:40px;border-radius:12px;border:1px solid #ffffff18;background:#ffffff06; }
  .ss-nav .ss-nav-actions { gap:8px; }
  .mobile-panel { max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain; }
  .mobile-panel>a { padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.4;transition:background .2s,color .2s; }
  .mobile-panel>a:hover,.mobile-panel>a:focus-visible { background:#ffffff09;color:#fff; }
  .mobile-panel>a:focus-visible { outline:1px solid #ffffff60;outline-offset:0; }
  .mobile-panel .mobile-actions { flex-wrap:wrap;gap:12px;padding:14px 10px 2px; }
  .mobile-panel .mobile-connect { min-height:40px; }
}
@media(max-width:767px) {
  .ss-nav-wrap { top:12px;left:12px;right:12px; }
  .ss-nav.ss-nav { height:58px;padding:0 14px;border-radius:18px;gap:10px; }
  .ss-nav .site-logo { width:55px;height:37px; }
  .ss-nav .ss-connect { height:36px;max-width:125px;padding:0 13px;border-radius:11px;font-size:12px; }
  .ss-nav .ss-menu-toggle { width:36px;height:36px; }
  .ss-nav .ss-menu-toggle svg { width:21px;height:21px; }
  .mobile-panel { top:82px;left:12px;right:12px;max-height:calc(100dvh - 98px);padding:10px;border-radius:18px; }
  .ss-public { padding-top:90px; }
  .ss-gallery-content { padding-top:108px; }
  .ss-toast-stack { top:calc(84px + env(safe-area-inset-top,0px));right:12px;width:calc(100% - 24px); }
}