*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-md);-webkit-font-smoothing:antialiased}body{min-height:100vh;overflow:hidden}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none}input{border:none;outline:none}ul{list-style:none}a{color:inherit;text-decoration:none}:root{--primary:#e54b4b;--secondary:#ffa987;--success:#3dbe6c;--warning:#f5b942;--danger:#c1121c;--info:#4a90d9;--accent:#ffa987;--background:#f7ebe8;--surface:#fff;--surface-soft:#fdf4f2;--surface-dark:#1e1e24;--text:#444140;--text-muted:#8a8280;--text-inverse:#f7ebe8;--ink:#1e1e24;--border:#e7d5cf;--border-strong:#444140;--shadow-xs:2px 2px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--shadow-md:4px 4px 0 var(--ink);--shadow-lg:6px 6px 0 var(--ink);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--transition:.15s;--z-popup:500;--z-modal:600;--z-tooltip:700}.icon{object-fit:contain;flex-shrink:0;display:block}.icon-sm{width:24px;height:24px}.icon-md{width:32px;height:32px}.icon-lg{width:48px;height:48px}.icon-xl{width:64px;height:64px}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-B2YTLo9r.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Medium-1iPSBYoM.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-CdT-0Mts.ttf)format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Noto Sans Mono;src:url(/assets/NotoSansMono-Regular-v_Xd2Hj2.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Noto Sans Mono;src:url(/assets/NotoSansMono-Bold-BcQV3sw9.ttf)format("truetype");font-weight:700;font-style:normal}:root{--font-family:"Poppins", sans-serif;--font-family-display:"Poppins", sans-serif;--font-family-mono:"Noto Sans Mono", monospace;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-size-4xl:40px;--font-size-5xl:48px}html{font-family:var(--font-family);font-size:var(--font-size-md)}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text);font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);text-transform:uppercase;letter-spacing:.01em}h1{font-size:var(--font-size-5xl);font-weight:700;line-height:1.05}h2{font-size:var(--font-size-4xl);font-weight:700;line-height:1.1}h3{font-size:var(--font-size-3xl);font-weight:700;line-height:1.2}h4{font-size:var(--font-size-2xl);font-weight:700;line-height:1.25}h5{font-size:var(--font-size-xl);font-weight:700;line-height:1.3}h6{font-size:var(--font-size-lg);font-weight:700;line-height:1.4}.font-mono{font-family:var(--font-family-mono);font-variant-numeric:tabular-nums}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-regular{font-weight:400}.font-medium{font-weight:500}.font-semibold,.font-bold{font-weight:700}.text-left{text-align:left}.text-right{text-align:right}.text-ink{color:var(--ink)}.text-muted{color:var(--text-muted)}.text-inverse{color:var(--text-inverse)}.uppercase{text-transform:uppercase}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.anim-fade-in{animation:.16s ease-out both fade-in}.anim-pop-in{animation:.16s ease-out both pop-in}.anim-blink{animation:1s steps(2,jump-none) infinite blink}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.flex{display:flex}.center{justify-content:center;align-items:center}.column{flex-direction:column}.row{flex-direction:row}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:16px}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}body{background:var(--background)}.background--1{background:var(--ink);width:100%;height:100%;position:relative;overflow:hidden}.background--1 .background__sky{background:linear-gradient(180deg, var(--ink) 0%, var(--ink) 32%, var(--primary) 32%, var(--primary) 62%, var(--secondary) 62%, var(--secondary) 100%);position:absolute;inset:0}.background--1 .background__stars{height:32%;position:absolute;inset:0}.background--1 .background__stars span{background:#fff;width:4px;height:4px;position:absolute}.background--1 .background__stars span:first-child{top:14%;left:12%}.background--1 .background__stars span:nth-child(2){width:3px;height:3px;top:22%;left:30%}.background--1 .background__stars span:nth-child(3){top:10%;left:52%}.background--1 .background__stars span:nth-child(4){width:3px;height:3px;top:26%;left:70%}.background--1 .background__stars span:nth-child(5){top:16%;left:86%}.background--1 .background__stars span:nth-child(6){width:3px;height:3px;top:32%;left:44%}.background--1 .background__sun{background:var(--warning);border:3px solid var(--ink);border-radius:50%;width:130px;height:130px;position:absolute;top:24%;left:50%;overflow:hidden;transform:translate(-50%)}.background--1 .background__sun-stripe{background:var(--secondary);width:100%;height:8px;position:absolute;left:0}.background--1 .background__sun-stripe:first-child{bottom:12px}.background--1 .background__sun-stripe:nth-child(2){bottom:28px}.background--1 .background__sun-stripe:nth-child(3){bottom:44px}.background--1 .background__grid{background:var(--ink);border-top:3px solid var(--secondary);height:34%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.background--1 .background__grid-lines{background-image:repeating-linear-gradient(90deg, var(--secondary) 0 2px, transparent 2px 40px), repeating-linear-gradient(0deg, var(--secondary) 0 2px, transparent 2px 26px);opacity:.55;transform-origin:50% 0;position:absolute;inset:-40% 0 0;transform:perspective(220px)rotateX(58deg)}.background--1 .background__cabinet{background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:46px;height:78px;position:absolute;bottom:14%}.background--1 .background__cabinet--left{left:6%}.background--1 .background__cabinet--right{right:6%}.background--1 .background__cabinet-screen{background:var(--primary);border:2px solid var(--ink);width:30px;height:24px;position:absolute;top:10px;left:6px}.background--1 .background__cabinet-joystick{background:var(--warning);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:44px;left:12px}.background--1 .background__cabinet-btn{background:var(--secondary);border:2px solid var(--ink);border-radius:50%;width:8px;height:8px;position:absolute;top:46px;right:8px}.background--1 .background__coin{background:var(--warning);border:3px solid var(--ink);width:30px;height:30px;color:var(--ink);font-family:var(--font-family-mono);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:46%;left:18%}.background--1 .background__joystick{background:var(--surface);border:3px solid var(--ink);border-radius:3px;width:12px;height:34px;position:absolute;top:44%;right:16%}.background--1 .background__joystick-ball{background:var(--danger);border:3px solid var(--ink);border-radius:50%;width:26px;height:26px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@media (width<=480px){.background--1 .background__sun{width:96px;height:96px}.background--1 .background__cabinet{width:36px;height:62px}.background--1 .background__coin{width:24px;height:24px}}.background--2{background:var(--ink);width:100%;height:100%;position:relative;overflow:hidden}.background--2 .background-2__sky{background:var(--ink);position:absolute;inset:0}.background--2 .background-2__stars span{background:var(--secondary);width:4px;height:4px;animation:1.4s steps(2,jump-none) infinite bg2-blink;position:absolute}.background--2 .background-2__stars span:first-child{top:10%;left:10%}.background--2 .background-2__stars span:nth-child(2){width:3px;height:3px;animation-delay:.2s;top:16%;left:26%}.background--2 .background-2__stars span:nth-child(3){animation-delay:.4s;top:8%;left:46%}.background--2 .background-2__stars span:nth-child(4){width:3px;height:3px;animation-delay:.1s;top:20%;left:64%}.background--2 .background-2__stars span:nth-child(5){animation-delay:.3s;top:12%;left:80%}.background--2 .background-2__stars span:nth-child(6){width:3px;height:3px;animation-delay:.5s;top:24%;left:92%}@keyframes bg2-blink{0%,to{opacity:1}50%{opacity:.25}}.background--2 .background-2__marquee{background:var(--primary);border:3px solid var(--surface);border-radius:999px 999px 0 0;width:62%;height:90px;position:absolute;top:12%;left:50%;transform:translate(-50%)}.background--2 .background-2__marquee-bulb{background:var(--warning);border:2px solid var(--ink);border-radius:50%;width:9px;height:9px;position:absolute;top:10px}.background--2 .background-2__marquee-bulb:first-child{left:10%}.background--2 .background-2__marquee-bulb:nth-child(2){top:2px;left:26%}.background--2 .background-2__marquee-bulb:nth-child(3){top:-2px;left:44%}.background--2 .background-2__marquee-bulb:nth-child(4){top:-2px;right:44%}.background--2 .background-2__marquee-bulb:nth-child(5){top:2px;right:26%}.background--2 .background-2__marquee-bulb:nth-child(6){right:10%}.background--2 .background-2__grid{background:var(--ink);border-top:3px solid var(--info);height:44%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.background--2 .background-2__grid-lines{background-image:repeating-linear-gradient(90deg, var(--info) 0 2px, transparent 1px 40px), repeating-linear-gradient(0deg, var(--info) 0 2px, transparent 2px 26px);opacity:.5;transform-origin:50% 0;animation:2s linear infinite bg2-grid-scroll;position:absolute;inset:-10% 0 0;transform:perspective(220px)rotateX(58deg)}@keyframes bg2-grid-scroll{0%{background-position:0 0,0 0}to{background-position:-40px 0,0 0}}.background--2 .background-2__power{border:3px solid var(--ink);width:26px;height:26px;position:absolute}.background--2 .background-2__power--star{background:var(--warning);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border:none;top:50%;left:14%}.background--2 .background-2__power--gem{background:var(--info);border-radius:4px;top:58%;right:14%;transform:rotate(45deg)}@media (width<=480px){.background--2 .background-2__marquee{height:70px}}.background--3{background:var(--ink);width:100%;height:100%;position:relative;overflow:hidden}.background--3 .background-3__sky{background:linear-gradient(180deg, var(--ink) 0%, var(--ink) 55%, var(--danger) 55%, var(--danger) 100%);position:absolute;inset:0}.background--3 .background-3__hazard{background-image:repeating-linear-gradient(45deg, var(--warning) 0 18px, var(--ink) 18px 36px);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);height:34px;position:absolute;top:30%;left:0;right:0}.background--3 .background-3__flash{background:var(--warning);border:2px solid var(--ink);width:16px;height:16px;animation:1s steps(2,jump-none) infinite bg3-blink;position:absolute;transform:rotate(45deg)}.background--3 .background-3__flash:first-child{top:12%;left:10%}.background--3 .background-3__flash:nth-child(2){animation-delay:.3s;top:16%;right:12%}.background--3 .background-3__flash:nth-child(3){animation-delay:.6s;top:62%;left:16%}@keyframes bg3-blink{0%,to{opacity:1}50%{opacity:.2}}.background--3 .background-3__grid{background:var(--ink);border-top:3px solid var(--danger);height:30%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.background--3 .background-3__grid-lines{background-image:repeating-linear-gradient(90deg, var(--danger) 0 2px, transparent 2px 40px), repeating-linear-gradient(0deg, var(--danger) 0 2px, transparent 2px 26px);opacity:.55;transform-origin:50% 0;position:absolute;inset:-40% 0 0;transform:perspective(220px)rotateX(58deg)}.background--3 .background-3__life{width:60px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.background--3 .background-3__life-half{background:var(--surface);border:3px solid var(--ink);width:28px;height:40px;position:absolute;top:0}.background--3 .background-3__life-half:first-child{border-radius:26px 4px 4px 26px;left:0}.background--3 .background-3__life-half:nth-child(2){border-radius:4px 26px 26px 4px;right:0;transform:translateY(6px)}.title{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:max-content;max-width:100%;display:flex;position:relative}.title__eyebrow{z-index:3;box-sizing:border-box;min-height:24px;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;padding:5px 12px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:relative}.title__text{z-index:2;color:var(--primary);font-family:var(--font-family-display);letter-spacing:0;text-align:center;text-transform:uppercase;text-shadow:4px 4px 0 var(--ink);margin:10px 0 0;font-size:54px;font-weight:700;line-height:1;position:relative}.title__subtitle{z-index:3;color:var(--text-muted);text-align:center;margin:14px 0 0;font-size:14px;font-weight:700;line-height:1.4;position:relative}.title:before,.title:after{content:"";z-index:1;background:var(--warning);border:2px solid var(--ink);width:16px;height:16px;position:absolute}.title:before{top:36px;left:-30px;transform:rotate(45deg)}.title:after{background:var(--secondary);top:56px;right:-30px;transform:rotate(45deg)}.title--sm .title__text{text-shadow:3px 3px 0 var(--ink);font-size:34px}.title--md .title__text{font-size:46px}.title--lg .title__text{font-size:62px}.title--xl .title__text{font-size:78px}.title--sm .title__eyebrow{min-height:20px;padding:4px 9px;font-size:8px}.title--md .title__eyebrow{font-size:9px}.title--lg .title__eyebrow{min-height:26px;padding:6px 13px;font-size:10px}.title--xl .title__eyebrow{min-height:28px;padding:7px 15px;font-size:11px}.title--primary .title__text,.title--primary .title__eyebrow{color:var(--primary)}.title--secondary .title__text{color:var(--secondary)}.title--secondary .title__eyebrow{color:color-mix(in srgb, var(--secondary) 70%, var(--ink))}.title--success .title__text,.title--success .title__eyebrow{color:var(--success)}.title--warning .title__text,.title--warning .title__eyebrow{color:var(--warning)}.title--danger .title__text,.title--danger .title__eyebrow{color:var(--danger)}.title--inverse .title__text,.title--inverse .title__subtitle{color:var(--text-inverse)}.title--flat:before,.title--flat:after{display:none}.title--hero .title__text{text-shadow:6px 6px 0 var(--ink);font-size:84px}.title--hero .title__eyebrow{min-height:28px;padding:7px 16px;font-size:11px}.title--hero .title__subtitle{font-size:15px}.title--compact{gap:2px}.title--compact .title__text{margin-top:4px}.title--compact .title__subtitle{margin-top:6px}@media (width<=600px){.title--hero .title__text{text-shadow:4px 4px 0 var(--ink);font-size:60px}.title--xl .title__text{font-size:60px}.title--lg .title__text{font-size:48px}.title:before{left:-20px}.title:after{right:-20px}}@media (width<=480px){.title--hero .title__text,.title--xl .title__text{font-size:48px}.title--lg .title__text{font-size:40px}.title:before,.title:after{width:12px;height:12px}}.hud{--hud-bg:#fff;--hud-border:var(--ink);background:var(--hud-bg);border:2px solid var(--hud-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.hud__left,.hud__center,.hud__right{align-items:center;gap:10px;display:flex}.hud__left{flex:1;justify-content:flex-start}.hud__center{flex:1;justify-content:center}.hud__right{flex:1;justify-content:flex-end}.hud__item{align-items:center;gap:8px;min-width:0;display:flex}.hud__icon{object-fit:contain;flex-shrink:0;width:24px;height:24px;display:block}.hud__value{color:var(--ink);font-family:var(--font-family-mono);font-size:var(--font-size-sm);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.hud__label{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:700;line-height:1}.hud__divider{background:var(--border);flex-shrink:0;width:2px;height:24px}.hud__score{flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.hud__score-value{color:var(--ink);font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.hud__score-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.hud__action{flex-shrink:0}.hud--default{--hud-bg:#fff}.hud--primary{--hud-bg:#fff;--hud-border:var(--primary)}.hud--secondary{--hud-bg:#fff;--hud-border:var(--secondary)}.hud--success{--hud-bg:#fff;--hud-border:var(--success)}.hud--warning{--hud-bg:#fff;--hud-border:var(--warning)}.hud--danger{--hud-bg:#fff;--hud-border:var(--danger)}.hud--dark{--hud-bg:var(--surface-dark);color:#fff}.hud--dark .hud__value,.hud--dark .hud__score-value{color:#fff}.hud--dark .hud__label,.hud--dark .hud__score-label{color:#f7ebe899}.hud--dark .hud__divider{background:#f7ebe833}.hud--compact{gap:8px;padding:6px 10px}.hud--compact .hud__left,.hud--compact .hud__center,.hud--compact .hud__right{gap:7px}.hud--compact .hud__item{gap:5px}.hud--compact .hud__icon{width:20px;height:20px}.hud--compact .hud__value{font-size:var(--font-size-xs)}.hud--compact .hud__divider{height:20px}.hud--lg{gap:16px;padding:14px 18px}.hud--lg .hud__item{gap:10px}.hud--lg .hud__icon{width:28px;height:28px}.hud--lg .hud__value{font-size:var(--font-size-md)}.hud--lg .hud__divider{height:28px}.hud--floating{box-shadow:6px 6px 0 var(--ink)}.hud--bottom{border-radius:var(--radius-md) var(--radius-md) 0 0}@media (width<=600px){.hud{padding:8px 10px}.hud__label{display:none}.hud__value{font-size:13px}.hud__score-value{font-size:var(--font-size-md)}}@media (width<=420px){.hud__center{display:none}.hud__left,.hud__right{flex:1}}.btn{border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--ink);box-shadow:var(--shadow-sm);font-family:inherit;font-size:var(--font-size-sm);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:700;line-height:1;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:none;transform:translate(3px,3px)}.btn__icon{object-fit:contain;flex:none;width:20px;min-width:20px;height:20px;min-height:20px;display:block}.btn--icon{gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.btn--icon.btn--xs{gap:0;width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.btn--icon.btn--xs .btn__icon{width:16px;height:16px}.btn--icon.btn--sm{gap:0;width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.btn--icon.btn--sm .btn__icon{width:18px;height:18px}.btn--icon.btn--md{gap:0;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.btn--icon.btn--md .btn__icon{width:20px;height:20px}.btn--icon.btn--lg{gap:0;width:52px;min-width:52px;height:52px;min-height:52px;padding:0}.btn--icon.btn--lg .btn__icon{width:24px;height:24px}.btn--icon.btn--xl{gap:0;width:60px;min-width:60px;height:60px;min-height:60px;padding:0}.btn--icon.btn--xl .btn__icon{width:28px;height:28px}.btn--primary{background:var(--primary);color:#fff}.btn--secondary{background:var(--secondary);color:var(--ink)}.btn--success{background:var(--success);color:#fff}.btn--warning{background:var(--warning);color:var(--ink)}.btn--danger{background:var(--danger);color:#fff}.btn--primary .btn__icon,.btn--success .btn__icon,.btn--danger .btn__icon{filter:brightness(0)invert()}.btn--outline{background:var(--surface);color:var(--ink);border-color:var(--ink)}.btn--ghost{color:var(--ink);box-shadow:none;background:0 0;border-color:#0000}.btn--ghost:hover{box-shadow:none;background:#1e1e240f;transform:none}.btn--ghost:active{background:#1e1e241a;transform:none}.btn--xs{min-height:32px;padding:0 14px;font-size:11px}.btn--sm{min-height:38px;padding:0 16px;font-size:12px}.btn--md{min-height:44px;font-size:var(--font-size-sm);padding:0 20px}.btn--lg{min-height:52px;padding:0 24px;font-size:15px}.btn--xl{min-height:60px;font-size:var(--font-size-md);padding:0 28px}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--shadow-sm);transform:none}.btn:focus-visible{outline:3px solid color-mix(in srgb, var(--info) 45%, transparent);outline-offset:2px}.badge{border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--surface);min-height:26px;color:var(--ink);font-family:inherit;font-size:var(--font-size-xs);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:700;line-height:1;display:inline-flex}.badge__icon{object-fit:contain;flex-shrink:0;width:14px;height:14px;display:block}.badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.badge--default{background:var(--surface);color:var(--ink);border-color:var(--ink)}.badge--primary{background:var(--primary);color:#fff;border-color:var(--ink)}.badge--secondary{background:var(--secondary);color:var(--ink);border-color:var(--ink)}.badge--success{background:var(--success);color:#fff;border-color:var(--ink)}.badge--warning{background:var(--warning);color:var(--ink);border-color:var(--ink)}.badge--danger{background:var(--danger);color:#fff;border-color:var(--ink)}.badge--primary .badge__icon,.badge--success .badge__icon,.badge--danger .badge__icon{filter:brightness(0)invert()}.badge--sm{gap:5px;min-height:20px;padding:0 8px;font-size:10px}.badge--sm .badge__icon{width:12px;height:12px}.badge--sm .badge__dot{width:6px;height:6px}.badge--md{min-height:26px;font-size:var(--font-size-xs);gap:6px;padding:0 10px}.badge--md .badge__icon{width:14px;height:14px}.badge--md .badge__dot{width:7px;height:7px}.badge--lg{gap:7px;min-height:32px;padding:0 13px;font-size:13px}.badge--lg .badge__icon{width:16px;height:16px}.badge--lg .badge__dot{width:8px;height:8px}.badge--outline{background:var(--surface)}.badge--outline.badge--default{color:var(--ink);border-color:var(--ink)}.badge--outline.badge--primary{color:var(--primary);border-color:var(--primary)}.badge--outline.badge--secondary{color:color-mix(in srgb, var(--secondary) 70%, var(--ink));border-color:var(--secondary)}.badge--outline.badge--success{color:var(--success);border-color:var(--success)}.badge--outline.badge--warning{color:color-mix(in srgb, var(--warning) 70%, var(--ink));border-color:var(--warning)}.badge--outline.badge--danger{color:var(--danger);border-color:var(--danger)}.badge--outline .badge__icon{filter:none}.badge--dot{border-radius:50%;width:26px;height:26px;min-height:26px;padding:0}.badge--dot.badge--sm{width:20px;height:20px}.badge--dot.badge--lg{width:32px;height:32px}.badge--burst{background:var(--warning);width:64px;height:64px;color:var(--ink);clip-path:polygon(50% 0%,61% 14%,79% 6%,82% 25%,100% 29%,93% 47%,100% 65%,82% 71%,77% 90%,59% 83%,50% 100%,41% 83%,23% 90%,18% 71%,0% 65%,7% 47%,0% 29%,18% 25%,21% 6%,39% 14%);text-align:center;border:none;border-radius:0;padding:0;font-size:11px;position:relative}.badge--burst.badge--sm{width:48px;height:48px;font-size:9px}.badge--burst.badge--lg{width:80px;height:80px;font-size:13px}.badge--burst.badge--primary{background:var(--primary);color:#fff}.badge--burst.badge--danger{background:var(--danger);color:#fff}.badge--burst.badge--success{background:var(--success);color:#fff}@media (width<=480px){.badge--lg{min-height:28px;font-size:var(--font-size-xs);padding:0 10px}}.page-transition{min-height:100vh;animation:.4s both page-dissolve-in}@keyframes page-dissolve-in{0%{opacity:0}to{opacity:1}}.panel{--panel-bg:#fff;--panel-accent:var(--ink);--panel-padding:24px;background:var(--panel-bg);border:2px solid var(--ink);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.panel__accent{background-color:var(--panel-accent);background-image:radial-gradient(#ffffff8c 1px,#0000 1.5px);background-size:6px 6px;flex-shrink:0;width:100%;height:8px}.panel__header{padding:var(--panel-padding);justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel__header-left{flex:1;align-items:flex-start;gap:16px;min-width:0;display:flex}.panel__icon{border-radius:var(--radius-sm);background:var(--panel-accent);border:2px solid var(--ink);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.panel__icon .icon{object-fit:contain;filter:brightness(0)invert();flex-shrink:0;width:22px;height:22px;display:block}.panel__title-group{flex-direction:column;gap:6px;min-width:0;display:flex}.panel__title{color:var(--ink);font-size:var(--font-size-xl);text-transform:uppercase;margin:0;font-weight:700;line-height:1.2}.panel__subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin:0;line-height:1.45}.panel__header-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.panel__divider{background:var(--border);flex-shrink:0;width:100%;height:2px}.panel__body{padding:var(--panel-padding);flex-direction:column;gap:16px;display:flex}.panel__body>:first-child{margin-top:0}.panel__body>:last-child{margin-bottom:0}.panel__footer{border-top:2px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.panel__footer--left{justify-content:flex-start}.panel__footer--center{justify-content:center}.panel__footer--between{justify-content:space-between}.panel__icon--sm{width:32px;height:32px}.panel__icon--sm .icon{width:16px;height:16px}.panel__icon--lg{width:56px;height:56px}.panel__icon--lg .icon{width:30px;height:30px}.panel__row{justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.panel__row+.panel__row{border-top:2px solid var(--border)}.panel__row--highlight{background:var(--surface-soft);border-radius:var(--radius-sm);margin:0 -8px;padding:10px 8px}.panel__row--highlight+.panel__row,.panel__row+.panel__row--highlight{border-top:none}.panel--sm{max-width:320px}.panel--md{max-width:440px}.panel--lg{max-width:560px}.panel--xl{max-width:720px}.panel--fluid{width:100%;max-width:none}.panel--default{--panel-accent:var(--ink)}.panel--primary{--panel-accent:var(--primary)}.panel--secondary{--panel-accent:var(--secondary)}.panel--success{--panel-accent:var(--success)}.panel--warning{--panel-accent:var(--warning)}.panel--danger{--panel-accent:var(--danger)}@media (width<=480px){.panel__header,.panel__body{padding:var(--space-5)}.panel__footer{padding:16px 20px}.panel__icon{width:40px;height:40px}.panel__icon .icon{width:20px;height:20px}.panel__title{font-size:var(--font-size-lg)}.panel__subtitle{font-size:13px}}.progress{--progress-color:var(--primary);flex-direction:column;gap:8px;width:100%;display:flex}.progress__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress__label{color:var(--ink);text-transform:uppercase;font-size:13px;font-weight:700;line-height:1.3}.progress__value{color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:700;line-height:1.3}.progress__track{background:var(--surface-soft);border:2px solid var(--ink);border-radius:var(--radius-sm);width:100%;position:relative;overflow:hidden}.progress__bar{background-color:var(--progress-color);background-image:repeating-linear-gradient(90deg,#1e1e2447 0 3px,#0000 3px 14px);width:0;height:100%;transition:width .2s steps(12,end);position:relative}.progress--sm .progress__track{height:10px}.progress--md .progress__track{height:16px}.progress--lg .progress__track{height:22px}.progress--default{--progress-color:#b8b0ac}.progress--primary{--progress-color:var(--primary)}.progress--secondary{--progress-color:var(--secondary)}.progress--success{--progress-color:var(--success)}.progress--warning{--progress-color:var(--warning)}.progress--danger{--progress-color:var(--danger)}.progress--indeterminate .progress__bar{width:40%;animation:1s steps(10,end) infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.progress__bar{transition:none}.progress--indeterminate .progress__bar{width:40%;animation:none}}.screen__content{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100%;padding:24px;display:flex;position:relative}.screen__actions{flex-direction:column;gap:12px;width:220px;display:flex}.screen__quick-links,.screen__badges{gap:10px;display:flex}.victory-stars{justify-content:center;align-items:center;gap:8px;display:flex}.victory-stars img{width:128px;height:128px}.victory-rewards{justify-content:center;align-items:center;gap:20px;display:flex}.star-burst{pointer-events:none;position:absolute;inset:0}.star-burst__star{opacity:0;width:18px;height:18px;animation:.85s cubic-bezier(.15,.8,.25,1) forwards star-burst;animation-delay:var(--delay,0s);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6)rotate(0)}@keyframes star-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(0)}20%{opacity:1}to{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(1) rotate(180deg);opacity:0}}
