:root{--layout-width:1200px;--poster-purple:var(--tg-color-brand-secondary);--display-outline:var(--tg-color-text-primary)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--tg-color-brand-primary);outline-offset:4px}.shell{width:min(var(--layout-width),calc(100% - 48px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.announcement{min-height:31px;display:flex;gap:15px;align-items:center;justify-content:center;background:var(--tg-color-brand-secondary);color:var(--tg-on-brand-secondary);font:800 10px/1.1 var(--tg-font-sans);letter-spacing:.13em;text-align:center;padding:8px}.announcement-star{color:var(--tg-color-brand-primary)}.live-dot,.chip-dot{width:7px;height:7px;border-radius:50%;background:var(--tg-color-brand-primary);display:inline-block;flex-shrink:0}.site-header{position:sticky;top:0;z-index:90;background:var(--tg-surface-base);border-bottom:var(--tg-border-width) solid var(--tg-border-subtle)}.header-inner{height:82px;display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-icon{position:relative;width:45px;height:45px;border-radius:var(--tg-radius-md);background:var(--tg-color-brand-primary);color:var(--tg-on-brand-primary);font:400 31px/45px var(--tg-font-heading);text-align:center;transform:rotate(-5deg)}.brand-spark{position:absolute;top:-15px;right:-10px;font:18px var(--tg-font-sans);color:var(--tg-color-brand-secondary)}.brand-name{display:flex;flex-direction:column;font:400 20px/1 var(--tg-font-heading);letter-spacing:-.02em}.brand-name>span{font:900 10px/1.2 var(--tg-font-sans);letter-spacing:.36em;color:var(--tg-color-brand-primary);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:38px}.desktop-nav a,.header-join,.back-to-top{font:900 12px/1 var(--tg-font-sans);letter-spacing:.07em}.desktop-nav a:hover,.text-link:hover{color:var(--tg-color-brand-primary-text)}.header-actions{display:flex;align-items:center;gap:12px}.theme-button,.menu-button{background:var(--tg-surface-raised);color:var(--tg-color-text-primary);border:var(--tg-border-width) solid var(--tg-border-default);border-radius:var(--tg-radius-md);height:42px;width:42px;font-size:22px}.header-join{gap:14px;white-space:nowrap}.menu-button{display:none}.hero{position:relative;isolation:isolate;background:var(--tg-surface-base);overflow:hidden}.hero-grain{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:var(--tg-card-texture)}.hero-grid{position:relative;min-height:640px;padding:68px 0 75px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;font:900 11px/1.4 var(--tg-font-sans);letter-spacing:.14em;color:var(--tg-color-text-secondary)}.asterisk,.section-kicker span{font-size:23px;color:var(--tg-color-brand-primary)}.eyebrow-line{height:1px;width:30px;background:var(--tg-border-strong)}h1,h2,h3,p{margin-top:0}.hero h1{font:400 clamp(39px,4.3vw,67px)/1.21 var(--tg-font-heading);letter-spacing:-.032em;margin:24px -30px 25px 0;white-space:nowrap}.text-primary{color:var(--tg-color-brand-primary-text)}.text-outline{color:transparent;-webkit-text-stroke:1.7px var(--display-outline)}.hero-description{font-size:var(--tg-font-size-body);line-height:1.75;max-width:525px;color:var(--tg-color-text-secondary);margin-bottom:28px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.big-btn{padding:16px 20px!important;min-height:54px;font:900 12px var(--tg-font-sans)!important;letter-spacing:.06em;display:inline-flex;justify-content:center;align-items:center;gap:18px}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:52px}.avatar-pile{display:flex;padding-left:4px}.avatar-pile span{width:38px;height:38px;margin-left:-4px;background:var(--tg-surface-raised);border:2px solid var(--tg-surface-base);display:grid;place-items:center;border-radius:50%;font-size:18px}.avatar-pile span:nth-child(2){background:var(--tg-color-brand-secondary)}.avatar-pile span:nth-child(3){background:var(--tg-color-brand-primary)}.hero-foot strong,.hero-foot small{display:block}.hero-foot strong{font-size:11px;letter-spacing:.08em}.hero-foot small{color:var(--tg-color-text-muted);font-size:11px;margin-top:2px}.hero-visual{height:505px;position:relative;display:flex;justify-content:center;align-items:center}.arcade-card{position:relative;z-index:1;width:min(100%,460px);min-height:418px;background:var(--tg-surface-raised);border:var(--tg-border-width-thick) solid var(--tg-border-strong);border-radius:var(--tg-radius-2xl);box-shadow:var(--tg-shadow-xl);padding:14px;transform:rotate(4deg)}.arcade-top,.arcade-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;font:900 10px var(--tg-font-sans);letter-spacing:.07em}.arcade-stars{color:var(--tg-color-brand-secondary)}.arcade-bottom{margin-top:6px;color:var(--tg-color-text-muted);font-size:9px}.arcade-bottom span:first-child{font-size:17px;color:var(--tg-color-complement-text,var(--tg-color-brand-secondary))}.game-art{height:325px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--tg-radius-xl);background:var(--tg-color-brand-primary);border:var(--tg-border-width-thick) solid var(--tg-border-strong)}.orbit{position:absolute;width:320px;height:320px;border:2px dashed rgba(23,33,43,.22);border-radius:50%}.orbit-two{width:460px;height:460px}.spark{position:absolute;font-size:40px;color:var(--tg-color-brand-secondary)}.s1{top:26px;left:34px}.s2{right:29px;top:31px;font-size:55px;color:var(--tg-color-complement,#ff6b4a)}.s3{bottom:32px;left:45px;font-size:25px}.controller{width:315px;height:173px;position:relative;z-index:2;background:#283741;border:9px solid #17212b;border-radius:85px 85px 95px 95px;transform:rotate(-15deg);box-shadow:12px 15px 0 rgba(23,33,43,.15);display:flex;align-items:center;justify-content:space-between;padding:28px}.controller:before{content:"";position:absolute;inset:7px;border:2px solid rgba(255,255,255,.1);border-radius:inherit}.controller-left,.controller-right{position:relative;width:80px;height:80px}.dpad{position:absolute;top:11px;left:10px;width:60px;height:60px}.dpad i{position:absolute;background:#090f15;border-radius:5px}.dpad .vertical{left:21px;top:0;width:20px;height:62px}.dpad .horizontal{top:21px;left:0;width:62px;height:20px}.controller-center{display:flex;gap:8px;align-self:flex-end;margin-bottom:17px}.center-pill{width:18px;height:8px;background:#657784;border-radius:10px;transform:rotate(-25deg)}.face{position:absolute;width:29px;height:29px;border-radius:50%;border:4px solid #17212b}.face-a{top:0;left:25px;background:#ff6b4a}.face-b{top:24px;right:0;background:#7657d6}.face-c{bottom:0;left:25px;background:#f0a52b}.face-d{top:24px;left:0;background:#39b86a}.level-label{position:absolute;bottom:19px;right:19px;transform:rotate(-6deg);font:400 22px var(--tg-font-heading);color:#17212b}.visual-chip{position:absolute;z-index:3;background:var(--tg-surface-raised);border:var(--tg-border-width-thick) solid var(--tg-border-strong);box-shadow:var(--tg-shadow-md);border-radius:var(--tg-radius-md);padding:12px 15px;font:900 11px var(--tg-font-sans);letter-spacing:.04em;display:flex;align-items:center;gap:8px}.top-chip{left:-8px;top:29px;transform:rotate(-7deg)}.bottom-chip{right:-9px;bottom:35px;transform:rotate(-5deg)}.bottom-chip span{font-size:19px;color:var(--tg-color-brand-secondary)}.visual-stripes{position:absolute;left:-50px;bottom:17px;width:145px;height:80px;background-image:var(--tg-card-texture);background-color:var(--tg-color-brand-secondary);opacity:.2}.hero-ticker{overflow:hidden;background:var(--tg-color-brand-primary);color:var(--tg-on-brand-primary);border-block:var(--tg-border-width-thick) solid var(--tg-border-strong)}.ticker-track{display:flex;width:max-content;align-items:center;gap:31px;white-space:nowrap;padding:13px;font:400 16px var(--tg-font-heading)}.ticker-track span{margin-right:28px}.section{padding-block:100px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2,.about-copy h2,.community-inner h2{font:400 clamp(38px,4.5vw,65px)/1.13 var(--tg-font-heading);letter-spacing:-.03em;margin:12px 0 12px}.punctuation{color:var(--tg-color-brand-primary)}.section-head p{color:var(--tg-color-text-secondary);margin:0;max-width:520px}.text-link{font:900 12px var(--tg-font-sans);letter-spacing:.05em;padding-bottom:10px;white-space:nowrap}.text-link span{margin-left:8px}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin:36px 0 24px}.filter{background:var(--tg-surface-raised);border:var(--tg-border-width) solid var(--tg-border-default);border-radius:var(--tg-radius-md);color:var(--tg-color-text-secondary);padding:10px 17px;font:900 11px var(--tg-font-sans);letter-spacing:.05em;transition:var(--tg-transition-colors)}.filter:hover{border-color:var(--tg-color-brand-primary)}.filter.active{background:var(--tg-color-brand-primary);border-color:var(--tg-color-brand-primary);color:var(--tg-on-brand-primary)}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.video-card[hidden]{display:none}.video-card h3{font:400 21px/1.35 var(--tg-font-heading);margin:11px 0 5px}.video-card>p{color:var(--tg-color-text-secondary);font-size:14px;line-height:1.6}.thumb{position:relative;overflow:hidden;height:235px;border-radius:var(--tg-radius-xl);border:var(--tg-border-width-thick) solid var(--tg-border-strong);isolation:isolate;transition:var(--tg-transition-card)}.thumb:hover{transform:translateY(-4px);box-shadow:var(--tg-shadow-lg)}.thumb-one{background:#7657d6}.thumb-two{background:#5ed3e9}.thumb-three{background:#ff6b4a}.thumb:after{content:"";z-index:-1;position:absolute;width:290px;height:290px;right:-60px;top:23px;border-radius:50%;border:38px solid rgba(23,33,43,.13)}.thumb-top{position:relative;z-index:1;display:flex;justify-content:space-between;padding:15px}.episode,.duration{font:900 10px var(--tg-font-sans);letter-spacing:.06em;color:#17212b;background:#fff;padding:6px 9px;border-radius:var(--tg-radius-sm)}.duration{background:#17212b;color:white}.thumb-art{height:160px;display:flex;align-items:center;gap:5px;padding:0 20px}.visual-emoji{font-size:84px;transform:rotate(-13deg);filter:drop-shadow(8px 10px 0 rgba(23,33,43,.22))}.thumb-graphic{font:400 clamp(20px,2.3vw,31px)/1.15 var(--tg-font-heading);letter-spacing:-.02em;color:#17212b;transform:rotate(-5deg)}.play-button{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:47px;height:47px;border:2px solid #17212b;border-radius:50%;background:#fff;color:#17212b;box-shadow:3px 4px 0 #17212b;font-size:15px;transition:transform .2s}.play-button:hover{transform:scale(1.1)}.video-meta{display:flex;justify-content:space-between;margin-top:17px;color:var(--tg-color-brand-primary-text);font:900 10px var(--tg-font-sans);letter-spacing:.1em}.video-meta span:last-child{color:var(--tg-color-text-muted)}.placeholder-note{margin:18px 0 0;color:var(--tg-color-text-muted);font-size:12px}.about-band{background:var(--tg-surface-sunken);border-block:var(--tg-border-width) solid var(--tg-border-subtle)}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:95px;align-items:center;padding-block:98px}.about-visual{position:relative;max-width:460px;margin:auto;width:100%}.poster{height:430px;transform:rotate(-4deg);background:var(--tg-color-brand-secondary);border:var(--tg-border-width-thick) solid var(--tg-border-strong);border-radius:var(--tg-radius-2xl);box-shadow:var(--tg-shadow-xl);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:23px;color:#fff}.poster-top,.poster-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;font:900 12px var(--tg-font-sans);letter-spacing:.09em}.poster-top span,.poster-bottom span{font-size:21px;color:var(--tg-color-brand-primary)}.poster-avatar{position:relative;display:grid;place-items:center;flex:1}.poster-avatar>span{position:relative;z-index:2;font-size:142px;filter:drop-shadow(9px 12px 0 rgba(23,33,43,.25));transform:rotate(12deg)}.poster-ray{position:absolute;width:280px;height:280px;border:3px dashed rgba(255,255,255,.5);border-radius:50%}.ray2{width:365px;height:365px}.ray3{width:450px;height:450px}.small-bubble{position:absolute;z-index:2;border:var(--tg-border-width-thick) solid #17212b;background:var(--tg-color-brand-primary);color:#17212b;box-shadow:var(--tg-shadow-md);font:900 11px var(--tg-font-sans);letter-spacing:.05em;border-radius:var(--tg-radius-md);padding:14px 17px}.bubble-one{right:-35px;top:35px;transform:rotate(8deg)}.bubble-two{left:-35px;bottom:35px;transform:rotate(5deg);background:#ff6b4a}.about-copy h2{margin:17px 0 24px}.about-copy p{color:var(--tg-color-text-secondary);line-height:1.8;max-width:550px}.about-copy .about-lede{font-size:clamp(19px,2vw,24px);font-weight:800;line-height:1.45;color:var(--tg-color-text-primary)}.about-copy .tg-btn{margin-top:15px}.values-section{padding-block:100px 110px}.section-head.compact{margin-bottom:28px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.value-card{position:relative;min-height:265px;padding:29px!important}.value-icon{display:grid;place-items:center;width:57px;height:57px;background:var(--tg-color-brand-primary-subtle);border-radius:var(--tg-radius-md);font-size:28px;margin-bottom:40px}.value-card:nth-child(2) .value-icon{background:var(--tg-color-brand-secondary-subtle)}.value-card:nth-child(3) .value-icon{background:var(--tg-color-brand-primary-subtle)}.value-index{position:absolute;right:25px;top:30px;font:400 17px var(--tg-font-heading);color:var(--tg-color-text-muted)}.value-card h3{font:400 20px var(--tg-font-heading);margin-bottom:9px}.value-card p{font-size:14px;color:var(--tg-color-text-secondary);line-height:1.65;margin-bottom:0}.community-section{background:var(--tg-color-brand-primary);color:var(--tg-on-brand-primary);position:relative;overflow:hidden}.community-section:before,.community-section:after{content:"";position:absolute;font-size:280px;color:rgba(23,33,43,.08);line-height:1}.community-section:before{left:-90px;top:40px}.community-section:after{right:-30px;bottom:-95px}.community-inner{position:relative;z-index:1;text-align:center;padding:86px 0 64px}.community-stars{color:var(--tg-color-brand-secondary);font-size:25px;letter-spacing:20px;margin-bottom:12px}.community-inner .section-kicker{justify-content:center;color:var(--tg-on-brand-primary)}.community-inner h2{font-size:clamp(55px,7vw,105px);margin:19px 0 18px}.community-inner h2 span{color:transparent;-webkit-text-stroke:2px #17212b}.community-inner>p:not(.form-note){max-width:570px;margin:0 auto 28px;line-height:1.7;font-weight:700}.signup-form{max-width:540px;margin:auto;display:flex;gap:9px;background:#fff;padding:8px;border-radius:var(--tg-radius-lg);border:var(--tg-border-width-thick) solid #17212b;box-shadow:var(--tg-shadow-lg)}.signup-form input{min-width:0;flex:1;border:0;outline:none!important;padding:14px 12px;color:#17212b;background:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}.signup-form button{background:var(--tg-color-brand-secondary);color:white;border:0;border-radius:var(--tg-radius-md);font:900 12px var(--tg-font-sans);letter-spacing:.05em;padding:12px 18px;white-space:nowrap}.signup-form button:hover{filter:brightness(.9)}.form-note{font-size:12px;min-height:18px;margin:16px auto 0;max-width:570px}.community-bottom{margin-top:64px;padding-top:22px;border-top:2px solid rgba(23,33,43,.2);font:900 10px var(--tg-font-sans);letter-spacing:.13em}.community-bottom span{font-size:17px;margin-left:12px}.footer{background:var(--tg-surface-base)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:50px 0}.footer-top p{font-size:13px;color:var(--tg-color-text-muted);margin:0}.footer-bottom{border-top:var(--tg-border-width) solid var(--tg-border-subtle);padding:21px 0;display:flex;justify-content:space-between;gap:20px;font:900 10px var(--tg-font-sans);letter-spacing:.07em;color:var(--tg-color-text-muted)}.heart{color:var(--tg-color-brand-secondary)}
[data-theme="light"] .hero{background:var(--tg-surface-sunken)}[data-theme="light"] .hero-grain{opacity:.08}[data-theme="light"] .arcade-card{background:var(--tg-surface-raised)}
@media(max-width:1100px){.hero h1{font-size:clamp(34px,4.3vw,55px)}.hero-grid{gap:24px}.arcade-card{width:95%}.top-chip{left:-4px}.bottom-chip{right:0}.about-grid{gap:50px}.thumb-graphic{font-size:23px}.visual-emoji{font-size:65px}}
@media(max-width:800px){.desktop-nav{gap:18px}.header-join{display:none}.hero-grid{grid-template-columns:1fr;gap:30px;padding:62px 0}.hero h1{font-size:clamp(38px,8vw,70px)}.hero-description{max-width:700px}.hero-visual{height:450px;max-width:560px;width:100%;margin:auto}.hero-foot{margin-top:30px}.video-grid{grid-template-columns:repeat(2,1fr)}.video-card:last-child{grid-column:span 2;max-width:calc(50% - 12px)}.about-grid{grid-template-columns:1fr;gap:55px}.about-visual{max-width:390px;order:2}.about-copy{order:1}.values-grid{gap:14px}.value-card{padding:20px!important}.value-card h3{font-size:17px}}
@media(max-width:600px){.shell{width:calc(100% - 36px)}.announcement{font-size:8px;gap:8px}.announcement-star{display:none}.header-inner{height:70px}.brand-icon{width:40px;height:40px;font-size:27px;line-height:40px}.brand-name{font-size:17px}.desktop-nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--tg-surface-base);padding:24px;box-shadow:var(--tg-shadow-lg);border-bottom:var(--tg-border-width) solid var(--tg-border-default);flex-direction:column;align-items:flex-start;gap:24px}.desktop-nav.open{display:flex}.menu-button{display:block}.hero-grid{padding:48px 0 55px}.hero h1{font-size:clamp(28px,8.1vw,46px);line-height:1.24;letter-spacing:-.035em;margin-right:0}.eyebrow{font-size:9px;gap:7px}.hero-description{font-size:16px}.hero-buttons{align-items:stretch}.hero-buttons .big-btn{flex:1 1 100%}.hero-visual{height:320px}.arcade-card{min-height:280px;max-width:340px;padding:9px;border-radius:var(--tg-radius-xl)}.game-art{height:220px}.controller{transform:scale(.75) rotate(-15deg)}.arcade-top,.arcade-bottom{font-size:7px;padding:4px}.arcade-bottom span:first-child{font-size:12px}.visual-chip{font-size:8px;padding:9px;max-width:180px}.top-chip{top:-3px}.bottom-chip{bottom:-1px}.level-label{font-size:15px}.section{padding-block:67px}.section-head{align-items:start;flex-direction:column;gap:16px}.section-head h2,.about-copy h2{font-size:clamp(35px,9vw,54px)}.section-kicker{font-size:9px}.video-grid{grid-template-columns:1fr}.video-card:last-child{grid-column:auto;max-width:none}.thumb{height:250px}.thumb-graphic{font-size:clamp(25px,7vw,38px)}.filter-bar{gap:7px}.filter{padding:9px 11px;font-size:9px}.about-grid{padding-block:68px}.poster{height:340px}.poster-avatar>span{font-size:105px}.bubble-one{right:-12px}.bubble-two{left:-12px}.values-grid{grid-template-columns:1fr}.value-card{min-height:205px}.value-icon{margin-bottom:25px}.community-inner{padding-block:65px 43px}.community-inner h2{font-size:clamp(48px,12vw,75px)}.signup-form{flex-direction:column}.signup-form input{width:100%;padding:16px 10px}.signup-form button{padding:16px}.community-bottom{margin-top:45px}.footer-top{align-items:flex-start;flex-direction:column;padding:40px 0;gap:17px}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Use the original design system Phosphor Fill SVGs for the house-rules cards. */
.value-symbol{display:block;width:31px;height:31px;background:var(--tg-color-brand-primary-text);mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
.value-symbol-lightning{mask-image:url("assets/icons/lightning.svg");-webkit-mask-image:url("assets/icons/lightning.svg")}
.value-symbol-game-controller{background:var(--tg-color-brand-secondary-text);mask-image:url("assets/icons/game-controller.svg");-webkit-mask-image:url("assets/icons/game-controller.svg")}
.value-symbol-users{mask-image:url("assets/icons/users.svg");-webkit-mask-image:url("assets/icons/users.svg")}

/* Seamless ticker: two identical content groups shift by exactly one group width. */
.hero-ticker .ticker-track{display:flex;width:max-content;align-items:stretch;gap:0;padding:0;animation:typfoon-ticker-scroll 30s linear infinite;will-change:transform}
.hero-ticker .ticker-group{display:flex;align-items:center;flex:none;gap:31px;white-space:nowrap;padding:13px 31px 13px 0}
.hero-ticker .ticker-group span{margin-right:0}
.hero-ticker .ticker-star{font-family:var(--tg-font-sans);font-weight:900}
@keyframes typfoon-ticker-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.hero-ticker .ticker-track{animation:none!important;will-change:auto;transform:none}}

/* V4: bundled Phosphor SVGs provide deterministic rendering across platforms. */
.svg-icon{--icon-size:1em;display:inline-block;width:var(--icon-size);height:var(--icon-size);flex:none;vertical-align:-.13em;background-color:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.icon-sparkle{mask-image:url("assets/icons/sparkle.svg");-webkit-mask-image:url("assets/icons/sparkle.svg")}
.icon-sun{mask-image:url("assets/icons/sun.svg");-webkit-mask-image:url("assets/icons/sun.svg")}
.icon-moon{mask-image:url("assets/icons/moon.svg");-webkit-mask-image:url("assets/icons/moon.svg")}
.icon-list{mask-image:url("assets/icons/list.svg");-webkit-mask-image:url("assets/icons/list.svg")}
.icon-x{mask-image:url("assets/icons/x.svg");-webkit-mask-image:url("assets/icons/x.svg")}
.icon-arrow-up-right{mask-image:url("assets/icons/arrow-up-right.svg");-webkit-mask-image:url("assets/icons/arrow-up-right.svg")}
.icon-arrow-right{mask-image:url("assets/icons/arrow-right.svg");-webkit-mask-image:url("assets/icons/arrow-right.svg")}
.icon-arrow-up{mask-image:url("assets/icons/arrow-up.svg");-webkit-mask-image:url("assets/icons/arrow-up.svg")}
.icon-heart{mask-image:url("assets/icons/heart.svg");-webkit-mask-image:url("assets/icons/heart.svg")}
.icon-play{mask-image:url("assets/icons/play.svg");-webkit-mask-image:url("assets/icons/play.svg")}
.icon-star{mask-image:url("assets/icons/star.svg");-webkit-mask-image:url("assets/icons/star.svg")}

.theme-button,.menu-button{display:inline-flex;align-items:center;justify-content:center}
.menu-button{display:none}
.theme-button .svg-icon,.menu-button .svg-icon{--icon-size:23px}
.brand-spark .svg-icon{--icon-size:18px}
.asterisk .svg-icon,.section-kicker .svg-icon{--icon-size:20px}
.arcade-stars .svg-icon{--icon-size:13px;margin-inline:2px}
.spark .svg-icon{--icon-size:1em}
.community-stars .svg-icon{--icon-size:24px;margin-inline:6px}
.community-section::before,.community-section::after{content:"";display:block;width:280px;height:280px;background-color:rgba(23,33,43,.08);mask:url("assets/icons/sparkle.svg") center/contain no-repeat;-webkit-mask:url("assets/icons/sparkle.svg") center/contain no-repeat;pointer-events:none}
.hero-ticker .ticker-star .svg-icon{--icon-size:19px}
.value-icon .svg-icon{--icon-size:30px}
.play-button .svg-icon{--icon-size:20px}
@media(max-width:600px){.menu-button{display:inline-flex}.community-section::before,.community-section::after{width:180px;height:180px}}
