@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");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:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2)format("woff2");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:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_924b2d0c-module__KovxMa__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_924b2d0c-module__KovxMa__variable{--font-display:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../media/098850a6eb1f8577-s.1e7lfzpvfrh7f.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2)format("woff2");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:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2)format("woff2");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:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../media/098850a6eb1f8577-s.1e7lfzpvfrh7f.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2)format("woff2");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:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2)format("woff2");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:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(../media/098850a6eb1f8577-s.1e7lfzpvfrh7f.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2)format("woff2");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:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2)format("woff2");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:Rubik Fallback;src:local(Arial);ascent-override:89.06%;descent-override:23.81%;line-gap-override:0.0%;size-adjust:104.98%}.rubik_596fe408-module__uDRBuW__className{font-family:Rubik,Rubik Fallback;font-style:normal}.rubik_596fe408-module__uDRBuW__variable{--font-body:"Rubik", "Rubik Fallback"}
:root{--ink:#2b2140;--card:#fff3dc;--card-edge:#e2cfa8;--energy:#f2a73b;--energy-hot:#ffc266;--energy-deep:#d4832a;--tech:#4fd6c4;--tech-deep:#2fa091;--danger:#ef6f5e;--panel:#3a3055;--panel-lit:#4a3d6e;--muted:#9d8cc4;--soft:#cfc4ee;--sky:#aee3ff;--sky-top:#bce8ff;--card-equipped:#4fd6c4;--card-owned:#6c5da0;--card-locked:#4a4166;--trail-pill:#221c3d;--r:13px;--b:4px;--lift:6px;--display:var(--font-display), system-ui, sans-serif;--body:var(--font-body), system-ui, sans-serif;--nav-h:76px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{color:#fff;font-family:var(--body);background:linear-gradient(#3a3055 0%,#31284f 55%,#2a2244 100%) fixed;background-color:var(--panel);margin:0;font-weight:500;line-height:1.55;overflow-x:hidden}a{color:inherit}img{max-width:100%;display:block}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.narrow{max-width:760px}section{padding:64px 0;scroll-margin-top:12px}@media (max-width:720px){section{padding:44px 0}}.title{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;color:#fff;-webkit-text-stroke:calc(var(--stroke,5px) * 2) var(--ink);paint-order:stroke fill;text-shadow:0 calc(var(--stroke,5px) * 1.3) 0 var(--ink);margin:0;font-weight:700;line-height:1.02}.screen-title{--stroke:clamp(4px, .7vw, 6px);font-size:clamp(34px,6vw,52px)}.amber{color:var(--energy)}.teal{color:var(--tech)}.under{color:#ede6fa;border:3px solid var(--ink);width:fit-content;max-width:62ch;box-shadow:0 4px 0 var(--ink);background:#2b2140e0;border-radius:12px;margin:12px 0 26px;padding:10px 14px;font-size:clamp(14px,1.7vw,16px);display:block}.demo-help,.real figcaption,.shot figcaption{border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);background:#2b2140e0;border-radius:12px;padding:8px 12px}.card{background:var(--fill,var(--card));border:var(--b) solid var(--ink);border-radius:var(--r);box-shadow:0 var(--lift) 0 var(--ink)}.card.cream{--fill:var(--card);color:var(--ink)}.popup{background:var(--panel-lit);border:5px solid var(--ink);box-shadow:0 10px 0 var(--ink);border-radius:24px;padding:26px 24px}.btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);cursor:pointer;background:var(--card);border:var(--b) solid var(--ink);border-radius:var(--r);box-shadow:0 var(--lift) 0 var(--ink);justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-size:18px;font-weight:700;line-height:1;text-decoration:none;transition:transform 80ms,box-shadow 80ms,background .12s;display:inline-flex}.btn:hover{background:#fff}.btn:active{transform:translateY(var(--lift));box-shadow:0 0 0 var(--ink)}.btn.primary{background:var(--energy)}.btn.primary:hover{background:var(--energy-hot)}.btn.primary:active{background:#d5932f}.climb{width:100%;max-width:560px;color:var(--ink);border:var(--b) solid var(--ink);background:linear-gradient(180deg, #ffe9b4d9 0 7px, transparent 7px), linear-gradient(180deg, var(--energy) 0%, var(--energy) 55%, var(--energy-deep) 100%);box-shadow:0 var(--lift) 0 var(--ink);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:16px 20px 14px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .12s;display:flex}.climb:hover{filter:brightness(1.06)}.climb:active{transform:translateY(var(--lift));box-shadow:0 0 0 var(--ink)}.climb b{font-family:var(--display);letter-spacing:.03em;white-space:nowrap;text-align:center;justify-content:center;align-items:center;font-size:min(38px,max(15px,6.41026vw - 4.10256px));font-weight:700;line-height:1;display:inline-flex}.climb .gp-icon{filter:drop-shadow(0 .06em #2b21408c);flex:none;width:1.05em;height:1.05em;margin-right:.4em}@media (max-width:480px){.climb{padding:13px 12px 11px}}.climb small{font-family:var(--display);letter-spacing:.12em;opacity:.8;margin-top:4px;font-size:12px;font-weight:600}.pill{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;border:2px solid var(--ink);border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.coin-pill{background:var(--card);color:var(--ink);border:3px solid var(--ink);font-family:var(--display);box-shadow:0 3px 0 var(--ink);border-radius:12px;align-items:center;gap:8px;padding:4px 12px 4px 5px;font-size:17px;font-weight:700;display:inline-flex}.coin-pill img{width:26px;height:26px}.glyph{width:var(--s,24px);height:var(--s,24px);background:var(--c,currentColor);-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;flex:none;display:inline-block}.prose{color:var(--ink)}.prose h2{font-family:var(--display);margin:26px 0 8px;font-size:21px;font-weight:700}.prose h2:first-child{margin-top:0}.prose p,.prose li{font-size:15.5px}.prose ul{padding-left:20px}.prose a{color:#b5651d;font-weight:600}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pop{opacity:0;translate:0 18px;scale:.94}.pop.in{opacity:1;transition:opacity .28s,translate .42s cubic-bezier(.34,1.56,.64,1),scale .42s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d,0s);translate:none;scale:none}.tilt.pop.in{transition:opacity .28s,translate .42s cubic-bezier(.34,1.56,.64,1),scale .42s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1);transition-delay:var(--d,0s), var(--d,0s), var(--d,0s), 0s}.tilt.pop.in.tilting{transition-duration:.28s,.42s,.42s,60ms;transition-timing-function:ease,ease,ease,linear}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes drift{0%{transform:translate(-8vw)}to{transform:translate(108vw)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-14px)rotate(2deg)}}@keyframes spin3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.card.cream{padding:24px 22px}.card.cream h2,.card.cream h3,details.card.cream summary{color:var(--ink)}.ktitle .kw{white-space:nowrap;display:inline-block}.ktitle .kl{opacity:0;transform-origin:50% 90%;display:inline-block;transform:translateY(.7em)scale(.25)rotate(-14deg)}.ktitle.go .kl{animation:.62s cubic-bezier(.34,1.7,.5,1) both kpop;animation-delay:calc(var(--d0,0s) + var(--i) * 38ms)}@keyframes kpop{0%{opacity:0;transform:translateY(.7em)scale(.25)rotate(-14deg)}45%{opacity:1}to{opacity:1;transform:none}}@keyframes slam{0%{opacity:0;transform:scale(2.6)rotate(-12deg)}55%{opacity:1;transform:scale(.94)rotate(1.5deg)}75%{transform:scale(1.04)rotate(-.5deg)}to{opacity:1;transform:none}}@keyframes shake{0%,to{transform:none}15%{transform:translate(-14px,9px)}30%{transform:translate(11px,-7px)}45%{transform:translate(-7px,5px)}60%{transform:translate(5px,-3px)}80%{transform:translate(-2px,1px)}}@keyframes popin{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.phone{transform-style:preserve-3d;--bez:calc(var(--pw) * .06);width:calc(var(--pw) + var(--bez) * 2);height:calc(var(--pw) * 16 / 9 + var(--bez) * 2.8);position:relative}.phone-body{background:var(--card);border:6px solid var(--ink);box-shadow:0 10px 0 var(--ink);border-radius:calc(var(--pw) * .12);border-width:max(4px, calc(var(--pw) * .016));position:absolute;inset:0}.phone-ear{background:var(--ink);left:50%;top:calc(var(--bez) * .55);width:calc(var(--pw) * .16);height:max(4px, calc(var(--pw) * .022));margin-left:calc(var(--pw) * -.08);border-radius:99px;position:absolute}.phone-screen{border:4px solid var(--ink);left:var(--bez);top:calc(var(--bez) * 1.4);width:var(--pw);height:calc(var(--pw) * 16 / 9);border-radius:calc(var(--pw) * .07);border-width:max(3px, calc(var(--pw) * .011));background:#1e2a5c;position:absolute;overflow:hidden}.phone-screen video,.phone-screen img{object-fit:cover;width:100%;height:100%;display:block}.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}.tilt.tilting{transition:transform 60ms linear}.tilt:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #ffffff47, transparent 55%);opacity:0;transition:opacity .2s;position:absolute;inset:0}.tilt.tilting:after{opacity:1}