@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-vietnamese-wght-normal-B-JM5mJH.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-ext-wght-normal-EP2r9iG4.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders Display Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/big-shoulders-display-latin-wght-normal-Bn_gnr7w.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-vietnamese-wdth-normal-rJmnGBSt.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-ext-wdth-normal-7khWdh9v.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(/assets/archivo-latin-wdth-normal-DY7AcnAa.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--merah:#f7263b;--merah-gelap:#a3101f;--biru:#2b4bff;--biru-gelap:#1426a3;--kuning:#ffd60a;--dakwat:#12101a;--kapur:#fff;--kabus:#ecebf2;--kelabu:#8d8a9c;--display:"Big Shoulders Display Variable", "Impact", "Arial Narrow", sans-serif;--body:"Archivo Variable", system-ui, sans-serif;--garis:4px;--spring:cubic-bezier(.3, 1.5, .5, 1);--pantas:cubic-bezier(.2, .9, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--kapur);color:var(--dakwat);font-family:var(--body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}a.btn,a.tool{text-decoration:none}:focus-visible{outline:4px solid var(--kuning);outline-offset:3px;box-shadow:0 0 0 7px var(--dakwat)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-weight:900;line-height:.82}.label{font-family:var(--body);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.8rem;font-weight:750;font-stretch:118%}.btn{border:var(--garis) solid var(--dakwat);background:var(--kapur);color:var(--dakwat);text-transform:uppercase;letter-spacing:.04em;box-shadow:6px 6px 0 var(--dakwat);transition:transform .12s var(--pantas), box-shadow .12s var(--pantas);justify-content:center;align-items:center;gap:.5em;padding:.7em 1.3em;font-weight:800;font-stretch:112%;display:inline-flex}.btn:hover{box-shadow:8px 8px 0 var(--dakwat);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--dakwat);transform:translate(4px,4px)}.btn[disabled]{cursor:not-allowed;opacity:.45;transform:none}.btn-ink{background:var(--dakwat);color:var(--kuning);box-shadow:6px 6px 0 var(--kuning)}.btn-ink:hover{box-shadow:8px 8px 0 var(--kuning)}.btn-ink:active{box-shadow:2px 2px 0 var(--kuning)}.btn-ghost{color:inherit;box-shadow:none;background:0 0;border-color:currentColor}.btn-ghost:hover,.btn-ghost:active{box-shadow:none}.landing{max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,56px) clamp(16px,4vw,48px) 64px}.landing-head{border-bottom:8px solid var(--dakwat);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;padding-bottom:20px;display:flex}.wordmark{font-size:clamp(5rem,17vw,12.5rem)}.wordmark .x{background:linear-gradient(90deg, var(--merah) 50%, var(--biru) 50%);color:#0000;-webkit-background-clip:text;background-clip:text}.tagline{max-width:22ch;margin:0 0 .4em;font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:700;font-stretch:105%;line-height:1.15}.landing-section{margin-top:clamp(28px,5vw,56px)}.landing-section>.label{align-items:center;gap:12px;margin-bottom:16px;display:flex}.landing-section>.label:after{content:"";height:var(--garis);background:var(--dakwat);flex:1}.feature{border:6px solid var(--dakwat);box-shadow:12px 12px 0 var(--dakwat);background:linear-gradient(90deg, var(--merah) 50%, var(--biru) 50%);color:var(--kapur);min-height:420px;display:grid;position:relative;overflow:hidden}.feature-rope{background:var(--dakwat);height:14px;position:absolute;bottom:92px;left:0;right:0}.feature-knot{background:var(--kuning);border:6px solid var(--dakwat);width:36px;height:36px;margin-left:-18px;animation:2.4s ease-in-out infinite tug;position:absolute;bottom:81px;left:50%;transform:rotate(45deg)}@keyframes tug{0%,to{translate:-26px}50%{translate:26px}}.feature-body{flex-direction:column;gap:18px;padding:clamp(20px,4vw,44px) clamp(20px,4vw,44px) 150px;display:flex;position:relative}.feature-title{-webkit-text-stroke:3px var(--dakwat);paint-order:stroke fill;text-shadow:6px 6px 0 var(--dakwat);font-size:clamp(4.5rem,13vw,10rem)}.feature-blurb{max-width:40ch;margin:0;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:600;line-height:1.35}.options{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.option-group{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.option-group legend{float:left;margin-right:6px}.pill{border:3px solid var(--kapur);color:var(--kapur);background:0 0;border-radius:999px;padding:.35em .9em;font-weight:800}.pill[aria-pressed=true]{background:var(--kapur);color:var(--dakwat);border-color:var(--dakwat)}.feature-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:absolute;bottom:26px;left:clamp(20px,4vw,44px);right:clamp(20px,4vw,44px)}.feature-actions .btn{font-size:1.25rem}.form-error{background:var(--kuning);color:var(--dakwat);margin:0;padding:6px 12px;font-weight:700}.soon-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.soon{border:var(--garis) solid var(--dakwat);background:var(--kabus);flex-direction:column;gap:10px;min-height:210px;padding:22px 20px 20px;display:flex;overflow:hidden}.soon h3{color:var(--dakwat);font-size:2.6rem}.soon p{color:#4b4858;margin:0;line-height:1.4}.soon .label{color:#4b4858;font-size:.72rem}.tape{background:repeating-linear-gradient(-45deg, var(--kuning) 0 14px, var(--dakwat) 14px 28px);border-block:3px solid var(--dakwat);text-align:center;margin:-22px -30px 6px;padding:4px 0;transform:rotate(-2.5deg)}.tape span{background:var(--kuning);padding:0 6px;font-size:.68rem}.landing-foot{border-top:var(--garis) solid var(--dakwat);margin-top:48px;padding-top:20px}.code-form{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.code-input{width:6.2ch;font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;border:var(--garis) solid var(--dakwat);background:var(--kapur);padding:4px 10px;font-size:2.2rem;font-weight:900}.stage-wrap{background:var(--dakwat);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stage{background:var(--kuning);width:min(100vw,177.78vh);height:min(56.25vw,100vh);color:var(--dakwat);position:relative;overflow:hidden;container-type:size}.stage-center{text-align:center;place-content:center;gap:2cqh;padding:4cqw;display:grid;position:absolute;inset:0}.stage-center .display{font-size:7cqw}.stage-center p{margin:0;font-size:1.6cqw;font-weight:600}.stage-center>p{justify-self:center;max-width:60ch}.notice-actions{justify-content:center;gap:1.5cqw;margin-top:1cqh;display:flex}.stage .btn{box-shadow:.45cqw .45cqw 0 var(--dakwat);border-width:.3cqw;font-size:1.5cqw}.stage .btn-ink{box-shadow:.45cqw .45cqw 0 var(--kuning)}.toolbar{z-index:40;gap:.6cqw;transition:opacity .3s;display:flex;position:absolute;bottom:1.4cqh;left:1cqw}.toolbar.is-idle{opacity:0;pointer-events:none}.tool{border:.2cqw solid var(--dakwat);background:var(--kapur);color:var(--dakwat);text-transform:uppercase;letter-spacing:.05em;padding:.5cqh .8cqw;font-size:.95cqw;font-weight:800;font-stretch:112%}.lobby{grid-template-columns:34cqw 1fr;gap:3cqw;padding:3.5cqh 3cqw 3cqh;display:grid;position:absolute;inset:0}.lobby-join{flex-direction:column;gap:1.6cqh;display:flex}.qr{background:var(--kapur);border:.5cqw solid var(--dakwat);box-shadow:.8cqw .8cqw 0 var(--dakwat);aspect-ratio:1;padding:1cqw}.qr svg{width:100%;height:100%;display:block}.lobby-join .label{font-size:1.15cqw}.join-url{word-break:break-all;margin:0;font-size:1.7cqw;font-weight:700}.join-url b{background:var(--dakwat);color:var(--kuning);padding:0 .4cqw;font-weight:900}.lobby-main{flex-direction:column;gap:2cqh;min-height:0;display:flex}.lobby-head{border-bottom:.5cqh solid var(--dakwat);justify-content:space-between;align-items:flex-end;gap:2cqw;padding-bottom:1.5cqh;display:flex}.lobby-head .label{margin-bottom:.8cqh;font-size:1.1cqw}.lobby-title{font-size:7.5cqw}.room-code{text-align:right}.room-code .display{letter-spacing:.06em;font-size:7.5cqw}.teams{flex:1;grid-template-columns:1fr 1fr;gap:1.5cqw;min-height:0;display:grid}.team-panel{border:.35cqw solid var(--dakwat);min-height:0;color:var(--kapur);flex-direction:column;gap:1.2cqh;padding:1.4cqh 1.2cqw;display:flex}.team-panel.merah{background:var(--merah)}.team-panel.biru{background:var(--biru)}.team-head{justify-content:space-between;align-items:baseline;gap:1cqw;display:flex}.team-head .display{font-size:3.6cqw}.team-head .count{font-family:var(--display);font-size:3.6cqw;font-weight:900;line-height:.8}.team-head .label{font-size:.9cqw}.chips{flex-wrap:wrap;flex:1;align-content:flex-start;gap:.6cqw;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.chip{background:var(--kapur);color:var(--dakwat);border:.2cqw solid var(--dakwat);animation:drop-in .5s var(--spring) both;align-items:center;gap:.4cqw;padding:.35cqh .6cqw;font-size:1.15cqw;font-weight:750;display:inline-flex}.chip:before{content:"";border:.15cqw solid var(--dakwat);background:var(--kapur);border-radius:50%;width:.7cqw;height:.7cqw}.chip.is-ready:before{background:#18c964}.chip.is-away{opacity:.45}.chip-kick{opacity:0;background:0 0;border:0;padding:0 0 0 .2cqw;font-size:1.1cqw;font-weight:900;line-height:1}.chip:hover .chip-kick,.chip-kick:focus-visible{opacity:1}@keyframes drop-in{0%{opacity:0;transform:translateY(-140%)rotate(-8deg)}}.chips-more{align-self:center;font-size:1.15cqw;font-weight:800}.lobby-foot{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.lobby-foot p{margin:0;font-size:1.5cqw;font-weight:700}.lobby-foot .lobby-hint{margin-top:.6cqh;font-size:1.15cqw;font-weight:600}.lobby-foot .btn{padding:1cqh 3cqw;font-size:2.4cqw}.field{background:linear-gradient(90deg, var(--merah) 50%, var(--biru) 50%);position:absolute;inset:0;overflow:hidden}.chevrons{height:38cqh;animation:chev-right var(--speed,1s) linear infinite;pointer-events:none;background-repeat:repeat-x;background-size:12cqw 100%;position:absolute;top:24cqh;left:-12cqw;right:-12cqw}.chevrons-right{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M30 8 L72 50 L30 92' fill='none' stroke='white' stroke-opacity='.17' stroke-width='15'/%3E%3C/svg%3E")}.chevrons-left{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M70 8 L28 50 L70 92' fill='none' stroke='white' stroke-opacity='.17' stroke-width='15'/%3E%3C/svg%3E");animation-name:chev-left}.chevrons-none{display:none}@keyframes chev-right{to{transform:translate(12cqw)}}@keyframes chev-left{to{transform:translate(-12cqw)}}.centre-mark{background:#ffffff59;width:.3cqw;margin-left:-.15cqw;position:absolute;top:21cqh;bottom:9cqh;left:50%}.winline{background:repeating-linear-gradient(var(--kapur) 0 2.2cqh, transparent 2.2cqh 4cqh);width:.45cqw;margin-left:-.225cqw;position:absolute;top:21cqh;bottom:9cqh}.winline-merah{left:20%}.winline-biru{left:80%}.winline span{white-space:nowrap;background:var(--dakwat);color:var(--kapur);text-transform:uppercase;letter-spacing:.06em;padding:.4cqh .7cqw;font-size:.95cqw;font-weight:800;font-stretch:112%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.field[data-near-win=merah] .winline-merah,.field[data-near-win=biru] .winline-biru{background:var(--kuning);box-shadow:0 0 0 .3cqw var(--dakwat);animation:.35s steps(2,jump-none) infinite blink}.field[data-near-win=merah] .winline-merah span,.field[data-near-win=biru] .winline-biru span{background:var(--kuning);color:var(--dakwat)}@keyframes blink{50%{opacity:.35}}.rope{--rope-period:calc(1.6cqw / .9063);background:repeating-linear-gradient(115deg, transparent 0 1.1cqw, #ffffff29 1.1cqw 1.6cqw), var(--dakwat);height:2.2cqh;margin-top:-1.1cqh;position:absolute;top:50%;left:0;right:0}.rope-left{animation:rope-left calc(var(--speed,1s) / 4) linear infinite}.rope-right{animation:rope-right calc(var(--speed,1s) / 4) linear infinite}@keyframes rope-left{to{background-position-x:calc(var(--rope-period) * -1)}}@keyframes rope-right{to{background-position-x:var(--rope-period)}}.trail{background:repeating-linear-gradient(-45deg, var(--kuning) 0 1cqw, var(--dakwat) 1cqw 2cqw);border-block:.35cqh solid var(--dakwat);height:4.4cqh;transition:left .22s var(--spring), width .22s var(--spring);margin-top:-2.2cqh;position:absolute;top:50%}.knot-track{transition:transform .22s var(--spring);will-change:transform;pointer-events:none;position:absolute;inset:0}.ribbon{background:var(--kapur);width:.7cqw;box-shadow:0 0 0 .25cqw var(--dakwat);margin-left:-.35cqw;position:absolute;top:21cqh;bottom:9cqh;left:50%}.knot{background:var(--kuning);border:.6cqw solid var(--dakwat);width:4.2cqw;height:4.2cqw;margin:-2.1cqw 0 0 -2.1cqw;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.hud{color:var(--kapur);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;padding:2.4cqh 2.4cqw 0;display:grid;position:absolute;top:0;left:0;right:0}.hud-team .display{-webkit-text-stroke:.25cqw var(--dakwat);paint-order:stroke fill;font-size:6.4cqw}.hud-team .label{margin-top:1.2cqh;font-size:1.15cqw}.hud-biru{text-align:right}.pips{gap:.6cqw;margin-top:1.4cqh;display:flex}.hud-biru .pips{justify-content:flex-end}.pip{border:.3cqw solid var(--dakwat);background:var(--kapur);border-radius:50%;width:1.6cqw;height:1.6cqw}.pip.is-won{background:var(--kuning)}.hud-clock{text-align:center}.clock{font-family:var(--display);color:var(--kuning);-webkit-text-stroke:.4cqw var(--dakwat);paint-order:stroke fill;font-variant-numeric:tabular-nums;font-size:9cqw;font-weight:900;line-height:.8;display:block}.clock.is-hot{animation:.5s ease-in-out infinite alternate hot}@keyframes hot{to{transform:scale(1.12)}}.hud-clock .label{background:var(--dakwat);color:var(--kuning);margin-top:1.2cqh;padding:.4cqh .8cqw;font-size:1.15cqw;display:inline-block}.ticker{background:var(--kuning);border-top:.45cqh solid var(--dakwat);white-space:nowrap;align-items:center;gap:1.6cqw;padding:1.2cqh 2.4cqw;font-size:1.55cqw;font-weight:750;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ticker .label{background:var(--dakwat);color:var(--kuning);padding:.5cqh .8cqw;font-size:1.1cqw}.ticker ol{gap:2cqw;margin:0;padding:0;list-style:none;display:flex}.ticker li{align-items:center;gap:.5cqw;display:inline-flex}.dot{border:.18cqw solid var(--dakwat);border-radius:50%;flex:none;width:1cqw;height:1cqw}.dot.merah{background:var(--merah)}.dot.biru{background:var(--biru)}.ticker b{font-family:var(--display);font-size:2cqw;font-weight:900;line-height:1}.countdown,.go-flash{pointer-events:none;z-index:20;place-items:center;display:grid;position:absolute;inset:0}.countdown{background:#12101a8c}.countdown span{font-family:var(--display);color:var(--kuning);-webkit-text-stroke:1.4cqh var(--dakwat);paint-order:stroke fill;text-shadow:2cqh 2cqh 0 var(--dakwat);animation:slam .55s var(--spring) both;font-size:46cqh;font-weight:900;line-height:.8}@keyframes pop{0%{opacity:0;transform:scale(1.35)}}@keyframes slam{0%{opacity:0;transform:scale(3.2)rotate(-8deg)}55%{opacity:1}}.go-flash span{font-family:var(--display);text-transform:uppercase;color:var(--kapur);-webkit-text-stroke:1cqh var(--dakwat);paint-order:stroke fill;text-shadow:1.4cqh 1.4cqh 0 var(--dakwat);animation:go .9s var(--pantas) both;font-size:22cqh;font-weight:900}@keyframes go{0%{opacity:0;transform:scale(.4)rotate(6deg)}25%{opacity:1;transform:scale(1.1)rotate(-3deg)}75%{opacity:1;transform:scale(1)rotate(-3deg)}to{opacity:0;transform:scale(1.6)}}.result{z-index:30;color:var(--kapur);animation:wipe-left .6s var(--pantas) both;grid-template-columns:1.1fr 1fr;align-items:center;gap:3cqw;padding:6cqh 4cqw;display:grid;position:absolute;inset:0}.result.merah{background:var(--merah)}.result.biru{background:var(--biru);animation-name:wipe-right}.result.seri{background:var(--dakwat);color:var(--kuning);animation-name:wipe-up}@keyframes wipe-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes wipe-right{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}@keyframes wipe-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.result-head .label{background:var(--dakwat);color:var(--kuning);padding:.6cqh 1cqw;font-size:1.4cqw;display:inline-block}.result-title{-webkit-text-stroke:.35cqw var(--dakwat);paint-order:stroke fill;text-shadow:.7cqw .7cqw 0 var(--dakwat);margin:2cqh 0;font-size:13cqw}.result.seri .result-title{-webkit-text-stroke:0;text-shadow:none}.result-score{font-family:var(--display);text-transform:uppercase;margin:0 0 3.5cqh;font-size:4.2cqw;font-weight:900}.result-actions{gap:1.5cqw;display:flex}.result-actions .btn{font-size:1.8cqw}.board{background:var(--kapur);color:var(--dakwat);border:.45cqw solid var(--dakwat);box-shadow:.9cqw .9cqw 0 var(--dakwat);padding:2.4cqh 2cqw}.board h3{margin-bottom:1.6cqh;font-size:1.2cqw}.board ol{counter-reset:pos;gap:.8cqh;margin:0;padding:0;list-style:none;display:grid}.board.two-col ol{grid-template-rows:repeat(5,auto);grid-template-columns:1fr 1fr;grid-auto-flow:column;column-gap:2cqw}.board li{counter-increment:pos;border-bottom:.15cqw solid var(--kabus);grid-template-columns:2.6cqw auto 1fr auto;align-items:center;gap:.7cqw;padding-bottom:.6cqh;font-size:1.6cqw;font-weight:700;display:grid}.board li:before{content:counter(pos);font-family:var(--display);font-size:2.4cqw;font-weight:900;line-height:1}.board li:first-child:before{color:var(--merah)}.board li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board li b{font-family:var(--display);font-size:2.2cqw;font-weight:900;line-height:1}.board-empty{margin:0;font-size:1.4cqw}.phone{--team:var(--kuning);--ink:var(--dakwat);background:var(--team);min-height:100dvh;color:var(--ink);padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;overflow:hidden}.phone[data-team=merah]{--team:var(--merah);--ink:var(--kapur)}.phone[data-team=biru]{--team:var(--biru);--ink:var(--kapur)}.phone[data-team=dakwat]{--team:var(--dakwat);--ink:var(--kuning)}.phone-top{justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;display:flex}.phone-top .display{font-size:1.6rem}.phone-main{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:18px;padding:20px 0;display:flex}.phone-bottom{text-align:center;flex-direction:column;gap:12px;display:flex}.phone .big{font-size:clamp(4.5rem,27vw,9rem)}.phone .huge{font-size:clamp(7rem,50vw,16rem)}.phone .mid{font-size:clamp(2.6rem,14vw,4.5rem)}.phone p{margin:0;font-size:1.05rem;font-weight:600;line-height:1.35}.phone .stroke{-webkit-text-stroke:3px var(--dakwat);paint-order:stroke fill;text-shadow:5px 5px 0 var(--dakwat)}.phone .btn{width:100%;padding:.9em 1em;font-size:1.35rem}.phone .btn-team{background:var(--kapur);color:var(--dakwat)}.name-input{border:var(--garis) solid var(--dakwat);background:var(--kapur);width:100%;color:var(--dakwat);border-radius:0;padding:14px 16px;font-size:1.6rem;font-weight:800}.side-sign{background:var(--dakwat);color:var(--kuning);text-transform:uppercase;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-size:1rem;font-weight:800;font-stretch:110%;display:flex}.side-sign .arrow{font-family:var(--display);font-size:2rem;font-weight:900;line-height:.8;animation:.8s ease-in-out infinite alternate nudge}@keyframes nudge{to{translate:var(--nudge,-8px) 0}}.meter{border:3px solid var(--dakwat);background:var(--kapur);height:22px;overflow:hidden}.meter>div{background:var(--kuning);border-right:3px solid var(--dakwat);height:100%;transition:width .15s var(--pantas)}.pull-hint{text-align:left;background:var(--kapur);color:var(--dakwat);border:3px solid var(--dakwat);align-items:center;gap:16px;padding:12px 14px;display:flex}.pull-hint p{font-size:.95rem}.pull-icon{border:4px solid var(--dakwat);background:var(--kuning);border-radius:7px;flex:none;width:30px;height:52px;margin:0 10px;animation:.7s ease-in-out infinite pull-demo;position:relative}.pull-icon:after{content:"";background:var(--dakwat);width:8px;height:3px;margin-left:-4px;position:absolute;bottom:4px;left:50%}@keyframes pull-demo{0%{transform:translateY(-10px)}45%{transform:translateY(10px)}to{transform:translateY(-10px)}}.flat-warning{background:var(--kuning);color:var(--dakwat);border:4px solid var(--dakwat);box-shadow:5px 5px 0 var(--dakwat);text-transform:uppercase;letter-spacing:.03em;align-self:center;padding:10px 14px;font-weight:800;font-stretch:110%;animation:.7s steps(2,jump-none) infinite blink}.flat-warning.is-big{padding:18px 16px;font-size:1.5rem}.status-ok{background:var(--kapur);color:var(--dakwat);border:3px solid var(--dakwat);align-self:center;align-items:center;gap:8px;padding:6px 14px;font-weight:800;display:inline-flex}.pull-word{display:inline-block}.pull-word.pulse{animation:pump .18s var(--pantas)}@keyframes pump{40%{transform:scale(1.14)rotate(-2deg)}}.count{font-family:var(--display);color:var(--kuning);-webkit-text-stroke:3px var(--dakwat);paint-order:stroke fill;font-variant-numeric:tabular-nums;font-size:clamp(5rem,30vw,10rem);font-weight:900;line-height:.8}.mini-field{border:3px solid var(--dakwat);background:linear-gradient(90deg, var(--merah) 50%, var(--biru) 50%);height:26px;position:relative;overflow:hidden}.mini-field .mini-line{background:var(--kapur);width:3px;margin-left:-1.5px;position:absolute;top:0;bottom:0}.mini-field .mark{background:var(--kuning);width:8px;box-shadow:0 0 0 2px var(--dakwat);transition:left .25s var(--spring);margin-left:-4px;position:absolute;top:-3px;bottom:-3px;left:50%}.tap-pad{border:6px solid var(--dakwat);background:var(--kapur);min-height:46vh;color:var(--dakwat);box-shadow:8px 8px 0 var(--dakwat);touch-action:none;flex:1;place-items:center;display:grid}.tap-pad:active{box-shadow:3px 3px 0 var(--dakwat);transform:translate(5px,5px)}.notice{background:var(--kapur);color:var(--dakwat);border:3px solid var(--dakwat);text-align:left;padding:10px 12px;font-size:.92rem;font-weight:600}.phone-hud{border-top:3px solid var(--dakwat);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.phone-timer{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:2.8rem;font-weight:900;line-height:.8}.rank-line{justify-content:center;gap:24px;display:flex}.rank-line div{flex-direction:column;gap:4px;display:flex}.rank-line b{font-family:var(--display);font-size:3.4rem;font-weight:900;line-height:.85}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.chevrons{display:none}}@media (width<=640px){.feature{background:linear-gradient(180deg, var(--merah) 50%, var(--biru) 50%);min-height:520px}.feature-body{padding-bottom:190px}}.start-panel{border:6px solid var(--dakwat);box-shadow:12px 12px 0 var(--dakwat);background:var(--kuning);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;padding:clamp(20px,3vw,36px);display:flex}.start-steps{max-width:46ch;margin:0;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:650;line-height:1.4}.start-btn{padding:.8em 1.6em;font-size:clamp(1.3rem,2.4vw,1.8rem)}.active-games{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:28px;display:grid}.active-games .feature{min-height:360px}.active-games .feature-body{padding-bottom:clamp(20px,4vw,44px)}.active-games .feature-tarik-tali .feature-body{padding-bottom:140px}.active-games .feature-title{font-size:clamp(3.4rem,7vw,6rem)}.feature-larian{color:var(--dakwat);background:linear-gradient(#5bc0ff 0%,#cdeeff 70%)}.feature-larian .feature-body{padding-bottom:130px}.feature-larian .feature-title{color:var(--kuning)}.feature-blocks{border-top:6px solid var(--dakwat);background:linear-gradient(#4ccb5c 0 22px,#b3713c 22px);height:96px;position:absolute;bottom:0;left:0;right:0;-webkit-mask:repeating-linear-gradient(90deg,#000 0 64px,#0000 64px 70px);mask:repeating-linear-gradient(90deg,#000 0 64px,#0000 64px 70px)}.lobby-options{flex-wrap:wrap;align-items:center;gap:.8cqw;margin-bottom:1cqh;display:flex}.lobby-option-group{gap:.3cqw;display:inline-flex}.tool{cursor:pointer}.tool[aria-pressed=true]{background:var(--dakwat);color:var(--kuning)}.game-picks{grid-template-columns:1fr 1fr;gap:1.5cqw;display:grid}.game-pick{text-align:left;border:.4cqw solid var(--dakwat);box-shadow:.7cqw .7cqw 0 var(--dakwat);color:var(--kapur);min-height:24cqh;transition:transform .12s var(--pantas), box-shadow .12s var(--pantas);flex-direction:column;gap:.8cqh;padding:1.6cqh 1.4cqw;display:flex;position:relative}.game-pick:hover{box-shadow:.9cqw .9cqw 0 var(--dakwat);transform:translate(-.2cqw,-.2cqw)}.game-pick-tarik-tali{background:linear-gradient(90deg, var(--merah) 50%, var(--biru) 50%)}.game-pick-larian{color:var(--dakwat);background:linear-gradient(#5bc0ff,#8fd6ff)}.game-pick .label{font-size:.95cqw}.game-pick .display{-webkit-text-stroke:.2cqw var(--dakwat);paint-order:stroke fill;font-size:4.4cqw}.game-pick-larian .display{color:var(--kuning)}.game-pick-blurb{max-width:40ch;font-size:1.2cqw;font-weight:600;line-height:1.35}.game-pick-go{background:var(--dakwat);color:var(--kuning);text-transform:uppercase;align-self:flex-start;margin-top:auto;padding:.6cqh 1cqw;font-size:1.3cqw;font-weight:800;font-stretch:112%}.menu-bottom{flex:1;gap:1.5cqw;min-height:0;display:grid}.menu-bottom.has-board{grid-template-columns:1.2fr 1fr}.menu-players{flex-direction:column;gap:1cqh;min-height:0;display:flex}.menu-players .label{font-size:1.1cqw}.menu-board{padding:1.6cqh 1.4cqw;overflow:hidden}.menu-board li{font-size:1.3cqw}.dot.kuning{background:var(--kuning)}.lr-lobby-body{flex:1;grid-template-rows:auto 1fr;grid-template-columns:1fr 1.25fr;gap:1.4cqh 1.5cqw;min-height:0;display:grid}.lr-posture{background:var(--kapur);border:.35cqw solid var(--dakwat);align-items:center;gap:1.4cqw;padding:1.4cqh 1.2cqw;display:flex}.lr-posture p{margin:0;font-size:1.3cqw;line-height:1.35}.lr-phone-hold{flex:none;align-items:center;gap:.2cqw;display:flex}.lr-phone{border:.3cqw solid var(--dakwat);background:var(--kuning);border-radius:.5cqw;width:2.4cqw;height:4.4cqw}.lr-hand{border:.25cqw solid var(--dakwat);background:#f2b98c;border-radius:1cqw;width:1.2cqw;height:2.6cqw}.lr-moves{grid-row:span 2;grid-template-columns:1fr 1fr;gap:.8cqw;margin:0;padding:0;list-style:none;display:grid}.lr-moves li{border:.3cqw solid var(--dakwat);background:#5bc0ff;grid-template-rows:auto 1fr;grid-template-columns:4.2cqw 1fr;align-items:center;column-gap:.8cqw;padding:1cqh .8cqw;display:grid}.lr-move-icon{grid-row:span 2;width:4.6cqw;height:6.9cqw}.lr-moves .display{font-size:2.2cqw}.lr-move-how{font-size:.95cqw;font-weight:600;line-height:1.25}.lr-players{min-height:0;overflow:hidden}.lr-stage{background:linear-gradient(#4fb2ff 0%,#9ad8ff 45%,#cdeeff 70%);position:absolute;inset:0;overflow:hidden}.lr-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lr-scene-error{text-align:center;font-size:1.6cqw;font-weight:700;position:absolute;top:45%;left:0;right:0}.lr-hud{pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:2cqh;left:2cqw;right:2cqw}.lr-level{flex-direction:column;gap:.6cqh;display:flex}.lr-level .label{background:var(--dakwat);color:var(--kuning);align-self:flex-start;padding:.4cqh .7cqw;font-size:1cqw}.lr-level .display{color:var(--kapur);-webkit-text-stroke:.25cqw var(--dakwat);paint-order:stroke fill;font-size:4.4cqw}.lr-energy{background:var(--kapur);border:.3cqw solid var(--dakwat);width:22cqw;box-shadow:.5cqw .5cqw 0 var(--dakwat);flex-direction:column;gap:.6cqh;padding:1cqh .9cqw;display:flex}.lr-energy .label{font-size:.95cqw}.lr-energy-bar{border:.2cqw solid var(--dakwat);background:var(--kabus);height:1.8cqh}.lr-energy-bar>div{background:linear-gradient(90deg, #4ccb5c, var(--kuning) 60%, var(--merah));height:100%;transition:width .3s var(--pantas)}.lr-energy-hint{font-size:.9cqw;font-weight:650}.lr-cue{background:var(--kapur);border:.45cqw solid var(--dakwat);box-shadow:.9cqw .9cqw 0 var(--dakwat);animation:pop .3s var(--spring) both;pointer-events:none;align-items:center;gap:1.4cqw;padding:1.2cqh 2.2cqw 1.2cqh 1.4cqw;display:flex;position:absolute;bottom:11cqh;left:50%;translate:-50%}.lr-cue-demo{width:8cqw;height:12cqw}.lr-cue .display{font-size:8cqw;display:block}.lr-cue .label{background:var(--dakwat);color:var(--kuning);margin-bottom:.6cqh;padding:.3cqh .6cqw;font-size:1cqw;display:inline-block}.lr-result{background:var(--dakwat);color:var(--kuning);border:.4cqw solid var(--dakwat);animation:pop .3s var(--spring) both;pointer-events:none;flex-direction:column;align-items:center;padding:1.4cqh 2.4cqw;display:flex;position:absolute;top:20cqh;left:50%;translate:-50%}.lr-result .display{font-size:7cqw}.lr-result .label{color:var(--kapur);font-size:1.3cqw}.lr-intro{background:var(--kuning);border:.45cqw solid var(--dakwat);box-shadow:.9cqw .9cqw 0 var(--dakwat);animation:pop .35s var(--spring) both;pointer-events:none;flex-direction:column;align-items:center;gap:1cqh;padding:1.6cqh 2.6cqw;display:flex;position:absolute;bottom:14cqh;left:50%;translate:-50%}.lr-intro>.label{font-size:1.2cqw}.lr-intro>.display{font-size:5cqw}.lr-intro-moves{gap:2cqw;display:flex}.lr-intro-moves>div{align-items:center;gap:.6cqw;display:flex}.lr-intro-demo{width:6cqw;height:9cqw}.lr-intro-moves .display{font-size:3.4cqw}.lr-boss{pointer-events:none;flex-direction:column;align-items:center;gap:1cqh;width:56cqw;display:flex;position:absolute;top:3cqh;left:50%;translate:-50%}.lr-boss-head{align-items:center;gap:1.2cqw;display:flex}.lr-boss-demo{width:6cqw;height:9cqw}.lr-boss-head .display{color:var(--kuning);-webkit-text-stroke:.4cqw var(--dakwat);paint-order:stroke fill;font-size:8cqw}.lr-boss-time{font-family:var(--display);background:var(--dakwat);color:var(--kuning);padding:.2cqh 1cqw;font-size:4cqw;font-weight:900}.lr-hp{border:.45cqw solid var(--dakwat);background:var(--kapur);width:100%;height:4cqh;box-shadow:.6cqw .6cqw 0 var(--dakwat)}.lr-hp>div{background:var(--merah);height:100%;transition:width .15s var(--pantas)}.lr-boss .label{background:var(--kapur);border:.2cqw solid var(--dakwat);padding:.4cqh .8cqw;font-size:1.2cqw}.lr-final{color:var(--dakwat);background:linear-gradient(#4fb2ff,#9ad8ff);animation-name:wipe-up}.lr-final .result-title{color:var(--kuning)}.phone[data-team=langit]{--team:#4fb2ff;--ink:var(--dakwat)}.phone[data-team=langit] .stroke{color:var(--kapur)}.hold-icon{border:4px solid var(--dakwat);background:var(--kuning);border-radius:7px;flex:none;width:34px;height:56px;margin:0 18px;position:relative;box-shadow:-14px 10px 0 -4px #f2b98c,14px 10px 0 -4px #f2b98c}.move-check{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.move-check li{border:3px solid var(--dakwat);opacity:.55;background:#ffffff73;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:.85rem;font-weight:800;transition:opacity .2s,background .2s;display:flex}.move-check li.is-seen{background:var(--kapur);opacity:1;animation:pump .3s var(--pantas)}.move-check-demo{width:48px;height:72px}.phone-move-demo{align-self:center;width:min(34vw,150px);height:min(51vw,225px)}.lr-phone-hud{align-items:baseline}.lr-phone-hud .label{font-size:.8rem}.phone-hp{border:3px solid var(--dakwat);background:var(--kapur);height:22px}.phone-hp>div{background:var(--merah);height:100%;transition:width .15s var(--pantas)}.phone-fb{border:5px solid var(--dakwat);box-shadow:6px 6px 0 var(--dakwat);animation:slam .4s var(--spring) both;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.phone-fb.is-ok{color:var(--kapur);background:#4ccb5c}.phone-fb.is-miss{background:var(--merah);color:var(--kapur)}.lr-tap{min-height:26vh}.demo{overflow:visible}.demo *{transform-box:view-box}.demo-limb-o{fill:none;stroke:var(--dakwat);stroke-width:14px;stroke-linecap:round;stroke-linejoin:round}.demo-limb{fill:none;stroke:var(--kuning);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.demo-limb-back{stroke:#e0b400}.demo-part{fill:var(--kuning);stroke:var(--dakwat);stroke-width:3.5px}.demo-phone{fill:var(--dakwat)}.demo-shadow{fill:#12101a40;transform-origin:60px 166px}.demo-arrow,.demo-lines{fill:none;stroke:var(--dakwat);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.demo-legs{transform-origin:60px 158px}.demo-leg-a,.demo-leg-b{transform-origin:60px 98px}.demo-shin-a,.demo-shin-b{transform-origin:60px 128px}.demo-arm{transform-origin:62px 54px}.demo-jump .demo-fig{animation:1.4s ease-in-out infinite demo-jump-fig}.demo-jump .demo-legs{animation:1.4s ease-in-out infinite demo-jump-legs}.demo-jump .demo-upper{animation:1.4s ease-in-out infinite demo-jump-upper}.demo-jump .demo-shadow{animation:1.4s ease-in-out infinite demo-jump-shadow}@keyframes demo-jump-fig{0%,18%{transform:translateY(0)}38%,52%{transform:translateY(-38px)}70%,to{transform:translateY(0)}}@keyframes demo-jump-legs{0%,to{transform:none}16%{transform:scale(1.12,.78)}30%,60%{transform:none}72%{transform:scale(1.1,.82)}86%{transform:none}}@keyframes demo-jump-upper{0%,to{transform:none}16%{transform:translateY(13px)}30%,60%{transform:none}72%{transform:translateY(11px)}86%{transform:none}}@keyframes demo-jump-shadow{0%,18%,70%,to{transform:none}38%,52%{transform:scale(.55)}}.demo-duck .demo-legs{animation:1.6s ease-in-out infinite demo-duck-legs}.demo-duck .demo-upper{animation:1.6s ease-in-out infinite demo-duck-upper}@keyframes demo-duck-legs{0%,12%,88%,to{transform:none}32%,68%{transform:scale(1.35,.55)}}@keyframes demo-duck-upper{0%,12%,88%,to{transform:none}32%,68%{transform:translateY(28px)}}.demo-left .demo-fig{animation:1.6s ease-in-out infinite demo-step-left}.demo-right .demo-fig{animation:1.6s ease-in-out infinite demo-step-right}.demo-left .demo-legs,.demo-right .demo-legs{animation:1.6s ease-in-out infinite demo-step-legs}.demo-left .demo-arrow,.demo-right .demo-arrow{animation:1.6s ease-in-out infinite demo-arrow}@keyframes demo-step-left{0%,10%{transform:none}28%{transform:translate(-18px,-7px)rotate(-5deg)}42%,70%{transform:translate(-32px)}90%,to{transform:none}}@keyframes demo-step-right{0%,10%{transform:none}28%{transform:translate(18px,-7px)rotate(5deg)}42%,70%{transform:translate(32px)}90%,to{transform:none}}@keyframes demo-step-legs{0%,10%,42%,to{transform:none}26%{transform:scale(1.25,.95)}}@keyframes demo-arrow{0%,10%,90%,to{opacity:.25}30%,70%{opacity:1}}.demo-run .demo-fig{animation:.3s ease-in-out infinite alternate demo-bob}.demo-run .demo-leg-a{animation:.6s ease-in-out infinite demo-run-thigh}.demo-run .demo-shin-a{animation:.6s ease-in-out infinite demo-run-shin}.demo-run .demo-leg-b{animation:.6s ease-in-out -.3s infinite demo-run-thigh}.demo-run .demo-shin-b{animation:.6s ease-in-out -.3s infinite demo-run-shin}@keyframes demo-bob{to{transform:translateY(-4px)}}@keyframes demo-run-thigh{0%,to{transform:rotate(4deg)}50%{transform:rotate(-70deg)}}@keyframes demo-run-shin{0%,to{transform:rotate(4deg)}50%{transform:rotate(80deg)}}.demo-push .demo-arm{animation:.7s ease-in-out infinite demo-push-arm}.demo-push .demo-reach{animation:.7s ease-in-out infinite demo-push-reach}.demo-push .demo-lines{animation:.7s ease-in-out infinite demo-arrow}@keyframes demo-push-arm{0%,to{transform:none}45%{transform:translate(14px)}}@keyframes demo-push-reach{0%,to{transform:none}45%{transform:translate(12px)}}.demo-tarik .demo-arm{animation:.9s ease-in-out infinite demo-tarik-arm}.demo-tarik .demo-reach{animation:.9s ease-in-out infinite demo-tarik-reach}@keyframes demo-tarik-arm{0%,to{transform:translate(12px)}55%{transform:translate(-4px)}}@keyframes demo-tarik-reach{0%,to{transform:translate(10px)}55%{transform:translate(-6px)}}@media (prefers-reduced-motion:reduce){.demo *{animation:none!important}}.lr-moves li{grid-template-columns:4.6cqw 1fr}.lr-stage-intro{z-index:20;background:#12101a8c;justify-content:center;align-items:center;gap:4cqw;display:flex;position:absolute;inset:0}.lr-count{font-family:var(--display);color:var(--kuning);-webkit-text-stroke:1cqh var(--dakwat);paint-order:stroke fill;text-shadow:1.4cqh 1.4cqh 0 var(--dakwat);animation:slam .55s var(--spring) both;font-size:30cqh;font-weight:900;line-height:.8}.lr-preview{background:var(--kuning);border:.45cqw solid var(--dakwat);box-shadow:.9cqw .9cqw 0 var(--dakwat);flex-direction:column;gap:1.2cqh;padding:2cqh 2.4cqw;display:flex}.lr-preview>.label{background:var(--dakwat);color:var(--kuning);align-self:flex-start;padding:.4cqh .8cqw;font-size:1.1cqw}.lr-preview>.display{font-size:5.4cqw}.lr-preview-moves{gap:2.4cqw;display:flex}.lr-preview-move{background:var(--kapur);border:.3cqw solid var(--dakwat);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:1cqw;max-width:26cqw;padding:1cqh 1cqw;display:grid}.lr-preview-demo{grid-row:span 2;width:8cqw;height:12cqw}.lr-preview-move .display{font-size:3.4cqw}.lr-preview-how{align-self:start;font-size:1.15cqw;font-weight:650;line-height:1.3}.lr-preview.is-compact{box-shadow:none;padding:1.4cqh 1.6cqw}.lr-preview.is-compact>.display{font-size:3.4cqw}.lr-preview.is-compact .lr-preview-demo{width:5cqw;height:7.5cqw}.lr-preview.is-compact .lr-preview-move .display{font-size:2.4cqw}.lr-between{z-index:30;animation:wipe-up .5s var(--pantas) both;background:linear-gradient(#4fb2ff,#9ad8ff);grid-template-rows:auto 1fr auto;gap:2.4cqh;padding:4cqh 4cqw;display:grid;position:absolute;inset:0}.lr-between-head .label{background:var(--dakwat);color:var(--kuning);padding:.5cqh .9cqw;font-size:1.3cqw;display:inline-block}.lr-between-head .display{color:var(--kuning);-webkit-text-stroke:.3cqw var(--dakwat);paint-order:stroke fill;text-shadow:.6cqw .6cqw 0 var(--dakwat);margin-top:1cqh;font-size:7cqw}.lr-between-boards{grid-template-columns:1fr 1.6fr;align-items:start;gap:2cqw;min-height:0;display:grid}.lr-between-next{justify-content:space-between;align-items:center;gap:2cqw;display:flex}.lr-between-next .btn{padding:1.4cqh 2.4cqw;font-size:2.2cqw}.move-check.is-big{justify-content:center;display:flex}.move-check.is-big li{flex:0 46%}.move-check.is-big .move-check-demo{width:80px;height:120px}.phone-intro{justify-content:center;gap:14px;display:flex}.phone-intro>div{background:var(--kapur);max-width:46%;color:var(--dakwat);border:3px solid var(--dakwat);flex-direction:column;align-items:center;gap:4px;padding:8px;display:flex}.phone-intro-demo{width:72px;height:108px}.phone-intro .display{font-size:1.6rem}.phone-intro-how{font-size:.8rem;font-weight:650;line-height:1.25}.phone .phone-count{color:var(--kuning);font-size:clamp(4rem,22vw,7rem)}.moves-title{font-size:clamp(3.6rem,11vw,8rem)}.moves-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.moves-grid li{text-align:center;border:var(--garis) solid var(--dakwat);box-shadow:6px 6px 0 var(--dakwat);background:#bfe6ff;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;display:flex}.moves-grid h3{font-size:2.6rem}.moves-grid p{margin:0;font-weight:600;line-height:1.35}.moves-demo{width:150px;height:225px}.moves-link{margin:24px 0 0}.phone.uji{overflow-y:auto}.uji-main{justify-content:flex-start;gap:14px}.uji-count{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:900;line-height:.9}.uji-panel{background:var(--kapur);border:3px solid var(--dakwat);box-shadow:4px 4px 0 var(--dakwat);text-align:left;gap:6px;padding:10px 12px;display:grid}.uji-panel.is-ok{background:#d9ffe0}.uji-panel.is-miss{background:#ffe1e4}.phone .uji-panel p{font-size:.95rem}.uji-row{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:8px;font-size:.95rem;font-weight:700;display:flex}.uji-row small{opacity:.7;font-size:.78rem;font-weight:600}.uji-row.is-bad{color:var(--merah-gelap)}.phone .uji-stats{font-variant-numeric:tabular-nums;font-size:.82rem}.uji-bottom .label{color:inherit}.moves-foot{flex-wrap:wrap;gap:16px;display:flex}