@property --cf-flow{syntax: "<percentage>"; inherits: false; initial-value: 50%;}html:root{--kit-bg: #0b0807;--kit-panel: #1d1614;--kit-fg: #fff4ea;--kit-muted: #d9b49a;--kit-accent: #ff6a1a;--kit-accent-fg: #ffffff;--kit-accent-2: #ffd34d;--kit-warn: #ffd34d;--kit-radius: 0;--kit-font: Impact, Haettenschweiler, "Avenir Next Condensed", "Roboto Condensed", "Arial Narrow Bold", Oswald, sans-serif-condensed, sans-serif;--kit-focus-shadow: inset 0 0 0 2px #22d3ff, inset 0 0 22px rgba(34, 211, 255, .45);--kit-glyph-key: linear-gradient(180deg, #3a2e2a, #181210);--kit-glyph-key-ink: #ffd34d;--kit-glyph-font: ui-monospace, Consolas, monospace;--cf-orange: #ff6a1a;--cf-orange-deep: #8a2a06;--cf-gold: #ffd34d;--cf-cyan: #22d3ff;--cf-red: #ff3a1f;--cf-mono: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--cf-read: system-ui, "Segoe UI", Roboto, sans-serif;--cf-rim: rgba(255, 190, 140, .22);--cf-hazard: repeating-linear-gradient(-45deg, #ff6a1a 0 7px, #140c0a 7px 14px);--cf-molten: linear-gradient(180deg, #ffffff 0%, #fff1a0 24%, #ffd34d 40%, #ff8a1a 60%, #e0360c 80%, #7a1804 100%);--cf-slam: cubic-bezier(.2, 1.5, .35, 1);--cf-settle: cubic-bezier(.2, .9, .3, 1.1)}html,body{margin:0;height:100%;background:radial-gradient(110% 60% at 50% 115%,rgba(255,86,20,.34) 0%,rgba(140,30,6,.16) 45%,transparent 70%),radial-gradient(120% 90% at 50% 0%,#1a110e,#0b0807 60%,#050303);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px)}canvas{display:block;touch-action:none;transition:filter .5s ease}html.cf-attract canvas{filter:blur(3px) brightness(.62) saturate(1.2) sepia(.15)}:focus{outline:none}html .kit-btn,html .kit-modal-sheet,html .kit-toast,html .kit-row,html .kit-seg,html .kit-seg-item,html .kit-pause-btn,html .kit-toggle,html .kit-seat,html .kit-friend,html .kit-progress,.cf-card,.cf-panel,.cf-chip-stat,.cf-mbtn-icon,.cf-clock,.cf-chip,.cf-face,.cf-place,.cf-medal,.cf-lobby p{--cf-cut: 10px;--cf-seam: linear-gradient( 90deg, #8a2a06 0%, #ff6a1a calc(var(--cf-flow) - 30%), #ffe27a var(--cf-flow), #ff6a1a calc(var(--cf-flow) + 30%), #8a2a06 100% );--cf-chamfer: polygon( var(--cf-cut) 0, calc(100% - var(--cf-cut)) 0, 100% var(--cf-cut), 100% calc(100% - var(--cf-cut)), calc(100% - var(--cf-cut)) 100%, var(--cf-cut) 100%, 0 calc(100% - var(--cf-cut)), 0 var(--cf-cut) );--cf-d: calc(var(--cf-cut) * .7071);--cf-rims: linear-gradient(135deg, transparent var(--cf-d), var(--cf-rim) var(--cf-d) calc(var(--cf-d) + 1.5px), transparent 0) left top / var(--cf-cut) var(--cf-cut) no-repeat, linear-gradient(225deg, transparent var(--cf-d), var(--cf-rim) var(--cf-d) calc(var(--cf-d) + 1.5px), transparent 0) right top / var(--cf-cut) var(--cf-cut) no-repeat, linear-gradient(45deg, transparent var(--cf-d), var(--cf-rim) var(--cf-d) calc(var(--cf-d) + 1.5px), transparent 0) left bottom / var(--cf-cut) var(--cf-cut) no-repeat, linear-gradient(315deg, transparent var(--cf-d), var(--cf-rim) var(--cf-d) calc(var(--cf-d) + 1.5px), transparent 0) right bottom / var(--cf-cut) var(--cf-cut) no-repeat;--cf-brushed: repeating-linear-gradient(0deg, rgba(255, 240, 225, .028) 0 1px, transparent 1px 3px);--cf-iron: var(--cf-brushed), linear-gradient(180deg, #2e2522 0%, #1d1715 55%, #141010 100%);clip-path:var(--cf-chamfer);border-radius:0}html .kit-btn,html .kit-modal-sheet,.cf-card,.cf-panel{--cf-rivet: radial-gradient(circle, #f3d9c4 0 .8px, #6a5448 1.3px 2px, #1a1210 2.6px, transparent 3.2px);--cf-rivets: var(--cf-rivet) left calc(var(--cf-cut) + 2px) top 4px / 8px 8px no-repeat, var(--cf-rivet) right calc(var(--cf-cut) + 2px) top 4px / 8px 8px no-repeat, var(--cf-rivet) left calc(var(--cf-cut) + 2px) bottom 6px / 8px 8px no-repeat, var(--cf-rivet) right calc(var(--cf-cut) + 2px) bottom 6px / 8px 8px no-repeat}html .kit-dim{background:#08040394;backdrop-filter:blur(5px) saturate(120%);-webkit-backdrop-filter:blur(5px) saturate(120%)}html .kit-title-screen.kit-dim{background:radial-gradient(90% 45% at 50% 108%,rgba(255,90,20,.28),transparent 70%),radial-gradient(ellipse 75% 60% at 50% 42%,#0804031a,#08040399 70%,#040201e6);backdrop-filter:none;-webkit-backdrop-filter:none}html .kit-title,html .kit-modal-title,html .kit-banner{font-family:var(--kit-font);font-weight:400;font-synthesis:none;text-transform:uppercase;letter-spacing:.04em;background:var(--cf-molten);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px rgba(40,12,4,.85);filter:drop-shadow(0 3px 0 #2a0c03) drop-shadow(0 0 16px rgba(255,106,26,.5))}html .kit-tagline{font-family:var(--cf-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--kit-muted)}html .kit-menu{gap:9px}html .kit-btn{position:relative;overflow:hidden;min-height:50px;font:400 1.05rem var(--kit-font);font-synthesis:none;text-transform:uppercase;letter-spacing:.05em;color:var(--kit-fg);border:0;border-bottom:3px solid transparent;border-image:var(--cf-seam) 1;background:var(--cf-rims),var(--cf-rivets),var(--cf-iron);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 1px #ffffff1a,inset 0 -10px 18px #ff5a140f;transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}html .kit-btn:hover,html[data-hub-input=keys] .kit-btn:focus,html .kit-btn.hub-nav-focus,html .kit-btn[data-hub-focus]{--cf-rim: rgba(34, 211, 255, .75);background:var(--cf-rims),var(--cf-rivets),radial-gradient(120% 90% at 50% 120%,rgba(255,110,30,.38),transparent 65%),var(--cf-iron);box-shadow:inset 0 0 0 2px var(--cf-cyan),inset 0 0 22px #22d3ff47,inset 0 -14px 22px #ff6e1e4d;animation:cf-flow 1.4s linear infinite}html[data-hub-input=touch] .kit-btn[data-hub-focus]:not(:hover){--cf-rim: rgba(255, 190, 140, .22);background:var(--cf-rims),var(--cf-rivets),var(--cf-iron);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 1px #ffffff1a;animation:none}html .kit-btn:hover:not(:disabled){transform:translateY(-2px)}html .kit-btn:active:not(:disabled){transform:translateY(2px) scale(.99);filter:brightness(1.2)}html .kit-btn:disabled{opacity:.5;filter:grayscale(.6)}html .kit-btn.kit-primary{--cf-rim: rgba(255, 230, 170, .6);color:#fff;text-shadow:0 2px 0 rgba(60,14,0,.7);background:var(--cf-rims),var(--cf-rivets),var(--cf-hazard) left top / 12px 100% no-repeat,var(--cf-brushed),linear-gradient(180deg,#ff9b45,#ff6a1a 42%,#c23c08 78%,#7a1e04);border-image:linear-gradient(90deg,#ffd34d,#fff6c0 var(--cf-flow),#ffd34d) 1;box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 1px #ffffff80,inset 0 -12px 20px #78140073}html .kit-btn.kit-primary:hover,html[data-hub-input=keys] .kit-btn.kit-primary:focus,html .kit-btn.kit-primary.hub-nav-focus,html .kit-btn.kit-primary[data-hub-focus]{--cf-rim: rgba(34, 211, 255, .9);background:var(--cf-rims),var(--cf-rivets),var(--cf-hazard) left top / 12px 100% no-repeat,var(--cf-brushed),linear-gradient(180deg,#ffb066,#ff7a2a 42%,#d24a10 78%,#8a2404);box-shadow:inset 0 0 0 2px var(--cf-cyan),inset 0 0 26px #ffe69666,inset 0 -12px 20px #78140059}html[data-hub-input=touch] .kit-btn.kit-primary[data-hub-focus]:not(:hover){--cf-rim: rgba(255, 230, 170, .6);background:var(--cf-rims),var(--cf-rivets),var(--cf-hazard) left top / 12px 100% no-repeat,var(--cf-brushed),linear-gradient(180deg,#ff9b45,#ff6a1a 42%,#c23c08 78%,#7a1e04);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 1px #ffffff80,inset 0 -12px 20px #78140073}html .kit-btn.kit-primary:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:36%;background:linear-gradient(100deg,transparent 0%,rgba(255,245,200,.4) 50%,transparent 100%);transform:skew(-20deg);mix-blend-mode:screen;animation:cf-sheen 3.6s 1.2s ease-in-out infinite;pointer-events:none}html .kit-btn-sub{font-family:var(--cf-mono);font-weight:400;text-transform:uppercase}html .kit-pause-btn{--cf-cut: 8px;min-height:44px;min-width:44px;padding:0 12px;font:400 1.1rem var(--kit-font);letter-spacing:.1em;color:var(--cf-gold);background:var(--cf-rims),var(--cf-iron);border:0;border-bottom:3px solid transparent;border-image:var(--cf-seam) 1;box-shadow:inset 0 0 0 1px var(--cf-rim)}html .kit-pause-btn:hover{box-shadow:inset 0 0 0 2px var(--cf-orange),inset 0 -10px 16px #ff6e1e59}html .kit-modal{background:#0603029e;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}html .kit-modal-sheet{--cf-cut: 18px;width:min(440px,100%);position:relative;max-height:calc(100dvh - 32px);overflow-y:auto;box-sizing:border-box;padding:26px 20px 20px;border:0;border-bottom:3px solid transparent;border-image:var(--cf-seam) 1;background:var(--cf-hazard) center top / calc(100% - 2 * var(--cf-cut) - 40px) 7px no-repeat,var(--cf-rims),var(--cf-rivets),radial-gradient(100% 50% at 50% 110%,rgba(255,90,20,.18),transparent 70%),var(--cf-iron);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 1px #ffffff14;animation:cf-forge-drop .42s var(--cf-slam)}html .kit-modal-title{font-size:2rem;line-height:1;text-align:center;animation:cf-title-slam .6s .05s var(--cf-slam) both}html .kit-modal-body{font-family:var(--cf-read);font-weight:500;line-height:1.45}html .kit-modal-body li,html .kit-modal-body p{margin:0;animation:cf-slide-in .38s var(--cf-settle) both}html [data-testid=howto] .kit-modal-body>div{display:flex;flex-direction:column;gap:7px}html [data-testid=howto] .kit-modal-body p{position:relative;padding:8px 12px 8px 32px;background:linear-gradient(90deg,#ff6a1abf,#ff6a1a00 4px) left / 4px 100% no-repeat,linear-gradient(180deg,#241c19e6,#120d0ce6);box-shadow:inset 0 0 0 1px #ffbe8c1f;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}html [data-testid=howto] .kit-modal-body p:before{content:"";position:absolute;left:13px;top:12px;width:10px;height:13px;background:linear-gradient(0deg,#d8200c,#ff6a1a 45%,#ffd34d 80%,#fff6d0);clip-path:polygon(50% 0,80% 35%,100% 65%,85% 92%,50% 100%,15% 92%,0 65%,25% 40%,40% 55%);animation:cf-flicker .8s ease-in-out infinite alternate}html .kit-modal-body li:nth-child(2),html .kit-modal-body p:nth-child(2),html .kit-modal-body .kit-row:nth-child(2){animation-delay:.05s}html .kit-modal-body li:nth-child(3),html .kit-modal-body p:nth-child(3),html .kit-modal-body .kit-row:nth-child(3){animation-delay:.1s}html .kit-modal-body li:nth-child(4),html .kit-modal-body p:nth-child(4),html .kit-modal-body .kit-row:nth-child(4){animation-delay:.15s}html .kit-modal-body li:nth-child(n+5),html .kit-modal-body p:nth-child(n+5),html .kit-modal-body .kit-row:nth-child(n+5){animation-delay:.2s}html .kit-modal-buttons{justify-content:stretch}html .kit-modal-buttons .kit-btn{flex:1 1 160px;animation:cf-slide-in .38s .12s var(--cf-settle) both}html .kit-modal-body .kit-row{animation:cf-slide-in .38s var(--cf-settle) both}html .kit-row{--cf-cut: 7px;box-sizing:border-box;gap:10px;padding:6px 8px 6px 14px;flex-wrap:wrap;background:linear-gradient(90deg,var(--cf-orange),transparent) left / 3px 100% no-repeat,var(--cf-rims),linear-gradient(180deg,#281f1ceb,#140f0deb);box-shadow:inset 0 0 0 1px #ffbe8c1f}html .kit-row-label{font:400 1rem var(--kit-font);font-synthesis:none;text-transform:uppercase;letter-spacing:.05em;color:var(--kit-fg)}html .kit-seg{--cf-cut: 7px;flex-wrap:wrap;margin-left:auto;padding:3px;gap:3px;background:#0d0908;box-shadow:inset 0 0 0 1px #ffbe8c2e,inset 0 3px 6px #0009}html .kit-seg .kit-seg-item{--cf-cut: 6px;flex:1 0 auto;min-height:40px;min-width:44px;padding:6px 11px;font:400 .95rem var(--kit-font);font-synthesis:none;text-transform:uppercase;letter-spacing:.05em;color:var(--kit-muted);background:transparent;transition:background .15s ease,color .15s ease,transform .12s ease}html .kit-seg .kit-seg-item:not([aria-checked=true]):hover{color:var(--kit-fg);background:#ff6a1a29}html .kit-seg .kit-seg-item:active{transform:scale(.94)}html .kit-seg .kit-seg-item[aria-checked=true]{color:#fff;text-shadow:0 1px 0 rgba(60,14,0,.7);background:var(--cf-brushed),linear-gradient(180deg,#ff9b45,#ff6a1a 45%,#b83a08);box-shadow:inset 0 1px #ffffff73,inset 0 -3px #ffd34d;animation:cf-seg-pick .28s var(--cf-slam)}html[data-hub-input=keys] .kit-seg .kit-seg-item:focus,html .kit-seg .kit-seg-item[data-hub-focus]{color:var(--kit-fg);box-shadow:inset 0 0 0 2px var(--cf-cyan),inset 0 0 12px #22d3ff73}html .kit-toggle{--cf-cut: 6px;background:#0d0908;box-shadow:inset 0 0 0 1px #ffbe8c38,inset 0 3px 6px #0009}html .kit-toggle:after{border-radius:0;background:linear-gradient(180deg,#f2e6dc,#9c8a7e);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px),0 4px)}html .kit-toggle[aria-checked=true]{background:linear-gradient(180deg,#ff9b45,#ff6a1a 55%,#b83a08);box-shadow:inset 0 -3px #ffd34d}html .kit-slider{accent-color:var(--cf-orange)}html .kit-toast{--cf-cut: 8px;color:var(--kit-fg);font-family:var(--cf-read);font-weight:500;border:0;padding-left:22px;background:repeating-linear-gradient(-45deg,#ffd34d 0 6px,#140c0a 6px 12px) left / 8px 100% no-repeat,var(--cf-rims),var(--cf-iron);box-shadow:inset 0 0 0 1px var(--cf-rim)}html .kit-toast[data-kind=good]{background:var(--cf-hazard) left / 8px 100% no-repeat,var(--cf-rims),var(--cf-iron)}html .kit-banner{font-style:italic}html .kit-spinner{border-radius:0;border-color:#ffbe8c29;border-top-color:var(--cf-orange);clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.cf-card{--cf-cut: 20px;position:relative;z-index:1;width:min(400px,100%);flex:none;display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:26px 18px 18px;box-sizing:border-box;border-bottom:3px solid transparent;border-image:var(--cf-seam) 1;background:var(--cf-hazard) center top / calc(100% - 2 * var(--cf-cut) - 40px) 7px no-repeat,var(--cf-rims),var(--cf-rivets),radial-gradient(100% 50% at 50% 112%,rgba(255,90,20,.2),transparent 70%),var(--cf-iron);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 1px #ffffff14;animation:cf-forge-drop .42s var(--cf-slam),cf-flow 4s linear infinite}html .cf-card .kit-title{font-size:clamp(2.2rem,10vw,3rem);line-height:1;text-align:center;margin:0;animation:cf-title-slam .6s .05s var(--cf-slam) both}html .cf-card .kit-title.cf-won{background:linear-gradient(180deg,#fff,#fffbd6 24%,#ffe066 44%,#ffb020 62%,#ff5a12 82%,#9a2604);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #2a0c03) drop-shadow(0 0 20px rgba(255,150,40,.65))}html .cf-card .kit-title.cf-lost{background:linear-gradient(180deg,#fff8d8,#ffd34d 45%,#e09a00 72%,#7a4a00);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke-color:rgba(50,28,0,.85);filter:drop-shadow(0 3px 0 #3a2200) drop-shadow(0 0 14px rgba(255,211,77,.45))}.cf-card-sub{margin:-6px 0 0;text-align:center;font-family:var(--cf-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;color:var(--kit-muted);animation:cf-fade-up .4s .12s ease-out both}.cf-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;animation:cf-fade-up .4s .18s ease-out both}html .cf-card .kit-menu{width:100%}html .kit-result-body{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0}html .kit-result-body:empty{display:none}html .kit-result-body p{margin:0}.cf-total{display:flex;align-items:center;gap:14px;animation:cf-fade-up .4s .1s ease-out both}.cf-total p{display:flex;flex-direction:column;align-items:center;line-height:1}.cf-result-face{flex:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);background:radial-gradient(circle at 50% 110%,rgba(255,106,26,.6),transparent 70%),linear-gradient(180deg,#2e2522,#141010);box-shadow:inset 0 0 0 2px #ffbe8c59}.cf-total span{font-family:var(--cf-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--kit-muted)}.cf-total strong{font:400 3.6rem var(--kit-font);font-synthesis:none;letter-spacing:.03em;background:var(--cf-molten);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px rgba(40,12,4,.85);filter:drop-shadow(0 4px 0 #2a0c03) drop-shadow(0 0 22px rgba(255,140,40,.6));font-variant-numeric:tabular-nums}.cf-said{font-family:var(--cf-read);font-weight:600;font-size:.95rem;color:var(--kit-fg);text-align:center;animation:cf-fade-up .4s .14s ease-out both}.cf-best{font-family:var(--cf-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--kit-muted);animation:cf-fade-up .4s .22s ease-out both}.cf-best strong{color:var(--cf-gold)}.cf-best.cf-new-best{font:400 1.2rem var(--kit-font);font-synthesis:none;letter-spacing:.06em;color:var(--cf-gold);text-shadow:0 2px 0 #5a2a00,0 0 14px rgba(255,140,40,.75);animation:cf-wiggle .9s .5s var(--cf-slam) 2 both}.cf-places{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:6px}.cf-place{--seat: var(--cf-orange);--cf-cut: 8px;display:flex;align-items:center;gap:10px;min-height:48px;padding:5px 12px;background:linear-gradient(90deg,var(--seat),transparent) left / 5px 100% no-repeat,var(--cf-rims),var(--cf-iron);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seat) 35%,transparent),inset 0 -3px 0 var(--seat);animation:cf-slide-in .42s var(--cf-settle) both}.cf-place:nth-child(2){animation-delay:.08s}.cf-place:nth-child(3){animation-delay:.16s}.cf-place:nth-child(4){animation-delay:.24s}.cf-place.me{background:linear-gradient(90deg,var(--seat),transparent) left / 5px 100% no-repeat,var(--cf-rims),radial-gradient(90% 120% at 0% 50%,color-mix(in srgb,var(--seat) 35%,transparent),transparent 70%),var(--cf-iron);box-shadow:inset 0 0 0 2px var(--seat),inset 0 -3px 0 var(--seat),inset 0 0 18px color-mix(in srgb,var(--seat) 35%,transparent)}.cf-place .cf-name{flex:1;min-width:0;text-align:left;font:400 1.1rem var(--kit-font);font-synthesis:none;text-transform:uppercase;letter-spacing:.05em;color:var(--kit-fg);overflow-wrap:anywhere}.cf-medal{--cf-cut: 5px;flex:none;min-width:2.8em;padding:4px 8px;font:700 .75rem var(--cf-mono);text-transform:uppercase;text-align:center;color:var(--kit-muted);background:#0d0908;box-shadow:inset 0 0 0 1px #ffbe8c38}.cf-place:first-child .cf-medal{color:#3a1a00;background:linear-gradient(180deg,#fff6c0,var(--cf-gold) 55%,#c48a00)}html .kit-lobby.cf-online,html .kit-screen:has(>.cf-loading-card){justify-content:safe center;overflow-y:auto}html .cf-online .cf-card{width:min(420px,100%)}html .cf-online .kit-tagline[data-testid=room-code]{align-self:center;margin:-4px 0 0;padding:5px 14px 5px calc(14px + .34em);font:700 1rem var(--cf-mono);letter-spacing:.34em;color:var(--cf-gold);background:#0d0908;box-shadow:inset 0 0 0 1px #ffd34d59,inset 0 -3px 0 var(--cf-orange);clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);animation:cf-fade-up .4s .12s ease-out both}.cf-lobby{display:flex;flex-direction:column;gap:6px;width:100%;animation:cf-fade-up .4s .16s ease-out both}.cf-lobby p{--cf-cut: 7px;margin:0;padding:8px 12px;font:600 .9rem var(--cf-read);text-align:left;color:var(--kit-fg);background:var(--cf-rims),linear-gradient(180deg,#281f1ceb,#140f0deb);box-shadow:inset 0 0 0 1px #ffbe8c1f}html .cf-lobby .kit-row{min-height:44px}html .kit-seats,html .kit-friends{width:100%;gap:6px}html .kit-seat,html .kit-friend{--cf-cut: 8px;box-sizing:border-box;min-height:48px;padding:4px 8px 4px 10px;font:400 1.05rem var(--kit-font);font-synthesis:none;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:linear-gradient(90deg,var(--cf-orange),transparent) left / 3px 100% no-repeat,var(--cf-rims),var(--cf-iron);box-shadow:inset 0 0 0 1px #ffbe8c29;animation:cf-slide-in .42s var(--cf-settle) both}html .kit-seat:nth-child(2){animation-delay:.06s}html .kit-seat:nth-child(3){animation-delay:.12s}html .kit-seat:nth-child(4){animation-delay:.18s}html .kit-seat>.kit-btn{flex:1;min-width:0;min-height:40px;justify-content:flex-start;clip-path:none;border:0;background:transparent;box-shadow:none}html .kit-seat .kit-tagline{font-size:.68rem}html .kit-seat[data-connected=false]{opacity:.6}html .kit-chat{width:100%}html .kit-chat-lines{font:500 .9rem var(--cf-read)}html .kit-chat-input,html .kit-share-field,html .kit-join-code input{color:var(--kit-fg);font:600 1rem var(--cf-read);padding:0 12px;border-radius:0;background:#0d0908;border:1px solid rgba(255,190,140,.25);box-shadow:inset 0 3px 6px #0009}html .kit-chat-input:focus,html .kit-join-code input:focus{border-color:var(--cf-cyan);box-shadow:inset 0 3px 6px #0009,inset 0 0 10px #22d3ff59}html .kit-choose-head,html .kit-join-label{font:700 .72rem var(--cf-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--cf-gold)}html .kit-choose,html .kit-join-code{gap:9px}html .kit-choose .kit-btn{animation:cf-slide-in .42s var(--cf-settle) both}html .kit-choose .kit-btn:nth-child(2){animation-delay:.06s}html .kit-choose .kit-btn:nth-child(3){animation-delay:.12s}html .kit-open-sub{font-family:var(--cf-mono);font-size:.7rem}.cf-loading-card{align-items:center}.cf-loading-card .kit-tagline{margin:0;font:400 1.3rem var(--kit-font);font-synthesis:none;letter-spacing:.06em;color:var(--kit-fg);text-shadow:0 0 14px rgba(255,106,26,.6)}html .kit-progress{--cf-cut: 5px;width:100%;height:14px;background:#0d0908;box-shadow:inset 0 0 0 1px #ffbe8c38,inset 0 3px 6px #0009}html .kit-progress>i{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.18) 0 6px,transparent 6px 12px),linear-gradient(90deg,var(--cf-red),var(--cf-orange) 55%,var(--cf-gold));background-size:17px 100%,100% 100%;animation:cf-belt .6s linear infinite}html .cf-loading-card .kit-loading-leave{margin-top:4px;width:100%}html .kit-btn.cf-in{animation:cf-slam-in .46s calc(var(--i, 0) * .06s) var(--cf-settle) both}html .kit-btn.cf-in:hover,html[data-hub-input=keys] .kit-btn.cf-in:focus,html .kit-btn.cf-in[data-hub-focus]{animation:cf-slam-in .46s calc(var(--i, 0) * .06s) var(--cf-settle) both,cf-flow 1.4s linear infinite}html[data-hub-input=touch] .kit-btn.cf-in[data-hub-focus]:not(:hover){animation:cf-slam-in .46s calc(var(--i, 0) * .06s) var(--cf-settle) both}html .kit-screen[data-redraw] .cf-card,html .kit-screen[data-redraw] .cf-card *:not(.kit-btn),html .kit-screen[data-redraw] .kit-btn.cf-in{animation:none}.cf-title-screen{gap:12px}.cf-title-screen>:not(.cf-sparks){position:relative;z-index:1}.cf-title-screen:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-20%;height:60%;pointer-events:none;background:radial-gradient(50% 50% at 50% 70%,rgba(255,90,20,.35),rgba(255,50,10,.08) 60%,transparent 75%);animation:cf-furnace 3.2s ease-in-out infinite alternate}.cf-kicker{margin:0;padding:4px 12px 4px calc(12px + .42em);font:700 .72rem var(--cf-mono);letter-spacing:.42em;text-transform:uppercase;color:var(--cf-gold);text-shadow:0 0 10px rgba(255,211,77,.55);animation:cf-fade-up .6s .55s ease-out both}html .kit-title.cf-wordmark{display:flex;justify-content:center;gap:.02em;margin:.05em 0 .08em;font-size:clamp(3.2rem,17vw,6rem);line-height:1;letter-spacing:0;background:none;color:inherit;-webkit-text-stroke:0;filter:none;transform:skew(-9deg)}.cf-letter{position:relative;display:inline-block;text-transform:uppercase;background:var(--cf-molten);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #2a0c03;filter:drop-shadow(0 .04em 0 #3a1406) drop-shadow(0 .08em 0 #140604) drop-shadow(0 0 18px rgba(255,106,26,.6));animation:cf-letter-slam .62s calc(.2s + var(--i) * 75ms) var(--cf-slam) both,cf-letter-heat 2.8s calc(1.1s + var(--i) * .14s) ease-in-out infinite}.cf-letter.cf-hot{background:linear-gradient(180deg,#fff,#fffbd6 24%,#ffe066 44%,#ffb020 62%,#ff5a12 82%,#9a2604);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 .04em 0 #3a1406) drop-shadow(0 .08em 0 #140604) drop-shadow(0 0 22px rgba(255,170,40,.7))}.cf-letter:after{content:"";position:absolute;left:50%;bottom:.02em;width:1.2em;height:.5em;translate:-50% 40%;pointer-events:none;background:radial-gradient(circle,#fff6c0 0 2px,transparent 3px) 10% 20% / 30% 50% no-repeat,radial-gradient(circle,#ffd34d 0 2px,transparent 3px) 85% 10% / 30% 50% no-repeat,radial-gradient(ellipse at 50% 70%,rgba(255,246,192,.95) 0%,rgba(255,106,26,.7) 30%,transparent 65%);opacity:0;animation:cf-burst .5s calc(.48s + var(--i) * 75ms) ease-out both}.cf-taglines{position:relative;height:1.4em;width:min(420px,100%);font:600 .92rem var(--cf-read);color:var(--kit-fg);text-shadow:0 1px 6px rgba(0,0,0,.9)}.cf-taglines span{position:absolute;inset:0;opacity:0;white-space:nowrap;animation:cf-tagline 14s linear infinite}.cf-taglines span:nth-child(2){animation-delay:3.5s}.cf-taglines span:nth-child(3){animation-delay:7s}.cf-taglines span:nth-child(4){animation-delay:10.5s}.cf-panel{--cf-cut: 20px;width:min(400px,100%);display:flex;flex-direction:column;gap:9px;padding:20px 16px 16px;box-sizing:border-box;border-bottom:3px solid transparent;border-image:var(--cf-seam) 1;background:var(--cf-hazard) center top / calc(100% - 2 * var(--cf-cut) - 40px) 6px no-repeat,var(--cf-rims),var(--cf-rivets),var(--cf-brushed),linear-gradient(180deg,#241c19db,#120d0ceb);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 1px #ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:cf-forge-drop .55s .25s var(--cf-slam) both,cf-flow 4s linear infinite}.cf-panel .kit-menu,.cf-panel .kit-continue{width:100%}html .kit-btn.cf-mbtn{justify-content:flex-start;align-items:center;flex-wrap:nowrap;gap:12px;text-align:left;padding:7px 36px 7px 12px}.cf-mbtn-icon{--cf-cut: 7px;flex:none;display:grid;place-items:center;width:36px;height:36px;font:700 1.05rem var(--cf-read);color:var(--cf-gold);background:#0d0908;box-shadow:inset 0 0 0 1px #ffbe8c38,inset 0 -3px #ff6a1a8c,inset 0 3px 6px #0009;transition:transform .15s ease,background .15s ease,color .15s ease}.cf-mbtn-text{display:flex;flex-direction:column;gap:2px;min-width:0}.cf-mbtn-label{font-size:1.2rem;line-height:1.05}.cf-mbtn-sub{font-family:var(--cf-mono);font-size:.66rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--kit-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mbtn-sub:empty{display:none}.cf-mbtn:after{content:"";position:absolute;right:13px;top:50%;width:12px;height:16px;background:linear-gradient(0deg,#d8200c,#ff6a1a 45%,#ffd34d 80%,#fff6d0);clip-path:polygon(50% 0,80% 35%,100% 65%,85% 92%,50% 100%,15% 92%,0 65%,25% 40%,40% 55%);opacity:0;transform:translate(8px,-50%);transition:opacity .15s ease,transform .15s ease}html[data-prompts=keys] .cf-mbtn:has(>.kit-glyph[data-keys=yes]):after,html[data-prompts=pad] .cf-mbtn:has(>.kit-glyph):after{display:none}.cf-mbtn:hover .cf-mbtn-icon,html[data-hub-input=keys] .cf-mbtn:focus .cf-mbtn-icon,.cf-mbtn.hub-nav-focus .cf-mbtn-icon,.cf-mbtn[data-hub-focus] .cf-mbtn-icon{transform:scale(1.1) rotate(-6deg);color:#3a1000;background:linear-gradient(180deg,#fff1a0,#ffb020 45%,#ff6a1a);box-shadow:inset 0 -3px #c23c08}.cf-mbtn:hover:after,html[data-hub-input=keys] .cf-mbtn:focus:after,.cf-mbtn.hub-nav-focus:after,.cf-mbtn[data-hub-focus]:after{opacity:1;animation:cf-pointer .5s ease-in-out infinite alternate}html[data-hub-input=touch] .cf-mbtn[data-hub-focus]:not(:hover) .cf-mbtn-icon{transform:none;color:var(--cf-gold);background:#0d0908;box-shadow:inset 0 0 0 1px #ffbe8c38,inset 0 -3px #ff6a1a8c}html[data-hub-input=touch] .cf-mbtn[data-hub-focus]:not(:hover):after{opacity:0;animation:none}html .kit-btn.kit-primary.cf-mbtn{padding:10px 36px 10px 20px}html .kit-primary .cf-mbtn-label{font-size:1.5rem}html .kit-primary .cf-mbtn-sub{color:#ffe6d2}html .kit-primary .cf-mbtn-icon,html[data-hub-input=touch] .kit-primary.cf-mbtn[data-hub-focus]:not(:hover) .cf-mbtn-icon{width:42px;height:42px;color:#6a1c00;background:linear-gradient(180deg,#ffffff 0%,#fff1a0 35%,var(--cf-gold) 70%,#c48a00 100%);box-shadow:inset 0 -3px #a06a00,inset 0 1px #fff}html[data-prompts] .kit-btn.cf-mbtn.cf-mbtn:has(>.kit-glyph-on){padding-left:12px;padding-right:46px}html[data-prompts] .kit-btn.kit-primary.cf-mbtn.cf-mbtn:has(>.kit-glyph-on){padding-left:20px}.cf-footer{display:flex;justify-content:space-between;gap:6px;animation:cf-fade-up .5s .7s ease-out both}.cf-chip-stat{--cf-cut: 6px;display:inline-flex;align-items:baseline;gap:7px;padding:5px 12px 6px;background:#0d0908;box-shadow:inset 0 0 0 1px #ffbe8c33,inset 0 -2px #ff6a1a99;white-space:nowrap}.cf-chip-stat span{font-family:var(--cf-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--kit-muted)}.cf-chip-stat strong{font:400 1.1rem var(--kit-font);font-synthesis:none;letter-spacing:.04em;color:var(--cf-gold);text-shadow:0 0 8px rgba(255,170,40,.5)}.cf-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.cf-sparks i{position:absolute;bottom:-20px;width:var(--size, 6px);height:calc(var(--size, 6px) * 1.6);border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 50% 60%,#fff 0 18%,var(--c) 55%,transparent 75%);box-shadow:0 0 10px var(--c);animation:cf-ember-rise 8s linear infinite;--c: var(--cf-orange)}.cf-sparks i.cf-gold{--c: var(--cf-gold)}.cf-sparks i.cf-red{--c: var(--cf-red)}.cf-sparks i.cf-white{--c: #ffe9b0}html .kit-hud{font:400 15px var(--kit-font)}.cf-hud{display:flex;align-items:center;justify-content:center;gap:8px;max-width:calc(100vw - 140px)}.cf-clock{--cf-cut: 7px;flex:none;padding:6px 14px 7px;font:700 1.05rem var(--cf-mono);letter-spacing:.08em;color:var(--cf-gold);text-shadow:0 0 8px rgba(255,170,40,.5);background:var(--cf-rims),var(--cf-iron);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 -3px 0 var(--cf-orange);font-variant-numeric:tabular-nums;animation:cf-slam-in .46s var(--cf-settle) both}.cf-clock.hurry{color:#fff6c0;animation:cf-hurry .8s ease-in-out infinite alternate}.cf-chips{display:flex;flex-wrap:nowrap;gap:6px;min-width:0}.cf-chip{--seat: var(--cf-orange);--cf-cut: 7px;position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;padding:3px 12px 5px 4px;white-space:nowrap;background:var(--cf-rims),radial-gradient(80% 120% at 0% 50%,color-mix(in srgb,var(--seat) 22%,transparent),transparent 70%),var(--cf-iron);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--seat) 40%,transparent),inset 0 -3px 0 var(--seat);transition:opacity .3s ease,filter .3s ease;animation:cf-slam-in .46s var(--cf-settle) both}.cf-chip:nth-child(1){animation-delay:.08s}.cf-chip:nth-child(2){animation-delay:.16s}.cf-chip:nth-child(3){animation-delay:.24s}.cf-chip:nth-child(4){animation-delay:.32s}.cf-chip.me{--cf-rim: color-mix(in srgb, var(--seat) 80%, white);box-shadow:inset 0 0 0 2px var(--seat),inset 0 -4px color-mix(in srgb,var(--seat) 60%,white),inset 0 0 14px color-mix(in srgb,var(--seat) 45%,transparent)}.cf-chip.out{opacity:.5;filter:grayscale(.9)}.cf-chip.hit{animation:cf-hit .5s ease-out}.cf-face{--cf-cut: 6px;flex:none;display:grid;place-items:center;width:28px;height:28px;overflow:hidden;background:radial-gradient(circle at 50% 60%,color-mix(in srgb,var(--seat) 55%,transparent),#120c0a);box-shadow:inset 0 0 0 2px var(--seat)}.cf-face>*{max-width:28px;max-height:28px}.cf-name{font:400 .92rem var(--kit-font);font-synthesis:none;text-transform:uppercase;letter-spacing:.05em;color:var(--kit-fg);max-width:7em;overflow:hidden;text-overflow:ellipsis}.cf-flames{display:inline-flex;align-items:center;gap:1px;min-height:14px}.cf-flames i{display:block;width:12px;height:14px;transform-origin:50% 100%;animation:cf-flicker .9s ease-in-out infinite alternate}.cf-flames i:nth-child(2n){animation-duration:.7s;animation-delay:-.3s}.cf-flames i:nth-child(3n){animation-duration:1.1s;animation-delay:-.5s}.cf-flames svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 3px rgba(255,106,26,.9))}.cf-flames svg path{fill:url(#cf-fire) var(--cf-orange)}.cf-goals{min-width:1ch;font:400 1.25rem var(--kit-font);font-synthesis:none;color:var(--cf-gold);text-align:center;text-shadow:0 2px 0 #5a2a00,0 0 10px rgba(255,211,77,.55)}.cf-goals.pop{animation:cf-goal-pop .45s var(--cf-slam)}@keyframes cf-flow{0%{--cf-flow: -20%}to{--cf-flow: 120%}}@keyframes cf-letter-slam{0%{opacity:0;transform:translateY(-120%) scale(.6,1.4)}55%{opacity:1;transform:translateY(0) scale(1.18,.8)}75%{transform:translateY(-5%) scale(.95,1.06)}to{transform:translateY(0) scale(1)}}@keyframes cf-letter-heat{0%,to{translate:0 0;rotate:0deg}25%{translate:0 -6px;rotate:-2deg}50%{translate:0 -2px;rotate:1deg}75%{translate:0 3px;rotate:2deg}}@keyframes cf-burst{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.7,1.2)}}@keyframes cf-tagline{0%{opacity:0;transform:translate(-14px)}4%,21%{opacity:1;transform:translate(0)}25%,to{opacity:0;transform:translate(14px)}}@keyframes cf-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cf-slide-in{0%{opacity:0;transform:translate(-24px)}70%{opacity:1;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes cf-slam-in{0%{opacity:0;transform:translate(-46px) skew(-10deg);filter:brightness(1)}60%{opacity:1;transform:translate(6px) skew(2deg);filter:brightness(1.9) saturate(1.3)}80%{transform:translate(-2px) skew(0);filter:brightness(1.15)}to{opacity:1;transform:translate(0);filter:brightness(1)}}@keyframes cf-forge-drop{0%{opacity:0;transform:scale(.92) translateY(-14px)}55%{opacity:1;transform:scale(1.03) translateY(2px)}72%{transform:scale(.99) translateY(-1px)}86%{transform:scale(1.006)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cf-title-slam{0%{opacity:0;transform:translateY(-40%) scale(.7,1.35)}60%{opacity:1;transform:translateY(0) scale(1.14,.86)}to{transform:scale(1)}}@keyframes cf-sheen{0%{left:-60%}35%,to{left:130%}}@keyframes cf-pointer{0%{transform:translateY(-50%) scale(1)}to{transform:translate(-4px,-56%) scale(.9,1.15)}}@keyframes cf-ember-rise{0%{transform:translate(0) scale(1);opacity:0}10%{opacity:1}30%{transform:translate(14px,-33vh) scale(.9);opacity:.6}50%{transform:translate(-10px,-55vh) scale(1);opacity:1}75%{transform:translate(18px,-82vh) scale(.8);opacity:.7}to{transform:translate(-12px,-112vh) scale(.4);opacity:0}}@keyframes cf-furnace{0%{opacity:.65;transform:scaleY(.94)}to{opacity:1;transform:scaleY(1.06)}}@keyframes cf-wiggle{0%,to{transform:rotate(0) scale(1)}30%{transform:rotate(-4deg) scale(1.15)}60%{transform:rotate(3deg) scale(1.05)}}@keyframes cf-seg-pick{0%{transform:scale(.9)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes cf-belt{0%{background-position:0 0,0 0}to{background-position:17px 0,0 0}}@keyframes cf-hurry{0%{transform:scale(1);box-shadow:inset 0 0 0 1px var(--cf-rim),inset 0 -3px 0 var(--cf-red),inset 0 0 6px #ff3a1f4d}to{transform:scale(1.08);box-shadow:inset 0 0 0 2px var(--cf-gold),inset 0 -3px 0 var(--cf-gold),inset 0 0 20px #ff3a1fe6}}@keyframes cf-hit{0%{transform:translate(0);filter:brightness(2.2) saturate(2) hue-rotate(-20deg)}15%{transform:translate(-6px) rotate(-3deg)}30%{transform:translate(5px) rotate(2deg);filter:brightness(1.4)}45%{transform:translate(-4px)}60%{transform:translate(3px)}to{transform:translate(0);filter:none}}@keyframes cf-flicker{0%{transform:scale(1) skew(0)}50%{transform:scale(.92,1.1) skew(-4deg)}to{transform:scale(1.05,.94) skew(3deg)}}@keyframes cf-goal-pop{0%{transform:scale(1)}40%{transform:scale(1.6);text-shadow:0 2px 0 #5a2a00,0 0 22px rgba(255,211,77,.95)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cf-letter,.cf-letter:after,.cf-sparks i,.cf-taglines span,.cf-flames i,.cf-clock,.cf-clock.hurry,.cf-title-screen:before,html .kit-btn,html .kit-btn.cf-in,html .kit-btn.kit-primary:before,.cf-card,.cf-panel,.cf-chip,.cf-mbtn:after,html .kit-progress>i,html [data-testid=howto] .kit-modal-body p:before{animation:none}.cf-taglines span:first-child{opacity:1}.cf-sparks{display:none}}@media(max-width:520px){.cf-hud{flex-direction:column;gap:0;max-width:none}.cf-chips{margin-top:22px;gap:4px;max-width:calc(100vw - 12px)}.cf-chip .cf-name{display:none}.cf-chip{gap:3px;padding:2px 8px 4px 3px}.cf-face,.cf-face>*{width:22px;height:22px;max-width:22px;max-height:22px}.cf-flames{gap:0}.cf-flames i{width:8px;height:10px}.cf-goals{font-size:1.05rem}.cf-clock{font-size:.95rem;padding:5px 12px 6px}.cf-taglines{font-size:.84rem}}@media(max-height:520px){html .kit-dim{overflow-y:auto}html .kit-title.cf-wordmark{font-size:clamp(2rem,11vh,3rem)}.cf-kicker,.cf-taglines{display:none}.cf-title-screen{gap:6px}.cf-panel,.cf-card{width:min(620px,100%);padding:14px 10px 10px;gap:8px}.cf-panel .kit-menu,.cf-card .kit-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cf-mbtn-sub,.cf-card-sub{display:none}html .kit-btn.cf-mbtn,html .kit-btn.kit-primary.cf-mbtn{padding-top:5px;padding-bottom:5px}html .cf-card .kit-title{font-size:1.8rem}.cf-total strong{font-size:2.4rem}}.cf-setup{display:flex;flex-direction:column;gap:8px;margin:0 0 12px}.cf-setup-row{--cf-cut: 8px;position:relative;display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--cf-iron);clip-path:var(--cf-chamfer);outline:none;transition:transform .15s var(--cf-settle),box-shadow .15s ease}.cf-setup-row:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--cf-orange),var(--cf-gold),var(--cf-orange),transparent);opacity:.55}.cf-setup-label{flex:0 0 auto;min-width:6.5em;font-family:var(--cf-mono);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#e0b9a0}.cf-setup-row .cf-setup-pills{flex:1 1 auto;display:flex;justify-content:flex-end;margin:0}.cf-setup-row .cf-setup-pills .kit-seg-item{flex:1 1 0;min-width:0;min-height:40px}.cf-setup-row [data-glyph],.cf-setup-row .kit-glyph{flex:0 0 auto;opacity:0;transition:opacity .15s}html[data-hub-input=keys] .cf-setup-row:focus,html[data-hub-input=gamepad] .cf-setup-row:focus,.cf-setup-row[data-hub-focus]{transform:translateY(-2px);box-shadow:inset 0 0 0 2px var(--cf-cyan),inset 0 -10px 18px #ff6a1a59}html[data-hub-input=keys] .cf-setup-row:focus:after,html[data-hub-input=gamepad] .cf-setup-row:focus:after,.cf-setup-row[data-hub-focus]:after{opacity:1}html[data-hub-input=keys] .cf-setup-row:focus [data-glyph],html[data-hub-input=keys] .cf-setup-row:focus .kit-glyph,html[data-hub-input=gamepad] .cf-setup-row:focus [data-glyph],html[data-hub-input=gamepad] .cf-setup-row:focus .kit-glyph,.cf-setup-row[data-hub-focus] .kit-glyph{opacity:1}.cf-setup-row.cf-bump .kit-seg-item[aria-checked=true]{animation:cf-setup-bump .22s var(--cf-slam)}@keyframes cf-setup-bump{0%{transform:scale(1)}50%{transform:scale(1.14)}to{transform:scale(1)}}@media(max-width:520px){.cf-setup-row{flex-wrap:wrap;gap:4px 8px;padding:6px 12px 8px}.cf-setup-label{flex:1 1 100%;min-width:0;font-size:.68rem;letter-spacing:.16em}.cf-setup-row .cf-setup-pills{flex:1 1 100%}.cf-setup-row .kit-glyph,.cf-setup-row [data-glyph]{position:absolute;top:5px;right:12px}}@media(prefers-reduced-motion:reduce){.cf-setup-row.cf-bump .kit-seg-item[aria-checked=true]{animation:none}}html.cf-cover #ui{display:none!important}html.cf-cover body:after{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#080302f0,#080302d1 30%,#08030200 56%)}.cf-cover-title{position:fixed;z-index:5;left:4%;top:50%;translate:0 -50%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cf-cover-name{display:flex;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Roboto Condensed,sans-serif;font-size:88px;font-weight:400;line-height:1;transform:skew(-9deg)}.cf-cover-name .cf-letter{animation:none}.cf-cover-name .cf-letter:after{display:none}.cf-cover-title .cf-kicker{animation:none;font-size:.8rem}.cf-cover-pill{margin:8px 0 0;padding:7px 16px;font:700 .8rem var(--cf-mono);letter-spacing:.18em;text-transform:uppercase;color:#fff4ea;background:var(--cf-iron);clip-path:var(--cf-chamfer);box-shadow:inset 0 -3px 0 var(--cf-orange)}