.corner-controls{z-index:11000;flex-direction:column;gap:.5vw;display:flex;position:fixed;top:50%;left:1vw;transform:translateY(-50%)}.corner-btn{box-sizing:border-box;color:#ffffff59;cursor:pointer;background:0 0;border:1px solid #fff3;justify-content:center;align-items:center;width:2.2vw;min-width:0;height:2.2vw;min-height:0;padding:.4vw;transition:color .15s,border-color .15s,background .15s;display:flex;position:relative}.corner-btn svg{width:100%;height:100%}.corner-controls__panel{display:contents}@media (hover:hover){.corner-btn:hover{color:#ffffffd9;background:#ffffff12;border-color:#ffffff80}}.corner-btn:focus-visible{color:#ffffffd9;background:#ffffff12;border-color:#ffffff80}.corner-btn:focus{outline:none}.corner-btn--muted{color:#fff3;border-color:#ffffff1a}.corner-btn--nostr-signed-in{border-color:#ffffff73;border-radius:50%;width:2.4vw;min-width:24px;height:2.4vw;min-height:24px;padding:0;overflow:hidden}.corner-btn__nostr-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.corner-btn--muted:hover,.corner-btn--muted:focus-visible{color:#ffffffb3;border-color:#fff6}.corner-btn--tv-safe-on{color:#ffffffb8;background:#ffffff0f;border-color:#ffffff6b}.corner-btn--tv-safe-on:hover,.corner-btn--tv-safe-on:focus-visible{color:#ffffffe6;border-color:#ffffff8c}.corner-btn:after{content:attr(data-tooltip);color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;background:#000000d9;border:1px solid #ffffff26;padding:.25vw .5vw;font-family:Inter,sans-serif;font-size:max(.65rem,.7vw);transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + .6vw);transform:translateY(-50%)translate(-.3vw)}@media (hover:hover){.corner-btn:hover:after{opacity:1;transform:translateY(-50%)translate(0)}}.corner-btn:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}@media (aspect-ratio<=1){.corner-controls{gap:3px;left:max(2px,.5vmin)}.corner-btn{width:clamp(20px,5.2vw,26px);height:clamp(20px,5.2vw,26px);padding:2px}.corner-btn:after{padding:.1rem .28rem;font-size:max(.55rem,1.1vmax)}}.corner-controls--touch{--fab-size:44px;--fab-ease:cubic-bezier(.22, 1, .36, 1);width:var(--fab-size);height:var(--fab-size);z-index:11000;transition:transform .42s var(--fab-ease);will-change:transform;gap:0;top:0;left:0}.corner-controls--touch.corner-controls--dragging{transition:none}.corner-controls__fab{width:var(--fab-size);height:var(--fab-size);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);color:#ffffffe0;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;opacity:.6;transition:opacity .25s ease, transform .25s var(--fab-ease), background .25s ease, border-color .25s ease, box-shadow .25s ease;background:#12121252;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:0 6px 18px #00000047}.corner-controls__fab:focus{outline:none}.corner-controls__fab:focus-visible,.corner-controls--open .corner-controls__fab,.corner-controls--dragging .corner-controls__fab{opacity:1;background:#1212128c;border-color:#ffffff73}@media (hover:hover){.corner-controls__fab:hover{opacity:1}}.corner-controls__fab:active,.corner-controls--dragging .corner-controls__fab{cursor:grabbing;transform:scale(1.08);box-shadow:0 10px 28px #00000073}.corner-controls__fab-icon{width:18px;height:12px;position:relative}.corner-controls__fab-icon>span{width:100%;height:1.5px;transition:transform .32s var(--fab-ease), opacity .2s ease;background:currentColor;border-radius:1px;position:absolute;left:0}.corner-controls__fab-icon>span:first-child{top:0}.corner-controls__fab-icon>span:nth-child(2){top:5.25px}.corner-controls__fab-icon>span:nth-child(3){top:10.5px}.corner-controls--open .corner-controls__fab-icon>span:first-child{transform:translateY(5.25px)rotate(45deg)}.corner-controls--open .corner-controls__fab-icon>span:nth-child(2){opacity:0;transform:scaleX(.2)}.corner-controls--open .corner-controls__fab-icon>span:nth-child(3){transform:translateY(-5.25px)rotate(-45deg)}.corner-controls--touch .corner-controls__panel{-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);opacity:0;visibility:hidden;pointer-events:none;background:#0e0e0eb8;border:1px solid #ffffff24;border-radius:0;flex-direction:column;gap:2px;min-width:13rem;padding:6px;transition:opacity .16s,transform .2s,visibility 0s linear .2s;display:flex;position:absolute;top:0;transform:scale(.82);box-shadow:0 14px 40px #00000073}.corner-controls--dock-left .corner-controls__panel{left:calc(var(--fab-size) + 10px);transform-origin:0 0}.corner-controls--dock-right .corner-controls__panel{right:calc(var(--fab-size) + 10px);transform-origin:100% 0}.corner-controls--opens-up .corner-controls__panel{top:auto;bottom:0}.corner-controls--dock-left.corner-controls--opens-up .corner-controls__panel{transform-origin:0 100%}.corner-controls--dock-right.corner-controls--opens-up .corner-controls__panel{transform-origin:100% 100%}.corner-controls--touch.corner-controls--open .corner-controls__panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s ease, transform .34s var(--fab-ease), visibility 0s;transform:scale(1)}.corner-controls--touch .corner-controls__panel .corner-btn{width:100%;height:var(--tap-min);color:#ffffffd9;opacity:0;background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:12px;padding:0 10px;transition:opacity .12s,transform .12s,background .15s;transform:translate(-6px)}.corner-controls--dock-right .corner-controls__panel .corner-btn{transform:translate(6px)}.corner-controls--touch.corner-controls--open .corner-controls__panel .corner-btn{opacity:1;transition:opacity .24s ease, transform .32s var(--fab-ease), background .15s ease;transform:none}.corner-controls--open .corner-controls__panel .corner-btn:first-child{transition-delay:40ms}.corner-controls--open .corner-controls__panel .corner-btn:nth-child(2){transition-delay:70ms}.corner-controls--open .corner-controls__panel .corner-btn:nth-child(3){transition-delay:.1s}.corner-controls--open .corner-controls__panel .corner-btn:nth-child(4){transition-delay:.13s}.corner-controls--open .corner-controls__panel .corner-btn:nth-child(5){transition-delay:.16s}.corner-controls--open .corner-controls__panel .corner-btn:nth-child(6){transition-delay:.19s}.corner-controls--touch .corner-controls__panel .corner-btn:active,.corner-controls--touch .corner-controls__panel .corner-btn:focus-visible{background:#ffffff1a}@media (hover:hover){.corner-controls--touch .corner-controls__panel .corner-btn:hover{background:#ffffff14}}.corner-controls--touch .corner-controls__panel .corner-btn--muted{color:#ffffff73}.corner-controls--touch .corner-controls__panel .corner-btn--tv-safe-on{color:#fff}.corner-controls--touch .corner-controls__panel .corner-btn svg,.corner-controls--touch .corner-controls__panel .corner-btn__nostr-avatar{flex:0 0 20px;width:20px;height:20px}.corner-controls--touch .corner-controls__panel .corner-btn--nostr-signed-in{border-radius:0;overflow:visible}.corner-controls--touch .corner-controls__panel .corner-btn__nostr-avatar{border-radius:50%}.corner-controls--touch .corner-btn:after{opacity:1;font-size:var(--fs-sm);letter-spacing:.06em;background:0 0;border:0;padding:0;transition:none;position:static;transform:none}@media (prefers-reduced-motion:reduce){.corner-controls--touch,.corner-controls__fab,.corner-controls__fab-icon>span,.corner-controls--touch .corner-controls__panel,.corner-controls--touch .corner-controls__panel .corner-btn{transition-duration:0s!important;transition-delay:0s!important}}body.game-page.touch-match-active{touch-action:none;overscroll-behavior:none;background:#000;overflow:hidden}body.game-page.touch-match-active *{touch-action:none}.touch-match-root{z-index:1;box-sizing:border-box;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.touch-match-frame--on{aspect-ratio:16/9;background-color:#000;background-image:linear-gradient(#000c,#000000b3),url(/images/chainduel_bg_no_sat.jpg);background-position:50%;background-size:cover;width:auto;min-width:0;max-width:100%;height:100%;min-height:0;position:relative;overflow:hidden;container-type:size}.touch-match-frame--on .flex.full.game{box-sizing:border-box;width:100%;height:100cqh;min-height:100cqh}.touch-match-frame--on #gameContainer{--game-board-width:70cqw}.touch-match-frame--on #zapMessages{width:70cqw}.touch-match-frame--on .zapMessage{width:40cqw;left:15cqw}.touch-match-frame--on .online-replay-controls{width:70cqw}.touch-match-frame--on #brand{width:100%;position:absolute}.touch-match-frame--on :is(#game-bg-overlay,.overlay,.solo-zap-overlay,.end-screen-rays,.match-end-layer,.solo-zap-overlay__radiating-lines--back){width:100%;height:100%;position:absolute;inset:0}.touch-match-portrait-game{pointer-events:none}.touch-match-rotate{z-index:10500;box-sizing:border-box;color:#fff;text-align:center;background:#000;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.touch-match-rotate__title{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(1.4rem,6vw,2rem)}.touch-stick{z-index:40;pointer-events:none;opacity:0;will-change:transform, opacity;background:#00000038;border:1px solid #ffffff61;border-radius:50%;width:4.5rem;height:4.5rem;margin:0;padding:0;position:fixed;top:0;left:0;box-shadow:inset 0 0 0 1px #ffffff0f}.touch-stick__puck{background:#ffffffe0;border-radius:50%;width:1.35rem;height:1.35rem;margin:-.675rem 0 0 -.675rem;position:absolute;top:50%;left:50%}@keyframes page-reveal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes page-reveal-fade{0%{opacity:0}to{opacity:1}}.page-reveal-scope{min-height:100vh;animation:.5s cubic-bezier(.22,1,.36,1) both page-reveal-in}.page-reveal-fallback{min-height:100vh}.page-reveal-scope--gameplay{opacity:1;animation:none}body.game-page{background-color:#000;background-image:linear-gradient(#000c,#000000b3),url(/images/chainduel_bg_no_sat.jpg);background-position:50%;background-size:cover}@media (prefers-reduced-motion:reduce){.page-reveal-scope,.page-reveal-scope--gameplay{opacity:1;animation:none;transform:none}}.button{margin:var(--space-1) auto;width:var(--btn-w);min-height:var(--btn-h-md);padding:var(--space-1) var(--space-3);color:#fff;border:1px solid var(--line);font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:var(--btn-letter-spacing);text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:#0000;border-radius:0;line-height:1.2;display:block}.button--sm{min-height:var(--btn-h-sm);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs)}.button--lg{min-height:var(--btn-h-lg);font-size:var(--fs-md)}.button--block{width:100%}@media (pointer:coarse){.button,.button--sm{min-height:var(--tap-min)}}.button--secondary{color:#ffffffc7;border-color:#fff3}.button--text{width:auto;min-height:0;padding:var(--space-1) var(--space-1);color:#ffffffb8;text-underline-offset:.2em;border-color:#0000;margin:0;text-decoration:underline}.button--icon{width:var(--btn-h-sm);min-width:var(--btn-h-sm);height:var(--btn-h-sm);min-height:var(--btn-h-sm);font-size:var(--fs-md);letter-spacing:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}@media (pointer:coarse){.button--text{min-height:var(--tap-min)}.button--icon{width:var(--tap-min);min-width:var(--tap-min);height:var(--tap-min)}}@media (hover:hover){.button:hover:not(.button--custom):not(:disabled):not(.disabled){background-color:var(--button-glow-bg-peak,#ffffff4d);box-shadow:var(--button-glow-shadow-peak,0 0 35px #fff);border-color:var(--button-glow-border,#fff);color:var(--button-glow-fg,inherit);animation:none!important}}.button:focus-visible:not(.button--custom):not(:disabled):not(.disabled){background-color:var(--button-glow-bg-peak,#ffffff4d);box-shadow:var(--button-glow-shadow-peak,0 0 35px #fff);border-color:var(--button-glow-border,#fff);color:var(--button-glow-fg,inherit);animation:none!important}.button.button:active:not(.button--custom):not(:disabled):not(.disabled){background-color:var(--button-glow-bg-low,#ffffff26);box-shadow:var(--button-glow-shadow-low,0 0 15px #fff);border-color:var(--button-glow-border,#fff);color:var(--button-glow-fg,inherit)}.button--text:focus-visible:not(:disabled):not(.disabled),.button.button--text:active:not(:disabled):not(.disabled){box-shadow:none}.button:focus{outline:none}.button.disabled,.button:disabled{opacity:.2;cursor:not-allowed}.button.disabled:hover:not(.button--custom),.button.disabled:focus-visible:not(.button--custom){box-shadow:none;border-color:var(--line);background-color:#0000;animation:none!important}html.graphics-flat .button.button--glow-active:not(.button--custom):not(:disabled):not(.disabled){color:#000;box-shadow:none;background-color:#fff;border-color:#fff;animation:none!important}@media (prefers-reduced-motion:reduce){.button:hover:not(.button--custom):not(:disabled):not(.disabled),.button:focus-visible:not(.button--custom):not(:disabled):not(.disabled){box-shadow:none;border-color:var(--line-strong);background-color:#0000;animation:none!important}.button.button:active:not(.button--custom):not(:disabled):not(.disabled){box-shadow:none;background-color:#0000;border-color:#ffffff80}html.graphics-flat .button:hover:not(.button--custom):not(:disabled):not(.disabled),html.graphics-flat .button:focus-visible:not(.button--custom):not(:disabled):not(.disabled),html.graphics-flat .button.button:active:not(.button--custom):not(:disabled):not(.disabled),html.graphics-flat .button.button--glow-active:not(.button--custom):not(:disabled):not(.disabled){color:#000;box-shadow:none;background-color:#fff;border-color:#fff}}.sponsorship{display:block}.sponsored-by-label{text-align:center;color:#ffffff7a;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.15rem;font-size:max(11px,.72cqw)}.sponsored-img{object-fit:contain;width:auto;max-width:16vw;height:auto;max-height:clamp(12px,2vw,36px);margin:0 auto 1vw;display:block}.index-page{box-sizing:border-box;padding-bottom:clamp(4.25rem,11vh,7rem);position:relative}.index-page #sponsorship-index .sponsored-img{width:auto;max-width:24vw;height:auto;max-height:3.5vw}.index-page__hero{text-align:center;flex-shrink:0;width:100%;margin-bottom:clamp(.35rem,1.2vh,.85rem)}.index-page__main{flex-direction:column;flex:0 auto;justify-content:center;align-items:center;width:min(96vw,72rem);min-height:0;margin:0 auto;padding:0 clamp(.5rem,1.5vw,1.25rem);display:flex}.index-page__main .menu-buttons{width:var(--btn-w);min-width:min(16rem,88vw);margin-left:auto;margin-right:auto}#aboutbutton,#configbuttonhome,#highscoresbutton,#startsolo,#startp2p,#startmainnet,#startpractice{animation:none}.index-page #chainduel{text-align:center;color:#fffffff5;letter-spacing:-.03em;margin-top:0;margin-bottom:0;font-size:max(22px,14cqw)}.index-page #slogan{text-align:center;color:#ffffff7a;letter-spacing:.14em;margin-top:.15rem;font-size:max(11px,.72cqw)}.menu-buttons{--menu-gap:.55vw;align-items:stretch;gap:var(--menu-gap);width:var(--btn-w);flex-direction:column;margin:1.5rem auto 0;display:flex}.menu-buttons__row{width:100%}.menu-buttons__row-inner{transform-origin:50%;width:100%}.menu-buttons__row-inner>.button,.menu-buttons__row-inner>.double-button{width:100%}.menu-buttons__row-inner>.button{margin-top:0;margin-bottom:0}.menu-buttons__row>.double-button.menu-buttons__double-row{gap:var(--menu-gap);width:100%;margin-left:auto;margin-right:auto}.menu-buttons__double-cell{box-sizing:border-box;flex:48%;min-width:0}.menu-buttons .menu-buttons__double-row .menu-buttons__double-cell>.button{width:100%;height:100%;margin:0}@media (prefers-reduced-motion:no-preference){@keyframes index-menu-btn-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.index-page #chainduel{opacity:0;animation:.45s cubic-bezier(.22,1,.36,1) forwards index-menu-btn-in}.index-page #slogan{opacity:0;animation:.4s cubic-bezier(.22,1,.36,1) 50ms forwards index-menu-btn-in}.menu-buttons.menu-buttons--stagger>.menu-buttons__row{opacity:0;animation:.38s cubic-bezier(.22,1,.36,1) forwards index-menu-btn-in}.menu-buttons.menu-buttons--stagger>.menu-buttons__row:first-child{animation-delay:.11s}.menu-buttons.menu-buttons--stagger>.menu-buttons__row:nth-child(2){animation-delay:.16s}.menu-buttons.menu-buttons--stagger>.menu-buttons__row:nth-child(3){animation-delay:.21s}.menu-buttons.menu-buttons--stagger>.menu-buttons__row:nth-child(4){animation-delay:.26s}.menu-buttons.menu-buttons--stagger>.menu-buttons__row:nth-child(5){animation-delay:.31s}.menu-buttons.menu-buttons--stagger>.menu-buttons__row:nth-child(6){animation-delay:.36s}@keyframes index-menu-select-pop{0%{transform:scale(1)}42%{transform:scale(1.048)}to{transform:scale(1)}}.menu-buttons__row-inner.menu-buttons__row-inner--pop{animation:.44s cubic-bezier(.28,.82,.36,1.08) both index-menu-select-pop}}#bottomInfo{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0;left:0;right:0}#splits,#version{text-align:center;color:gray;font-size:var(--fs-sm);letter-spacing:.03rem;margin-top:0;line-height:1.4rem}#splits{margin-top:3%}.index-page #splits,.index-page #version{color:#a0a0a0d9}.backend-status.on{color:#0f0;margin-right:.2em;display:inline-block}#configbuttonhome.index-config-home-btn{flex-direction:row;justify-content:center;align-items:center;gap:.38em;display:flex}.index-config-home-btn__avatar{object-fit:cover;background:#14141880;border:1px solid #fff6;border-radius:50%;flex-shrink:0;width:clamp(.62rem,1.05cqw,.92rem);height:clamp(.62rem,1.05cqw,.92rem);box-shadow:0 0 8px #ffffff1f}.index-config-home-btn__avatar-skeleton{background:#ffffff1f;border-radius:50%;flex-shrink:0;width:clamp(.62rem,1.05cqw,.92rem);height:clamp(.62rem,1.05cqw,.92rem);animation:1.4s ease-in-out infinite avatar-skeleton-pulse;display:inline-block}@keyframes avatar-skeleton-pulse{0%,to{opacity:.35}50%{opacity:.7}}.index-config-home-btn__label{letter-spacing:inherit}#announcement{box-sizing:border-box;background:linear-gradient(90deg,#000 0% 42%,#282828 94%);border-left:0;border-right:0;width:100%;position:fixed;bottom:0;box-shadow:0 0 80px #ffffff3d}@media (width<=640px){.index-page #sponsorship-index .sponsored-img{max-width:72vw;max-height:2.25rem}.index-page__main{width:100%;padding:0 calc(var(--safe-left) + var(--space-5)) 0 calc(var(--safe-right) + var(--space-5))}.index-page .menu-buttons{--menu-gap:.55rem}.index-page #bottomInfo{padding-bottom:.15rem}.index-page #splits,.index-page #version{letter-spacing:0;font-size:8px;line-height:1.2}.index-page #splits{margin-top:0}}.brand-header{z-index:10;padding:calc(var(--safe-top) + .5rem) max(var(--safe-right), var(--space-3)) 0 max(var(--safe-left), var(--space-3));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand-header #chain,.brand-header #duel{color:#fff;margin:0;font-size:clamp(1.1rem,2.5vw,4rem);line-height:1}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/Inter/Inter-Thin.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-Thin.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/Inter/Inter-ThinItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-ThinItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/Inter/Inter-ExtraLight.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-ExtraLight.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/Inter/Inter-ExtraLightItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-ExtraLightItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Inter/Inter-Light.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-Light.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Inter/Inter-LightItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-LightItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Inter/Inter-Regular.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-Regular.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Inter/Inter-Italic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-Italic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Inter/Inter-Medium.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-Medium.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/Inter/Inter-MediumItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-MediumItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Inter/Inter-SemiBold.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-SemiBold.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/Inter/Inter-SemiBoldItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-SemiBoldItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Inter/Inter-Bold.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-Bold.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/Inter/Inter-BoldItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-BoldItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Inter/Inter-ExtraBold.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-ExtraBold.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/Inter/Inter-ExtraBoldItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-ExtraBoldItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Inter/Inter-Black.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-Black.woff?v=3.18)format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/Inter/Inter-BlackItalic.woff2?v=3.18)format("woff2"),url(/fonts/Inter/Inter-BlackItalic.woff?v=3.18)format("woff")}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:normal;font-named-instance:"Regular";src:url(/fonts/Inter/Inter-roman.var.woff2?v=3.18)format("woff2")}@font-face{font-family:Inter var;font-weight:100 900;font-display:swap;font-style:italic;font-named-instance:"Italic";src:url(/fonts/Inter/Inter-italic.var.woff2?v=3.18)format("woff2")}@font-face{font-family:Inter var experimental;font-weight:100 900;font-display:swap;font-style:oblique 0deg 10deg;src:url(/fonts/Inter/Inter.var.woff2?v=3.18)format("woff2")}:root{--bg-gradient:linear-gradient(to top, #000000b3, #0003);--line:#ffffff57;--line-strong:#ffffffb8;--font-chainduel:"BureauGrotesque", sans-serif;--font-body:"Inter", sans-serif;--fs-xs:clamp(11px, .7vw, 16px);--fs-sm:clamp(12px, .85vw, 19px);--fs-md:clamp(14px, 1vw, 22px);--fs-lg:clamp(17px, 1.4vw, 30px);--fs-xl:clamp(22px, 2.2vw, 46px);--margin-horizontal:15%;--space-1:clamp(4px, .3vw, 8px);--space-2:clamp(8px, .6vw, 14px);--space-3:clamp(12px, 1vw, 22px);--space-4:clamp(16px, 1.4vw, 30px);--space-5:clamp(24px, 2vw, 44px);--space-6:clamp(32px, 3vw, 64px);--tap-min:44px;--btn-h-sm:clamp(36px, 2.4vw, 52px);--btn-h-md:clamp(44px, 3vw, 64px);--btn-h-lg:clamp(52px, 3.6vw, 76px);--btn-w:min(100%, clamp(14rem, 28vw, 22rem));--btn-letter-spacing:.1em;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--game-cols:51;--game-rows:25}@media (width<=640px){:root{--btn-w:100%}}.overlay{opacity:1;z-index:10000;background:#000c;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:all .35s ease-in-out;display:flex;position:fixed;top:0;left:0}#loading.overlay img{width:max(48px,7vw);height:max(48px,7vw);display:block}#loading.overlay.hide,.overlay.hide{opacity:0;pointer-events:none}.warning{text-align:center;background:#000;width:min(30rem,90vw);box-shadow:0 0 5vw #ffffff6b}.warning-inner{padding:clamp(2rem,8vw,4rem) clamp(1.5rem,6vw,3rem) clamp(1.5rem,6vw,2.5rem)}.warning-title{margin:0 0 .75rem;font-size:clamp(1.5rem,3vw,2.25rem)}.warning-text{opacity:.85;font-size:clamp(.875rem,1.2vw,1.125rem)}.warning-actions{display:flex}.warning .button{width:100%;margin-top:0;margin-bottom:0}.warning .button.half{width:50%}@media (width<=640px){.warning{width:calc(100% - 2 * var(--space-4))}.warning-actions{gap:var(--space-1);flex-direction:column-reverse}.warning .button.half{width:100%}}@font-face{font-family:BureauGrotesque;src:url(/fonts/BureauGrotesque/BureauGrotesque.eot);src:url(/fonts/BureauGrotesque/BureauGrotesque.eot?#iefix)format("embedded-opentype"),url(/fonts/BureauGrotesque/BureauGrotesque.woff2)format("woff2"),url(/fonts/BureauGrotesque/BureauGrotesque.woff)format("woff"),url(/fonts/BureauGrotesque/BureauGrotesque.ttf)format("truetype"),url(/fonts/BureauGrotesque/BureauGrotesque.svg#BureauGrotesque)format("svg")}*{box-sizing:border-box;margin:0;padding:0}html,body,button{font-family:Inter,sans-serif}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-image:linear-gradient(#00000080,#000),url(/images/chainduel_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:0;padding:0}@media (width<=640px){body:not(.game-page){background:0 0}body:not(.game-page):before{content:"";z-index:-1;background-color:#000;background-image:linear-gradient(#00000080,#000),url(/images/chainduel_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}}audio{height:0}a{color:#00b7ff}.inline{display:inline-block}.grey{color:#fff;opacity:.5}.disabled{opacity:.2}.white{background:#fff}.black{background:#000}h1{text-align:center}h1,h2,h3,h4,.condensed{text-transform:uppercase;letter-spacing:-.05vw;margin-top:0;font-family:BureauGrotesque;font-weight:500;line-height:.95}h2,h3{letter-spacing:.05vw}.hide{display:none!important}.label{color:#fff;text-align:center;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.03rem;margin-bottom:0}.flex{flex-direction:column;justify-content:space-between;display:flex}.flex-center{justify-content:center}.full{width:100vw;min-height:calc(100dvh - 2vw)}.flex.inline{flex-direction:row;justify-content:center;column-gap:10px}.double-button{width:var(--btn-w);min-height:var(--btn-h-md);justify-content:space-between;gap:2%;margin:auto;display:flex}.double-button .button{justify-content:center;align-items:center;width:49%;height:100%;margin:0;display:flex}:root{--button-glow-bg-low:#ffffff26;--button-glow-shadow-low:0 0 15px #fff;--button-glow-bg-peak:#ffffff4d;--button-glow-shadow-peak:0 0 35px #fff;--button-glow-border:#fff;--button-glow-fg:inherit}@keyframes glowing{0%,to{background-color:var(--button-glow-bg-low);box-shadow:var(--button-glow-shadow-low);border-color:var(--button-glow-border);color:var(--button-glow-fg)}50%{background-color:var(--button-glow-bg-peak);box-shadow:var(--button-glow-shadow-peak);border-color:var(--button-glow-border);color:var(--button-glow-fg)}}html.graphics-flat,html.graphics-flat .button{--button-glow-bg-low:#fff;--button-glow-bg-peak:#fff;--button-glow-shadow-low:none;--button-glow-shadow-peak:none;--button-glow-border:#fff;--button-glow-fg:#000}html.graphics-flat .config-section-tab.config-kbd-focus,html.graphics-flat .config-login-tab.config-kbd-focus,html.graphics-flat .config-section-tab--active.config-kbd-focus,html.graphics-flat .rules-modal__actions .rules-slider__arrow--selected,html.graphics-flat .practice-start--focused{color:#000;box-shadow:none;background-color:#fff;border-color:#fff;animation:none!important}#root{width:100%;min-height:100dvh}html.tv-safe-inset{--tv-safe-padding:clamp(12px, 3.5vmin, 56px);--tv-safe-height:calc(100vh - 2 * var(--tv-safe-padding));--tv-safe-width:calc(100vw - 2 * var(--tv-safe-padding))}html.tv-safe-inset body{box-sizing:border-box;padding:var(--tv-safe-padding);min-height:100vh}html.tv-safe-inset #root,html.tv-safe-inset .page-reveal-scope,html.tv-safe-inset .page-reveal-scope--gameplay,html.tv-safe-inset .page-reveal-fallback{min-height:var(--tv-safe-height)}html.tv-safe-inset .flex.full{width:100%;max-width:100%;min-height:var(--tv-safe-height);position:relative}html.tv-safe-inset .game-setup-page{height:var(--tv-safe-height);min-height:var(--tv-safe-height);position:relative}html.tv-safe-inset .game-setup-page .game-setup-middle{box-sizing:border-box;max-height:calc(var(--tv-safe-height) - 2.25rem - min(18vw, 26vh));padding-top:2.25rem}html.tv-safe-inset #brand:not(.game-setup-header){top:calc(var(--tv-safe-padding) + 1rem);left:var(--tv-safe-padding);right:var(--tv-safe-padding);width:auto;margin-top:0}html.tv-safe-inset .game-setup-page .game-setup-header{top:0}html.tv-safe-inset .game-setup-page #bottomInfo{z-index:3;width:100%;margin-bottom:0;margin-left:0;margin-right:0;position:absolute;bottom:0;left:0;right:0}html.tv-safe-inset .flex.full.flex-center #bottomInfo{width:100%;bottom:0;left:0;right:0}html.tv-safe-inset #announcement{left:var(--tv-safe-padding);right:var(--tv-safe-padding);max-width:var(--tv-safe-width);box-sizing:border-box;bottom:var(--tv-safe-padding)!important;width:auto!important}html.tv-safe-inset .flex.full.game,html.tv-safe-inset #postGame{min-height:var(--tv-safe-height)}html.tv-safe-inset .online-rooms-page,html.tv-safe-inset .online-lobby-page{width:min(100%, var(--tv-safe-width));min-height:calc(var(--tv-safe-height) - 5vw)}html.tv-safe-inset .online-postgame-page{min-height:var(--tv-safe-height)}html.tv-safe-inset .tournbracket-page,html.tv-safe-inset .tournlobby-page{inset:var(--tv-safe-padding)}html.tv-safe-inset .tournbracket-page .tournbracket-header,html.tv-safe-inset .tournlobby-page .tournlobby-header{top:calc(var(--tv-safe-padding) + 1rem);left:var(--tv-safe-padding);right:var(--tv-safe-padding);width:auto;margin-top:0}html.tv-safe-inset .tournbracket-page .tournbracket-middle{min-height:var(--tv-safe-height);width:min(100%, var(--tv-safe-width))}html.tv-safe-inset .corner-controls{left:calc(var(--tv-safe-padding) + 1vw)}.backend-status{margin-right:.5em;display:inline-block}.backend-status.on{color:#0f0}.backend-status.off{color:red}.mb-30{margin-bottom:3vw}.center{margin:auto}.outline{-webkit-text-stroke-width:1px;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:white}.max-1200{max-width:1200px}