.c4-board--sapphire{--metal:linear-gradient(135deg, #6e470b 0%, #ffe9a8 16%, #c98b1e 32%, #fff4cf 48%, #b8780f 64%, #ffe08a 80%, #6e470b 100%);--metal-v:linear-gradient(180deg, #fff4cf 0%, #f2c14e 30%, #b47610 62%, #ffe08a 82%, #6e470b 100%);--e-io:cubic-bezier(.83,0,.17,1)}.c4-board--sapphire .c4-board__inner{--k:calc(100cqi / 980);aspect-ratio:980/900}.c4-game:not([data-public]) .c4-game__board>.c4-board.c4-board--sapphire{aspect-ratio:980/900}.c4-board--sapphire .sapphire-board__body{left:calc(40 * var(--k));top:calc(20 * var(--k));width:calc(900 * var(--k));height:calc(786 * var(--k));position:absolute}.c4-board--sapphire .sapphire-board__body i{font-style:normal;display:block}.sapphire-board__shadow{left:calc(30 * var(--k));right:calc(30 * var(--k));top:calc(760 * var(--k));height:calc(80 * var(--k));filter:blur(calc(10 * var(--k)));background:radial-gradient(closest-side,#000000bf,#0000);border-radius:50%;position:absolute}.sapphire-board__foot{top:calc(700 * var(--k));width:calc(64 * var(--k));height:calc(122 * var(--k));border-radius:calc(14 * var(--k)) calc(14 * var(--k)) calc(22 * var(--k)) calc(22 * var(--k));background:var(--metal-v);box-shadow:inset 0 0 0 calc(2 * var(--k)) #ffffff40, inset 0 calc(-10 * var(--k)) calc(14 * var(--k)) #00000073, 0 calc(10 * var(--k)) calc(18 * var(--k)) #0000008c;position:absolute}.sapphire-board__foot--l{left:calc(-18 * var(--k))}.sapphire-board__foot--r{right:calc(-18 * var(--k))}.sapphire-board__foot:after{content:"";left:50%;bottom:calc(14 * var(--k));width:calc(14 * var(--k));height:calc(14 * var(--k));margin-left:calc(-7 * var(--k));box-shadow:0 0 calc(10 * var(--k)) #78dcffcc;background:linear-gradient(135deg,#e9fbff,#4cc9f0 60%,#0b5a7a);position:absolute;transform:rotate(45deg)}.sapphire-board__trim{inset:calc(-10 * var(--k));border-radius:calc(50 * var(--k));background:var(--metal);box-shadow:0 calc(50 * var(--k)) calc(80 * var(--k)) calc(-30 * var(--k)) #000000e6, 0 0 0 calc(1.5 * var(--k)) #281802e6, inset 0 0 0 calc(1.5 * var(--k)) #fff8dc99;position:absolute}.sapphire-board__trim:before{content:"";inset:calc(5 * var(--k));border-radius:calc(45 * var(--k));box-shadow:inset 0 0 0 calc(1.5 * var(--k)) #3c2404b3;position:absolute}.sapphire-board__cavity{left:calc(30 * var(--k));top:calc(30 * var(--k));width:calc(840 * var(--k));height:calc(720 * var(--k));background:radial-gradient(circle at calc(60 * var(--k)) calc(50 * var(--k)), #1a2a66 0, #0a1235 calc(34 * var(--k)), #03061a calc(52 * var(--k))) 0 0 / calc(120 * var(--k)) calc(120 * var(--k));position:absolute}.sapphire-board__front{z-index:3;border-radius:calc(40 * var(--k));background:radial-gradient(90% 55% at 24% -6%, #96c8ff5c, transparent 62%), radial-gradient(120% 80% at 50% 50%, transparent 55%, #02061e73 100%), radial-gradient(60% 40% at 92% 108%, #0a1450b3, transparent 70%), repeating-linear-gradient(118deg, #ffffff06 0 calc(2 * var(--k)), transparent calc(2 * var(--k)) calc(7 * var(--k))), linear-gradient(180deg, #2552d2 0%, #1838a2 30%, #10267a 66%, #091852 100%);box-shadow:inset 0 calc(2 * var(--k)) 0 #c8e1ff80, inset 0 0 0 calc(2 * var(--k)) #060e32cc, inset 0 calc(-10 * var(--k)) calc(18 * var(--k)) #00001473;-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% calc(30 * var(--k)) no-repeat, linear-gradient(#000 0 0) 0 100% / 100% calc(36 * var(--k)) no-repeat, linear-gradient(#000 0 0) 0 0 / calc(30 * var(--k)) 100% no-repeat, linear-gradient(#000 0 0) 100% 0 / calc(30 * var(--k)) 100% no-repeat, radial-gradient(circle at calc(60 * var(--k)) calc(60 * var(--k)), transparent calc(47.5 * var(--k)), #000 calc(48.5 * var(--k))) calc(30 * var(--k)) calc(30 * var(--k)) / calc(120 * var(--k)) calc(120 * var(--k)) repeat;-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% calc(30 * var(--k)) no-repeat, linear-gradient(#000 0 0) 0 100% / 100% calc(36 * var(--k)) no-repeat, linear-gradient(#000 0 0) 0 0 / calc(30 * var(--k)) 100% no-repeat, linear-gradient(#000 0 0) 100% 0 / calc(30 * var(--k)) 100% no-repeat, radial-gradient(circle at calc(60 * var(--k)) calc(60 * var(--k)), transparent calc(47.5 * var(--k)), #000 calc(48.5 * var(--k))) calc(30 * var(--k)) calc(30 * var(--k)) / calc(120 * var(--k)) calc(120 * var(--k)) repeat;mask:linear-gradient(#000 0 0) 0 0 / 100% calc(30 * var(--k)) no-repeat, linear-gradient(#000 0 0) 0 100% / 100% calc(36 * var(--k)) no-repeat, linear-gradient(#000 0 0) 0 0 / calc(30 * var(--k)) 100% no-repeat, linear-gradient(#000 0 0) 100% 0 / calc(30 * var(--k)) 100% no-repeat, radial-gradient(circle at calc(60 * var(--k)) calc(60 * var(--k)), transparent calc(47.5 * var(--k)), #000 calc(48.5 * var(--k))) calc(30 * var(--k)) calc(30 * var(--k)) / calc(120 * var(--k)) calc(120 * var(--k)) repeat;position:absolute;inset:0;overflow:hidden}.sapphire-board__sweep{width:60%;animation:sapphire-board-sweep 8s 1.5s var(--e-io) infinite;will-change:transform;background:linear-gradient(100deg,#0000 0%,#aad2ff1f 38%,#ffffff42 50%,#aad2ff1f 62%,#0000 100%);position:absolute;top:-10%;bottom:-10%;left:-60%}@keyframes sapphire-board-sweep{0%{transform:translate(0)skew(-12deg)}30%,to{transform:translate(280%)skew(-12deg)}}.sapphire-board__flash{opacity:0;pointer-events:none;position:absolute;inset:0}.sapphire-board__flash.is-gold{background:linear-gradient(100deg,#0000 20%,#ffd26e80 50%,#0000 80%) 0 0/300% 100%}.sapphire-board__flash.is-swap{background:linear-gradient(100deg,#0000 15%,#ffc8508c 42%,#fff9 50%,#aa78ff99 58%,#0000 85%) 0 0/300% 100%}.sapphire-board__flash.is-ice{background:linear-gradient(100deg,#0000 20%,#96e6ff80 50%,#0000 80%) 0 0/300% 100%}.sapphire-board__flash.is-a{animation:sapphire-board-flash-a 1.1s var(--e-io) both}.sapphire-board__flash.is-b{animation:sapphire-board-flash-b 1.1s var(--e-io) both}@keyframes sapphire-board-flash-a{0%{opacity:0;transform:translate(-60%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(60%)}}@keyframes sapphire-board-flash-b{0%{opacity:0;transform:translate(-60%)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(60%)}}.sapphire-board__gridline{left:calc(24 * var(--k));top:calc(24 * var(--k));width:calc(852 * var(--k));height:calc(732 * var(--k));z-index:4;border-radius:calc(18 * var(--k));pointer-events:none;box-shadow:inset 0 0 0 calc(1.5 * var(--k)) #96c3ff40, 0 0 0 calc(1.5 * var(--k)) #0004188c;position:absolute}.sapphire-board__gate{left:calc(60 * var(--k));right:calc(60 * var(--k));top:calc(760 * var(--k));height:calc(12 * var(--k));z-index:4;border-radius:calc(6 * var(--k));background:var(--metal);box-shadow:0 calc(2 * var(--k)) calc(4 * var(--k)) #00000080, inset 0 calc(1 * var(--k)) 0 #ffffff80;position:absolute}.sapphire-board__gate.is-open{animation:sapphire-board-gate 1.9s var(--e-io) both}@keyframes sapphire-board-gate{0%{transform:none}18%,70%{opacity:.4;transform:translate(-104%)}to{opacity:1;transform:none}}.c4-board--sapphire .c4-board__cups{z-index:5;pointer-events:none;position:absolute;inset:0}.c4-board--sapphire .c4-board__cup{width:calc(98 * var(--k));height:calc(98 * var(--k));left:calc((var(--x) - 49) * var(--k));top:calc((var(--y) - 49) * var(--k));z-index:5;box-shadow:inset 0 calc(10 * var(--k)) calc(13 * var(--k)) calc(-3 * var(--k)) #010416d9, inset 0 calc(-3 * var(--k)) calc(6 * var(--k)) #82afff2e, 0 0 0 calc(1.5 * var(--k)) #040a28e6, 0 calc(2 * var(--k)) 0 calc(2.5 * var(--k)) #96beff33;background:0 0;border-radius:50%;margin:0;position:absolute}.c4-board--sapphire .c4-board__cup:before{content:"";inset:calc(-3 * var(--k));-webkit-mask:radial-gradient(closest-side, transparent calc(100% - calc(4 * var(--k))), #000 calc(100% - calc(3.4 * var(--k))));-webkit-mask:radial-gradient(closest-side, transparent calc(100% - calc(4 * var(--k))), #000 calc(100% - calc(3.4 * var(--k))));mask:radial-gradient(closest-side, transparent calc(100% - calc(4 * var(--k))), #000 calc(100% - calc(3.4 * var(--k))));opacity:1;background:conic-gradient(from 210deg,#6e470b,#ffe9a8,#c98b1e,#fff4cf,#8a5d10,#ffd76a,#6e470b);border-radius:50%;position:absolute}.c4-board--sapphire .sapphire-board__gate{left:calc(60 * var(--k));right:calc(60 * var(--k));top:calc(760 * var(--k));width:auto;height:calc(12 * var(--k));border-radius:calc(6 * var(--k));background:var(--metal);box-shadow:0 calc(2 * var(--k)) calc(4 * var(--k)) #00000080,inset 0 calc(1 * var(--k)) 0 #ffffff80}.c4-board--sapphire .c4-board__discs,.c4-board--sapphire .c4-board__preview{z-index:2;clip-path:inset(calc(50 * var(--k)) calc(40 * var(--k)) calc(94 * var(--k)) calc(40 * var(--k)))}.c4-board--sapphire .c4-disc{width:calc(104 * var(--k));height:calc(104 * var(--k));transform:translate3d(calc((var(--x) - 52) * var(--k)),calc((var(--y) - 52) * var(--k)),0)}.c4-board--sapphire .c4-disc--fall{animation-name:sapphire-board-fall}.c4-board--sapphire .c4-disc--drain{animation-name:sapphire-board-drain}.c4-board--sapphire .c4-disc--lift{animation-name:sapphire-board-lift}.c4-board--sapphire .c4-disc--c1 .c4-disc__face,.c4-app .c4-swatch--c1{box-shadow:none;background:url(/images/connect-four/sapphire-v3/disc-red.svg) 50%/100% 100% no-repeat}.c4-board--sapphire .c4-disc--c2 .c4-disc__face,.c4-app .c4-swatch--c2{background:var(--c4-chip-two-art,url(/images/connect-four/sapphire-v3/disc-blue.svg)) center / 100% 100% no-repeat;box-shadow:none}.c4-board--sapphire .c4-disc__face:before,.c4-board--sapphire .c4-disc__face:after,.c4-app .c4-swatch:before,.c4-app .c4-swatch:after{display:none}.c4-board--sapphire .c4-board__marks{z-index:6}.c4-board--sapphire .c4-mark{width:calc(116 * var(--k));height:calc(116 * var(--k));transform:translate3d(calc((var(--x) - 58) * var(--k)),calc((var(--y) - 58) * var(--k)),0)}.c4-board--sapphire .c4-mark--last{display:block}.c4-board--sapphire .c4-mark--last:before{inset:calc(2 * var(--k));border:calc(2 * var(--k)) solid #fff7ca;opacity:.8;box-shadow:none;background:0 0}.c4-board--sapphire .c4-mark--brace,.c4-board--sapphire .c4-mark--lock{width:calc(90 * var(--k));height:calc(32 * var(--k));left:calc((var(--x) - 45) * var(--k));font-size:calc(19 * var(--k));transform:none}.c4-board--sapphire .c4-mark--brace{top:calc(795 * var(--k))}.c4-board--sapphire .c4-mark--lock{top:calc(24 * var(--k))}.c4-board--sapphire .c4-board__letters span{top:calc((var(--y) - 20) * var(--k));width:calc(34 * var(--k));height:calc(40 * var(--k));font:700 calc(20 * var(--k))/1 var(--c4-font,sans-serif);color:#e5d7b0;left:0}.c4-board--sapphire .c4-board__column{left:calc((var(--x) - 60) * var(--k));width:calc(120 * var(--k));height:calc(890 * var(--k))}.c4-board--sapphire .c4-board__tab{top:calc(818 * var(--k));left:calc(31 * var(--k));width:calc(58 * var(--k));height:calc(38 * var(--k));border-radius:calc(12 * var(--k));box-shadow:0 0 0 calc(1.5 * var(--k)) #ffd6788c,0 calc(6 * var(--k)) calc(12 * var(--k)) #00000080,inset 0 calc(1 * var(--k)) 0 #ffffff26;font-size:calc(21 * var(--k));background:linear-gradient(#121a3a,#070b1c)}.c4-board--sapphire .c4-board__tabs .c4-board__tab{left:calc((var(--x) - 29) * var(--k));width:calc(58 * var(--k))}.c4-board--sapphire .c4-board__tab{color:#fff8e0;font-size:calc(36 * var(--k));-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:0 1px 2px #000;font-weight:900}.c4-board--sapphire .c4-board__column[aria-disabled] .c4-board__tab{opacity:1}.c4-board--sapphire .c4-board__cell{left:calc((var(--x) - 52) * var(--k));top:calc((var(--y) - 52) * var(--k));width:calc(104 * var(--k));height:calc(104 * var(--k))}.c4-board--sapphire .c4-board__strip{width:calc(120 * var(--k));height:calc(720 * var(--k));transform:translate3d(calc((var(--x) - 60) * var(--k)),calc(50 * var(--k)),0);z-index:4}.c4-board--sapphire .c4-board__fx{z-index:7;clip-path:inset(calc(50 * var(--k)) calc(40 * var(--k)) calc(94 * var(--k)) calc(40 * var(--k)))}.c4-board--sapphire .c4-fx--column{width:calc(120 * var(--k));height:calc(720 * var(--k));transform:translate3d(calc((var(--x) - 60) * var(--k)),calc(50 * var(--k)),0)}.c4-board--sapphire .c4-board__column:focus-visible:after{top:calc(818 * var(--k));height:calc(38 * var(--k))}@keyframes sapphire-board-fall{0%{transform:translate3d(calc((var(--x) - 52) * var(--k)),calc(-52 * var(--k)),0);animation-timing-function:cubic-bezier(.52,0,.9,.42)}78%{transform:translate3d(calc((var(--x) - 52) * var(--k)),calc((var(--y) - 52) * var(--k)),0);animation-timing-function:cubic-bezier(.15,.6,.4,1)}89%{transform:translate3d(calc((var(--x) - 52) * var(--k)),calc((var(--y) - 64) * var(--k)),0);animation-timing-function:cubic-bezier(.6,0,.9,.5)}to{transform:translate3d(calc((var(--x) - 52) * var(--k)),calc((var(--y) - 52) * var(--k)),0)}}@keyframes sapphire-board-drain{to{transform:translate3d(calc((var(--x) - 52) * var(--k)),calc((var(--y) + 800) * var(--k)),0)}}@keyframes sapphire-board-lift{to{transform:translate3d(calc((var(--x) - 52) * var(--k)),calc(-52 * var(--k)),0);opacity:0}}@media (prefers-reduced-motion:reduce){.c4-board--sapphire .sapphire-board__sweep{opacity:0;animation:none}}.c4-board--sapphire[data-reduce-motion] .sapphire-board__sweep{opacity:0;animation:none}@font-face{font-family:C4Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/overlays/crystal-motion/2937f494-4475-480a-9674-7e11a2c7fc24.woff2)format("woff2")}@font-face{font-family:C4JetBrains;font-style:normal;font-weight:500 800;font-display:swap;src:url(/fonts/overlays/crystal-motion/2d2076da-8348-42c0-ab48-7d91c7a81ab1.woff2)format("woff2")}.c4-app .c4-game.c4-game--sapphire .c4-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6%;position:relative;container-type:inline-size}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-player]{--s:calc(100cqi / 1000);--pc:#ff4d5e;height:calc(142 * var(--s));min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-family:C4Archivo,sans-serif;line-height:1.4;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block;position:relative}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-color="2"]{--pc:var(--c4-chip-two,#4aa8ff)}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-tone=turn]{transform:translateY(calc(-6 * var(--s))) scale(1.025)}.c4-app .c4-game.c4-game--sapphire .c4-pcard__glow{inset:calc(-40 * var(--s)) calc(-30 * var(--s));background:radial-gradient(closest-side,var(--pc),transparent);opacity:0;mix-blend-mode:plus-lighter;pointer-events:none;border-radius:50%;transition:opacity .5s cubic-bezier(.25,.46,.45,.94);position:absolute}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-tone=turn] .c4-pcard__glow{opacity:.34}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-tone=win] .c4-pcard__glow{opacity:.5;background:radial-gradient(closest-side,#ffd76a,#0000)}.c4-app .c4-game.c4-game--sapphire .c4-pcard__frame{pointer-events:none;border:0 solid #0000;position:absolute;inset:0}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-color="1"] .c4-pcard__frame{border-image:url(/images/connect-four/sapphire-v3/frame-red.webp) 200 130 130 130 fill / calc(46 * var(--s)) calc(30 * var(--s)) calc(30 * var(--s)) calc(30 * var(--s)) / 0 stretch}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-color="2"] .c4-pcard__frame{border-image:var(--c4-frame-two,url(/images/connect-four/sapphire-v3/frame-blue.webp)) var(--c4-frame-two-slices,170 110 100 110) fill / calc(46 * var(--s)) calc(30 * var(--s)) calc(var(--c4-frame-two-bottom,27) * var(--s)) calc(30 * var(--s)) / 0 stretch}.c4-app .c4-game.c4-game--sapphire .c4-pcard__frame:after{content:"";inset:calc(10 * var(--s));border-radius:calc(14 * var(--s));background:#04060a61;transition:opacity .45s cubic-bezier(.25,.46,.45,.94);position:absolute}.c4-app .c4-game.c4-game--sapphire .c4-pcard:is([data-tone=turn],[data-tone=win]) .c4-pcard__frame:after{opacity:0}.c4-app .c4-game.c4-game--sapphire .c4-pcard .c4-pcard__token{left:50%;top:calc(-14 * var(--s));margin-left:calc(-22 * var(--s));filter:drop-shadow(0 calc(4 * var(--s)) calc(6 * var(--s)) #0009);z-index:2;position:absolute;width:calc(44 * var(--s))!important;height:calc(44 * var(--s))!important}.c4-app .c4-game.c4-game--sapphire .c4-pcard__row{left:calc(34 * var(--s));right:calc(34 * var(--s));top:calc(30 * var(--s));bottom:calc(22 * var(--s));align-items:center;gap:calc(18 * var(--s));display:flex;position:absolute}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-player="2"] .c4-pcard__row{text-align:right;flex-direction:row-reverse}.c4-app .c4-game.c4-game--sapphire .c4-pcard__avatar{width:calc(64 * var(--s));height:calc(64 * var(--s));margin:calc(7 * var(--s));font:900 calc(30 * var(--s))/1 C4Archivo,sans-serif;color:#fff;text-shadow:0 calc(2 * var(--s)) calc(4 * var(--s)) #00000080;background:radial-gradient(circle at 35% 30%,color-mix(in oklab,var(--pc) 45%,#fff) 0%,var(--pc) 45%,color-mix(in oklab,var(--pc) 45%,#000) 100%);box-shadow:inset 0 calc(-4 * var(--s)) calc(6 * var(--s)) #00000059,0 0 0 calc(2 * var(--s)) #ffecb4a6;flex:none;display:inline-grid}.c4-app .c4-game.c4-game--sapphire .c4-pcard__who{gap:calc(7 * var(--s));flex-direction:column;flex:1;min-width:0;display:flex}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-player="2"] .c4-pcard__who{align-items:flex-end}.c4-app .c4-game.c4-game--sapphire .c4-pcard__line{align-items:center;gap:calc(10 * var(--s));flex-wrap:nowrap;min-width:0;max-width:100%;display:flex}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-player="2"] .c4-pcard__line{flex-direction:row-reverse}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-len] .c4-pcard__name{font:800 calc(34 * var(--s))/1.05 C4Archivo,sans-serif;letter-spacing:normal;color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 calc(2 * var(--s)) calc(6 * var(--s)) #0009;min-width:0;padding:0;font-stretch:112%;overflow:hidden}.c4-app .c4-game.c4-game--sapphire .c4-pcard__state{min-height:0;font:700 calc(14 * var(--s))/1 C4JetBrains,monospace;letter-spacing:.24em;text-transform:uppercase;color:#9a9eac;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-tone=turn] .c4-pcard__state{color:var(--pc)}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-tone=win] .c4-pcard__state{color:#fff1c4}.c4-app .c4-game.c4-game--sapphire .c4-pcard .c4-pcard__wins{align-items:center;gap:calc(4 * var(--s));flex-direction:column;flex:none;display:flex}.c4-app .c4-game.c4-game--sapphire .c4-pcard .c4-pcard__wins b{font:800 calc(46 * var(--s))/1 C4JetBrains,monospace;color:#fff6dc;text-shadow:0 0 calc(14 * var(--s)) #ffd67859;display:block}.c4-app .c4-game.c4-game--sapphire .c4-pcard__wins :is(.ps-roll,.ps-roll__col,.ps-roll__strip>span,.ps-roll__sep){height:1em;line-height:1}.c4-app .c4-game.c4-game--sapphire .c4-pcard__wins .ps-roll{text-shadow:none;filter:drop-shadow(0 0 calc(14 * var(--s)) #ffd67859)}.c4-app .c4-game.c4-game--sapphire .c4-pcard .c4-pcard__wins small{font:700 calc(11 * var(--s))/1 C4JetBrains,monospace;letter-spacing:.3em;text-transform:uppercase;color:#9a9eac;margin-top:0}.c4-app .c4-game.c4-game--sapphire .c4-pcard .c4-heart{gap:calc(4 * var(--s));padding:calc(3 * var(--s)) calc(8 * var(--s)) calc(3 * var(--s)) calc(6 * var(--s));font:800 calc(15 * var(--s))/1 C4JetBrains,monospace;flex:none;display:inline-flex}.c4-app .c4-game.c4-game--sapphire .c4-pcard .c4-heart img{width:calc(14 * var(--s));height:calc(14 * var(--s))}.c4-app .c4-game.c4-game--sapphire .c4-pcard__crown{left:calc(22 * var(--s));top:calc(-46 * var(--s));width:calc(74 * var(--s));height:calc(70 * var(--s));filter:drop-shadow(0 calc(6 * var(--s)) calc(10 * var(--s)) #0009);z-index:3;pointer-events:none;background:url(/images/connect-four/sapphire-v3/winner-crown.webp) 50%/contain no-repeat;position:absolute;transform:rotate(-14deg)}.c4-app .c4-game.c4-game--sapphire .c4-pcard[data-player="2"] .c4-pcard__crown{left:auto;right:calc(22 * var(--s));transform:rotate(14deg)}.c4-app .c4-game.c4-game--sapphire .c4-pcard__ready{min-height:24px;font-size:max(11px,calc(14 * var(--s)));padding:2px 7px}.c4-app .c4-game.c4-game--sapphire[data-reduce-motion] .c4-pcard{transition:none;transform:none}@media (prefers-reduced-motion:reduce){.c4-app .c4-game.c4-game--sapphire .c4-pcard{transition:none;transform:none}}.c4-power-medallion{object-fit:contain;filter:drop-shadow(0 2px 3px #00000080);flex:none;width:100%;height:100%;display:inline-block}:is(.c4-app .c4-power__icon:has(.c4-power-medallion),.c4-dialog .c4-power__icon:has(.c4-power-medallion)){background:0 0;border-radius:0;width:40px;height:40px}:is(.c4-app .c4-fx-card__icon:has(.c4-power-medallion),.c4-dialog .c4-fx-card__icon:has(.c4-power-medallion)){background:0 0;border-radius:0;width:46.08px;height:46.08px}.c4-fx-card__icon .c4-power-medallion{filter:drop-shadow(0 6px 8px #0000008c)}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power[data-available]{background:linear-gradient(110deg,#28304a,#191e31);box-shadow:inset 0 0 0 1px #b4caff50}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power[data-available] .c4-power__text>b{color:#fff7e6}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power .c4-power__availability{letter-spacing:.03em;color:#a3efbf;font-size:11px;font-weight:800;line-height:1.4}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power[data-blocked] .c4-power__availability{color:#b6bbc8}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power .c4-btn{white-space:normal;min-width:65px;height:auto;min-height:44px}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power[data-available] .c4-btn{color:#231700;background:linear-gradient(#fff1c4,#ffc23d 60%,#d68f1b);box-shadow:inset 0 1px #fff8d1,0 0 0 1px #6c4910}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power[data-blocked]{opacity:1}:is(.c4-app,.c4-dialog)[data-native-design] .c4-power[data-blocked] .c4-power__text{color:#b8bdcb}[data-chips=redblue]{--c4-chip-two:#4aa8ff;--c4-chip-two-art:url(/images/connect-four/sapphire-v3/disc-blue.svg);--c4-frame-two:url(/images/connect-four/sapphire-v3/frame-blue.webp);--c4-frame-two-slices:170 110 100 110;--c4-frame-two-bottom:27}[data-chips=redyellow]{--c4-chip-two:#ffc93d;--c4-chip-two-art:url(/images/connect-four/sapphire-v3/disc-yellow.svg);--c4-frame-two:url(/images/connect-four/sapphire-v3/frame-yellow.webp);--c4-frame-two-slices:200 130 130 130;--c4-frame-two-bottom:30}[data-chips] .c4-swatch--c1{box-shadow:none;background:url(/images/connect-four/sapphire-v3/disc-red.svg) 50%/contain no-repeat}[data-chips] .c4-swatch--c2{background:var(--c4-chip-two-art) center / contain no-repeat;box-shadow:none}[data-chips] .c4-swatch:before,[data-chips] .c4-swatch:after{display:none}.c4-app .c4-game.c4-game--sapphire[data-chips=redyellow] .c4-pcard[data-color="2"] .c4-pcard__avatar{color:#2a1800;text-shadow:0 1px #ffffff73}.c4-palette-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.c4-palette-choices button{color:#f5f4f8;text-align:left;min-height:64px;font:inherit;cursor:pointer;background:#151725;border:1px solid #454253;border-radius:12px;align-items:center;gap:12px;padding:14px;display:flex}.c4-palette-choices button>span{flex:none;gap:5px;display:flex}.c4-palette-choices button[aria-checked=true]{border-color:#ffd678;box-shadow:inset 0 0 0 1px #ffd678}.c4-palette-choices button:focus-visible{outline-offset:3px;outline:2px solid #ffe8ac}.c4-palette-choices button:disabled{opacity:.5;cursor:default}@media (max-width:600px){.c4-palette-choices{grid-template-columns:1fr}}.c4p-token--yellow{background:url(/images/connect-four/sapphire-v3/disc-yellow.svg) 50%/contain no-repeat}[data-chips] .c4p-token--red{background:url(/images/connect-four/sapphire-v3/disc-red.svg) 50%/contain no-repeat}[data-chips] .c4p-token--blue{background:url(/images/connect-four/sapphire-v3/disc-blue.svg) 50%/contain no-repeat}@font-face{font-family:C4 UI;src:url(/fonts/overlays/inter-0.woff2)format("woff2");font-weight:300 550;font-display:swap}@font-face{font-family:C4 UI;src:url(/fonts/overlays/inter-1.woff2)format("woff2");font-weight:551 900;font-display:swap}body:has(.c4-app):not(:has(.studio:not([data-studio-section=games]))) .seasonal-world{display:none}.c4-app,.c4-dialog{--u:min(calc(100vw / 1280), calc(100dvh / 800));--c4-font:"C4 UI", Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--c4-text:#f2f3f7;--c4-text-2:#c4c7d2;--c4-text-3:#9a9eac;--c4-text-4:#6d7180;--c4-line:#262932;--c4-line-2:#353744;--c4-line-3:#474a5a;--c4-surface:#161922;--c4-surface-2:#1d202b;--c4-surface-3:#232733;--c4-purple:#8e63fb;--c4-purple-2:#a084f3;--c4-purple-ink:#fff;--c4-select:#3c3376;--c4-select-edge:#8469b6;--c4-gold:#f2c14e;--c4-gold-2:#e9b84a;--c4-gold-line:#c9a961;--c4-gold-ink:#2a1d00;--c4-pink:#f34bba;--c4-green:#3ad45c;--c4-warn:#ffc86b;--c4-danger:#ff8f8f;--c4-cyan:#49dde0;--c4-focus:#a084f3;--c4-out:cubic-bezier(.2, .8, .2, 1);--c4-swap:cubic-bezier(.4, 0, .2, 1);--c4-emph:cubic-bezier(.16, 1, .3, 1);--c4-in:cubic-bezier(.4, 0, 1, 1)}.c4-app{isolation:isolate;min-height:100dvh;padding:calc(var(--u) * 12) calc(var(--u) * 12) calc(var(--u) * 18);color:var(--c4-text);font:400 calc(var(--u) * 14)/1.4 var(--c4-font);-webkit-font-smoothing:antialiased;background:#0c0d12;position:relative}.c4-app *,.c4-app :before,.c4-app :after,.c4-dialog *,.c4-dialog :before,.c4-dialog :after{box-sizing:border-box}:where(.c4-app,.c4-dialog) :is(h1,h2,h3,p,ol,ul,dl,dd,table){margin:0}:where(.c4-app,.c4-dialog) :is(button,input,select,textarea){font:inherit;color:inherit}.c4-app button{cursor:pointer}.c4-app button:disabled{cursor:default}.c4-app :is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--c4-focus);outline-offset:2px}.c4-dialog :is(button,input,select,textarea,summary):focus-visible{outline:2px solid var(--c4-focus);outline-offset:2px}.c4-app img{max-width:100%}.c4-app svg{flex:none}.c4-window{height:calc(100dvh - var(--u) * 30);grid-template-columns:calc(var(--u) * 185) minmax(0, 1fr);grid-template-rows:calc(var(--u) * 38) minmax(0, 1fr) calc(var(--u) * 70);border-radius:calc(var(--u) * 12);box-shadow:0 0 0 1px #313541, 0 calc(var(--u) * 24) calc(var(--u) * 60) #0000008c;background:linear-gradient(#10131c,#101116);display:grid;position:relative;overflow:hidden}.c4-window:not([data-nav]){grid-template-columns:minmax(0,1fr)}.c4-titlebar{padding:0 calc(var(--u) * 12);background:#1c1e2a;border-bottom:1px solid #262836;grid-column:1/-1;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.c4-titlebar__title{font-size:calc(var(--u) * 17);letter-spacing:-.005em;color:#f4f5f8;white-space:nowrap;font-weight:600}.c4-titlebar__lead{align-items:center;min-width:0;display:flex}.c4-titlebar__back{align-items:center;gap:calc(var(--u) * 5);height:calc(var(--u) * 26);padding:0 calc(var(--u) * 9) 0 calc(var(--u) * 4);border-radius:calc(var(--u) * 6);color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);transition:background-color .14s var(--c4-swap), color .14s var(--c4-swap);background:0 0;border:0;font-weight:500;display:inline-flex}.c4-titlebar__back:hover{color:var(--c4-text);background:#ffffff12}.c4-titlebar__back img{width:calc(var(--u) * 16);height:auto}.c4-titlebar__back svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.c4-titlebar__tools{justify-content:flex-end;align-items:center;gap:calc(var(--u) * 4);display:flex}.c4-tool{width:calc(var(--u) * 26);height:calc(var(--u) * 26);border-radius:calc(var(--u) * 6);color:var(--c4-text-3);transition:background-color .14s var(--c4-swap), color .14s var(--c4-swap);background:0 0;border:0;place-items:center;display:inline-grid}.c4-tool svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.c4-tool:hover{color:var(--c4-text);background:#ffffff14}.c4-sidebar{gap:calc(var(--u) * 6);padding:calc(var(--u) * 16) calc(var(--u) * 13) calc(var(--u) * 12) calc(var(--u) * 12);background:linear-gradient(#232840,#1a1e2f 45%,#151925);border-right:1px solid #ffffff0a;flex-direction:column;grid-row:2;display:flex;position:relative}.c4-sidebar__marker{border-radius:calc(var(--u) * 8);transition:transform .26s var(--c4-emph), height .2s var(--c4-out), opacity .14s;pointer-events:none;background:linear-gradient(90deg,#3c3376,#3a2e6e);position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #9678f038}.c4-sidebar__item{z-index:1;align-items:center;gap:calc(var(--u) * 19);height:calc(var(--u) * 42);padding:0 calc(var(--u) * 12);border-radius:calc(var(--u) * 8);color:#c9cbd6;font-size:calc(var(--u) * 14);text-align:left;transition:color .14s var(--c4-swap), background-color .14s var(--c4-swap);background:0 0;border:0;font-weight:500;display:flex;position:relative}.c4-sidebar__item svg{width:calc(var(--u) * 24);height:calc(var(--u) * 24);stroke-width:1.6px;color:#b3b6c3;transition:color .14s var(--c4-swap)}.c4-sidebar__item:hover:not([data-active=true]){color:#fff;background:#ffffff0a}.c4-sidebar__item[data-active=true],.c4-sidebar__item[data-active=true] svg{color:#fff}.c4-content{grid-row:2;min-width:0;min-height:0;display:flex;overflow:hidden}.c4-screen{min-width:0;min-height:0;animation:c4-screen-in .24s var(--c4-emph) both;flex:1;display:flex}.c4-statusbar{background:#161922;border-top:1px solid #262936;grid-area:3/1/auto/-1;min-width:0}.c4-sb{align-items:center;gap:calc(var(--u) * 16);height:100%;padding:0 calc(var(--u) * 17) 0 calc(var(--u) * 22);grid-template-columns:auto minmax(0,1fr) auto;animation:.2s both c4-fade;display:grid}.c4-sb__left,.c4-sb__right{align-items:center;gap:calc(var(--u) * 18);white-space:nowrap;min-width:0;display:flex}.c4-sb__left{color:var(--c4-text-2)}.c4-sb__left span b{margin-left:calc(var(--u) * 4);color:#fff;font-weight:600}.c4-sb__left>span:first-of-type{color:var(--c4-text-3)}.c4-sb__title{color:#fff;font-size:calc(var(--u) * 17);font-weight:700}.c4-sb__div{width:1px;height:calc(var(--u) * 24);background:#2e3140;display:block}.c4-sb__note{max-width:calc(var(--u) * 360);text-overflow:ellipsis;color:var(--c4-gold);animation:c4-text-in .2s var(--c4-out) both;font-weight:500;overflow:hidden}.c4-sb__note--warn{color:var(--c4-warn)}.c4-sb .c4-btn{padding:0 calc(var(--u) * 13);gap:calc(var(--u) * 9);font-size:calc(var(--u) * 13)}.c4-sb .c4-btn svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.c4-sb .c4-btn--primary{padding:0 calc(var(--u) * 17)}.c4-sb .c4-btn--primary svg{width:calc(var(--u) * 19);height:calc(var(--u) * 19)}.c4-saved{align-items:center;gap:calc(var(--u) * 9);color:var(--c4-text-2);display:inline-flex}.c4-saved:before{content:"";width:calc(var(--u) * 9);height:calc(var(--u) * 9);background:var(--c4-green);box-shadow:0 0 calc(var(--u) * 6) #3ad45c80;border-radius:50%}.c4-saved[data-state=memory]:before{background:var(--c4-warn);box-shadow:none}.c4-saved[data-state=error]:before{background:var(--c4-danger);box-shadow:none}.c4-btn{justify-content:center;align-items:center;gap:calc(var(--u) * 9);height:calc(var(--u) * 40);padding:0 calc(var(--u) * 14);border-radius:calc(var(--u) * 8);color:var(--c4-text);font-size:calc(var(--u) * 14);white-space:nowrap;transition:background-color .14s var(--c4-swap), border-color .14s var(--c4-swap), color .14s, transform 90ms var(--c4-out), opacity .14s;background:#232733;border:1px solid #3a3e4c;font-weight:500;display:inline-flex}.c4-btn svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.c4-btn:hover:not(:disabled){background:#2a2e3c;border-color:#4a4e5e}.c4-btn:active:not(:disabled){transform:translateY(1px)}.c4-btn:disabled{color:#5f6372;background:#1f212e;border-color:#2c2e3a}.c4-btn--sm{height:calc(var(--u) * 30);padding:0 calc(var(--u) * 11);gap:calc(var(--u) * 6);font-size:calc(var(--u) * 12.5);border-radius:calc(var(--u) * 7)}.c4-btn--sm svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.c4-btn--lg{height:calc(var(--u) * 48);font-size:calc(var(--u) * 15.5);font-weight:600}.c4-btn--block{width:100%}.c4-btn:is(.c4-btn--primary,.c4-btn--gold){color:#fff;background:linear-gradient(#4d36a8,#3f2a88);border-color:#6a52c9;font-weight:500}.c4-btn:is(.c4-btn--primary,.c4-btn--gold):hover:not(:disabled){background:linear-gradient(#5840bb,#47309a);border-color:#7b63da}.c4-btn:is(.c4-btn--primary,.c4-btn--gold):disabled{color:#8a84b0;background:#2a2648;border-color:#34305a}.c4-btn--ghost{color:var(--c4-text-2);background:0 0;border-color:#2e3140}.c4-btn--danger{color:var(--c4-danger);background:0 0;border-color:#ff8f8f59}.c4-btn--danger:hover:not(:disabled){background:#ff8f8f14;border-color:#ff8f8f8c}.c4-btn[aria-checked=true],.c4-btn[aria-pressed=true]{border-color:var(--c4-select-edge);background:var(--c4-select);color:#fff}.c4-count{min-width:calc(var(--u) * 20);height:calc(var(--u) * 20);padding:0 calc(var(--u) * 6);background:var(--c4-purple);color:#fff;font-size:calc(var(--u) * 11.5);line-height:calc(var(--u) * 20);text-align:center;border-radius:99px}.c4-link{color:inherit;text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .14s}.c4-link:hover{text-decoration-color:currentColor}.c4-input{height:calc(var(--u) * 34);width:100%;padding:0 calc(var(--u) * 11);border:1px solid var(--c4-line-2);border-radius:calc(var(--u) * 7);color:var(--c4-text);font-size:calc(var(--u) * 13.5);background:#191b27}.c4-input:focus{border-color:var(--c4-purple);outline:none;box-shadow:0 0 0 3px #8e63fb40}select.c4-input{padding-right:calc(var(--u) * 6)}textarea.c4-input{height:auto;min-height:calc(var(--u) * 76);padding:calc(var(--u) * 8) calc(var(--u) * 11);resize:vertical}.c4-input--num{width:6.5em}.c4-field{gap:calc(var(--u) * 6);color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);flex-direction:column;font-weight:500;display:flex}.c4-field-row{font-size:calc(var(--u) * 13.5);justify-content:space-between;align-items:center;gap:12px;display:flex}.c4-field-row .c4-input{width:auto}.c4-row{align-items:center;gap:calc(var(--u) * 8);flex-wrap:wrap;display:flex}.c4-row--between{justify-content:space-between}.c4-stack{gap:calc(var(--u) * 8);flex-direction:column;display:flex}.c4-candidates{max-height:calc(var(--u) * 260);overscroll-behavior:contain;overflow:auto}.c4-candidates__who{flex-direction:column;min-width:0;display:flex}.c4-candidates__who b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.c4-candidates__who small{color:var(--c4-text-3);font-size:calc(var(--u) * 12)}.c4-candidates [data-ineligible] .c4-candidates__who small{color:var(--c4-warn)}.c4-search{align-items:center;gap:calc(var(--u) * 12);height:calc(var(--u) * 43);padding:0 calc(var(--u) * 10) 0 calc(var(--u) * 15);border-radius:calc(var(--u) * 8);color:#8a8f9c;transition:border-color .14s var(--c4-swap), box-shadow .14s var(--c4-swap);background:#191b27;border:1px solid #353744;display:flex;position:relative}.c4-search svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20)}.c4-search:focus-within{border-color:var(--c4-purple);box-shadow:0 0 0 3px #8e63fb38}.c4-search input{min-width:0;height:100%;color:var(--c4-text);font-size:calc(var(--u) * 14);background:0 0;border:0;outline:none;flex:1}.c4-search input::placeholder{color:#8a8f9c}.c4-search input::-webkit-search-cancel-button{display:none}.c4-seg{padding:calc(var(--u) * 3);border:1px solid var(--c4-line-2);border-radius:calc(var(--u) * 9);background:#151821;display:inline-flex;position:relative}.c4-seg button{z-index:1;height:calc(var(--u) * 30);padding:0 calc(var(--u) * 16);border-radius:calc(var(--u) * 7);color:var(--c4-text-3);font-size:calc(var(--u) * 13);transition:color .14s var(--c4-swap), background-color .14s;background:0 0;border:0;font-weight:500;position:relative}.c4-seg button:is([aria-selected=true],[aria-pressed=true]){color:#fff}.c4-seg--plain button[aria-pressed=true]{background:var(--c4-select)}.c4-seg__marker{border-radius:calc(var(--u) * 7);background:var(--c4-select);transition:transform .26s var(--c4-emph), width .2s var(--c4-out);position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #9678f04d}.c4-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.c4-toggle>span{flex-direction:column;display:flex}.c4-toggle b{font-weight:500}.c4-toggle small{color:var(--c4-text-3);font-size:calc(var(--u) * 12)}.c4-toggle input,.c4-gp__enable input{opacity:0;width:1px;height:1px;position:absolute}.c4-toggle i,.c4-gp__enable i{width:calc(var(--u) * 40);height:calc(var(--u) * 24);transition:background-color .2s var(--c4-swap);background:#3a3d4b;border-radius:99px;flex:none;position:relative}.c4-toggle i:after,.c4-gp__enable i:after{content:"";left:calc(var(--u) * 2);top:calc(var(--u) * 2);width:calc(var(--u) * 20);height:calc(var(--u) * 20);transition:transform .22s var(--c4-emph);background:#fff;border-radius:50%;position:absolute;box-shadow:0 1px 2px #00000059}.c4-toggle input:checked+i,.c4-gp__enable input:checked+i{background:var(--c4-purple)}.c4-toggle input:checked+i:after,.c4-gp__enable input:checked+i:after{transform:translateX(calc(var(--u) * 16))}:is(.c4-toggle input:focus-visible+i,.c4-gp__enable input:focus-visible+i){outline:2px solid var(--c4-focus);outline-offset:2px}.c4-toggle input:disabled+i,.c4-gp__enable input:disabled+i{opacity:.45}.c4-box,.c4-card{border-radius:calc(var(--u) * 10);background:#151821;border:1px solid #23232d;position:relative}.c4-sub{color:var(--c4-text-3);font-size:calc(var(--u) * 14)}.c4-note{align-items:center;gap:calc(var(--u) * 7);color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);flex-wrap:wrap;line-height:1.45;display:flex}.c4-note--ok{color:var(--c4-green)}.c4-note--action{padding:calc(var(--u) * 10) calc(var(--u) * 12);border-radius:calc(var(--u) * 8);color:var(--c4-text-2);background:#ffffff0a;justify-content:space-between}.c4-note--action>span{align-items:center;gap:7px;display:inline-flex}.c4-note--live>span{flex:240px;align-items:start;gap:4px;display:grid}.c4-note--live small{font:inherit;color:var(--c4-text-3)}.c4-message{color:var(--c4-warn);font-size:calc(var(--u) * 12.5)}.c4-empty{color:var(--c4-text-3);font-size:calc(var(--u) * 13.5)}.c4-empty--big{justify-content:center;align-items:center;gap:calc(var(--u) * 14);min-height:calc(var(--u) * 260);text-align:center;flex-direction:column;display:flex}.c4-empty--big>p{max-width:42ch}.c4-empty--big>svg{width:calc(var(--u) * 48);height:calc(var(--u) * 48);color:var(--c4-gold)}.c4-chip{height:calc(var(--u) * 22);padding:0 calc(var(--u) * 9);color:var(--c4-text-2);font-size:calc(var(--u) * 11.5);white-space:nowrap;background:#ffffff14;border-radius:99px;align-items:center;gap:5px;font-weight:600;display:inline-flex}.c4-chip[data-status=active]{color:var(--c4-green)}.c4-chip[data-status=lobby]{color:var(--c4-warn)}.c4-conn{align-items:center;gap:calc(var(--u) * 7);color:var(--c4-text-2);font-size:calc(var(--u) * 13.5);white-space:nowrap;display:inline-flex}.c4-conn svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.c4-conn[data-state=ok] svg{color:var(--c4-green)}.c4-conn[data-state=lost]{color:var(--c4-warn)}.c4-conn[data-state=pending] svg{color:var(--c4-cyan)}.c4-conn[data-state=live]{height:calc(var(--u) * 22);padding:0 calc(var(--u) * 9);color:#ff9a8a;font-size:calc(var(--u) * 11.5);background:#ff5a5a24;border-radius:99px;font-weight:600}.c4-heart{align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 25);padding:0 calc(var(--u) * 8);border-radius:calc(var(--u) * 6);color:#fff;font-size:calc(var(--u) * 13);white-space:nowrap;background:#211e3b;border:1px solid #453c67;font-weight:500;display:inline-flex}.c4-heart :is(svg,.heart-me-icon){width:calc(var(--u) * 15);height:calc(var(--u) * 15);color:var(--c4-pink);fill:var(--c4-pink)}.c4-heart--lg{height:calc(var(--u) * 34);padding:0 calc(var(--u) * 14);border-radius:calc(var(--u) * 8);font-size:calc(var(--u) * 16)}.c4-heart--lg :is(svg,.heart-me-icon){width:calc(var(--u) * 19);height:calc(var(--u) * 19)}.c4-app kbd,.c4-dialog kbd{min-width:20px;font:500 11.5px/1.6 var(--c4-font);text-align:center;background:#ffffff1a;border-radius:5px;padding:0 5px;display:inline-block;box-shadow:inset 0 -1px #0006}.c4-portrait{--ring:#7a4fe0;width:calc(var(--u) * 34);height:calc(var(--u) * 34);background:color-mix(in srgb, var(--ring) 32%, #10101a);box-shadow:inset 0 0 0 calc(var(--u) * 2) var(--ring);color:#fff;font-size:calc(var(--u) * 15);border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid;overflow:hidden}.c4-portrait img{object-fit:cover;width:100%;height:100%}.c4-portrait--fox{background:radial-gradient(circle at 50% 40%,#233d4a,#10202a 75%)}.c4-portrait--fox img{object-fit:contain;width:74%;height:auto}.c4-portrait--tbd{--ring:#555869;color:var(--c4-text-3)}.c4-portrait--xl{width:calc(var(--u) * 108);height:calc(var(--u) * 108);font-size:calc(var(--u) * 46);box-shadow:inset 0 0 0 calc(var(--u) * 3) #8a5cf5;background:radial-gradient(circle at 50% 40%,#3e1a86,#2a1068)}.c4-tagpill{height:calc(var(--u) * 32);padding:0 calc(var(--u) * 18);border:1px solid var(--c4-line-3);color:var(--c4-text-2);font-size:calc(var(--u) * 14);background:#1b1d28;border-radius:99px;align-items:center;font-weight:500;display:inline-flex}.c4-game{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 378);gap:calc(var(--u) * 10);min-width:0;padding:calc(var(--u) * 16) calc(var(--u) * 12) calc(var(--u) * 12) 0;flex:1;display:grid}.c4-game:has(.c4-gp){grid-template-columns:minmax(0, 1fr) calc(var(--u) * 288)}.c4-game:not([data-panel]){grid-template-columns:minmax(0,1fr)}.c4-game__main{min-width:0;padding:0 calc(var(--u) * 7) 0 calc(var(--u) * 24);flex-direction:column;align-items:center;display:flex}.c4-game[data-paused] .c4-board__discs{filter:saturate(.55)brightness(.78)}.c4-game .c4-board__discs{transition:filter .24s var(--c4-swap)}.c4-cards{width:calc(var(--u) * 640);gap:calc(var(--u) * 16);grid-template-columns:41fr 37fr;display:grid}.c4-pcard{grid-template-columns:calc(var(--u) * 56) minmax(0, 1fr) calc(var(--u) * 34) calc(var(--u) * 34);align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 82);padding:0 calc(var(--u) * 14) 0 calc(var(--u) * 15);border-radius:calc(var(--u) * 10);transition:border-color .2s var(--c4-swap), box-shadow .2s var(--c4-swap);background:#161922;border:1px solid #343343;display:grid;position:relative}.c4-pcard[data-tone=turn]{border:calc(var(--u) * 1.5) solid var(--c4-gold-line);box-shadow:0 0 calc(var(--u) * 14) #f2c14e1f, inset 0 0 calc(var(--u) * 18) #f2c14e0a}.c4-pcard[data-tone=win]{border:calc(var(--u) * 1.5) solid var(--c4-gold);box-shadow:0 0 calc(var(--u) * 20) #f2c14e40}.c4-pcard:is([data-tone=offline],[data-tone=wait]){border-color:#ffc86b99}.c4-pcard__avatar{width:calc(var(--u) * 56);height:calc(var(--u) * 56);font-size:calc(var(--u) * 22);box-shadow:inset 0 0 0 calc(var(--u) * 2) #7a4fe0;background:radial-gradient(circle at 50% 40%,#3e1a86,#2c0f6c)}.c4-pcard__who{gap:calc(var(--u) * 7);flex-direction:column;min-width:0;display:flex}.c4-pcard__line{align-items:center;gap:calc(var(--u) * 10);min-width:0;display:flex}.c4-pcard__name{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;font-size:calc(var(--u) * 18);font-weight:600;overflow:hidden}.c4-pcard[data-len=m] .c4-pcard__name{font-size:calc(var(--u) * 16)}.c4-pcard[data-len=l] .c4-pcard__name{font-size:calc(var(--u) * 14)}.c4-pcard__state{min-height:calc(var(--u) * 15);color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);font-weight:500;animation:.2s both c4-fade}.c4-pcard__ready{min-height:calc(var(--u) * 26);padding:calc(var(--u) * 3) calc(var(--u) * 12);border-radius:calc(var(--u) * 6);color:#261b08;font:700 calc(var(--u) * 13)/1.3 var(--c4-font,sans-serif);cursor:pointer;background:#f2c14e;border:1px solid #ffe5a0;place-self:flex-start start}.c4-pcard__ready:disabled{color:#d6c6a4;cursor:default;background:#3c3526;border-color:#756544}.c4-pcard__ready:focus-visible{outline-offset:3px;outline:2px solid #fff}.c4-pcard__state[data-host-ready]{color:var(--c4-green)}.c4-pcard:is([data-tone=turn],[data-tone=win]) .c4-pcard__state{color:var(--c4-gold-2);letter-spacing:.07em;text-transform:uppercase;font-weight:700}.c4-pcard[data-tone=ready] .c4-pcard__state{color:var(--c4-green)}.c4-pcard:is([data-tone=offline],[data-tone=wait]) .c4-pcard__state{color:var(--c4-warn)}.c4-pcard__token{left:calc(var(--u) * 4);position:relative;width:calc(var(--u) * 34)!important;height:calc(var(--u) * 34)!important}.c4-pcard__wins{color:#fff;flex-direction:column;align-items:center;display:flex}.c4-pcard__wins b{font-size:calc(var(--u) * 28);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.c4-pcard__wins small{margin-top:calc(var(--u) * 5);color:#a9adb9;font-size:calc(var(--u) * 10);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.c4-status{justify-content:center;align-items:center;gap:calc(var(--u) * 12);width:calc(var(--u) * 592);height:calc(var(--u) * 44);margin-top:calc(var(--u) * 14);padding:0 calc(var(--u) * 24);border:calc(var(--u) * 1.5) solid var(--c4-gold-line);color:var(--c4-gold);box-shadow:0 0 calc(var(--u) * 16) #f2c14e14;transition:border-color .2s var(--c4-swap), color .2s;background:#15151f;border-radius:99px;display:flex;position:relative}.c4-status__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(var(--u) * 28);letter-spacing:-.005em;color:#ffe29c;-webkit-text-fill-color:currentColor;-webkit-text-stroke-width:0;paint-order:stroke fill;text-shadow:0 1px 2px #00000080;animation:c4-text-in .22s var(--c4-out) both;font-weight:600;overflow:hidden}.c4-status[data-len=m] .c4-status__title{font-size:calc(var(--u) * 24)}.c4-status[data-len=l] .c4-status__title{font-size:calc(var(--u) * 20)}.c4-status:is([data-kind=paused],[data-kind=waiting],[data-kind=ready],[data-kind=nocontest],[data-kind=draw]){border-color:#4a4d5e}.c4-status:is([data-kind=paused],[data-kind=waiting],[data-kind=ready],[data-kind=nocontest],[data-kind=draw]) .c4-status__title{color:#e4e6ee;background:0 0}.c4-status[data-kind=power]{border-color:var(--c4-purple-2)}.c4-status[data-kind=power] .c4-status__title{color:#e6dcff}.c4-status__timer{right:calc(var(--u) * 16);padding:0 calc(var(--u) * 9);color:var(--c4-text-2);font-size:calc(var(--u) * 13);font-weight:600;line-height:calc(var(--u) * 24);font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:99px;position:absolute}.c4-status__timer[data-low]{color:var(--c4-danger);background:#ff8f8f24}.c4-status[data-result-summary]{width:min(100%, calc(var(--u) * 640));height:auto;min-height:calc(var(--u) * 84);gap:calc(var(--u) * 5);padding:calc(var(--u) * 12) calc(var(--u) * 20);border-radius:calc(var(--u) * 16);animation:c4-text-in .24s var(--c4-out) both;background:#232019;flex-direction:column}.c4-result-heading{justify-content:center;align-items:center;gap:calc(var(--u) * 7);color:#f7d785;font-size:calc(var(--u) * 12);letter-spacing:.12em;text-transform:uppercase;font-weight:700;display:flex}.c4-result-heading svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17)}.c4-status[data-result-summary=win]{column-gap:calc(var(--u) * 16);grid-template-columns:auto minmax(0,1fr);display:grid}.c4-result-avatar{width:calc(var(--u) * 62);height:calc(var(--u) * 62);font-size:calc(var(--u) * 25);border:2px solid var(--c4-gold-line);grid-row:1/3}.c4-status[data-result-summary=win] :is(.c4-result-heading,.c4-status__title){text-align:left;grid-column:2;justify-content:flex-start}.c4-status[data-result-summary] .c4-status__title{white-space:normal;overflow-wrap:anywhere;text-align:center;text-wrap:balance;max-width:100%;font-size:calc(var(--u) * 32);color:#fff1c1;background:0 0;line-height:1.15;animation:none;overflow:visible}.c4-status[data-result-summary]:is([data-result-summary=draw],[data-result-summary=nocontest]){background:#1e202a}.c4-status[data-result-summary]:is([data-result-summary=draw],[data-result-summary=nocontest]) .c4-result-heading{color:#d4d6e2}.studio[data-reduce-motion] .c4-status[data-result-summary],.c4-output__stage[data-reduced-motion] .c4-status[data-result-summary]{animation:none}.c4-next-step{box-sizing:border-box;width:min(100%, calc(var(--u) * 640));margin:calc(var(--u) * 9) 0 0;padding:max(10px, calc(var(--u) * 14)) max(12px, calc(var(--u) * 18));border-radius:max(8px, calc(var(--u) * 12));color:#fff7df;text-align:center;text-wrap:balance;overflow-wrap:anywhere;background:#222019;border:1px solid #a58b53;line-height:1.25;box-shadow:0 4px 14px #00000038}.c4-next-step__label{color:#e7c77d;font-size:max(11px, calc(var(--u) * 12));margin-bottom:5px;font-weight:700;display:block}.c4-next-step>strong{color:#fff7df;font-size:max(19px, calc(var(--u) * 26));font-weight:800;line-height:1.25;display:block}.c4-last-command{width:min(100%, calc(var(--u) * 640));margin-top:calc(var(--u) * 6);color:var(--c4-text-2);font-size:max(11px, calc(var(--u) * 12));text-align:center;overflow-wrap:anywhere;line-height:1.4}.c4-dots{gap:calc(var(--u) * 4);color:var(--c4-gold);display:inline-flex}.c4-dots i{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:currentColor;border-radius:50%;animation:.9s ease-in-out infinite c4-dot}.c4-dots i:nth-child(2){animation-delay:.15s}.c4-dots i:nth-child(3){animation-delay:.3s}.c4-game__board{width:calc(var(--u) * 612);margin:calc(var(--u) * 10) calc(var(--u) * 14) 0 0}.c4-game:has(.c4-gp) .c4-game__board{width:min(100%, calc(var(--u) * 800))}.c4-game:not([data-public]),.c4-game:not([data-public]) .c4-game__main{min-height:0}.c4-game:not([data-public]) .c4-game__main>:not(.c4-game__board){flex-shrink:0}.c4-game:not([data-public]) .c4-game__board{flex:auto;justify-content:center;align-items:flex-start;min-height:0;display:flex}.c4-game:not([data-public]) .c4-game__board>.c4-board{aspect-ratio:612/476;width:auto;max-width:100%;height:100%}.c4-actions{justify-content:center;align-items:center;gap:calc(var(--u) * 14);min-width:0;display:flex}.c4-actions[data-power] .c4-btn{border-color:var(--c4-select-edge)}.c4-disc--c1,.c4-swatch--c1{--d-lt:#ff8495;--d-md:#ef3e5c;--d-dk:#bc193a;--d-rim:#95132c;--d-edge:#520919;--d-lip:#ffd0d8;--d-spec:.62}.c4-disc--c2,.c4-swatch--c2{--d-lt:#b2e4ff;--d-md:#439dff;--d-dk:#2169d4;--d-rim:#174bae;--d-edge:#092654;--d-lip:#d5f0ff;--d-spec:.72}.c4-swatch{vertical-align:middle;border-radius:50%;flex:none;display:inline-block;position:relative}:is(.c4-disc__face,.c4-swatch){background:linear-gradient(140deg, var(--d-dk) 0%, var(--d-rim) 38%, var(--d-dk) 62%, var(--d-lip) 100%);box-shadow:inset 0 0 0 max(1px, calc(var(--k,var(--u)) * 1.2)) var(--d-edge), 0 calc(var(--k,var(--u)) * 2) calc(var(--k,var(--u)) * 3) #00001480}:is(.c4-disc__face,.c4-swatch):before{content:"";background:radial-gradient(circle at 36% 30%, var(--d-lt) 0%, var(--d-md) 46%, var(--d-dk) 100%);box-shadow:0 0 calc(var(--k,var(--u)) * 1.5) #00000047, inset calc(var(--k,var(--u)) * -2) calc(var(--k,var(--u)) * -3) calc(var(--k,var(--u)) * 4) #00000024;border-radius:50%;position:absolute;inset:9%}:is(.c4-disc__face,.c4-swatch):after{content:"";background:radial-gradient(closest-side, rgb(255 255 255/var(--d-spec)), rgb(255 255 255/calc(var(--d-spec) * .45)) 55%, transparent);border-radius:50%;width:34%;height:17%;position:absolute;top:17%;left:19%;transform:rotate(-36deg)}.c4-board{-webkit-user-select:none;user-select:none;width:100%;margin-inline:auto;container-type:inline-size}.c4-board__inner{--k:calc(100cqi / 612);aspect-ratio:612/476;width:100%;position:relative}.c4-board__letters span{left:0;top:calc((var(--y) - 14) * var(--k));width:calc(28 * var(--k));height:calc(28 * var(--k));color:#f8faff;font:800 calc(24 * var(--k))/1 var(--c4-font,sans-serif);place-items:center;display:grid;position:absolute}.c4-board__face{pointer-events:none;position:absolute;inset:0}.c4-board__face>span{position:absolute}.c4-board__rail{left:calc(50 * var(--k));top:calc(28 * var(--k));width:calc(532 * var(--k));height:calc(13 * var(--k));border-radius:calc(6 * var(--k));z-index:2;background:linear-gradient(#4c8cff 0%,#347cf5 35%,#1b5bd8 75%,#0e3a9e 100%)}.c4-board__post{top:calc(36 * var(--k));width:calc(18 * var(--k));height:calc(424 * var(--k));border-radius:calc(5 * var(--k)) calc(5 * var(--k)) calc(2 * var(--k)) calc(2 * var(--k));z-index:2;box-shadow:0 0 0 calc(1 * var(--k)) #081e6459;background:linear-gradient(90deg,#1452d4 0%,#4b80f0 30%,#72a8ff 50%,#3c74ec 70%,#1146bd 100%)}.c4-board__post--l{left:calc(37 * var(--k))}.c4-board__post--r{left:calc(577 * var(--k))}.c4-board__front{left:calc(54 * var(--k));top:calc(40 * var(--k));width:calc(524 * var(--k));height:calc(414 * var(--k));box-shadow:inset 0 calc(4 * var(--k)) calc(6 * var(--k)) #0000002e, inset 0 calc(-3 * var(--k)) 0 #00145040;background:linear-gradient(#2263de 0%,#1d5ad6 45%,#1955cf 70%,#1650c6 100%)}.c4-board__base{left:calc(17 * var(--k));top:calc(453 * var(--k));width:calc(594 * var(--k));height:calc(23 * var(--k));border-radius:calc(5 * var(--k));z-index:3;box-shadow:0 calc(10 * var(--k)) calc(20 * var(--k)) #00000073, inset 0 calc(-2 * var(--k)) 0 #00195a66;background:linear-gradient(#4a8fff 0%,#2a6ef0 18%,#1a55d4 55%,#1044b4 100%)}.c4-board__cup{left:calc((var(--x) - 30) * var(--k));top:calc((var(--y) - 30) * var(--k));width:calc(60 * var(--k));height:calc(60 * var(--k));z-index:1;box-shadow:inset 0 calc(5 * var(--k)) calc(7 * var(--k)) #000414bf, inset 0 calc(-2 * var(--k)) calc(2 * var(--k)) #6e96ff47, 0 0 0 calc(2 * var(--k)) #1c4ac0, 0 calc(1.5 * var(--k)) 0 calc(2 * var(--k)) #78aaff61;background:radial-gradient(circle at 50% 58%,#1b2f60 0%,#14264e 55%,#0d1b3c 82%,#081630 100%);border-radius:50%;position:absolute}.c4-board__strip{z-index:1;width:calc(68 * var(--k));height:calc(412 * var(--k));border-radius:calc(34 * var(--k));opacity:0;transform:translate3d(calc((var(--x) - 34) * var(--k)), calc(41 * var(--k)), 0);transition:opacity .14s var(--c4-swap), transform .14s var(--c4-out);pointer-events:none;background:#ffffff14;position:absolute;top:0;left:0}.c4-board__strip[data-shown]{opacity:1}.c4-board[data-input=column] .c4-board__strip{background:#a084f333}.c4-board__discs,.c4-board__preview{z-index:1;clip-path:inset(calc(41 * var(--k)) 0 calc(23 * var(--k)) 0);pointer-events:none;position:absolute;inset:0}.c4-disc{width:calc(58 * var(--k));height:calc(58 * var(--k));transform:translate3d(calc((var(--x) - 29) * var(--k)), calc((var(--y) - 29) * var(--k)), 0);transition:transform .42s var(--c4-emph), opacity .3s var(--c4-swap);position:absolute;top:0;left:0}.c4-disc__face{border-radius:50%;position:absolute;inset:0}.c4-disc--ghost{opacity:.4;animation:c4-fade .14s var(--c4-out) both}.c4-disc--pending{animation:.7s ease-in-out infinite alternate c4-pending}.c4-disc--fall{animation:c4-fall var(--fall-ms) linear both}.c4-disc--appear{animation:.14s ease-out both c4-appear}.c4-disc--drain{animation:.4s cubic-bezier(.5,0,1,.6) both c4-drain;animation-delay:calc(var(--c) * 9ms)}.c4-disc--lift{animation:c4-lift .3s var(--c4-in) both}.c4-disc__face--flip{animation:.32s ease-in-out c4-flip}.c4-disc.is-winning .c4-disc__face{animation:c4-win .5s var(--c4-out) .16s 1}.c4-board__marks{z-index:2;pointer-events:none;position:absolute;inset:0}.c4-mark{width:calc(72 * var(--k));height:calc(72 * var(--k));transform:translate3d(calc((var(--x) - 36) * var(--k)), calc((var(--y) - 36) * var(--k)), 0);position:absolute;top:0;left:0}.c4-mark--win:before{content:"";inset:calc(3 * var(--k));border:max(2px, calc(3.5 * var(--k))) solid #fff;box-shadow:0 0 calc(14 * var(--k)) #fff0c88c;animation:c4-ring-in .42s var(--c4-emph) calc(var(--i,0) * 70ms) both;border-radius:50%;position:absolute}.c4-mark--last{display:none}.c4-mark--last:before{content:"";inset:calc(24 * var(--k));box-shadow:0 0 calc(6 * var(--k)) #ffffff80;background:#ffffff8c;border-radius:50%;animation:.3s both c4-fade;position:absolute}.c4-mark--selected:before{content:"";inset:calc(4 * var(--k));border:max(2px, calc(3 * var(--k))) dashed #fff;border-radius:50%;position:absolute}.c4-mark--shield{padding:calc(6 * var(--k));color:#fff;justify-content:flex-end;align-items:flex-start;display:flex}.c4-mark--shield svg{width:calc(24 * var(--k));height:calc(24 * var(--k));padding:calc(3 * var(--k));border-radius:calc(6 * var(--k));background:#11121ed9}.c4-mark--brace,.c4-mark--lock{justify-content:center;align-items:center;gap:calc(4 * var(--k));width:calc(64 * var(--k));height:calc(22 * var(--k));color:#23123f;background:var(--c4-gold,#f2c14e);font:700 calc(13 * var(--k))/1 var(--c4-font,sans-serif);left:calc((var(--x) - 32) * var(--k));border-radius:99px;display:flex;transform:none}.c4-mark--brace svg,.c4-mark--lock svg{width:calc(13 * var(--k));height:calc(13 * var(--k))}.c4-mark--lock{z-index:4;animation:.24s both c4-fade;top:0}.c4-mark--brace{top:calc(454 * var(--k));background:#9be6bb}.c4-board__columns,.c4-board__tabs{z-index:3;position:absolute;inset:0}.c4-board__tabs{pointer-events:none}.c4-board__column{left:calc((var(--x) - 36.8) * var(--k));width:calc(73.6 * var(--k));height:calc(454 * var(--k));border-radius:calc(10 * var(--k));touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute;top:0}.c4-board__tab{width:100%;height:calc(26 * var(--k));color:#f8faff;font:800 calc(22 * var(--k))/1 var(--c4-font,sans-serif);transition:color .14s var(--c4-swap), transform 90ms var(--c4-out);place-items:center;display:grid;position:absolute;top:0;left:0}.c4-board__tab,.c4-board__letters span{paint-order:stroke fill;-webkit-text-stroke:max(.75px, calc(1.25 * var(--k))) #05080f;text-shadow:0 1px 2px #000c}.c4-board__tabs .c4-board__tab{left:calc((var(--x) - 20) * var(--k));width:calc(40 * var(--k))}.c4-board__column[data-hover]:not([aria-disabled]) .c4-board__tab{color:var(--c4-gold,#f2c14e);transform:translateY(calc(-1 * var(--k)))}.c4-board__column:focus-visible .c4-board__tab{color:var(--c4-gold,#f2c14e);transform:translateY(calc(-1 * var(--k)))}.c4-app .c4-board .c4-board__column:focus-visible{outline:none!important}.c4-board__column:focus-visible:after{content:"";left:calc(18 * var(--k));right:calc(18 * var(--k));top:calc(2 * var(--k));height:calc(22 * var(--k));border-radius:calc(6 * var(--k));box-shadow:0 0 0 2px var(--c4-focus,#a084f3);position:absolute}.c4-board__column[aria-disabled]{cursor:not-allowed}.c4-board__column[aria-disabled] .c4-board__tab{opacity:.72}.c4-board[data-input=none] .c4-board__column{cursor:default}.c4-board[data-input=none] .c4-board__column[aria-disabled] .c4-board__tab{opacity:1}.c4-board[data-input=column] .c4-board__column:not([aria-disabled]) .c4-board__tab{color:#d6c7ff}.c4-board__cells{z-index:3;position:absolute;inset:0}.c4-board__cell-row{display:contents}.c4-board__cell{left:calc((var(--x) - 32) * var(--k));top:calc((var(--y) - 32) * var(--k));width:calc(64 * var(--k));height:calc(64 * var(--k));touch-action:manipulation;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute}.c4-board__cell:before{content:"";inset:calc(1 * var(--k));transition:box-shadow .14s var(--c4-swap);border-radius:50%;position:absolute}.c4-board[data-input=cell] .c4-board__cell[data-filled]:before{box-shadow:0 0 0 max(2px, calc(3 * var(--k))) #a084f3cc}.c4-board[data-input=cell] .c4-board__cell[data-filled]:hover:before{box-shadow:0 0 0 max(2px, calc(3.5 * var(--k))) #fff}.c4-app .c4-board .c4-board__cell:focus-visible{outline:none!important}.c4-board__cell:focus-visible:before{box-shadow:0 0 0 max(2px, calc(3.5 * var(--k))) var(--c4-focus,#a084f3)!important}.c4-panel{border-radius:calc(var(--u) * 10);min-height:0;animation:c4-panel-in .26s var(--c4-emph) both;background:#151821;border:1px solid #23232d;flex-direction:column;display:flex;overflow:hidden}.c4-panel__toggle{display:none}.c4-panel__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2e3140 transparent;flex:1;min-height:0;overflow:auto}.c4-game[data-controls=closed]{grid-template-columns:minmax(0,1fr)}.c4-game .c4-panel[hidden]{display:none!important}.c4-game--sapphire:not([data-public]) .c4-panel:not([data-open]){display:none}.c4-titlebar__controls{align-items:center;display:inline-flex}.c4-gp{padding:calc(var(--u) * 14) calc(var(--u) * 10) calc(var(--u) * 16)}.c4-gp__head{justify-content:space-between;align-items:center;gap:calc(var(--u) * 12);padding:0 calc(var(--u) * 3);display:flex}.c4-gp__head h2{font-size:max(17px, calc(var(--u) * 20));letter-spacing:-.01em;font-weight:700;line-height:1.25}.c4-gp__enable{align-items:center;gap:calc(var(--u) * 11);color:#d6d8e1;font-size:calc(var(--u) * 13);cursor:pointer;display:inline-flex;position:relative}.c4-gp__sub{margin:calc(var(--u) * 6) calc(var(--u) * 3) 0;color:#c4c7d2;font-size:max(12px, calc(var(--u) * 12.5))}.c4-gp__lock{align-items:center;gap:calc(var(--u) * 8);margin:calc(var(--u) * 12) calc(var(--u) * 3) 0;padding:calc(var(--u) * 8) calc(var(--u) * 10);border-radius:calc(var(--u) * 8);color:#d6c7ff;font-size:calc(var(--u) * 12.5);background:#a084f31f;display:flex}.c4-gp__lock svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.c4-gp .c4-message{margin:calc(var(--u) * 8) calc(var(--u) * 3) 0}.c4-gp__search{margin:calc(var(--u) * 18) calc(var(--u) * 4) 0 calc(var(--u) * 3);align-items:center;gap:calc(var(--u) * 12);height:calc(var(--u) * 43);padding:0 calc(var(--u) * 8) 0 calc(var(--u) * 14);border-radius:calc(var(--u) * 8);color:#8a8f9c;transition:border-color .14s var(--c4-swap), box-shadow .14s var(--c4-swap);background:#191b27;border:1px solid #353744;display:flex;position:relative}.c4-gp__search>svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20)}.c4-gp__search:focus-within{border-color:var(--c4-purple);box-shadow:0 0 0 3px #8e63fb38}.c4-gp__search input{min-width:0;height:100%;color:var(--c4-text);font-size:calc(var(--u) * 14);background:0 0;border:0;outline:none;flex:1}.c4-gp__search input::placeholder{color:#8a8f9c}.c4-gp__search input::-webkit-search-cancel-button{display:none}.c4-gp__stage{animation:c4-stage-in .24s var(--c4-emph) both}.c4-gp__stage[data-view=results]{animation-name:c4-stage-in-r}.c4-gp__list{gap:calc(var(--u) * 9);margin-top:calc(var(--u) * 14);flex-direction:column;padding:0;list-style:none;display:flex}.c4-gift{border-radius:calc(var(--u) * 10);transition:border-color .18s var(--c4-swap), background-color .18s var(--c4-swap), box-shadow .18s var(--c4-swap);background:#181b24;border:1px solid #262932}.c4-gift[data-on]{border:calc(var(--u) * 1.5) solid #8469b6;box-shadow:0 0 calc(var(--u) * 16) #8469b62e;background:#2f294d}.c4-gift__main{min-width:0;padding:calc(var(--u) * 10) calc(var(--u) * 9)}.c4-gift__open{align-items:center;gap:calc(var(--u) * 8);border-radius:calc(var(--u) * 8);text-align:left;background:0 0;border:0;width:100%;min-width:0;padding:0;display:flex}.c4-gift__text{gap:calc(var(--u) * 4);flex-direction:column;flex:1;min-width:0;display:flex}.c4-gift__text b{overflow-wrap:anywhere;color:#d0d3df;font-size:max(12px, calc(var(--u) * 13));font-weight:550;line-height:1.3}.c4-gift__text small{overflow-wrap:anywhere;color:#fff;font-size:max(13px, calc(var(--u) * 15));animation:c4-text-in .2s var(--c4-out) both;font-weight:700;line-height:1.3}.c4-gift__state{color:#aeb2c0;font-size:max(10px, calc(var(--u) * 11))}.c4-gift__state[data-enabled]{color:#beacff}.c4-gift__chevron{width:calc(var(--u) * 13);height:calc(var(--u) * 13);color:#bfc1cc}.c4-gift[data-open] .c4-gift__chevron{transform:rotate(180deg)}.c4-gthumb{--s:40;width:calc(var(--u) * var(--s));height:calc(var(--u) * var(--s));border-radius:calc(var(--u) * 8);background:#1d1f2b;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden}.c4-gthumb img{object-fit:contain;width:92%;height:92%}.c4-gthumb b{color:var(--c4-gold);font-size:calc(var(--u) * var(--s) * .42);font-weight:700}.c4-qty{grid-template-columns:calc(var(--u) * 32) calc(var(--u) * 42) calc(var(--u) * 32);margin-right:calc(var(--u) * -9);height:calc(var(--u) * 36);border-radius:calc(var(--u) * 8);background:#161922;border:1px solid #55556f;display:inline-grid;overflow:hidden}.c4-qty button{color:#e6e7ee;transition:background-color .14s var(--c4-swap);background:#2b2c3e;border:0;place-items:center;padding:0;display:grid}.c4-qty button svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16)}.c4-qty button:hover:not(:disabled){background:#36374c}.c4-qty button:active:not(:disabled){background:#40415a}.c4-qty button:disabled{color:#5f6170}.c4-qty input{border:0;color:#fff;width:100%;height:100%;font-size:calc(var(--u) * 16);text-align:center;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;background:#161922;border-inline:1px solid #3a3b4f;padding:0}.c4-qty[data-wide]{grid-template-columns:calc(var(--u) * 32) calc(var(--u) * 58) calc(var(--u) * 32)}.c4-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.c4-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.c4-qty input:focus{outline:2px solid var(--c4-focus);outline-offset:-2px}.c4-check{width:calc(var(--u) * 24);height:calc(var(--u) * 24);border:calc(var(--u) * 1.6) solid #575965;color:#0000;transition:background-color .16s var(--c4-swap), border-color .16s var(--c4-swap);background:0 0;border-radius:50%;place-items:center;padding:0;display:grid}.c4-check svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14);stroke-width:3px;opacity:0;transition:transform .2s var(--c4-emph), opacity .14s;transform:scale(.4)}.c4-check[aria-checked=true]{color:#fff;background:#a084f3;border-color:#0000}.c4-check[aria-checked=true] svg{opacity:1;transform:none}.c4-check:hover:not(:disabled){border-color:#8a8c9a}.c4-check[aria-checked=true]:hover:not(:disabled){background:#ad95f7}.c4-gift__more{gap:calc(var(--u) * 10);padding:calc(var(--u) * 4) calc(var(--u) * 14) calc(var(--u) * 14);animation:c4-reveal .22s var(--c4-emph) both;border-top:1px solid #ffffff0f;flex-direction:column;display:flex}.c4-gift__setting{color:#c4c7d2;font-size:max(12px, calc(var(--u) * 12.5));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.c4-gift__setting .c4-qty{margin-right:0}.c4-gift__opt{grid-template-columns:calc(var(--u) * 70) minmax(0, 1fr);align-items:center;gap:calc(var(--u) * 10);color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);display:grid}.c4-gift__opt .c4-input{height:calc(var(--u) * 32);font-size:calc(var(--u) * 13)}.c4-gift__note{color:var(--c4-text-3);font-size:calc(var(--u) * 12);line-height:1.45}.c4-gift__more .c4-btn{align-self:flex-start}.c4-gp__empty{margin:calc(var(--u) * 24) calc(var(--u) * 3) 0;color:var(--c4-text-3)}.c4-gp__more{width:100%;min-height:calc(var(--u) * 44);margin-top:calc(var(--u) * 12);padding:0 calc(var(--u) * 8) 0 calc(var(--u) * 3);border:0;color:#eef0f5;font-size:max(13px, calc(var(--u) * 14));transition:color .14s var(--c4-swap);background:0 0;border-block:1px solid #22252e;justify-content:space-between;align-items:center;font-weight:500;display:flex}.c4-gp__more svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20);color:#c4c7d2;transition:transform .2s var(--c4-emph)}.c4-gp__more:hover:not(:disabled) svg{transform:translateX(calc(var(--u) * 3))}.c4-gp__unassigned{margin:calc(var(--u) * 14) calc(var(--u) * 3) 0;color:var(--c4-text-4);font-size:calc(var(--u) * 12);line-height:1.5}.c4-gp__unassigned b{color:var(--c4-text-3);margin-right:calc(var(--u) * 4);font-weight:600}.c4-gp__unassigned summary{cursor:pointer;color:#b3b7c5}.c4-gp__unassigned p{margin-top:6px}.c4-gp__results{margin-top:calc(var(--u) * 14)}.c4-gp__resulthead{margin-bottom:calc(var(--u) * 8);color:var(--c4-text-3);font-size:calc(var(--u) * 12);justify-content:space-between;align-items:center;gap:8px;display:flex}.c4-gp__options{gap:calc(var(--u) * 4);flex-direction:column;padding:0;list-style:none;display:flex}.c4-gp__option{align-items:center;gap:calc(var(--u) * 12);width:100%;padding:calc(var(--u) * 7) calc(var(--u) * 10);border-radius:calc(var(--u) * 9);text-align:left;transition:background-color .12s var(--c4-swap), border-color .12s;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto;display:grid}:is(.c4-gp__option:hover,.c4-gp__option:focus-visible){background:#1d2030;border-color:#2c2f3d}.c4-gp__option[aria-selected=true] .c4-gp__ostate{color:#c9b8ff}.c4-gp__oname{flex-direction:column;min-width:0;display:flex}.c4-gp__oname b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.c4-gp__oname small{color:var(--c4-text-3);font-size:calc(var(--u) * 12)}.c4-gp__ostate{align-items:center;gap:calc(var(--u) * 4);color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);white-space:nowrap;font-weight:500;display:inline-flex}.c4-gp__ostate svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.c4-gp[data-locked] .c4-gp__list{opacity:.65}.c4-gp__queue{margin-top:calc(var(--u) * 18);padding-top:calc(var(--u) * 14);border-top:1px solid #22252e}.c4-gp__queue h3{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 4);padding:0 calc(var(--u) * 3);color:#d6d8e1;font-size:max(12px, calc(var(--u) * 13.5));flex-wrap:wrap;font-weight:600;display:flex}.c4-gp__queue h3 small{color:var(--c4-text-3);font-size:calc(var(--u) * 11.5);font-weight:500}.c4-gp__queue .c4-gp__unassigned{margin-top:calc(var(--u) * 6)}.c4-gp__list--queue{margin-top:calc(var(--u) * 10)}.c4-gift[data-queue] .c4-gift__main{min-height:calc(var(--u) * 64)}.c4-gift[data-queue][data-on]{box-shadow:none;background:#2b2619;border-color:#b8933e}.c4-gift[data-queue] .c4-check[aria-checked=true]{background:var(--c4-gold);color:var(--c4-gold-ink)}.c4-gp__page{margin-top:calc(var(--u) * 10);height:calc(var(--u) * 36);font-size:calc(var(--u) * 13)}.c4-gp__page small{margin-left:calc(var(--u) * 6);color:var(--c4-text-3);font-size:calc(var(--u) * 12)}.c4-onpanel{gap:calc(var(--u) * 14);padding:calc(var(--u) * 22) calc(var(--u) * 18);flex-direction:column;display:flex}.c4-onpanel h2{font-size:calc(var(--u) * 24);font-weight:700}.c4-igroup h3{margin:0 0 calc(var(--u) * 6) calc(var(--u) * 2);color:var(--c4-text-3);font-size:calc(var(--u) * 11.5);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.c4-igroup__box{gap:calc(var(--u) * 8);padding:calc(var(--u) * 6) calc(var(--u) * 12);border-radius:calc(var(--u) * 9);background:#181b24;border:1px solid #262932;flex-direction:column;display:flex}.c4-igroup__box>.c4-fact+.c4-fact{border-top:1px solid #22252e}.c4-fact{justify-content:space-between;align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 8) 0;display:flex}.c4-fact span{color:var(--c4-text-3)}.c4-fact b{text-align:right;font-weight:500}.c4-page{gap:calc(var(--u) * 20);min-width:0;padding:calc(var(--u) * 20) calc(var(--u) * 16) calc(var(--u) * 13) calc(var(--u) * 26);scrollbar-width:thin;scrollbar-color:#2e3140 transparent;flex-direction:column;flex:1;display:flex;overflow:auto}.c4-page__head{align-items:center;gap:calc(var(--u) * 20);min-height:calc(var(--u) * 48);flex-wrap:wrap;display:flex}.c4-page__head h1{font-size:calc(var(--u) * 38);letter-spacing:-.02em;font-weight:700;line-height:1.1}.c4-page__lead{color:var(--c4-text-3);margin-top:calc(var(--u) * -8)}.c4-finder{width:calc(var(--u) * 358);margin-left:auto;position:relative}.c4-finder .c4-search{height:calc(var(--u) * 46)}.c4-records__list{z-index:10;left:0;right:0;top:calc(100% + var(--u) * 6);max-height:calc(var(--u) * 360);padding:calc(var(--u) * 6);border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 16) calc(var(--u) * 40) #00000080;animation:c4-pop-in .18s var(--c4-emph) both;background:#1a1d28;border:1px solid #353744;position:absolute;overflow:auto}.c4-records__list ol{flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.c4-records__list li button{align-items:center;gap:calc(var(--u) * 10);width:100%;padding:calc(var(--u) * 7) calc(var(--u) * 9);border-radius:calc(var(--u) * 7);text-align:left;transition:background-color .12s var(--c4-swap);background:0 0;border:0;grid-template-columns:auto 1fr auto;display:grid}.c4-records__list li button:is(:hover,:focus-visible){background:#252838}.c4-records__list li button[aria-current=true]{background:var(--c4-select)}.c4-records__list .c4-empty{padding:calc(var(--u) * 10)}.c4-rowname{flex-direction:column;min-width:0;display:flex}.c4-rowname b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.c4-rowname small{color:var(--c4-text-3);font-size:calc(var(--u) * 12)}.c4-wl{color:var(--c4-text-3);font-variant-numeric:tabular-nums;font-weight:600}.c4-rec__grid{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 325);gap:calc(var(--u) * 19);animation:c4-rise .24s var(--c4-out) both;grid-template-rows:auto auto;align-items:stretch;display:grid}.c4-rec__profile{padding:calc(var(--u) * 22) calc(var(--u) * 22) calc(var(--u) * 14);flex-direction:column;display:flex}.c4-rec__who{align-items:center;gap:calc(var(--u) * 32);padding-bottom:calc(var(--u) * 18);border-bottom:1px solid #2a2d38;display:flex}.c4-rec__who h2{font-size:calc(var(--u) * 30);letter-spacing:-.01em;font-weight:700}.c4-rec__handle{margin:calc(var(--u) * 2) 0 calc(var(--u) * 10);color:var(--c4-text-3);font-size:calc(var(--u) * 18)}.c4-rec__who .c4-heart{margin-top:calc(var(--u) * 8)}.c4-stats{padding-top:calc(var(--u) * 16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.c4-stats>div{align-items:center;gap:calc(var(--u) * 4);flex-direction:column;display:flex}.c4-stats>div+div{border-left:1px solid #2a2d38}.c4-stats b{font-size:calc(var(--u) * 40);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.05}.c4-stats>[data-stat=wins] b{color:var(--c4-gold)}.c4-stats span{color:var(--c4-text-2);font-size:calc(var(--u) * 17)}.c4-rec__titles,.c4-rec__details,.c4-rec__recent{padding:calc(var(--u) * 18) calc(var(--u) * 22) calc(var(--u) * 12)}.c4-rec__titles h3,.c4-rec__details h3,.c4-rec__recent h3,.c4-leaders h3{font-size:calc(var(--u) * 21);letter-spacing:-.01em;font-weight:700}.c4-rec__title{align-items:center;gap:calc(var(--u) * 26);padding:calc(var(--u) * 14) 0 calc(var(--u) * 12);display:flex}.c4-rec__title+.c4-rec__title{border-top:1px solid #2a2d38}.c4-rec__title svg{width:calc(var(--u) * 44);height:calc(var(--u) * 44);color:var(--c4-gold);fill:var(--c4-gold)}.c4-rec__title--small svg{width:calc(var(--u) * 36);height:calc(var(--u) * 36);margin-inline:calc(var(--u) * 4)}.c4-rec__title div{flex-direction:column;display:flex}.c4-rec__title b{font-size:calc(var(--u) * 28);font-weight:700;line-height:1.1}.c4-rec__title span{color:var(--c4-text-2);font-size:calc(var(--u) * 16)}.c4-rec__details .c4-fact{padding:calc(var(--u) * 8) 0}.c4-rec__details .c4-fact+.c4-fact{border-top:1px solid #2a2d38}.c4-rec__details .c4-fact span{color:var(--c4-text-2);font-size:calc(var(--u) * 15)}.c4-table{width:100%;margin-top:calc(var(--u) * 12);border-collapse:separate;border-spacing:0;font-size:calc(var(--u) * 15)}.c4-table th{padding:calc(var(--u) * 9) calc(var(--u) * 16);color:var(--c4-text-2);text-align:left;background:#1d202b;font-weight:500}.c4-table th:first-child{border-radius:calc(var(--u) * 6) 0 0 calc(var(--u) * 6)}.c4-table th:last-child{border-radius:0 calc(var(--u) * 6) calc(var(--u) * 6) 0}.c4-table td{padding:calc(var(--u) * 6) calc(var(--u) * 16);border-bottom:1px solid #22252e}.c4-table__who{align-items:center;gap:calc(var(--u) * 16);display:inline-flex}.c4-table__who .c4-portrait{width:calc(var(--u) * 36);height:calc(var(--u) * 36);font-size:calc(var(--u) * 15)}.c4-result{min-width:calc(var(--u) * 94);height:calc(var(--u) * 32);padding:0 calc(var(--u) * 14);color:var(--c4-text-2);font-size:calc(var(--u) * 15);background:#232634;border:1px solid #3c3f4f;border-radius:99px;place-items:center;display:inline-grid}.c4-result[data-outcome=WIN]{color:var(--c4-gold);background:#3a2c10;border-color:#8a6a24}.c4-leaders{gap:calc(var(--u) * 14);padding:calc(var(--u) * 20) calc(var(--u) * 22);animation:c4-rise .24s var(--c4-out) both;flex-direction:column;display:flex}.c4-ranks{flex-direction:column;padding:0;list-style:none;display:flex}.c4-ranks li{grid-template-columns:calc(var(--u) * 34) auto minmax(0, 1fr) auto auto;align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 10) calc(var(--u) * 6);border-bottom:1px solid #22252e;display:grid}.c4-ranks__n{color:var(--c4-text-3);text-align:center}.c4-ranks__n svg{width:calc(var(--u) * 18);height:calc(var(--u) * 18);color:var(--c4-gold)}.c4-ranks li[data-rank="1"] .c4-ranks__wins{color:var(--c4-gold)}.c4-ranks__wins{color:var(--c4-text-2);font-weight:600}.c4-sizes{grid-template-columns:repeat(4, calc(var(--u) * 70));padding:calc(var(--u) * 3);border-radius:calc(var(--u) * 9);background:#151821;border:1px solid #353744;margin-left:auto;display:inline-grid}.c4-sizes button{height:calc(var(--u) * 34);border-radius:calc(var(--u) * 7);color:#d6d8e1;font-size:calc(var(--u) * 14);transition:background-color .16s var(--c4-swap), color .16s;background:0 0;border:0;font-weight:500}.c4-sizes button+button{box-shadow:-1px 0 #2a2d38}.c4-sizes button[aria-checked=true]{color:#fff;background:linear-gradient(#4d36a8,#3f2a88);box-shadow:inset 0 0 0 1px #6a52c9}.c4-sizes button:disabled:not([aria-checked=true]){color:#5f6372}.c4-tour__grid{grid-template-columns:minmax(0, 1fr) calc(var(--u) * 266);gap:calc(var(--u) * 15);flex:1;min-height:0;display:grid}.c4-tour__main{min-height:0;padding:calc(var(--u) * 18) calc(var(--u) * 14);overflow:auto}.c4-tour__side{gap:calc(var(--u) * 12);padding:calc(var(--u) * 20) calc(var(--u) * 14);flex-direction:column;display:flex;overflow:auto}.c4-tour__side h2{font-size:calc(var(--u) * 19);font-weight:700}.c4-tour__side .c4-sub{margin-top:calc(var(--u) * -8)}.c4-tour__side hr{width:100%;margin:calc(var(--u) * 6) 0;border:0;border-top:1px solid #2a2d38}.c4-tour__forfeit,.c4-tour__tools{gap:calc(var(--u) * 6);flex-direction:column;display:flex}.c4-tour__forfeit .c4-btn{height:calc(var(--u) * 34);font-size:calc(var(--u) * 13)}.c4-tour__tools{padding-top:calc(var(--u) * 8);margin-top:auto}.c4-tour__more{border-radius:calc(var(--u) * 9);background:#181b24;border:1px solid #2a2d38}.c4-tour__more summary{height:calc(var(--u) * 40);padding:0 calc(var(--u) * 12);color:var(--c4-text-2);font-size:calc(var(--u) * 13.5);cursor:pointer;justify-content:space-between;align-items:center;font-weight:500;list-style:none;display:flex}.c4-tour__more summary::-webkit-details-marker{display:none}.c4-tour__more summary svg{width:calc(var(--u) * 16);height:calc(var(--u) * 16);transition:transform .2s var(--c4-emph)}.c4-tour__more[open] summary svg{transform:rotate(180deg)}.c4-tour__more>div{gap:calc(var(--u) * 6);padding:0 calc(var(--u) * 10) calc(var(--u) * 10);animation:c4-reveal .2s var(--c4-emph) both;flex-direction:column;display:flex}.c4-tour__more .c4-btn{height:calc(var(--u) * 32);font-size:calc(var(--u) * 12.5)}.c4-mrows{border-radius:calc(var(--u) * 9);background:#181b24;border:1px solid #2a2d38;flex-direction:column;display:flex}.c4-mrow{align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 10) calc(var(--u) * 12);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.c4-mrow+.c4-mrow{border-top:1px solid #2a2d38}.c4-mrow .c4-portrait{width:calc(var(--u) * 40);height:calc(var(--u) * 40);font-size:calc(var(--u) * 16)}.c4-mrow span{text-overflow:ellipsis;white-space:nowrap;font-size:calc(var(--u) * 16);font-weight:500;overflow:hidden}.c4-mrow[data-won] span{color:var(--c4-gold)}.c4-score{min-width:calc(var(--u) * 28);height:calc(var(--u) * 28);border-radius:calc(var(--u) * 6);font-size:calc(var(--u) * 14);font-variant-numeric:tabular-nums;background:#11131a;border:1px solid #3c3f4f;place-items:center;font-weight:600;display:inline-grid}.c4-champ{align-items:center;gap:calc(var(--u) * 10);text-align:center;flex-direction:column;display:flex}.c4-champ b{color:var(--c4-gold);font-size:calc(var(--u) * 22)}.c4-bracket{grid-auto-flow:column;grid-auto-columns:minmax(calc(var(--u) * 200), 1fr);column-gap:calc(var(--u) * 60);height:100%;min-height:calc(var(--u) * 480);display:grid}.c4-bracket[data-size="32"],.c4-bracket[data-size="64"]{height:auto}.c4-bracket__round{gap:calc(var(--u) * 12);animation:c4-rise .3s var(--c4-emph) both;animation-delay:calc((var(--round) - 1) * 50ms);flex-direction:column;display:flex}.c4-bracket__round h3{color:#c4c7d2;font-size:calc(var(--u) * 15);text-align:center;font-weight:500}.c4-bracket__round ol{justify-content:space-around;gap:calc(var(--u) * 10);flex-direction:column;flex:1;padding:0;list-style:none;display:flex}.c4-match-card{border-radius:calc(var(--u) * 8);transition:border-color .2s var(--c4-swap), box-shadow .2s var(--c4-swap);background:#181b24;border:1px solid #2e3140;position:relative}.c4-match-card[data-current]{border:calc(var(--u) * 1.5) solid var(--c4-gold-line);box-shadow:0 0 calc(var(--u) * 14) #f2c14e24}.c4-bracket__round:not(:last-child) .c4-match-card:after{content:"";width:calc(var(--u) * 30);border-top:1px solid #3a3d4b;position:absolute;top:50%;left:100%}.c4-bracket__round:not(:first-child) .c4-match-card:before{content:"";width:calc(var(--u) * 30);border-top:1px solid #3a3d4b;position:absolute;top:50%;right:100%}.c4-match-card__row{align-items:center;gap:calc(var(--u) * 10);min-height:calc(var(--u) * 42);padding:calc(var(--u) * 4) calc(var(--u) * 10) calc(var(--u) * 4) calc(var(--u) * 12);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;position:relative;overflow:hidden}.c4-match-card__row+.c4-match-card__row{border-top:1px solid #262932}.c4-match-card__row .c4-portrait{width:calc(var(--u) * 32);height:calc(var(--u) * 32);font-size:calc(var(--u) * 14)}.c4-match-card__row:before{content:"";transform-origin:0;background:linear-gradient(90deg,#f2c14e24,#0000 85%);position:absolute;inset:0;transform:scaleX(0)}.c4-match-card__row[data-won]:before{animation:c4-sweep .38s var(--c4-emph) calc((var(--round) - 1) * 50ms + .12s) both}.c4-match-card__row[data-won] .c4-match-card__name{color:var(--c4-gold)}.c4-match-card__row[data-lost]{color:var(--c4-text-4)}.c4-match-card__row small{color:var(--c4-gold);font-size:calc(var(--u) * 11.5);font-weight:600}.c4-match-card__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(var(--u) * 14.5);font-weight:500;position:relative;overflow:hidden}.c4-match-card__name[data-filled]{animation:c4-name-in .26s var(--c4-out) both}.c4-match-card__name:not([data-filled]){color:var(--c4-text-3)}.c4-match-card__row .c4-score{min-width:calc(var(--u) * 24);height:calc(var(--u) * 24);font-size:calc(var(--u) * 13)}.c4-slots{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 200), 1fr));gap:calc(var(--u) * 8);padding:0;list-style:none;display:grid}.c4-slots li{align-items:center;gap:calc(var(--u) * 10);min-height:calc(var(--u) * 48);padding:calc(var(--u) * 6) calc(var(--u) * 8) calc(var(--u) * 6) calc(var(--u) * 12);border-radius:calc(var(--u) * 9);color:var(--c4-text-3);border:1px dashed #3a3d4b;display:flex}.c4-slots li[data-filled]{color:var(--c4-text);animation:c4-name-in .22s var(--c4-out) both;background:#181b24;border-style:solid;border-color:#2e3140}.c4-slots li b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.c4-slots__n{min-width:1.6em;color:var(--c4-text-4);font-variant-numeric:tabular-nums;font-weight:600}.c4-champion{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:6px 0 4px;display:flex}.c4-champion__trophy{filter:drop-shadow(0 18px 40px #f2c14e66);width:180px;height:auto;animation:c4-trophy-in .6s var(--c4-emph) .1s both}.c4-champion h3{color:var(--c4-gold);animation:c4-rise .32s var(--c4-emph) .32s both;align-items:center;gap:10px;font-size:28px;font-weight:700;display:inline-flex}.c4-champion p{color:var(--c4-text-2);animation:.3s .4s both c4-fade}.c4-online__name{max-width:calc(var(--u) * 420)}.c4-online__grid{gap:calc(var(--u) * 16);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.c4-online__card{gap:calc(var(--u) * 14);padding:calc(var(--u) * 20);flex-direction:column;display:flex}.c4-online__card h2{align-items:center;gap:calc(var(--u) * 8);font-size:calc(var(--u) * 19);font-weight:700;display:flex}.c4-online__card h2 svg{width:calc(var(--u) * 18);height:calc(var(--u) * 18);color:var(--c4-purple-2)}.c4-online__card>.c4-btn--block{margin-top:auto}.c4-room-list{gap:calc(var(--u) * 6);flex-direction:column;padding:0;list-style:none;display:flex}.c4-room-list button{width:100%;padding:calc(var(--u) * 10) calc(var(--u) * 12);border-radius:calc(var(--u) * 8);text-align:left;background:#181b24;border:1px solid #2a2d38;justify-content:space-between;align-items:center;gap:10px;transition:border-color .14s,background-color .14s;display:flex}.c4-room-list button:hover{background:#1d2030;border-color:#4a4e5e}.c4-seats{gap:calc(var(--u) * 16);grid-template-columns:1fr 1fr;display:grid;position:relative}.c4-seat{align-items:center;gap:calc(var(--u) * 14);padding:calc(var(--u) * 20);border-radius:calc(var(--u) * 10);transition:border-color .2s var(--c4-swap), box-shadow .2s var(--c4-swap);background:#161922;border:1px solid #2e3140;display:flex}.c4-seat>div{flex-direction:column;flex:1;min-width:0;display:flex}.c4-seat b{font-size:calc(var(--u) * 19);overflow-wrap:anywhere}.c4-seat .c4-portrait{width:calc(var(--u) * 52);height:calc(var(--u) * 52);font-size:calc(var(--u) * 20)}.c4-player__seat{color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.c4-seat__state{color:var(--c4-text-2);font-weight:500}.c4-seat[data-ready]{border-color:#3ad45c8c;box-shadow:0 0 0 1px #3ad45c33}.c4-seat[data-ready] .c4-seat__state{color:var(--c4-green)}.c4-seat__check{color:var(--c4-green);animation:c4-pop .32s var(--c4-emph) both}.c4-seats__vs{width:calc(var(--u) * 36);height:calc(var(--u) * 36);color:var(--c4-text-2);font-weight:700;font-size:calc(var(--u) * 13);background:#232733;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c4-invite{gap:calc(var(--u) * 10);padding:calc(var(--u) * 20);flex-direction:column;display:flex}.c4-invite h2{font-size:calc(var(--u) * 19);font-weight:700}.c4-online__actions{gap:calc(var(--u) * 10)}.c4-spectator{flex:1;display:flex}.c4-dialog{color:var(--c4-text);max-width:none;max-height:none;font:400 13.5px/1.45 var(--c4-font);-webkit-font-smoothing:antialiased;background:0 0;border:0;margin:0;padding:0;overflow:visible}.c4-backdrop{z-index:1000;background:#04050a8c;position:fixed;inset:0}.c4-backdrop:not([data-state]){display:none}.c4-dialog{z-index:1001}.c4-backdrop--confirm,.c4-backdrop--champion{z-index:1010}.c4-dialog--confirm,.c4-dialog--champion{z-index:1011}.c4-dialog button{cursor:pointer}.c4-dialog button:disabled{cursor:default}.c4-dialog img{max-width:100%}.c4-dialog svg{flex:none}.c4-dialog:focus-visible{outline:none}.c4-dialog .c4-btn{border-radius:7px;gap:7px;height:32px;padding:0 14px;font-size:13px}.c4-dialog .c4-btn svg{width:15px;height:15px}.c4-dialog .c4-btn--sm{height:28px;padding:0 11px;font-size:12.5px}.c4-dialog .c4-input{border-radius:7px;height:32px;font-size:13px}.c4-dialog .c4-toggle i{width:38px;height:22px}.c4-dialog .c4-toggle i:after{width:18px;height:18px;top:2px;left:2px}.c4-dialog .c4-toggle input:checked+i:after{transform:translate(16px)}.c4-dialog .c4-toggle small{font-size:12px}.c4-dialog__panel{max-height:inherit;background:#1a1d28;border:1px solid #313541;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 26px 70px #0009}.c4-dialog__head{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 8px 20px;display:flex}.c4-dialog__head h2{font-size:16px;font-weight:600}.c4-dialog__head .c4-tool{width:26px;height:26px}.c4-dialog__head .c4-tool svg{width:15px;height:15px}.c4-dialog__body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:8px 20px 18px;display:flex;overflow:auto}.c4-dialog__foot{background:#171a24;border-top:1px solid #262936;justify-content:flex-end;gap:8px;padding:12px 18px 14px;display:flex}.c4-dialog--sheet{width:min(620px,100vw - 32px);height:fit-content;max-height:calc(90dvh - 60px);margin:calc(60px + 4dvh) auto auto;position:fixed;inset:0}.c4-dialog--confirm,.c4-dialog--champion{width:min(420px,100vw - 32px);height:fit-content;margin:auto;position:fixed;inset:0}.c4-dialog--champion{width:min(500px,100vw - 32px)}.c4-dialog--champion .c4-dialog__panel{background:radial-gradient(120% 80% at 50% 0,#f2c14e24,#0000 60%),#1a1d28;border-color:#5a4a26}.c4-confirm-text{font-size:14px}.c4-dialog[data-state=open] .c4-dialog__panel{animation:c4-sheet-in .26s var(--c4-emph) both}.c4-dialog[data-state=closing] .c4-dialog__panel{animation:c4-sheet-out .18s var(--c4-in) both}.c4-backdrop[data-state=open]{animation:.2s both c4-fade}.c4-backdrop[data-state=closing]{animation:.18s both c4-fade-out}.c4-settings,.c4-rules,.c4-live,.c4-powers{flex-direction:column;gap:16px;display:flex}.c4-levels{background:#11131b;border:1px solid #2c2f3b;border-radius:8px;align-self:center;gap:2px;padding:2px;display:inline-flex}.c4-levels button{min-width:96px;height:26px;color:var(--c4-text-3);transition:background-color .14s var(--c4-swap), color .14s;background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:500}.c4-levels button[aria-selected=true]{background:var(--c4-select);color:#fff;box-shadow:inset 0 0 0 1px #9678f04d}.c4-group{flex-direction:column;display:flex}.c4-group h3{color:var(--c4-text-2);margin:0 0 6px 4px;font-size:12px;font-weight:600}.c4-group__box{background:#161922;border:1px solid #2a2d38;border-radius:10px;flex-direction:column;padding:2px 12px;display:flex}.c4-group__box>*{padding-block:9px}.c4-group__box>*+*{border-top:1px solid #23262f}.c4-group__box>p{color:var(--c4-text-2);line-height:1.55}.c4-group__help{color:var(--c4-text-3);margin:6px 4px 0;font-size:12px}.c4-names{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;display:grid}.c4-names label{color:var(--c4-text-3);flex-direction:column;gap:4px;font-size:12px;font-weight:500;display:flex}.c4-power-list{background:#161922;border:1px solid #2a2d38;border-radius:10px;flex-direction:column;padding:2px 12px;list-style:none;display:flex}.c4-power{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 0;display:grid}.c4-power+.c4-power{border-top:1px solid #23262f}.c4-power__icon{background:var(--c4-select);color:#d6c7ff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.c4-power[data-blocked] .c4-power__icon{color:var(--c4-text-4);background:#232733}.c4-power__text{flex-direction:column;display:flex}.c4-power__text b{font-weight:500}.c4-power__text small{color:var(--c4-text-3);font-size:12px}.c4-checks{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.c4-checks li{align-items:flex-start;gap:10px;display:flex}.c4-checks li>span:nth-child(2){flex-direction:column;display:flex}.c4-checks b{font-weight:500}.c4-checks small{color:var(--c4-text-3);font-size:12px}.c4-checks__mark{color:#062018;border:1.5px dashed #575965;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;display:grid}.c4-checks li[data-ok] .c4-checks__mark{background:var(--c4-green);border:0}.c4-choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.c4-choice{text-align:left;background:#161922;border:1px solid #2e3140;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;transition:background-color .14s,border-color .14s;display:flex}.c4-choice:hover:not(:disabled){border-color:var(--c4-select-edge);background:#1f1d35}.c4-choice:disabled{opacity:.5}.c4-choice svg{color:var(--c4-purple-2)}.c4-choice small{color:var(--c4-text-3);font-size:12px}.c4-seat-list,.c4-queue{flex-direction:column;padding:0;list-style:none;display:flex}.c4-seat-list li,.c4-queue li{align-items:center;gap:10px;padding:6px 0;display:flex}.c4-seat-list li+li,.c4-queue li+li{border-top:1px solid #23262f}.c4-seat-list li>span:nth-child(2),.c4-queue__who{flex-direction:column;flex:1;min-width:0;display:flex}.c4-seat-list small,.c4-queue small{color:var(--c4-text-3);font-size:12px}.c4-commands{grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 0;font-size:12.5px;display:grid}.c4-commands dt{font-family:var(--font-mono,monospace);font-weight:600}.c4-commands dd{color:var(--c4-text-3)}.c4-dialog .c4-lead{color:var(--c4-text-2);font-size:13px}.c4-dialog .c4-note{font-size:12px}.c4-dialog .c4-more summary{cursor:pointer;min-height:30px;color:var(--c4-text-2);align-items:center;gap:6px;font-weight:500;display:flex}.c4-dialog .c4-log{color:var(--c4-text-3);padding-left:18px;font-size:12px}.c4-dialog .c4-count{min-width:20px;height:20px;font-size:11.5px;line-height:20px}.c4-visitor{z-index:1;color:#f2f3f7;background:linear-gradient(#161925,#101116);border:1px solid #313541;border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:32px;padding:28px;font-family:C4 UI,Inter,system-ui,sans-serif;display:grid;position:relative}.c4-visitor__copy{flex-direction:column;gap:10px;display:flex}.c4-visitor h2{letter-spacing:-.015em;margin:0;font-size:34px;font-weight:700}.c4-visitor .c4-eyebrow{color:#f2c14e;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:600}.c4-board--sample{max-width:560px}.c4-loading{color:var(--c4-text-2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.c4-loading__board{aspect-ratio:612/476;background:linear-gradient(#2263de4d,#1650c633);border-radius:12px;width:min(60vw,420px)}@keyframes c4-screen-in{0%{opacity:0;transform:translateY(calc(var(--u,1px) * 6))}}@keyframes c4-panel-in{0%{opacity:0;transform:translateX(calc(var(--u,1px) * 10))}}@keyframes c4-stage-in{0%{opacity:0;transform:translateX(calc(var(--u,1px) * -12))}}@keyframes c4-stage-in-r{0%{opacity:0;transform:translateX(calc(var(--u,1px) * 12))}}@keyframes c4-reveal{0%{opacity:0;transform:translateY(calc(var(--u,1px) * -4))}}@keyframes c4-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes c4-fade{0%{opacity:0}}@keyframes c4-fade-out{to{opacity:0}}@keyframes c4-text-in{0%{opacity:0;transform:translateY(4px)}}@keyframes c4-pop{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes c4-pop-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes c4-sheet-in{0%{opacity:0;transform:translateY(-10px)scale(.985)}}@keyframes c4-sheet-out{to{opacity:0;transform:translateY(-6px)scale(.99)}}@keyframes c4-sweep{to{transform:scaleX(1)}}@keyframes c4-name-in{0%{opacity:0;transform:translate(-6px)}}@keyframes c4-trophy-in{0%{opacity:0;transform:translateY(14px)scale(.86)}70%{opacity:1;transform:translateY(0)scale(1.03)}to{transform:scale(1)}}@keyframes c4-dot{0%,to{opacity:.25}50%{opacity:1}}@keyframes c4-pending{0%{opacity:.3}to{opacity:.8}}@keyframes c4-fall{0%{transform:translate3d(calc((var(--x) - 29) * var(--k)), calc(-24 * var(--k)), 0);animation-timing-function:cubic-bezier(.52,0,.9,.42)}78%{transform:translate3d(calc((var(--x) - 29) * var(--k)), calc((var(--y) - 29) * var(--k)), 0);animation-timing-function:cubic-bezier(.15,.6,.4,1)}89%{transform:translate3d(calc((var(--x) - 29) * var(--k)), calc((var(--y) - 36) * var(--k)), 0);animation-timing-function:cubic-bezier(.6,0,.9,.5)}to{transform:translate3d(calc((var(--x) - 29) * var(--k)), calc((var(--y) - 29) * var(--k)), 0)}}@keyframes c4-appear{0%{opacity:0}}@keyframes c4-drain{to{transform:translate3d(calc((var(--x) - 29) * var(--k)), calc((var(--y) + 440) * var(--k)), 0)}}@keyframes c4-lift{to{transform:translate3d(calc((var(--x) - 29) * var(--k)), calc(-24 * var(--k)), 0);opacity:0}}@keyframes c4-flip{50%{transform:scaleX(.06)}}@keyframes c4-win{50%{transform:scale(1.06)}}@keyframes c4-ring-in{0%{opacity:0;transform:scale(1.3)}}.c4-board[data-reduce-motion] .c4-disc,.c4-board[data-reduce-motion] .c4-board__strip{transition:none}.c4-board[data-reduce-motion] .c4-disc.is-winning .c4-disc__face,.c4-board[data-reduce-motion] .c4-mark--win:before,.c4-board[data-reduce-motion] .c4-disc--pending,.c4-board[data-reduce-motion] .c4-disc--ghost,.studio[data-reduce-motion] :is(.c4-screen,.c4-panel,.c4-gp__stage,.c4-gift__more,.c4-gift__text small,.c4-status__title,.c4-pcard__state,.c4-sb,.c4-sb__note,.c4-rec__grid,.c4-leaders,.c4-records__list,.c4-bracket__round,.c4-match-card__name,.c4-slots li,.c4-dots i){animation:none}.studio[data-reduce-motion] .c4-match-card__row[data-won]:before{transform:none}@media (prefers-reduced-motion:reduce){.c4-app *,.c4-app :before,.c4-app :after,.c4-dialog *,.c4-dialog :before,.c4-backdrop{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.c4-app .c4-board .c4-disc.c4-disc--appear{animation-duration:.14s!important}}@media (max-width:860px),(max-aspect-ratio:1){.c4-app,.c4-dialog{--u:min(calc((100vw - 16px) / 640), 1px)}.c4-app{padding:8px;font-size:14px}.c4-window{border-radius:12px;grid-template-rows:44px auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:calc(100dvh - 16px)}.c4-titlebar{padding:0 8px}.c4-titlebar__title{font-size:15px}.c4-titlebar__back span{display:none}.c4-tool{width:32px;height:32px}.c4-tool svg{width:17px;height:17px}.c4-hide-phone{display:none!important}.c4-sidebar{scrollbar-width:none;background:#191c2b;border-bottom:1px solid #262936;border-right:0;flex-direction:row;grid-row:2;gap:2px;padding:6px;overflow-x:auto}.c4-sidebar__item{flex-direction:column;flex:1 0 auto;justify-content:center;gap:2px;height:50px;padding:0 8px;font-size:11.5px}.c4-sidebar__item svg{width:20px;height:20px}.c4-content{grid-row:3;overflow:visible}.c4-statusbar{grid-row:4}.c4-sb{flex-wrap:wrap;justify-content:center;gap:10px 14px;height:auto;padding:10px 12px 12px;display:flex}.c4-sb__left{flex-basis:100%;justify-content:center;gap:12px;font-size:13px}.c4-sb__title{font-size:15px}.c4-sb__right{gap:12px;font-size:13px}.c4-actions{flex-wrap:wrap;flex-basis:100%;gap:8px}.c4-btn{height:44px;padding:0 14px;font-size:14px}.c4-btn svg{width:17px;height:17px}.c4-actions .c4-btn{flex:30%;min-width:0}.c4-sb .c4-btn{gap:6px;height:44px;padding:0 12px;font-size:13.5px}.c4-sb .c4-btn svg{width:16px;height:16px}.c4-sb__note{white-space:normal;text-align:center;max-width:100%}.c4-board__tab{font-size:max(14px, calc(22 * var(--k)))}.c4-board__letters span{font-size:max(14px, calc(24 * var(--k)))}.c4-gift__text small{font-size:13px}.c4-gift__text b,.c4-qty input{font-size:15px}.c4-game{flex-direction:column;gap:12px;padding:12px 8px;display:flex}.c4-game--sapphire:not([data-public]) .c4-panel:not([data-open]){display:block}.c4-game__main{width:100%;padding:0}.c4-cards{gap:8px;width:100%}.c4-pcard{border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;height:auto;min-height:64px;padding:8px 10px}.c4-pcard__avatar{display:none}.c4-pcard__name,.c4-pcard[data-len] .c4-pcard__name{font-size:15px}.c4-pcard__state{font-size:10.5px}.c4-pcard .c4-heart{display:none}.c4-pcard__token{width:18px!important;height:18px!important}.c4-pcard__wins b{font-size:22px}.c4-pcard__wins small{font-size:9.5px}.c4-status{width:100%;height:44px;margin-top:10px}.c4-status__title,.c4-status[data-len] .c4-status__title{font-size:20px}.c4-game__board{width:100%;margin:8px 0 0}.c4-game:has(.c4-gp) .c4-game__board{width:100%;margin:8px 0 0}.c4-game:not([data-public]) .c4-game__board{flex:none;display:block}.c4-game:not([data-public]) .c4-game__board>.c4-board{aspect-ratio:auto;width:100%;height:auto}.c4-panel{animation:none}.c4-panel__toggle{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 14px;font-size:16px;font-weight:600;display:flex}.c4-panel__toggle small{color:var(--c4-text-3);margin-left:auto;font-size:13px;font-weight:500}.c4-panel__toggle svg{width:18px;height:18px;color:var(--c4-text-3);transition:transform .2s var(--c4-emph)}.c4-panel[data-open] .c4-panel__toggle svg{transform:rotate(180deg)}.c4-panel:not([data-open]) .c4-panel__body{display:none}.c4-panel[data-open] .c4-panel__body{animation:c4-reveal .22s var(--c4-emph) both;border-top:1px solid #23232d}.c4-gp__head h2,.c4-onpanel h2{display:none}.c4-gift__main{min-height:72px}.c4-qty{grid-template-columns:44px 44px 44px;height:44px}.c4-check{width:30px;height:30px}.c4-page{gap:14px;padding:16px 12px;overflow:visible}.c4-page__head h1{font-size:28px}.c4-finder{width:100%;margin-left:0}.c4-rec__grid,.c4-tour__grid{grid-template-columns:minmax(0,1fr)}.c4-rec__who{gap:18px}.c4-portrait--xl{width:72px;height:72px;font-size:30px}.c4-stats b{font-size:30px}.c4-stats span{font-size:14px}.c4-sizes{grid-template-columns:repeat(4,1fr);width:100%;margin-left:0}.c4-sizes button{height:40px}.c4-bracket{grid-auto-columns:minmax(200px,78vw);column-gap:40px;height:auto;min-height:0;overflow-x:auto}.c4-online__grid,.c4-seats{grid-template-columns:1fr}.c4-seats__vs{display:none}.c4-slots{grid-template-columns:1fr 1fr}.c4-dialog--sheet{width:100vw;max-height:92dvh;margin:auto auto 0}.c4-dialog--sheet .c4-dialog__panel{border-radius:14px 14px 0 0}.c4-names,.c4-choice-grid{grid-template-columns:1fr}.c4-visitor{grid-template-columns:1fr;padding:18px}}@media (max-width:440px){.c4-app{padding:4px}.c4-window{min-height:calc(100dvh - 8px)}.c4-game{padding-inline:2px}}@media (min-width:861px) and (min-aspect-ratio:1001/1000){.c4-rec__grid{flex:1;grid-template-rows:auto minmax(0,1fr);min-height:0}.c4-rec__recent,.c4-rec__details{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2e3140 transparent;min-height:0;overflow:auto}}.c4-home{min-width:0;min-height:0;padding:calc(var(--u) * 24);flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.c4-home__bg{opacity:.2;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.c4-home__board{width:min(86%, calc(var(--u) * 860));transform:translateY(calc(var(--u) * 18)) scale(1.04)}.c4-home:after{content:"";pointer-events:none;background:radial-gradient(70% 62% at 50% 46%,#0c0d1259,#0c0d12e0 78%,#0c0d12);position:absolute;inset:0}.c4-home__fg{z-index:1;gap:calc(var(--u) * 22);width:min(calc(var(--u) * 820), 100%);animation:c4-rise .24s var(--c4-out) both;flex-direction:column;display:flex;position:relative}.c4-home__head{align-items:center;gap:calc(var(--u) * 6);text-align:center;flex-direction:column;display:flex}.c4-home__eyebrow{color:var(--c4-gold-2);font-size:calc(var(--u) * 12.5);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.c4-home__title{font-size:calc(var(--u) * 40);letter-spacing:-.015em;color:#fff;font-weight:650}.c4-home__summary{max-width:calc(var(--u) * 640);color:var(--c4-text-2);font-size:calc(var(--u) * 14.5)}.c4-home__primary{justify-content:center;gap:calc(var(--u) * 12);flex-wrap:wrap;display:flex}.c4-home__primary .c4-btn{min-width:calc(var(--u) * 230)}.c4-home__grid{grid-template-columns:repeat(auto-fit, minmax(calc(var(--u) * 185), 1fr));gap:calc(var(--u) * 10);display:grid}.c4-home__choice{align-items:flex-start;gap:calc(var(--u) * 12);min-height:calc(var(--u) * 74);padding:calc(var(--u) * 13) calc(var(--u) * 14);border-radius:calc(var(--u) * 10);color:var(--c4-text);text-align:left;transition:background-color .14s var(--c4-swap), border-color .14s var(--c4-swap), transform 90ms var(--c4-out);background:#161922e6;border:1px solid #2b2e3b;display:flex}.c4-home__choice svg{width:calc(var(--u) * 22);height:calc(var(--u) * 22);margin-top:calc(var(--u) * 1);color:var(--c4-purple-2);flex:none}.c4-home__choice span{gap:calc(var(--u) * 3);flex-direction:column;min-width:0;display:flex}.c4-home__choice b{font-size:calc(var(--u) * 14.5);font-weight:600}.c4-home__choice small{color:var(--c4-text-3);font-size:calc(var(--u) * 12.5);line-height:1.4}.c4-home__choice:hover:not(:disabled){border-color:var(--c4-select-edge);background:#1f1d35f2}.c4-home__choice:active:not(:disabled){transform:translateY(1px)}.c4-home__choice:disabled{opacity:.5}.c4-dialog--wide{width:min(880px,100vw - 32px);height:min(680px,92dvh - 44px);margin:calc(44px + 3dvh) auto auto;position:fixed;inset:0}.c4-dialog--wide .c4-dialog__panel{height:100%}.c4-dialog--wide .c4-dialog__body{gap:0;padding:0;overflow:hidden}.c4-dialog--wide .c4-saved{margin-left:auto;margin-right:4px}.c4-set{border-top:1px solid #262936;flex:1;grid-template-columns:228px minmax(0,1fr);min-height:0;display:grid}.c4-set__nav{background:#171a24;border-right:1px solid #262936;flex-direction:column;gap:2px;padding:10px 8px;display:flex;overflow:auto}.c4-set__tab{color:var(--c4-text-2);text-align:left;transition:background-color .14s var(--c4-swap), color .14s;background:0 0;border:0;border-radius:8px;align-items:flex-start;gap:10px;padding:9px 10px;display:flex}.c4-set__tab svg{width:17px;height:17px;color:var(--c4-text-3);flex:none;margin-top:1px}.c4-set__tab span{flex-direction:column;min-width:0;display:flex}.c4-set__tab b{font-weight:500}.c4-set__tab small{color:var(--c4-text-4);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.c4-set__tab:hover:not([aria-current]){color:#fff;background:#ffffff0a}.c4-set__tab[aria-current]{background:var(--c4-select);color:#fff;box-shadow:inset 0 0 0 1px #9678f04d}.c4-set__tab[aria-current] svg{color:#fff}.c4-set__tab[aria-current] small{color:#c9bdf2}.c4-set__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2e3140 transparent;flex-direction:column;gap:16px;min-height:0;padding:14px 20px 18px;animation:.16s both c4-fade;display:flex;overflow:auto}.c4-set__save{z-index:1;color:var(--c4-text-3);background:#1a1d28;border-top:1px solid #262936;align-items:center;gap:8px;margin:0 -20px -18px;padding:10px 20px;font-size:12.5px;display:flex;position:sticky;bottom:-18px}.c4-set__save>span{margin-right:auto}.c4-set__save[data-dirty]>span{color:var(--c4-warn)}.c4-set__save .c4-set__problem{color:var(--c4-danger)}.c4-radio-cards{grid-template-columns:1fr 1fr;gap:6px;display:grid}.c4-group__box>.c4-radio-cards{padding-block:10px}.c4-radio-card{cursor:pointer;transition:border-color .14s var(--c4-swap), background-color .14s var(--c4-swap);border:1px solid #2e3140;border-radius:9px;align-items:flex-start;gap:10px;padding:9px 11px;display:flex;position:relative}.c4-radio-card input{opacity:0;pointer-events:none;position:absolute}.c4-radio-card:before{content:"";border:1.5px solid #5a5e70;border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px;transition:border-color .14s,box-shadow .14s}.c4-radio-card[data-checked]{border-color:var(--c4-select-edge);background:#1f1d35}.c4-radio-card[data-checked]:before{border-color:var(--c4-purple);box-shadow:inset 0 0 0 3px #1f1d35, inset 0 0 0 8px var(--c4-purple)}.c4-radio-card:has(input:focus-visible){outline:2px solid var(--c4-focus);outline-offset:2px}.c4-radio-card:has(input:disabled){opacity:.55;cursor:default}.c4-radio-card span{flex-direction:column;gap:2px;display:flex}.c4-radio-card b{font-weight:500}.c4-radio-card small{color:var(--c4-text-3);font-size:12px}.c4-summary{flex-direction:column;gap:3px;display:flex}.c4-summary b{color:#fff;font-weight:500}.c4-summary small{color:var(--c4-text-3);font-size:12px}.c4-field-row>span{flex-direction:column;display:flex}.c4-field-row>span small{color:var(--c4-text-3);font-size:12px;font-weight:400}.c4-field-row--stack>span b{font-weight:500}.c4-field-row--stack select{min-width:132px}.c4-dialog .c4-qty--setting{border-radius:7px;grid-template-columns:30px 46px 30px;height:30px;margin-right:0}.c4-dialog .c4-qty--setting input{font-size:13.5px}.c4-dialog .c4-qty--setting button svg{width:14px;height:14px}.c4-cmd-edit{flex-direction:column;padding:0;list-style:none;display:flex}.c4-cmd-edit li{grid-template-columns:minmax(0,1fr) 170px 84px;align-items:center;gap:10px;padding-block:8px;display:grid}.c4-cmd-edit li+li{border-top:1px solid #23262f}.c4-cmd-edit li[data-off] .c4-cmd-edit__name{opacity:.5}.c4-cmd-edit__name{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.c4-cmd-edit__name small{color:var(--c4-text-3);font-size:12px}.c4-cmd-edit__always{color:var(--c4-text-4);justify-self:end;font-size:11.5px}.c4-command-word{width:100%;max-width:190px;color:var(--c4-text-3);flex-direction:column;gap:4px;margin-top:5px;font-size:11px;display:flex}.c4-command-word .c4-input{width:100%;min-width:0}.c4-toggle--bare{justify-content:flex-end;justify-self:end}.c4-dialog code,.c4-app code{color:#e3d9ff;white-space:nowrap;background:#a084f324;border-radius:5px;padding:1px 6px;font:600 12.5px/1.5 ui-monospace,SF Mono,Menlo,Consolas,monospace}.c4-fact-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.c4-fact-list span{flex-direction:column;min-width:0;display:flex}.c4-fact-list small{color:var(--c4-text-3);font-size:11.5px}.c4-fact-list b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.c4-preview{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:14px;display:grid}.c4-group__box>.c4-preview{padding-block:12px}.c4-preview__board{width:250px}.c4-preview__side{align-items:center;min-height:64px;display:flex}.c4-preview__side .c4-fx-card{width:100%}.c4-preview__list{flex-wrap:wrap;gap:6px;display:flex}.c4-post__inline{color:var(--c4-text-2)}.c4-lead .c4-link{color:var(--c4-purple-2);text-decoration-color:#a084f373}.c4-help,.c4-guide{flex-direction:column;gap:16px;display:flex}.c4-help .c4-levels button{justify-content:center;align-items:center;gap:6px;min-width:120px;display:inline-flex}.c4-cmd-list{flex-direction:column;padding:0;list-style:none;display:flex}.c4-cmd{grid-template-columns:minmax(118px,34%) minmax(0,1fr);gap:12px;padding-block:8px;display:grid}.c4-cmd+.c4-cmd{border-top:1px solid #23262f}.c4-cmd[data-off]{opacity:.5}.c4-cmd__forms{flex-wrap:wrap;align-content:flex-start;gap:4px;display:flex}.c4-cmd__what{flex-direction:column;gap:2px;display:flex}.c4-cmd__what b{font-weight:500}.c4-cmd__what small{color:var(--c4-text-3);font-size:12px}.c4-cmd__what .c4-cmd__context{color:#d6c7ff}.c4-post{justify-content:space-between;align-items:center;gap:12px;display:flex}.c4-post p{color:var(--c4-text)}.c4-pre{max-height:220px;color:var(--c4-text-2);white-space:pre-wrap;background:#11131b;border-radius:8px;margin:6px 0 8px;padding:10px 12px;font:12px/1.55 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:auto}.c4-feed{flex-direction:column;padding:0;list-style:none;display:flex}.c4-feed li{grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:8px;padding-block:7px;display:grid}.c4-feed li+li{border-top:1px solid #23262f}.c4-feed__kind{color:var(--c4-text-2);background:#ffffff12;border-radius:99px;padding:0 7px;font-size:11px;font-weight:600}.c4-feed li:is([data-kind=queued],[data-kind=accepted]) .c4-feed__kind{color:var(--c4-green);background:#3ad45c24}.c4-feed li:is([data-kind=blocked],[data-kind=disabled]) .c4-feed__kind{color:var(--c4-danger);background:#ff8f8f1f}.c4-feed li:is([data-kind=stale],[data-kind=malformed],[data-kind=wrongTurn],[data-kind=unavailable]) .c4-feed__kind{color:var(--c4-warn);background:#ffc86b1f}.c4-feed small{color:var(--c4-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.c4-sb__note--hint{align-items:center;gap:calc(var(--u) * 7);max-width:calc(var(--u) * 480);color:var(--c4-text-2);display:inline-flex}.c4-sb__note--hint svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15);color:var(--c4-purple-2)}.c4-sb__note--chat{color:var(--c4-text-2)}.c4-sb__note--chat b{color:#fff;font-weight:600}.c4-sb__note--chat:is([data-kind=blocked],[data-kind=disabled]){color:var(--c4-danger)}.c4-sb__note--chat:is([data-kind=wrongTurn],[data-kind=stale],[data-kind=malformed],[data-kind=unavailable]){color:var(--c4-warn)}.c4-panel{position:relative}.c4-fx-stack{top:calc(var(--u) * 10);left:calc(var(--u) * 10);right:calc(var(--u) * 10);z-index:5;gap:calc(var(--u) * 8);pointer-events:none;flex-direction:column;display:flex;position:absolute}.c4-fx-stack:empty{display:none}.c4-fx-card{align-items:center;gap:calc(var(--u) * 12);padding:calc(var(--u) * 11) calc(var(--u) * 13);border:1px solid var(--fx-edge,#3a3e4c);border-radius:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 26) #00000073;animation:c4-fx-card-in .22s var(--c4-emph) both;background:linear-gradient(#212432,#1b1e29);display:flex}.c4-fx-card__icon{width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 9);background:var(--fx-soft,#a084f329);color:var(--fx-ink,#d6c7ff);flex:none;place-items:center;display:grid}.c4-fx-card__icon svg{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}.c4-fx-card__text{gap:calc(var(--u) * 2);min-width:0;animation:c4-text-in .2s var(--c4-out) both;flex-direction:column;display:flex}.c4-fx-card__text b{font-size:calc(var(--u) * 14);color:#fff;font-weight:600}.c4-fx-card__text small{color:var(--c4-text-2);font-size:calc(var(--u) * 12.5);line-height:1.4}.c4-fx-card[data-pending]{border-style:dashed}.c4-fx-more{padding:0 calc(var(--u) * 8);color:var(--c4-text-3);font-size:calc(var(--u) * 11.5);background:#161922eb;border-radius:99px;align-self:flex-end}.c4-dialog .c4-fx-card{border-radius:10px;gap:12px;padding:10px 12px}.c4-dialog .c4-fx-card__icon{border-radius:8px;width:32px;height:32px}.c4-dialog .c4-fx-card__icon svg{width:17px;height:17px}.c4-dialog .c4-fx-card__text b{font-size:13.5px}.c4-dialog .c4-fx-card__text small{font-size:12px}:is(.c4-fx-card,.c4-fx)[data-tone=power]{--fx:#a084f3;--fx-soft:#a084f329;--fx-ink:#d6c7ff;--fx-edge:#a084f380}:is(.c4-fx-card,.c4-fx)[data-tone=success]{--fx:#3ad45c;--fx-soft:#3ad45c24;--fx-ink:#8af0a0;--fx-edge:#3ad45c73}:is(.c4-fx-card,.c4-fx)[data-tone=warn]{--fx:#ffc86b;--fx-soft:#ffc86b24;--fx-ink:#ffd99a;--fx-edge:#ffc86b73}:is(.c4-fx-card,.c4-fx)[data-tone=shield]{--fx:#49dde0;--fx-soft:#49dde024;--fx-ink:#9ff0f1;--fx-edge:#49dde073}:is(.c4-fx-card,.c4-fx)[data-tone=gold]{--fx:#f2c14e;--fx-soft:#f2c14e29;--fx-ink:#ffe08f;--fx-edge:#f2c14e80}:is(.c4-fx-card,.c4-fx)[data-tone=neutral]{--fx:#9a9eac;--fx-soft:#ffffff12;--fx-ink:var(--c4-text-2);--fx-edge:#3a3e4c}.c4-board__fx{z-index:2;pointer-events:none;clip-path:inset(calc(36 * var(--k)) 0 calc(18 * var(--k)) 0);position:absolute;inset:0}.c4-fx{opacity:0;position:absolute;top:0;left:0}.c4-fx--cell{width:calc(72 * var(--k));height:calc(72 * var(--k));transform:translate3d(calc((var(--x) - 36) * var(--k)), calc((var(--y) - 36) * var(--k)), 0);animation:c4-fx-ring 1.1s var(--c4-out) both}.c4-fx--cell:before{content:"";inset:calc(2 * var(--k));border:max(2px, calc(3.5 * var(--k))) solid var(--fx);box-shadow:0 0 calc(16 * var(--k)) var(--fx);border-radius:50%;position:absolute}.c4-fx--column{width:calc(68 * var(--k));height:calc(412 * var(--k));border-radius:calc(34 * var(--k));background:linear-gradient(180deg, transparent, var(--fx-soft) 18%, var(--fx-soft) 82%, transparent);box-shadow:inset 0 0 0 max(1.5px, calc(2 * var(--k))) var(--fx-edge);transform:translate3d(calc((var(--x) - 34) * var(--k)), calc(41 * var(--k)), 0);animation:c4-fx-glow 1.2s var(--c4-swap) both}.c4-fx--sweep{left:calc(54 * var(--k));top:calc(40 * var(--k));width:calc(524 * var(--k));height:calc(414 * var(--k));opacity:1;overflow:hidden}.c4-fx--sweep:before{content:"";background:linear-gradient(100deg, transparent, var(--fx-soft) 40%, #ffffff1f 50%, var(--fx-soft) 60%, transparent);width:34%;animation:c4-fx-sweep 1s var(--c4-swap) both;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120%)skew(-12deg)}.c4-pcard[data-fx]:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 0 0 calc(var(--u) * 2) var(--fx), 0 0 calc(var(--u) * 22) var(--fx-soft);opacity:0;animation:c4-fx-glow 1.3s var(--c4-swap) both;position:absolute;inset:-1px}.c4-pcard[data-fx=power]{--fx:#a084f3;--fx-soft:#a084f359}.c4-pcard[data-fx=success]{--fx:#3ad45c;--fx-soft:#3ad45c4d}.c4-pcard[data-fx=shield]{--fx:#49dde0;--fx-soft:#49dde04d}.c4-pcard[data-fx=warn]{--fx:#ffc86b;--fx-soft:#ffc86b4d}[data-intensity=subtle] :is(.c4-fx--cell,.c4-fx--column){--fx-soft:#ffffff0f}[data-intensity=subtle] .c4-fx--cell:before{box-shadow:none;border-width:max(1.5px, calc(2.5 * var(--k)))}[data-intensity=subtle] .c4-fx--sweep{display:none}[data-intensity=subtle] .c4-fx-card{box-shadow:none;background:#1b1e29}[data-intensity=subtle] .c4-pcard[data-fx]:after{box-shadow:0 0 0 calc(var(--u) * 1.5) var(--fx)}@keyframes c4-fx-card-in{0%{opacity:0;transform:translateY(calc(var(--u,1px) * -6)) scale(.985)}}@keyframes c4-fx-ring{0%{opacity:0;transform:translate3d(calc((var(--x) - 36) * var(--k)), calc((var(--y) - 36) * var(--k)), 0) scale(1.3)}25%,75%{opacity:1;transform:translate3d(calc((var(--x) - 36) * var(--k)), calc((var(--y) - 36) * var(--k)), 0) scale(1)}to{opacity:0;transform:translate3d(calc((var(--x) - 36) * var(--k)), calc((var(--y) - 36) * var(--k)), 0) scale(1)}}@keyframes c4-fx-glow{0%{opacity:0}22%,70%{opacity:1}to{opacity:0}}@keyframes c4-fx-sweep{to{transform:translate(380%)skew(-12deg)}}.c4-board[data-reduce-motion] .c4-fx,.studio[data-reduce-motion] .c4-pcard[data-fx]:after{opacity:.7;animation:none!important}.c4-board[data-reduce-motion] .c4-fx--sweep{display:none}.studio[data-reduce-motion] :is(.c4-fx-card,.c4-fx-card__text,.c4-home__fg,.c4-set__body){animation:none}@media (prefers-reduced-motion:reduce){.c4-app .c4-fx,.c4-app .c4-pcard[data-fx]:after,.c4-dialog .c4-fx{opacity:.7;animation:none!important}.c4-app .c4-fx--sweep,.c4-dialog .c4-fx--sweep{display:none}}@media (max-width:860px),(max-aspect-ratio:1){.c4-home{align-items:start;padding:18px 12px 24px}.c4-home__title{font-size:28px}.c4-home__summary{font-size:14px}.c4-home__eyebrow{font-size:11.5px}.c4-home__fg{gap:18px}.c4-home__primary .c4-btn{flex:100%;min-width:0}.c4-home__grid{grid-template-columns:1fr 1fr;gap:8px}.c4-home__choice{gap:10px;min-height:72px;padding:12px}.c4-home__choice svg{width:20px;height:20px}.c4-home__choice b{font-size:14px}.c4-home__choice small{font-size:12.5px}.c4-dialog--wide{width:100vw;height:92dvh;margin:auto auto 0}.c4-dialog--wide .c4-dialog__panel{border-radius:14px 14px 0 0}.c4-set{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.c4-set__nav{scrollbar-width:none;border-bottom:1px solid #262936;border-right:0;flex-direction:row;gap:4px;padding:8px;overflow-x:auto}.c4-set__tab{flex:none;align-items:center;min-height:44px}.c4-set__tab small{display:none}.c4-set__body{padding:12px 14px 16px}.c4-set__save{margin:0 -14px -16px;padding:10px 14px;bottom:-16px}.c4-radio-cards{grid-template-columns:1fr}.c4-cmd-edit li{grid-template-columns:minmax(0,1fr) auto}.c4-cmd-edit__alias{grid-area:2/1/auto/-1}.c4-cmd-edit__gap{display:none}.c4-cmd{grid-template-columns:1fr;gap:4px}.c4-fact-list{grid-template-columns:1fr 1fr}.c4-preview{grid-template-columns:1fr}.c4-preview__board{width:100%;max-width:320px}.c4-post{flex-direction:column;align-items:stretch}.c4-fx-stack{padding:8px 8px 0;position:static}.c4-fx-card{padding:10px 12px}.c4-fx-card__text b{font-size:14px}.c4-fx-card__text small{font-size:13px}.c4-fx-card__icon{width:32px;height:32px}.c4-fx-card__icon svg{width:17px;height:17px}}.c4-power-demo{min-width:0}.c4-power-demo__owners{flex-wrap:wrap;justify-content:center;gap:16px;padding:12px 0;display:flex}.c4-power-demo__owners>span{color:var(--c4-text);align-items:center;gap:8px;display:flex}.c4-power-demo__owners .c4-swatch{width:18px;height:18px}.c4-power-instruction{color:#f5f2e9;overflow-wrap:anywhere;background:#171a24;border:1px solid #8d7137;border-radius:10px;min-width:0;margin:8px 0;padding:10px 14px;animation:.18s ease-out both c4-power-instruction-enter}.c4-power-instruction__heading{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.c4-power-instruction__heading>span{letter-spacing:.08em;text-transform:uppercase;color:#dfbf70;font-size:10px;font-weight:750;line-height:1.3}.c4-power-instruction__heading>strong{font-size:max(20px,calc(var(--u)*25));color:#fff;font-weight:800;line-height:1.25}.c4-power-instruction p{color:#e4e5ee;margin:4px 0 0;font-size:13px;line-height:1.4}.c4-power-instruction .c4-power-instruction__next{color:#fff;font-size:max(19px,calc(var(--u)*24));margin-top:8px;font-weight:800;line-height:1.25}.c4-power-instruction__next>b{color:#ffdb83}.c4-power-instruction__actions,.c4-next-step__actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}@keyframes c4-power-instruction-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.c4-power-instruction{animation:none}}.c4-output__stage[data-reduced-motion] .c4-power-instruction,.c4-app[data-reduced-motion] .c4-power-instruction{animation:none}.c4-online-rules{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.c4-online-rules .c4-note{align-items:flex-start;gap:7px;display:flex}.c4-online-rules .c4-note svg{flex:none;margin-top:2px}.c4-online-rules-card{margin:16px 0;padding:18px}.c4-online-rules-card h2{margin:0 0 14px;font-size:16px}.c4-match-rules-summary{color:var(--c4-text-2);flex-wrap:wrap;gap:12px;font-size:14px;display:flex}.c4-match-rules-summary b{color:var(--c4-text)}.c4-online-discovery{margin:18px 0;padding:18px}.c4-online-discovery>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.c4-online-discovery h2{align-items:center;gap:8px;margin:0;font-size:17px;display:flex}.c4-online-people{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.c4-online-people li{border-top:1px solid var(--c4-border,#333746);align-items:center;gap:12px;min-width:0;padding-top:12px;display:flex}.c4-online-people .c4-portrait{flex:none;width:42px;height:42px}.c4-online-people li>span{flex:1;gap:3px;min-width:0;display:grid}.c4-online-people b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.c4-online-people small{color:var(--c4-text-2);font-size:12px}.c4-online-people small i{background:#77cb99;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.c4-short-code{grid-template-columns:1fr auto;align-items:center;gap:6px 20px;margin:16px 0;display:grid}.c4-short-code>span,.c4-short-code small{color:var(--c4-text-2);grid-column:1/-1;font-size:13px}.c4-short-code strong{letter-spacing:.14em;font-variant-numeric:tabular-nums;color:#fff;font-size:44px;line-height:1.2}.c4-join-code{min-height:48px;font-size:20px}.c4-online-live{gap:8px;margin-bottom:18px;display:grid}.c4-online-votes{background:#11141e;border:1px solid #343847;border-radius:9px;margin:12px 0 18px;padding:12px}.c4-online-votes p{color:#e1e3ed;margin:0 0 10px;font-size:13px;line-height:1.45}.c4-online-votes ol{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.c4-online-votes li{text-align:center;gap:4px;display:grid}.c4-online-votes li>b{color:#fff;font-size:18px}.c4-online-votes li>span{color:#bfc5d6;font-size:10px}