:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--theme-color-primary: #1f4526;--theme-color-text-primary: #363636;--theme-color-text-secondary: #9b9b9b;--theme-height-header: 56px}*,*:before,*:after{padding:0;margin:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}*:focus{outline:none}body{width:100dvw;background-color:#f7f7f7}img{max-width:100%;height:auto;margin:0 auto}button{padding:6px 12px;border-radius:6px;cursor:pointer}canvas{pointer-events:none}.swal2-popup{padding:1em 1em 1.25em!important;border-radius:20px!important;width:365px;font-size:14px}.swal2-title{font-size:16px!important;font-weight:600!important;color:var(--theme-color-text-primary)!important}.swal2-html-container{font-size:16px!important;color:var(--theme-color-text-primary)!important}.swal2-actions{width:100%;display:flex;flex-direction:row-reverse}.swal2-confirm{background-color:#376e41!important;border-radius:999px!important;border:2px solid #376e41!important;color:#fff!important;height:45px;flex-grow:1;width:120px;padding:0 2em;font-size:16px;font-weight:600}.swal2-confirm:focus{box-shadow:none!important}.swal2-styled.swal2-cancel{background-color:#6e7881!important;border-radius:999px!important;border:2px solid #6e7881!important;color:#fff!important;height:45px;flex-grow:1;width:120px;padding:0 2em;font-size:16px;font-weight:600}.swal2-styled.swal2-cancel:focus{box-shadow:none!important}header{background-color:var(--theme-color-primary);color:#fff;width:100dvw;height:var(--theme-height-header);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.loader__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;color:#fff}.loader__text{color:var(--theme-color-dark-green)}.loader__subtext{color:#fff;font-family:MStiffHeiHK UltraBold}section#game{position:relative;margin:0 auto;width:100%;height:100%;max-width:var(--max-view-width);overflow:hidden;height:calc(var(--max-view-width) * 9 / 16);max-height:100dvh;background-color:#000;aspect-ratio:9/16}div.game__video_container{position:relative;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#000}.game__webcam,video{position:relative;top:0;left:0;width:100%;height:100%;z-index:1;object-fit:cover;object-position:top center;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}img.game__frame{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;object-fit:contain;object-position:center;pointer-events:none}div.game__instruction_text{position:absolute;width:max-content;top:65px;left:50%;transform:translate(-50%);z-index:2;font-size:var(--font-size-md);color:#fff;font-weight:18px;line-height:1.6;letter-spacing:0;text-align:center;text-shadow:1px 1px 2px #00000059}div.game__instruction_text.text-2{top:40px}div.game__instruction_text>p{text-align:center;margin:0 auto}div.game__instruction_text .highlighted{background-color:#ddd01a;font-weight:700;padding:0 4px;display:flex;align-items:center;justify-content:center;column-gap:4px;width:max-content}p.game__rec{position:absolute;top:24px;left:24px;z-index:3;font-weight:500;color:#fff;line-height:1.6;display:flex;align-items:center;justify-content:flex-start}p.game__rec span{display:inline-block;height:16px;width:16px;background-color:red;margin-right:8px;border-radius:100%}p.game__countdown{font-size:200px;position:absolute;top:50%;left:50%;color:#ffffffbf;text-shadow:4px 4px 8px #00000059;transform:translate(-50%,-50%);z-index:3}img.game__pose-guide{overflow:hidden;position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;aspect-ratio:9/16;z-index:2;object-fit:cover;object-position:center;mix-blend-mode:soft-light}div.game__action-button_container{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;gap:16px}div.game__action-button_container.mode-preview{width:calc(100% - 32px);justify-content:space-between}div.game__btn-flip{background:#363636b2;height:46px;width:46px;border-radius:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}div.game__btn-flip svg{height:42px;width:42px}button.game__btn-action-with-text{min-width:72px;height:46px;background:#363636b2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:46px;font-size:16px;text-align:center;line-height:46px;cursor:pointer;color:#fff;padding:0 12px}div.game__preview_container{width:100%;height:100%;position:relative;overflow:hidden}div.game__preview_container img.game__captured-image{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}div.game__preview_container div.video-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}div.game__preview_container video.game__captured-video{width:100%;height:100%;aspect-ratio:9/16;object-fit:cover}div.game__preview_container video.game__captured-video::-webkit-media-controls-fullscreen-button{display:none!important}div.game__preview_container video::-webkit-media-controls-panel{max-width:100%}#scan-page{height:calc(100dvh - var(--theme-height-header));width:100dvw;position:relative;overflow:hidden;z-index:0}.stc{--track-bg: #111827;--track-border: #1f2937;--track-text: #9ca3af;--accent: #22c55e;--handle-bg: #ffffff;--handle-shadow: rgba(0, 0, 0, .2);--height: 56px;--radius: 999px;position:relative;height:var(--height);max-width:480px;width:100%;border-radius:var(--radius);background:linear-gradient(180deg,var(--track-bg),#0f172a);border:1px solid var(--track-border);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y}.stc__progress{position:absolute;inset-block:0;inset-inline-start:0;width:0%;background:linear-gradient(90deg,#22c55e26,#22c55e00);pointer-events:none;transition:width .12s ease-out}.stc__label{position:absolute;inset:0;display:grid;place-items:center;font-weight:600;letter-spacing:.3px;color:var(--track-text);pointer-events:none;text-align:center;padding-inline:16px}.stc__handle{position:absolute;top:3px;inset-inline-start:4px;width:calc(var(--height) - 8px);height:calc(var(--height) - 8px);border-radius:50%;background:var(--handle-bg);box-shadow:0 6px 18px var(--handle-shadow);display:grid;place-items:center;font-weight:700;color:#111827;cursor:grab;transition:transform .12s ease-out;will-change:transform;touch-action:none;border:none}.stc--dragging .stc__handle{cursor:grabbing;transition:none}.stc--done .stc__progress{width:100%!important;background:var(--accent);opacity:.2}.stc--done .stc__label{color:#d1fae5}@media(prefers-reduced-motion:reduce){.stc__progress,.stc__handle{transition:none!important}}