@font-face{font-family:Pixelify Sans;src:url(/assets/PixelifySans-latin-Cbhn5ptY.woff2) format("woff2");font-weight:400 700;font-display:block}:root{--u: min(calc(100vw / 480), calc(100dvh / 270));--u: max(2px, round(down, min(calc(100vw / 480), calc(100dvh / 270)), 1px));--ink: #413d42;--dark: #211d25;--white: #ffffff;--yellow: #f3db6f;--muted: #a5b0b6;--paper-ink: #643747;--ok: #79b547;--soft: #fa8971;font-family:Pixelify Sans,system-ui,sans-serif;color:var(--white);letter-spacing:.02em}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#211d25;touch-action:none;user-select:none;-webkit-user-select:none}@media(pointer:fine){body{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAfUlEQVR4AZTRTQqAIBAF4Ml7FBTUNVq26LwtWnaKoCChDlK8ASXzp1F4G32fA6rqsr0pYyl0cxCD49xIihhgihRZIEUOkCAP/KEgSKEoWLWmaZm91wsClDEF+SIHoNhUHY394ATQ/JMFKKOor72IBZDBu4zNVBiYm1NFc/YAAAD//5AOJaIAAAAGSURBVAMAceVN4VgSXXoAAAAASUVORK5CYII=),auto;cursor:var(--kursor, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAfUlEQVR4AZTRTQqAIBAF4Ml7FBTUNVq26LwtWnaKoCChDlK8ASXzp1F4G32fA6rqsr0pYyl0cxCD49xIihhgihRZIEUOkCAP/KEgSKEoWLWmaZm91wsClDEF+SIHoNhUHY394ATQ/JMFKKOor72IBZDBu4zNVBiYm1NFc/YAAAD//5AOJaIAAAAGSURBVAMAceVN4VgSXXoAAAAASUVORK5CYII=), auto)}button,.clickable{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAA6klEQVR4AXTSMW4CMRCFYWevkDpFIiUHyFlS5BhUdFR0VByAgpKCs1BSgAQFNRIFPexnaSxjWKRffuN583ZY6NKLz+fH9w3RohF1fT4FMB6Wi7QZzxONuq6H6acAl5ft1VFo69LoRQ7wFPR1Op72b7+zUQINGjQPL+iOaFdkBANo0K0/b9CuyPQKAaj9nWTrgTZoI3iRNXo8vKDzBgQYDLZPUWP1N8m/DC/c5QAihq0Hdy0/X+8pQqJXAlwMDeoN8RAwZIr73eEcspwlwHfyYphQHL1Qo5fpfz3N/xUaJUAhhAHCAnXAwxvcAQAA///usKmXAAAABklEQVQDALyZuCuTpMTDAAAAAElFTkSuQmCC) 4 4,pointer;cursor:var(--kursor-tombol, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAA6klEQVR4AXTSMW4CMRCFYWevkDpFIiUHyFlS5BhUdFR0VByAgpKCs1BSgAQFNRIFPexnaSxjWKRffuN583ZY6NKLz+fH9w3RohF1fT4FMB6Wi7QZzxONuq6H6acAl5ft1VFo69LoRQ7wFPR1Op72b7+zUQINGjQPL+iOaFdkBANo0K0/b9CuyPQKAaj9nWTrgTZoI3iRNXo8vKDzBgQYDLZPUWP1N8m/DC/c5QAihq0Hdy0/X+8pQqJXAlwMDeoN8RAwZIr73eEcspwlwHfyYphQHL1Qo5fpfz3N/xUaJUAhhAHCAnXAwxvcAQAA///usKmXAAAABklEQVQDALyZuCuTpMTDAAAAAElFTkSuQmCC) 4 4, pointer)}}#game{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh}#game canvas,.px{display:block;image-rendering:pixelated}#ui{position:fixed;inset:0;pointer-events:none;font-size:calc(var(--u) * 8)}#ui>*{pointer-events:auto}img.pixnum,img.icon{display:inline-block;vertical-align:middle}.nine-dialog{border:calc(var(--u) * 8) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA7UlEQVR4AeyUMQrCQBBFx1xDEExpZWEXiEUKEU9gZeMN4tVELCwMpLdRuxS2NhZaKy9kYWOWTTDbmcBnJ8Pn/cwQ1pPiuWTZ26UKrOQBgBfTmbgUTEI8CsC8uBRM2PkEChyEobiQ4nGWAmg8bk9pIxi6KgEvucsyXsk4mgh1E+l+HU5dCaB5PZ05GsvmNwakh52gpgl4kclvDDAZf+11AbWb61b0rytaxxsJonnt+Mpg8xv/ItvdoqD6afMbA7hXkA6x1XiRyVMJ6A+G0kbfIaWANEnEhfQQb+T7ve1xr/ec1DBh5xNQ0HApmHzpBwAA////XdMxAAAABklEQVQDAIVTO5TJzwXrAAAAAElFTkSuQmCC) 8 fill / calc(var(--u) * 8) stretch;image-rendering:pixelated}.nine-panel{border:calc(var(--u) * 12) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAB0UlEQVR4AexZPUsDQRAdU6iNTToRAolgLaSwsrBR0EKw8Q+IdoK9qfID1N5CG8HG3spOsBC0UCSFiiBiChsRUZCYd5c59hZuLgT25o6s+LK7M3c376PcEvX+NuaWOkVCjzYFAkCcC0VZmXOJN/vNOhUBs+UfAmA0uAcJ4ACML6xSp/pFR3uXAdqtdzKBunnGPqsacwNPEzEB388nUa9WnaCH+3YMmjWTW0Syu4kJON6+JaBbz90/eAE2sZiA5ZVpgsuA/aD2GZwAm0dMgN08u/6lPMDmZZ5FAXiw0VwnTYCDhFQBeLkyM0kawOw09CUAH/mbKlPWwNw09C0g7UNafS9Ay3me6xNgJ7RWn4CW8zzXJ8BOaK3DlICWx/Jcn4Dsj/uuT8C9x/IEn4Dsj/uuT8C9x/IEn4Dsj/uuT8C9x/IEn4Dsj/uuT8C9x/KE4UjgpfVGrxd3mUP2PuymJtBsnJImQprJv6KAtfoo5QHJ9Cm86OYHKlubNL9To8enTy4Ntjp4a/FgN+BmfzqWQNJVpv2SxjmJWyQAF9a4xgRAECkAuOTDakKjBl4AuJmIBJhFc8/X+nmomRx4Xzq8Oh/B4eZjjIoEcAb3IAFsUCgSmPM/AAAA//+yCdLDAAAABklEQVQDAEN2XjqNiyE3AAAAAElFTkSuQmCC) 12 fill / calc(var(--u) * 12) stretch;image-rendering:pixelated;color:var(--ink)}.nine-pill{border:calc(var(--u) * 5) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAhUlEQVR4AeySIQ6AMAxFPzsJQYLjAkgE50UguQRyWYJEoyF/rMmGah2CJT/tmr6/rZlDWpv3l0UJQzQgOA0jLCJDE8eEIDcWkSEbbyBgV/fQSPoZC4MTBzQiKCoMpGiJvwGej2QZ2rv3Y0MMYYdG+TNc2zTVvC55TZWTIRtnwIQFi8jwpBsAAP//AOu5iQAAAAZJREFUAwDAj5bt0+ZqjAAAAABJRU5ErkJggg==) 5 fill / calc(var(--u) * 5) stretch;image-rendering:pixelated}button{font:inherit;font-size:calc(var(--u) * 8);color:var(--white);text-shadow:0 var(--u) 0 #ce6442;min-height:max(44px,calc(var(--u) * 22));min-width:max(44px,calc(var(--u) * 22));padding:0 calc(var(--u) * 3);background:none;border:calc(var(--u) * 5) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAApklEQVR4AeySMQrCMBSGf+vgFbyAbi5Ozh7CE3gHL+NZPIKTCKK7Lk6dLIjmK7xHoW1KSscGPl6S9/8/IUmmMM777a8PwaoMI5M+4C1PgHm52wgWh5VioAE84AEsoHjkioGmigd8vi9Btdk0RwPW8wDbSK1jgDTcHcymc0HXK6AB09VOUNzCR4pgRqsekF/vAmu0VTRgfQ94Xt5KwQPWx9PEFqkV7x8AAP//PMhtBgAAAAZJREFUAwB6gJZrrq6lWgAAAABJRU5ErkJggg==) 5 fill / calc(var(--u) * 5) stretch;image-rendering:pixelated;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u) * 3);letter-spacing:.04em}button:active{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlElEQVR4AeyRMQ6CQBBFv/RWVh5AC2NlZe0hPIHH8gQewtrKilDAAaioOADwSP52LIFQULDJy+zO/D+Z3U3Urf/r0cyhsyrByGYOePsJMJ+fdwH7GGjAmtDAieP1oBjWOYYGdVYIXBiKaMD10MCJqXFrIK3oDfaXk2DsG9GAdctdIf/8BGVaKQYaCBPc3t+dD1Mj3hYAAP//FR3b0AAAAAZJREFUAwDe8VprXtuxLQAAAABJRU5ErkJggg==);transform:translateY(calc(var(--u) * 1))}button.second{color:var(--ink);text-shadow:0 var(--u) 0 #b4aea4;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnklEQVR4AeyRMQrCQBBFv1uLFxQbj6CtaUztsWysJKKQQryDWKt5gRkCSTZsSJmFx+zu/P8ZdoOqdcqz3xgqqwJGNmPAW0+AebPeCnaHo2KgATzgARzg9SwUA00TD/h834Jms2uPBqznAXaRWucAabo3WIaVYOgX0IDpWhM8iptimNGqB1yuZ4E1+ioasL4HlPdSKXjAPssXdkiteP8AAAD//8QHcEMAAAAGSURBVAMA2ByXyZwGxsUAAAAASUVORK5CYII=)}button:disabled{opacity:.6}.hud-left{position:fixed;left:calc(var(--u) * 6);top:calc(var(--u) * 6);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * 3);pointer-events:none}.pill{display:flex;align-items:center;gap:calc(var(--u) * 3);height:calc(var(--u) * 25);padding:0 calc(var(--u) * 2);font-size:calc(var(--u) * 8);white-space:nowrap}.pill .sep{width:var(--u);height:calc(var(--u) * 11);background:#5c5b63;margin:0 calc(var(--u) * 1)}.pill small{font-size:calc(var(--u) * 7);color:#d6dede}.tasks{font-size:calc(var(--u) * 7.5);line-height:1.25;padding:0 calc(var(--u) * 2);max-width:calc(var(--u) * 150)}.tasks h3{margin:0 0 calc(var(--u) * 2);font-size:calc(var(--u) * 8);font-weight:600;color:var(--yellow);display:flex;align-items:center;gap:calc(var(--u) * 3)}.tasks .t{display:flex;align-items:center;gap:calc(var(--u) * 3);margin:calc(var(--u) * 1.5) 0}.tasks .done{color:var(--muted);text-decoration:line-through;text-decoration-thickness:calc(var(--u) * .75)}.hud-right{position:fixed;right:calc(var(--u) * 6);top:calc(var(--u) * 6);display:flex;gap:calc(var(--u) * 3);align-items:flex-start}.ibtn{width:max(44px,calc(var(--u) * 22));height:max(44px,calc(var(--u) * 22));min-width:0;min-height:0;padding:0;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAY0lEQVR4AeyRsQ6AIAxETz5ZV1lk9ucwmjAYP0U5E7pfJwZIXqDDu9A2oJ49xddDVREo8uGB7v8DyvO6QYEOsYDnzlCgTCyAhYcRAHQ0gysfUGgr76iFchYoWAtLTFMr1JvuBwAA//+iryp/AAAABklEQVQDAPqXl8l7XVURAAAAAElFTkSuQmCC)}.ibtn:active{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXElEQVR4AeySsQlAIQxE77uMxR/P2sra8SycRo2QIFhdaoUjJuQdISRgvVry8GihCALKxyNh9wQeWBkziH8Eo8tAC2y0CVhQ+58B8HZw7KC3DkZ2SCmXTxM2CjsBAAD//1K6ICQAAAAGSURBVAMAXWNPyVDN4LYAAAAASUVORK5CYII=)}.action{position:fixed;right:calc(var(--u) * 16);bottom:calc(var(--u) * 14);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3)}.action .pill{height:calc(var(--u) * 20);font-size:calc(var(--u) * 8)}.action-btn{position:fixed;right:calc(var(--u) * 14);bottom:calc(var(--u) * 14);width:calc(var(--u) * 32);height:calc(var(--u) * 34);min-width:68px;min-height:72px;padding:0;border:none;border-image:none;background:var(--img, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAACIElEQVR4AcSVPS52QRiG5/uWYAM0ShKWQKO3BKzBEsQKFGh1SomGJVDQCAUNFQ2JRINrknvynDHPOTPH+4a435nz/N3XzPHzP/zx1yiAi82VT0+t56kGsIaLeztBmt9eCFa2rgZmEEADZciqwe/3R9qmtQSTkoVNLwDmGKK8t2Se1wiGOXlOzy4ATSVjGmvMqZNm1+cC8/Rs1yIAxZMy/7h7jX4exA+AaZhHgu+PEkQHYJrm3/7xO4foAMSKwof3zm93r4Jk23TtNubtE4B3+pK5TJf2z4KkWI25vYUEUCL0zGVqexR7OL634cG9C9Bn3jcVkBaICJBff8m8z3RMTq8hAtgBnjnvmNPZWm9PXe0tdAA889zocms1IOKsKN/zXKMEUGteM7SlJgEMNfGPRSflihE9rMjuqeMdExtSNcDQoLH5JoCaU7WcHugEwE85AU9Df+EwRjWQeOi3JAEQ9CTzmbXDWPJyuhEQhhLGKBY0fESA5YPzf16PzJXHWHsMJcVaVnwjgJry15Cbc1rV/mbV9TOjA0BAys2Jc1rWSSoBcB0M5hbeTh7Dx83rVKTTyy8BYC49XT9rO9G1NLcDICpcS8XEx8rOsz4dAIbbpG0iN1Z2jp3PvB8ABG0RzYh4q+hD6rNzFSsCkMyLGSSR96QaVluTz1POBaDAa2K4J/qs2HtzyPUCUEAzYt8q+lBf3yCAmhkkKVZaVcNayuexLwAAAP//0QNXVgAAAAZJREFUAwCUBbJ5faHa1AAAAABJRU5ErkJggg==)) center / 100% 100% no-repeat;image-rendering:pixelated}.action-btn:active{background-image:var(--img-down, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAAB3ElEQVR4AeySsU1EMRBEDS2QQAFkEEAJ0AMVQExIHcRQATkhlAAJNQAJGTnofWms/T6vvf7cieSQBq+9szNj/9tN//y3DbDoBV4uz348jH7RcABreHhznISDo71kYXmRMN0AEpQhq4S/H99V5rUWJjcrRTMA5hiCcrZmXnIUBp2yp70bgKGaMYMRc3gCQdDT3q7VAJDXZS4zL8RKgE2Yt0LMAmzS3AsxCyBSuXrf/OPtKwnlTHSfA3i3r5nL9OTuKQk6ixjb30MOUBv0zGVqZ3RGEHveq90ALfOWKEFGQkwByuevmbdMl/T0GaYAVsAz51bcznK9Gh58r2/PZwE8cztA/Xp1nkCrphdBDhA1j4iOcHKA3hDfTLfmiQEzrMDW8OBz1kM4QE9oaX8oQORWI7cn9BTg9P55J/qrZagGjEEkJPP44TsF4CCC/euHifZ5e5EAhgLGYCIM/BsKgC7GrABDgf0S5AA8B8/SEuG2rX60hw9+8HMANj1w2x5ntD8LQCrSjYqM8NHHRzOzABzShES9bqCLvtVdCUATEmTqdQE9dEu9agBIkBmi/ivQQa+m4waAzBDDgP0omAPoeLPNAAwxDBASOPcgDitzwONy3g0ACSAkIO5BHFbmevgFAAD//1J7r5AAAAAGSURBVAMAgQVPebt04okAAAAASUVORK5CYII=));transform:none}.banner{position:fixed;top:calc(var(--u) * 36);left:50%;transform:translate(-50%);height:calc(var(--u) * 22);font-size:calc(var(--u) * 8);pointer-events:none}.joy{position:fixed;left:calc(var(--u) * 14);bottom:calc(var(--u) * 14);width:max(100px,calc(var(--u) * 48));height:max(100px,calc(var(--u) * 48));background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEHElEQVR4AdTYO46cRRQF4IZtIJBxyBYIiVgDAQGIhPWQkbAKIkK2QGgsW16H7a+lM7pdvlX/wz0jG3FUVfdxHtMNHvnLy2f+z6ME+O/Fi7cz3PvndZcAo9nff/71MsM4+7GBTgeoRkazL1++vswwzlaeM2FOBSBajYxmV0bG2cqDd7Xb9Q4FIABEkcWMe/Ds2deX4KdffrtA3jkz66wcePGD3h7sDoCUAFRRIjHm9Ibvf/jRcUW9K5gLvCGc+IGe+hZ2BUCGFBkhJ4wm1GA0PKupjxzhp0fXzAqbAZAgQwzIRlG1oDO/p1c56QBd+tnvzmUAy0iQZZlQ7t357z9/X1bodmqt8tOlz0edqfdpAEuWkWShkqf2GGfVoc8HP51WG8CwpbpQSWt9dv/qm28vI2azXX3U44evcbYNkCHp3UcytQ7V8Jn+uBPd+Bj73h8EkFLaLIXE8AwxPuun/ubV/5dg7070+eGLv/A5bwJoGtLYC0b2zDJe57xh7352+eMz75sAKUrrnvTuHfaKM9rtq+lt8cRHfNkL2gBprs4t0ewymPvsNLOXb+R4COBj8fEkZVKPC957xRgzvwdmV7zxwx+f/OJ9COBxTzB0T74Z1+EAq59SRM6at7eHPzrONkA+LgOr3230RzAx1s6+R+3qK5zXAL5Pvle+X2k4bwlU1rin+Sh1Hvjkl+9rgAzXs1tcfbz3Mo9n1Om8xGsbYLWQxXoSre/HuM88tQGOGHgK8ys/bQC/z6+W0ntK8zNPbQAGZwt68CmY52MaQHMMEdM5zdwb/gOu/KOHUe8a4Lvnz7/4468/r38dMg5sEYzz93zPtP15wC/f1wCjqP/PjrVP4d35agOszPp4fcyrmbM9vPiP7B8OcIT8KWYfAvg++V75fhHuPi518FPy03K/F/DhnfHFD3988mv2IYDHERAjemRnNosH36y/qrcBpLSU1O4diBLventr9vGs5uMjvursTQAfi4+nDmzdiTMBW7O1bx7s1/rWnT8+M3cTQFHTUNImvd4MTABDQTebntM8dHO1Fn1++OKv9j8IUJuWvEPivgJDAZMj0nOueNKLbnykXs82gJTS1sGQ1drqzuSI1fzYG/X44WucawMYMmypph9JzY3we/sK43z3rjr0+eCnm50GMGzJMhJvqOTeI2a/v5hb9fSh8tOlz4deh2UAC5aRIAM1IuDeoTPa1eouPlCjA3Tpq82wGcAiEmTuiJ1AENxv8P5RDdf7+9bNv/YhxfDTo5v67NwVwDIypEAE1IGBwDtgHPLOmVlnavgAP9BLb3XuDoAEKRDwJgjuAVNbyKzTPrjjxQ/ee3AoQAgJEAsYqMhcd9Y593A48XY7q9qpAAiJBcQrGJuhzrmHw4n3KE4HqELEKxiboc65V54z93cAAAD//zeufq8AAAAGSURBVAMAdxoXhclqJtQAAAAASUVORK5CYII=) center / 100% 100% no-repeat;image-rendering:pixelated;opacity:.92;touch-action:none}.joy.aktif{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEK0lEQVR4AdTYO6rkRRQG8NZtiDJOKLgCQyMTN2AgqJi4HjMR3IKJkeGsQDAcB8V16P01fJfTNafq/7DnMoofVXUe3+N2q9d59/I//+uNBPj95ct/Zrj3z+suAUaz3335zWWGcfa/BjodoBoZzb569ddlhnG28pwJcyoA0WpkNLsyMs5WHryr3a53KAABIIosZtyDZ8/evwRffP3tBfLOmVln5cCLH/T2YHcApASgihKJMac3fPLpZ44r6l3BXOAN4cQP9NS3sCsAMqTICDlhNKEGo+FZTX3kCD89umZW2AyABBliQDaKqgWd+T29ykkH6NLPfncuA1hGgizLhHLvzhe//nJZoduptcpPlz4fdabepwEsWUaShUqe2ps4qw59PvjptNoAhi3VhUpa67P7ex98eBkxm+3qox4/fI2zbYAMSe8+kql1qIbP9Med6MbH2Pd+LYCU0mYpJIZniPFZP/W///zjEuzdiT4/fPEXPudNAE1DGnvByJ5ZxuucN+zdzy5/fOZ9EyBFad2T3r3DXnFGu301vS2e+Igve0EbIM3VuSWaXQZzn51m9vKNHI8BfCw+nqRM6nHBe68YY+b3wOyKN37445NfvI8BPO4Jhu7JN+M6HGD1U4rIWfP29vBHx9kGyMdlYPW7jf4IJsba2ffPP358s1p9pXEN4Pvke+X7lYbz1rzKGvc0H6UxhDqf/PJ9DaA4ojO/+njvZR7PqNOFiN82QGc+C91JtKvfszYL0QY4IvwU5ld+2gAvHn6nXy2l95TmP//qt8jenG0AE1sh3gbzfE4DaI4hYjqnmXvDP8CVf/aTj+41wEfPn7/z/U8/XP84JI2cY4jUn+KcmfffA375vgYYzfj37Fh7G96drzbAyqyP18e8mjnbw4v/yP7hAEfIn2L2MYDvk++V7xfh7uNSBz8lPy33ewEf3hlf/PDHJ79mHwN4HAExokd2ZrN48M36q3obQEpLSe3egSjxrre3Zh/Paj4+4qvO3gTwsfh46sDWnTgTsDVb++bBfq1v3fnjM3M3ARQ1DSVt0uvNwAQwFHSz6TnNQzdXa9Hnhy/+av+1ALVpyTsk7iswFDA5Ij3niie96MZH6vVsA0gpbR0MWa2t7kyOWM2PvVGPH77GuTaAIcOWavqR1NwI/y+xwjjfvasOfT746WanAQxbsozEGyq594jV706rXngqP136fKQ/nssAhi0jQQZqRMC9Q2e0q9VdfKBGB+jSV5thM4BFJMjcETuBILjf4OFRDdf7Q+vmb/uQYvjp0U19du4KYBkZUiAC6sBA4B0wDnnnzKwzNXyAH+iltzp3B0CCFAh4EwT3gKktZNZpH9zx4gfvPTgUIIQEiAUMVGSuO+uceziceLudVe1UAITEAuIVjM1Q59zD4cR7FKcDVCHiFYzNUOfcK8+Z+78AAAD//zRd4fUAAAAGSURBVAMAL/cXhWbpQmoAAAAASUVORK5CYII=)}.joy .knob{position:absolute;left:50%;top:50%;width:41.6%;height:41.6%;transform:translate(-50%,-50%);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABPElEQVR4AaySIU4EQRBFGwQKLoABQ1AgOAIWyRW4A0cgnACDxiGxHAEDhoBYDCgUJCRr2LxOXqe6Z3s2k+wmLzVd9fttbWY305o/K4VPF6f/LWM7dIVKjm+ukhxcHiVwtkw8EBpW4qW/2Z2PWdoTV0JkrQhLlHEWpHvn+4l79iqhzVh7MjLz9x9KRRHyLWwXp1H2+/CZwHmUxS2L0KAVGQKgt322m4BnevPX4XbMsrDdDhlDBMCzsNnW4U4Ce1S3zEIaoswzlY2E8xiVsCeLgt5PNVOEy2SGptQinHJpLJuFJ7ePG2/Xz4OcLyAO2pfh7ON+lvBkoc1YkXlGIvZ6tQixu2WU9S7GvtvRK0IOwN+DNzkF7kklZMuvl+8EBsYqOeCeuUpIkyEQBHot9IEcxPlA6JAgcLGFPpiNdQEAAP//5Sd9SQAAAAZJREFUAwBo7+xoW+x2lQAAAABJRU5ErkJggg==) center / 100% 100% no-repeat;image-rendering:pixelated}.dialog{position:fixed;left:50%;bottom:calc(var(--u) * 6);transform:translate(-50%);width:min(calc(var(--u) * 320),calc(100vw - var(--u) * 12));min-height:calc(var(--u) * 58);padding:calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * 4);z-index:20}.dialog .name,.menu-talk .name,.qdialog .name{position:absolute;left:calc(var(--u) * 2);top:calc(var(--u) * -21);height:calc(var(--u) * 15);border-style:solid;border-color:transparent;border-width:calc(var(--u) * 3) calc(var(--u) * 8) calc(var(--u) * 3) calc(var(--u) * 4);border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAi0lEQVR4AazTsQmAMBCF4TOjWLqCoKWF81pYKriCpauovxBIQgImF+HhgbnP18TI+5zXddeKAXpNmcdJHZyvIQPph0Fywo7Nsq3StW3jgce+S04s5r490P2QM9t27FQBgWzUoNsOVA2CuFGBYTtgFQgQphiMtQMvBlmOpQhMteMHhuvCwKG/4XwqDwAAAP//lqdETAAAAAZJREFUAwBq36F6Y+AbjgAAAABJRU5ErkJggg==) 3 8 3 4 fill / calc(var(--u) * 3) calc(var(--u) * 8) calc(var(--u) * 3) calc(var(--u) * 4) stretch;image-rendering:pixelated;padding:0 calc(var(--u) * 5) 0 calc(var(--u) * 3);font-size:calc(var(--u) * 8);line-height:calc(var(--u) * 9);letter-spacing:.08em;font-weight:600;white-space:nowrap}.dialog .text{font-size:calc(var(--u) * 9);line-height:1.5;white-space:pre-line;min-height:calc(var(--u) * 28)}.dialog .next{position:absolute;right:calc(var(--u) * 4);bottom:calc(var(--u) * 3);width:0;height:0;border-left:calc(var(--u) * 4) solid transparent;border-right:calc(var(--u) * 4) solid transparent;border-top:calc(var(--u) * 4) solid var(--yellow);animation:bounce .8s steps(2) infinite}@keyframes bounce{50%{transform:translateY(calc(var(--u) * 1.5))}}.dialog .choices{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 3);margin-top:calc(var(--u) * 3)}.dialog .choices.numpad{display:grid;grid-template-columns:repeat(6,calc(var(--u) * 24))}.dialog input,.screen input{font:inherit;font-size:calc(var(--u) * 9);padding:calc(var(--u) * 2) calc(var(--u) * 3);border:calc(var(--u) * 5) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcElEQVR4AeySsQ2AMAwEHy/ABBQgZQNaOsaghp1Yh5YNKCgYBPJIRqSLXSfSyXGk+0RWBHG1Tbg9RBVCkRsPdN8XUN7XARbokC+AjYckoB4X5KKXJQF6aKklACgz+M2gnzeEbspGP5uc11FpY610HwAAAP//Sj/5AgAAAAZJREFUAwA1Mz99IdAfiQAAAABJRU5ErkJggg==) 5 fill / calc(var(--u) * 5) stretch;image-rendering:pixelated;color:var(--ink);background:none;width:100%;margin-top:calc(var(--u) * 2);outline:none;user-select:text;-webkit-user-select:text}.shown-number{display:flex;align-items:center;min-height:calc(var(--u) * 16);margin-top:calc(var(--u) * 2)}.qdim{position:fixed;inset:0;background:#211d2573;z-index:9}.qdialog{position:fixed;left:calc(var(--u) * 6);bottom:calc(var(--u) * 6);width:calc(100vw - var(--u) * 18 - var(--pad-w));min-height:calc(var(--u) * 58);padding:calc(var(--u) * 3) calc(var(--u) * 5) calc(var(--u) * 4);font-size:calc(var(--u) * 9);line-height:1.5;z-index:10;--pad-w: calc(var(--u) * 116)}.qdialog .prompt:empty{display:none}.qdialog .feedback{min-height:calc(var(--u) * 12);color:#d6dede}.qdialog .feedback.ok{color:var(--ok)}.qdialog .feedback.soft{color:var(--soft)}.qvisual{position:fixed;left:calc(var(--u) * 6);top:calc(var(--u) * 8);width:calc(100vw - var(--u) * 18 - var(--u) * 116);height:calc(100dvh - var(--u) * 84);max-height:calc(var(--u) * 140);padding:calc(var(--u) * 1);z-index:10}.qvisual canvas{width:100%;height:100%}.qpad{position:fixed;right:calc(var(--u) * 6);top:50%;transform:translateY(-50%);width:calc(var(--u) * 116);padding:calc(var(--u) * 1) calc(var(--u) * 3) calc(var(--u) * 3);z-index:10;display:flex;flex-direction:column;align-items:stretch;gap:calc(var(--u) * 3)}.qpad .eq{display:flex;justify-content:center;align-items:center;min-height:calc(var(--u) * 16);font-size:calc(var(--u) * 12)}.qpad .answer{height:calc(var(--u) * 28);border:calc(var(--u) * 5) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAcElEQVR4AeySsQ2AMAwEHy/ABBQgZQNaOsaghp1Yh5YNKCgYBPJIRqSLXSfSyXGk+0RWBHG1Tbg9RBVCkRsPdN8XUN7XARbokC+AjYckoB4X5KKXJQF6aKklACgz+M2gnzeEbspGP5uc11FpY610HwAAAP//Sj/5AgAAAAZJREFUAwA1Mz99IdAfiQAAAABJRU5ErkJggg==) 5 fill / calc(var(--u) * 5) stretch;image-rendering:pixelated;display:flex;align-items:center;justify-content:flex-end;padding-right:calc(var(--u) * 3)}.qpad .caret{width:calc(var(--u) * 1.5);height:calc(var(--u) * 14);background:var(--ink);margin-left:calc(var(--u) * 1.5);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u) * 3)}.keys button,.choices.numpad button{height:max(48px,calc(var(--u) * 24));min-width:0;color:var(--ink);text-shadow:none;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAY0lEQVR4AeyRsQ6AIAxETz5ZV1lk9ucwmjAYP0U5E7pfJwZIXqDDu9A2oJ49xddDVREo8uGB7v8DyvO6QYEOsYDnzlCgTCyAhYcRAHQ0gysfUGgr76iFchYoWAtLTFMr1JvuBwAA//+iryp/AAAABklEQVQDAPqXl8l7XVURAAAAAElFTkSuQmCC)}.keys button:active,.choices.numpad button:active{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXElEQVR4AeySsQlAIQxE77uMxR/P2sra8SycRo2QIFhdaoUjJuQdISRgvVry8GihCALKxyNh9wQeWBkziH8Eo8tAC2y0CVhQ+58B8HZw7KC3DkZ2SCmXTxM2CjsBAAD//1K6ICQAAAAGSURBVAMAXWNPyVDN4LYAAAAASUVORK5CYII=)}.keys button.del{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAbUlEQVR4AeyRsQ2AMAwEn0xGywjMAAXDsAclLRtAyQYgUVFTQB4p7t9VikQ6JS7uFdsB8YxN/XqIKgJFPjzQ/X9AuRtaKNAhFvBsOxQoEwtg4aEEABnN4FoPKKSVZ9TCdJ9QsBb6ealSod50PwAAAP//7ipeIgAAAAZJREFUAwBLqpGp6cjM8wAAAABJRU5ErkJggg==);color:var(--white);text-shadow:0 var(--u) 0 #944940}.keys button.ok{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAbklEQVR4AeySoQ2AMBBFP90FiWEEZmEHlmEWRkBhSPAoFK4G7pP0/D9VQZOX9sT76bWXYGsdhyeCqUgUeYhA97sB5XbqoECHeEA+bihQJh7AIsIfAFT0Bnm3ORAoX15RC+d2QcFb6OelKYW6030BAAD//x2LCc0AAAAGSURBVAMAeW6Wax9n9x4AAAAASUVORK5CYII=);color:var(--white);text-shadow:0 var(--u) 0 #ce6442}.qpad .tools{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 3);min-height:max(44px,calc(var(--u) * 22))}.timer{display:flex;align-items:center;gap:calc(var(--u) * 2);color:var(--yellow)}.screen{position:fixed;inset:0;display:grid;place-items:center;background:#211d258c;z-index:30}.screen .card{position:relative;width:min(calc(var(--u) * 200),calc(100vw - var(--u) * 12));max-height:calc(100dvh - var(--u) * 16);margin-top:calc(var(--u) * 8);padding:calc(var(--u) * 8) calc(var(--u) * 4) calc(var(--u) * 2);display:flex;flex-direction:column;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 8);line-height:1.35}.pita{position:absolute;left:50%;top:calc(var(--u) * -14);transform:translate(-50%);height:calc(var(--u) * 16);border-style:solid;border-color:transparent;border-width:calc(var(--u) * 3) calc(var(--u) * 10) calc(var(--u) * 5) calc(var(--u) * 10);border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAYAAABk1z2tAAAA2UlEQVR4AcyUsQ3CQAxFzRVUTMICjEBHwQzMRMUUdIxAgRgjRdqkSZPoWbrIhZPS50hP+rEj+cnJpYhzPS7XuQWOiriCPPi8nyUSZnpsCvb/TiLx5KgV71XSaIHnohu8nY5iaSHHTOtApqaChKzkF3x9P4f3MKVbIE646QYJFLJY4oITPipIoECD3BIccKkOqyBHvJ4cmr9+lEiYCTjgQgYVpECDQgZwwQkX/VFT4MbCqiOxs8k4IakbpGChyT3fQgTMqjPJFhX0NmUfishbDmVvQxFizNhzWAAAAP//Zbuc9AAAAAZJREFUAwB4buQwRmsDcwAAAABJRU5ErkJggg==) 3 10 5 10 fill / calc(var(--u) * 3) calc(var(--u) * 10) calc(var(--u) * 5) calc(var(--u) * 10) stretch;image-rendering:pixelated;color:var(--white);font-size:calc(var(--u) * 9);line-height:calc(var(--u) * 8);font-weight:600;letter-spacing:.06em;white-space:nowrap;padding:0 calc(var(--u) * 2);text-shadow:0 var(--u) 0 #b2434d}.screen .row{display:flex;align-items:center;gap:calc(var(--u) * 3)}.screen label{display:flex;flex-direction:column;gap:calc(var(--u) * 1);font-size:calc(var(--u) * 7);color:var(--paper-ink)}.screen .muted{color:#8d837d;font-size:calc(var(--u) * 7)}.meter{position:relative;height:calc(var(--u) * 8);border:calc(var(--u) * 3) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAATElEQVR4AdSOsQ0AEBBFP+NIaI2g1YvODGxgCosYwVS4G+FULnnXvZ+nca/4sCVcFZrE2DIkkMsFxllI4AJ6L3DB5wNjTdVThQRyDwAAAP//cTCxJgAAAAZJREFUAwDbfUxfvAbimQAAAABJRU5ErkJggg==) 3 fill / calc(var(--u) * 3) stretch;image-rendering:pixelated}.meter>i{position:absolute;left:calc(var(--u) * -2);top:calc(var(--u) * -2);bottom:calc(var(--u) * -2);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAK0lEQVR4AYzMMQ4AAARDUemFnVe4hc2CsTFp8pYOH+naDBUpDHL2OMq2QQYAAP//YNLrjAAAAAZJREFUAwB7xCM5fVaNBgAAAABJRU5ErkJggg==) 0 0 / 100% 100%;image-rendering:pixelated}.error{color:#b2434d}.menu-screen{position:fixed;inset:0;background:#211d258c;z-index:25;color:var(--ink)}.menu-panel{position:absolute;left:calc(var(--u) * 10);top:calc(var(--u) * 26);width:calc(100vw - var(--u) * 20);height:calc(100dvh - var(--u) * 34);padding:calc(var(--u) * 4) calc(var(--u) * 3) calc(var(--u) * 2);display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.menu-screen:has(.menu-detail) .menu-panel{width:calc(100vw - var(--u) * 20 - var(--u) * 108);height:calc(100dvh - var(--u) * 34 - var(--u) * 50)}.menu-screen .pita{top:calc(var(--u) * -20)}.menu-close{position:absolute;right:calc(var(--u) * 6);top:calc(var(--u) * 6);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAbUlEQVR4AeyRsQ2AMAwEn0xGywjMAAXDsAclLRtAyQYgUVFTQB4p7t9VikQ6JS7uFdsB8YxN/XqIKgJFPjzQ/X9AuRtaKNAhFvBsOxQoEwtg4aEEABnN4FoPKKSVZ9TCdJ9QsBb6ealSod50PwAAAP//7ipeIgAAAAZJREFUAwBLqpGp6cjM8wAAAABJRU5ErkJggg==)}.menu-wallet{position:absolute;right:calc(var(--u) * 34);top:calc(var(--u) * 4)}.menu-tabs{display:flex;gap:calc(var(--u) * 1.5);flex-wrap:wrap}.menu-tab{min-height:max(40px,calc(var(--u) * 16));font-size:calc(var(--u) * 6.5);color:#8d837d;text-shadow:none;gap:calc(var(--u) * 1.5);border-width:calc(var(--u) * 6);border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAZElEQVR4AeyQsQ3AIAwELZbKCFkkA2SBVBmDCViJkoYxQI/0tDSPhBBIJ2wX//Y7m/w2Mniuuyhh8i0iCHOg+qnpWPjwmhIsCu12AZoUsymBJugGaGZwDIapnogWiuj/ginhaRUAAP//kBJbYAAAAAZJREFUAwCiqaU5C9wcqwAAAABJRU5ErkJggg==) 6 fill / calc(var(--u) * 6) stretch}.menu-tab.aktif{color:var(--paper-ink);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAXElEQVR4AeyS0QkAIAhEpaUaoUXaqkUaIZqpKC60X3/sIzA4yoh3eRiIV45pWYqxdAwAlgurXZhBDqVVshQ+CvbpAMUcnSwFJnQNULyQG6ipekQekZqA+uD/KdoAAAD//+ecFjEAAAAGSURBVAMARwyOkZuz5JkAAAAASUVORK5CYII=)}.menu-body{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y}.menu-body.dua{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u) * 5)}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 2.5);align-content:start}.menu-grid.kecil{grid-template-columns:repeat(5,1fr)}.menu-grid.dua-kolom{grid-template-columns:repeat(2,calc(var(--u) * 42))}.menu-grid .jumlah{grid-column:1 / -1}button.slot{flex-direction:column;gap:calc(var(--u) * 1);min-height:calc(var(--u) * 40);min-width:0;padding:calc(var(--u) * 1);color:var(--ink);text-shadow:none;font-size:calc(var(--u) * 6);border-width:calc(var(--u) * 6);border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAg0lEQVR4AeySsQmAQAxFY2zFFQRXcAcHcTAHsXECNxDBKaxE7wuxuSJNclUOHrlw4efyCVM65zI/HiRpYgjj4gG0vwkgfvcDWQJN8DdA4kHWoOGWLJDPZg3kwSpGA9XJsCgsUh1QC2KLwiLVAbWg3BbVx0bg2leyQEbjbpwqSawjtF8AAAD//8ThoV4AAAAGSURBVAMAp16dAbMUjakAAAAASUVORK5CYII=) 6 fill / calc(var(--u) * 6) stretch}button.slot.pilih{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAjElEQVR4AeySoQ2AUAxEL1/jUDADYRG2wDECExAmYAo0M2ABhwGFYgJIIJfwMYia4vqTl4rf3LWXuvPoL7J3+aUJNYnD89Z2gSaPLNxQlCBREkITapJ3A++oXT8GQRZDAz/ox8B/aFUzEJO0iCwiMQGxwa7IIhITEBv+v6K0qUC2aQeZ6xEaUJP8vsENAAD//3zJ2zoAAAAGSURBVAMAvRPEKao+aiYAAAAASUVORK5CYII=)}button.slot.kunci{opacity:.55}button.slot:active{transform:none}.slot .nama{line-height:1.1;text-align:center}.price{display:inline-flex;align-items:center;gap:calc(var(--u) * 1)}.menu-detail{position:absolute;right:calc(var(--u) * 6);top:calc(var(--u) * 26);width:calc(var(--u) * 100);height:calc(100dvh - var(--u) * 34);padding:calc(var(--u) * 3);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 3);text-align:center;font-size:calc(var(--u) * 7)}.menu-screen h3{margin:0;font-size:calc(var(--u) * 9);color:var(--paper-ink)}.menu-screen h4{margin:calc(var(--u) * 2) 0 calc(var(--u) * 1);font-size:calc(var(--u) * 7);color:var(--paper-ink);grid-column:1 / -1}.menu-screen .muted{color:#8d837d;font-size:calc(var(--u) * 6)}.menu-screen .row{display:flex;align-items:center;gap:calc(var(--u) * 3);flex-wrap:wrap}.preview{display:flex;align-items:flex-end;justify-content:center;gap:calc(var(--u) * 5);padding:calc(var(--u) * 4);min-height:calc(var(--u) * 40);background:#eadedf}.menu-talk{position:absolute;left:calc(var(--u) * 10);bottom:calc(var(--u) * 6);width:calc(100vw - var(--u) * 20 - var(--u) * 108);min-height:calc(var(--u) * 34);padding:calc(var(--u) * 3) calc(var(--u) * 5);color:var(--white);font-size:calc(var(--u) * 8)}.pet-detail{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u) * 3) calc(var(--u) * 5);align-content:start}.preview.besar{min-width:calc(var(--u) * 70);min-height:calc(var(--u) * 70);align-items:center}.pet-info{display:flex;flex-direction:column;gap:calc(var(--u) * 2.5)}.pet-info .meter{width:calc(var(--u) * 90)}.slots-row{grid-column:1 / -1;display:flex;gap:calc(var(--u) * 2.5);flex-wrap:wrap}.slots-row button.slot{width:calc(var(--u) * 30);min-height:calc(var(--u) * 30)}.pet-note{grid-column:1 / -1;min-height:calc(var(--u) * 8)}.ibtn.kecil{width:max(36px,calc(var(--u) * 16));height:max(36px,calc(var(--u) * 16));border-width:calc(var(--u) * 4)}.meter-sayang>i{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAAMElEQVR4AYzIsQkAMAhE0eP27zJLpsgGgaS1EkfQ9rDyw2s+Y+1UvN+hiNZgnGdQBQAA//8rb0pDAAAABklEQVQDAD3MIbUbAnbWAAAAAElFTkSuQmCC)}.meter-tumbuh>i{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAGCAYAAADkOT91AAAALklEQVR4AYzIsQ0AMAgDQcebZstUkZiAGWhYA1qLipeueT6/pWiZUMRoMX4cqAYAAP//qObUNAAAAAZJREFUAwCOyRxd1jd3vQAAAABJRU5ErkJggg==)}.kitab .menu-body.dua{grid-template-columns:1fr 1fr}.kitab-kiri,.kitab-kanan{display:flex;flex-direction:column;gap:calc(var(--u) * 3)}.kitab-judul{justify-content:space-between}.kitab-soal{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 2.5) calc(var(--u) * 6)}.kitab-soal .row{justify-content:space-between}.kitab .meter{width:calc(var(--u) * 100)}.kitab-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--u) * 2)}.kitab-grid button.slot{min-height:calc(var(--u) * 26)}button:focus-visible,[tabindex="0"]:focus-visible,input:focus-visible{outline:calc(var(--u) * 1) solid var(--yellow);outline-offset:calc(var(--u) * .5)}.hud-tasks{position:relative}.hud-tasks .badge{position:absolute;right:calc(var(--u) * -3);top:calc(var(--u) * -3);min-width:calc(var(--u) * 9);height:calc(var(--u) * 9);padding:0 calc(var(--u) * 1.5);display:grid;place-items:center;background:#e55858;border:calc(var(--u) * .75) solid #643747;border-radius:calc(var(--u) * 5)}.chips{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1.5);align-items:center}.chip{display:inline-flex;align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * .75) calc(var(--u) * 3);border-radius:calc(var(--u) * 4);background:#eadedf;color:#643747;border:calc(var(--u) * .5) solid #bcacb1;font-size:calc(var(--u) * 5.5);line-height:1.2;white-space:nowrap}.chip-ok{background:#b8cf61;border-color:#79b547;color:#333f29}.chip-here{background:#f3db6f;border-color:#edb762}.chip-tugas{background:#ffbdc1;border-color:#ef93b5}.chip-tempat{background:#aae3db;border-color:#5ac5ce;color:#2a3b4a}.sheet{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(calc(var(--u) * 230),calc(100vw - var(--u) * 12));max-height:calc(100dvh - var(--u) * 30);overflow-y:auto;padding:calc(var(--u) * 8) calc(var(--u) * 5) calc(var(--u) * 4);display:flex;flex-direction:column;gap:calc(var(--u) * 4);font-size:calc(var(--u) * 7)}.sheet .pita{position:sticky;top:calc(var(--u) * -8);transform:none;left:auto;align-self:center;margin-top:calc(var(--u) * -6)}.sheet-close{position:absolute;right:calc(var(--u) * 2);top:calc(var(--u) * 2);min-width:0;min-height:0;width:max(40px,calc(var(--u) * 18));height:max(40px,calc(var(--u) * 18));padding:0}.sheet.peta{width:min(calc(var(--u) * 326),calc(100vw - var(--u) * 4));max-height:calc(100dvh - var(--u) * 6);overflow:hidden}.peta-bawah{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 3)}.pause-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--u) * 3)}.pause-item{justify-content:flex-start;gap:calc(var(--u) * 3);font-size:calc(var(--u) * 7)}.pause-item.lanjut{grid-column:1 / -1;justify-content:center}.pause-item kbd{margin-left:auto;font:inherit;font-size:calc(var(--u) * 5);color:#8d837d}.task-list{display:flex;flex-direction:column;gap:calc(var(--u) * 3)}.task-row{display:flex;align-items:flex-start;gap:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 3);background:#fffbe8;border:calc(var(--u) * .5) solid #e1ba9e;border-radius:calc(var(--u) * 2)}.task-row.done .task-title{color:#8d837d;text-decoration:line-through}.task-text{display:flex;flex-direction:column;gap:calc(var(--u) * 1.5)}.task-title{font-size:calc(var(--u) * 7.5);color:var(--paper-ink)}.island{display:grid;grid-template-columns:1fr calc(var(--u) * 10) 1fr calc(var(--u) * 10) 1fr;grid-template-rows:auto calc(var(--u) * 8) auto calc(var(--u) * 8) auto;padding:calc(var(--u) * 4);background:#5ac5ce;border:calc(var(--u) * 2) solid #4694a8;border-radius:calc(var(--u) * 10)}.place{background:#b8cf61;border:calc(var(--u) * 1) solid #79b547;border-radius:calc(var(--u) * 3);padding:calc(var(--u) * 2) calc(var(--u) * 3);display:flex;flex-direction:column;gap:calc(var(--u) * 1.5);color:#333f29}.place.here{background:#f3db6f;border-color:#ce6442}.place.locked{opacity:.6}.place-head{display:flex;align-items:center;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 7)}.place-about{font-size:calc(var(--u) * 5.5)}.island .road{background:#e1ba9e;align-self:center;justify-self:center}.island .road.h{width:100%;height:calc(var(--u) * 4)}.island .road.v{width:calc(var(--u) * 4);height:100%}.set-row,.set-toggle{display:flex;align-items:center;gap:calc(var(--u) * 3);color:var(--paper-ink);font-size:calc(var(--u) * 7)}.set-row span{min-width:calc(var(--u) * 50)}.set-row input[type=range]{flex:1;accent-color:#edb762;height:max(32px,calc(var(--u) * 10))}.set-toggle{justify-content:flex-start;color:var(--paper-ink);text-shadow:none;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAnklEQVR4AeyRMQrCQBBFv1uLFxQbj6CtaUztsWysJKKQQryDWKt5gRkCSTZsSJmFx+zu/P8ZdoOqdcqz3xgqqwJGNmPAW0+AebPeCnaHo2KgATzgARzg9SwUA00TD/h834Jms2uPBqznAXaRWucAabo3WIaVYOgX0IDpWhM8iptimNGqB1yuZ4E1+ioasL4HlPdSKXjAPssXdkiteP8AAAD//8QHcEMAAAAGSURBVAMA2ByXyZwGxsUAAAAASUVORK5CYII=)}.sakelar{margin-left:auto;width:calc(var(--u) * 20);height:calc(var(--u) * 10);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAA6klEQVR4AayPMQrCQBBFJ7mCF7ARvIq1aBOtvICVpTex0jTeRVBElFiYWvEKRt7CLJuYlSRs4CW7M5v3Z2NxnlmyKELgKMUEqHQ0GUsI1EeQCWBR5Xk6i1LttdnHpPUHQ4Hr8WKly/VKIJlPbY1+E3AB7tINetHHSBEz5euR8xFCgL4ptHiVAtz/VO7WuqxtANNVJ68Ku9zCBqgs1OTqKwWElhNiA95FLOl2T80Lfc55D9Q0bEBNL0gp3qWbKL/fBJiOKcG1swf6bt23xgW4f26ABBAq7MEn/Fc3ASQBqcohy0TRWtMvLiD4CwAA//8K+S70AAAABklEQVQDAPBj899TaHWLAAAAAElFTkSuQmCC) center / 100% 100% no-repeat;image-rendering:pixelated}.sakelar.nyala{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAOCAYAAAA1+Nx+AAAA6klEQVR4AayPPQrCQBBGxz2And7BxjtoKQhWIoi9pZWl5xBbEcQDWCr2VjaWamWRzt6fvIUJS1DcDAl5+dnd+d6Mk+BqjDvvMggixQs0tNd9ShloHiIv4MNK/dgW5VuGw1ZtvgR2t4rEoqGT2VRgOOpnIrKAbNMEg6TlQwmm6+Ry5SVIgH2/kD5MgrQuuzU8W8h9FBbQXb7zXKafhHOsFxZQBP865wyYBLHhJsG6tpfVckPtT9jnHAdME1AYizvPt5XHyQnEFtEdXUJYwz8s7gefR7Z5AiRAoMI/hFIvwARMURS6VbSWLED0AQAA//+4CS0IAAAABklEQVQDAHLE2HGPETNYAAAAAElFTkSuQmCC)}.kitab-head{display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.kitab-soal{display:flex;flex-direction:column;gap:calc(var(--u) * 1.5)}.kitab-baris{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u) * 1) calc(var(--u) * 2);border-bottom:calc(var(--u) * .5) dashed #e1ba9e}.kitab-kanan h4{margin:calc(var(--u) * 2) 0 calc(var(--u) * 1)}.title-screen{background:radial-gradient(ellipse at center,#211d2540,#211d25cc)}.title-card{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 6)}.title-card .logo{filter:drop-shadow(0 calc(var(--u) * 2) 0 rgba(33,29,37,.6))}.title-card .tagline{font-size:calc(var(--u) * 8);text-shadow:0 var(--u) 0 #211d25}.title-card .card{margin-top:0}.title-bg{position:fixed;inset:0;z-index:28;overflow:hidden;background:#5ac5ce;transition:opacity .6s}.title-bg.pergi{opacity:0;pointer-events:none}.title-sky,.title-land{position:absolute;inset:0;image-rendering:pixelated;background-repeat:repeat-x}.title-sky{background-size:auto 100%;animation:awan 120s linear infinite}@keyframes awan{0%{background-position-x:0}to{background-position-x:calc(-100vh * 960 / 270)}}.title-land{width:100%;height:100%;object-fit:cover;object-position:center bottom}.title-head{position:absolute;left:50%;top:calc(var(--u) * 14);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * 4)}.title-logo{width:calc(var(--u) * 240);max-width:92vw;height:auto;filter:drop-shadow(0 calc(var(--u) * 2) 0 rgba(33,29,37,.35))}.title-tag{position:static;transform:none;font-size:calc(var(--u) * 7)}.screen.title-menu{background:none;place-items:start center;padding:calc(var(--u) * 150) 0 0;z-index:29}.title-list{display:flex;flex-direction:column;gap:calc(var(--u) * 1);align-items:center;padding:calc(var(--u) * 2) calc(var(--u) * 10);background:#211d2547;border-radius:calc(var(--u) * 4)}button.title-item{border:none;border-image:none;background:none;min-height:max(44px,calc(var(--u) * 16));font-size:calc(var(--u) * 14);color:#fff;text-shadow:0 var(--u) 0 #211d25,var(--u) 0 0 #211d25,calc(var(--u) * -1) 0 0 #211d25,0 calc(var(--u) * -1) 0 #211d25;gap:calc(var(--u) * 3)}button.title-item img{visibility:hidden}button.title-item:focus-visible,button.title-item:hover,button.title-item:focus{outline:none;color:#f3db6f}button.title-item:focus img,button.title-item:hover img{visibility:visible}.title-hello{position:fixed;left:calc(var(--u) * 6);bottom:calc(var(--u) * 4);font-size:calc(var(--u) * 6);color:#fff;text-shadow:0 var(--u) 0 #211d25}.login-card{width:min(calc(var(--u) * 170),calc(100vw - var(--u) * 12));padding-top:calc(var(--u) * 5)}.peta-kertas{position:relative;width:calc(var(--u) * 300);height:calc(var(--u) * 176);margin:0 auto}.peta-img{display:block;width:100%;height:100%;image-rendering:pixelated}.peta-tempat{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:calc(var(--u) * 1);padding:calc(var(--u) * .5) calc(var(--u) * 2);background:#fcfbc9;border:calc(var(--u) * .5) solid #643747;border-radius:calc(var(--u) * 1);color:#643747;font:inherit;font-size:calc(var(--u) * 5.5);line-height:1;white-space:nowrap;cursor:pointer}.peta-tempat.here{background:#f3db6f;border-color:#ce6442}.peta-tempat.locked{background:#dedcd1;color:#5c5b63}.peta-tempat:focus-visible,.peta-tempat:hover{outline:calc(var(--u) * 1) solid #ffffff}.peta-pin{position:absolute;width:calc(var(--u) * 6);height:calc(var(--u) * 6);transform:translate(-50%,-50%) rotate(45deg);background:#e55858;border:calc(var(--u) * 1) solid #643747;animation:peta-lompat .8s steps(2) infinite}@keyframes peta-lompat{50%{margin-top:calc(var(--u) * -2)}}.peta-info{display:flex;align-items:center;gap:calc(var(--u) * 2);margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 6);min-height:calc(var(--u) * 9)}.qdialog .name .q-topic{margin-left:calc(var(--u) * 3);font-size:calc(var(--u) * 5.5);vertical-align:middle;text-transform:none}.chip{border:none;border-radius:0;margin:var(--u);padding:calc(var(--u) * .5) calc(var(--u) * 2.5);box-shadow:0 calc(var(--u) * -1) 0 0 var(--chip-edge, #bcacb1),0 var(--u) 0 0 var(--chip-edge, #bcacb1),calc(var(--u) * -1) 0 0 0 var(--chip-edge, #bcacb1),var(--u) 0 0 0 var(--chip-edge, #bcacb1),0 calc(var(--u) * 2) 0 0 #211d2540}.chip-ok{--chip-edge: #79b547}.chip-here{--chip-edge: #ce6442}.chip-tugas{--chip-edge: #c971a2}.chip-tempat{--chip-edge: #4694a8}.qdialog .name .q-topic{--chip-edge: #8f8189}.banner{left:0;right:0;margin-inline:auto;width:fit-content;transform:none}body:has(.title-bg) .menu-screen{z-index:31}.title-list{align-items:stretch}button.title-item{justify-content:flex-start}.title-tag{height:calc(var(--u) * 22);line-height:calc(var(--u) * 13);font-size:calc(var(--u) * 9);padding:0 calc(var(--u) * 6)}.music-toggle{position:fixed;right:calc(var(--u) * 6);bottom:calc(var(--u) * 6);z-index:29;min-width:0;min-height:0;width:max(40px,calc(var(--u) * 20));height:max(40px,calc(var(--u) * 20));padding:0}.music-toggle.off img{opacity:.45}.music-toggle.off:after{content:"";position:absolute;left:20%;right:20%;top:calc(50% - var(--u));height:calc(var(--u) * 2);background:#e55858;transform:rotate(-45deg)}.hud-right .music-toggle{position:relative;right:auto;bottom:auto}.peta-tempat{min-width:0;min-height:0;border-image:none;text-shadow:none;box-shadow:0 var(--u) 0 0 #64374773}.dialog .choices button:focus{outline:calc(var(--u) * 1) solid var(--yellow);outline-offset:calc(var(--u) * .5)}.qvisual{display:flex;flex-direction:column}.qvisual canvas{flex:1;min-height:0;height:auto}.qcaption{padding:calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 1);font-size:calc(var(--u) * 6.5);line-height:1.35;color:var(--paper-ink, #643747)}.qcaption:empty{display:none}.title-list{border-radius:0;background:#211d258c;box-shadow:0 calc(var(--u) * -1) 0 0 #211d258c,0 var(--u) 0 0 #211d258c,calc(var(--u) * -1) 0 0 0 #211d258c,var(--u) 0 0 0 #211d258c;clip-path:polygon(0 calc(var(--u) * 2),var(--u) calc(var(--u) * 2),var(--u) var(--u),calc(var(--u) * 2) var(--u),calc(var(--u) * 2) 0,calc(100% - var(--u) * 2) 0,calc(100% - var(--u) * 2) var(--u),calc(100% - var(--u)) var(--u),calc(100% - var(--u)) calc(var(--u) * 2),100% calc(var(--u) * 2),100% calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u) * 2),calc(100% - var(--u)) calc(100% - var(--u)),calc(100% - var(--u) * 2) calc(100% - var(--u)),calc(100% - var(--u) * 2) 100%,calc(var(--u) * 2) 100%,calc(var(--u) * 2) calc(100% - var(--u)),var(--u) calc(100% - var(--u)),var(--u) calc(100% - var(--u) * 2),0 calc(100% - var(--u) * 2))}button.slot{overflow:hidden}button.slot img.px{max-width:100%;max-height:calc(var(--u) * 26);object-fit:contain}.menu-detail .preview{background:none}.menu-detail .preview img.px{max-width:100%;object-fit:contain}.menu-screen:has(.menu-detail) .menu-panel{height:calc(100dvh - var(--u) * 34 - var(--u) * 66)}.tidur{position:fixed;inset:0;z-index:29;background:#14202d;opacity:0;pointer-events:none;transition:opacity 1.6s steps(8);display:grid;place-items:center}.tidur.gelap{opacity:1;pointer-events:auto}.tidur.pagi{background:#fcfbc9;transition:opacity 1.2s steps(6),background .3s}.zzz{display:flex;gap:calc(var(--u) * 3);color:#bedef6;font-size:calc(var(--u) * 18);text-shadow:0 var(--u) 0 #346376}.zzz span{animation:zzz 1.2s steps(3) infinite}.zzz span:nth-child(2){animation-delay:.3s;font-size:.8em}.zzz span:nth-child(3){animation-delay:.6s;font-size:.6em}.zzz.pudar{opacity:0;transition:opacity .6s steps(3)}@keyframes zzz{0%{transform:translateY(0);opacity:.3}50%{transform:translateY(calc(var(--u) * -6));opacity:1}to{transform:translateY(calc(var(--u) * -12));opacity:0}}.screen.sampai-jumpa{background:#14202d}.screen.title-menu.akun{padding-top:calc(var(--u) * 92)}.login-card{display:flex;flex-direction:column;gap:calc(var(--u) * 2)}.login-tabs{display:flex;gap:calc(var(--u) * 2)}.login-tabs button{flex:1;min-height:max(36px,calc(var(--u) * 18));opacity:.6}.login-tabs button.aktif{opacity:1}.screen.title-menu.akun{padding:calc(var(--u) * 4) 0;place-items:center;overflow-y:auto;z-index:31}.screen.title-menu.akun .login-card{max-height:calc(100dvh - var(--u) * 8);overflow-y:auto;gap:calc(var(--u) * 1.5)}.screen.title-menu.akun input{font-size:calc(var(--u) * 7);padding:calc(var(--u) * 1.5) calc(var(--u) * 3)}.screen.title-menu.akun,.screen.title-menu.akun .login-card{touch-action:pan-y}.screen.title-menu.akun .login-card{width:min(calc(var(--u) * 200),calc(100vw - var(--u) * 8));font-size:calc(var(--u) * 6.5);padding-top:calc(var(--u) * 3);padding-bottom:calc(var(--u) * 3)}.screen.title-menu.akun .login-card label{display:flex;flex-direction:column;gap:calc(var(--u) * .5)}.screen.title-menu.akun .login-tabs button{min-height:max(32px,calc(var(--u) * 14));font-size:calc(var(--u) * 7)}.screen.title-menu.akun .login-card>button[type=submit]{flex-shrink:0}.screen.title-menu.akun .login-card label{display:grid;grid-template-columns:calc(var(--u) * 52) 1fr;align-items:center;gap:calc(var(--u) * 2)}.screen.title-menu.akun .login-card input{height:calc(var(--u) * 14);min-height:0;box-sizing:border-box;width:100%}.screen.title-menu.akun .login-card input{height:calc(var(--u) * 18);font-size:calc(var(--u) * 8.5)}.screen.title-menu.akun .login-card{font-size:calc(var(--u) * 7.5);width:min(calc(var(--u) * 230),calc(100vw - var(--u) * 8))}.menu-detail{width:calc(var(--u) * 152)}.menu-screen:has(.menu-detail) .menu-panel,.menu-talk{width:calc(100vw - var(--u) * 20 - var(--u) * 158)}.menu-screen:has(.menu-detail) .menu-grid{grid-template-columns:repeat(auto-fill,minmax(calc(var(--u) * 46),1fr));gap:calc(var(--u) * 2)}.menu-screen:has(.menu-detail) button.slot{min-height:calc(var(--u) * 34);font-size:calc(var(--u) * 5.5)}.menu-screen:has(.menu-detail) button.slot img.px{max-height:calc(var(--u) * 18)}.menu-screen:has(.menu-detail) .menu-tabs button{font-size:calc(var(--u) * 6);min-height:calc(var(--u) * 16)}.menu-talk{font-size:calc(var(--u) * 7)}.menu-detail .preview{flex-wrap:wrap;align-items:flex-end;min-height:calc(var(--u) * 80)}.sheet.bantuan{width:min(calc(var(--u) * 260),calc(100vw - var(--u) * 12));max-height:calc(100dvh - var(--u) * 12);display:flex;flex-direction:column;gap:calc(var(--u) * 3)}.help-body{min-height:calc(var(--u) * 110);font-size:calc(var(--u) * 7);line-height:1.45;overflow-y:auto}.help-body p{margin:calc(var(--u) * 2) 0}.help-head{display:flex;align-items:center;gap:calc(var(--u) * 3)}.help-head h3{margin:0;font-size:calc(var(--u) * 9)}.help-keys{display:flex;flex-direction:column;gap:calc(var(--u) * 1.5)}.help-keys .row{display:grid;grid-template-columns:calc(var(--u) * 78) 1fr;align-items:center;gap:calc(var(--u) * 2)}.help-tiket{margin-top:calc(var(--u) * 2);display:flex;flex-direction:column;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 3);background:#eadedf}.help-tiket .row{display:flex;align-items:center;gap:calc(var(--u) * 2)}.help-meter{display:grid;grid-template-columns:calc(var(--u) * 110) 1fr;align-items:center;gap:calc(var(--u) * 2)}.help-nav{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--u) * 3)}.help-dots{display:flex;gap:calc(var(--u) * 2)}.help-dots i{width:calc(var(--u) * 3);height:calc(var(--u) * 3);background:#bcacb1}.help-dots i.on{background:#ce6442}.help-skip{position:absolute;right:calc(var(--u) * 4);top:calc(var(--u) * 4);min-height:0;font-size:calc(var(--u) * 6)}.task-row,.peta-tempat,.help-tiket,.peta-info{border:none;border-radius:0;box-shadow:0 calc(var(--u) * -1) 0 0 var(--kotak-tepi, #e1ba9e),0 var(--u) 0 0 var(--kotak-tepi, #e1ba9e),calc(var(--u) * -1) 0 0 0 var(--kotak-tepi, #e1ba9e),var(--u) 0 0 0 var(--kotak-tepi, #e1ba9e),0 calc(var(--u) * 2) 0 0 #6437472e;margin:var(--u)}.task-row.done{--kotak-tepi: #b8cf61}.peta-tempat{--kotak-tepi: #643747}.peta-tempat.here{--kotak-tepi: #ce6442}.help-tiket{--kotak-tepi: #bcacb1}.peta-info{box-shadow:none}.peta-tempat{margin:0}.memuat-daerah{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:40;color:#fff;font-family:Pixelify Sans,monospace;font-size:max(18px,calc(var(--u) * 9));text-shadow:0 2px 0 #211d25;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html.kurangi-gerak *,html.kurangi-gerak *:before,html.kurangi-gerak *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.screen.title-menu.akun .login-card label.login-consent{display:block;line-height:1.35;font-size:calc(var(--u) * 6.5);cursor:pointer}.screen.title-menu.akun .login-card label.login-consent input{width:calc(var(--u) * 8);height:calc(var(--u) * 8);margin:0 calc(var(--u) * 2) 0 0;vertical-align:middle;accent-color:#643747}.login-consent a{color:#643747}.login-trap{position:absolute!important;left:-9999px;width:1px!important;height:1px!important;opacity:0}.login-captcha:empty{display:none}