:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0}.tiled-background{width:100%;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.tiled-background:before{content:"";position:absolute;width:200%;height:200%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-47deg);background-image:url(/refactor/background.png);background-repeat:repeat;background-size:auto;animation:scroll-background 20s linear infinite}@keyframes scroll-background{0%{background-position:0 0}to{background-position:-280px 300px}}.game-image-preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:linear-gradient(135deg,#667eea,#764ba2)}.game-image-preloader__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000001a}.game-image-preloader__content{text-align:center;color:#fff;max-width:400px;padding:2rem}.game-image-preloader__spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.game-image-preloader__text{font-size:1.2rem;font-weight:500;margin-bottom:1.5rem;color:#fff}.game-image-preloader__progress{width:100%;height:8px;background:#ffffff4d;border-radius:4px;overflow:hidden;margin-bottom:1rem}.game-image-preloader__progress-bar{height:100%;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;transition:width .3s ease}.game-image-preloader__info{display:flex;flex-direction:column;gap:8px}.game-image-preloader__percentage{font-size:1rem;font-weight:600;color:#fff}.game-image-preloader__stats{font-size:.875rem;color:#fffc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.game-image-preloader__content{padding:1rem;max-width:300px}.game-image-preloader__spinner{width:50px;height:50px}.game-image-preloader__text{font-size:1rem}}.home-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.home-container img{width:400px;margin-top:-200px}.home-logout-button{position:fixed;top:24px;right:24px;z-index:1000;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 16px #ef44444d;cursor:pointer;transition:all .2s ease;outline:none}.home-logout-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.home-logout-button:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.home-logout-button:focus-visible{box-shadow:0 0 0 4px #ef444466}.home-logout-button-text{color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.background{width:100%;height:100%;position:relative;overflow:hidden}@media (max-width: 768px){.background{background-size:cover}}@media (max-width: 480px){.background{background-size:cover;background-position:center center}}.progress-bar-item{display:flex;align-items:center;gap:15px;margin-bottom:20px}.progress-label{min-width:60px;font-size:14px;font-weight:bolder;color:#1f1f27;font-family:PingFang SC,Microsoft YaHei,sans-serif}.progress-bar-container{width:150px;height:6px;background-color:#d8e6f0;border-radius:6px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(90deg,#abd5f2,#4973ce);border-radius:6px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff3,#ffffff1a,#ffffff4d);border-radius:6px}.progress-bar.high-score{background:linear-gradient(90deg,#ffb043,#ff8c00,#ff6b00)}.progress-bar.high-score:before{background:linear-gradient(90deg,#ffffff4d,#fff3,#fff6)}.progress-score{width:50px;text-align:right;font-size:16px;font-weight:600;color:#1f1f27;font-family:PingFang SC,Microsoft YaHei,sans-serif}.progress-score.high-score{color:#ffb043}@media (max-width: 768px){.progress-bar-item{gap:10px;margin-bottom:15px}.progress-label{width:80px;font-size:14px}.progress-score{width:80px;font-size:16px}.progress-bar-container{height:12px}}.radar-chart{margin:auto;display:inline-block;overflow:visible!important}.radar-container{width:100%;height:400px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 8px #0000001a;overflow:visible}@media (max-width: 768px){.radar-container{height:300px;padding:30px}}@media (max-width: 480px){.radar-container{height:250px;padding:25px}}.results-table-container{width:100%;background-color:#f8fbff;border-radius:8px;overflow:hidden}.results-table{width:100%;border-collapse:collapse;border:20px solid #ffffff;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:12px;color:#606266}.results-table thead{background-color:#f5f5f5}.results-table th{padding:16px 20px;text-align:left;font-weight:600;border-bottom:1px solid #e3e3e3}.ability-column{width:20%}.score-column{width:10%;text-align:center}.explanation-column{width:70%}.results-table tbody tr{border-bottom:1px solid #e3e3e3;transition:background-color .2s ease}.results-table tbody tr:hover{background-color:#f8fbff}.results-table tbody tr:last-child{border-bottom:none}.results-table td{padding:16px 20px;vertical-align:top;line-height:1.6;background-color:#fff}.ability-cell{font-weight:500;background-color:#f8fbff!important}.ability-name{display:inline-block;padding:4px 8px;border-radius:4px}.score-cell{text-align:center;font-weight:600}.score-value{display:inline-block;padding:4px 12px;border-radius:6px;font-weight:600;min-width:60px;text-align:right}.explanation-cell{line-height:1.8;text-align:justify}.explanation-text{display:block;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 768px){.results-table-container{overflow-x:auto}.results-table{min-width:600px}.results-table th,.results-table td{padding:12px 16px}.ability-column{width:100px;min-width:100px}.score-column{width:80px;min-width:80px}.ability-name{padding:3px 6px}.score-value{padding:3px 8px;min-width:50px}.explanation-text{line-height:1.6}}@media (max-width: 480px){.results-table th,.results-table td{padding:10px 12px;font-size:13px}.ability-column{width:80px;min-width:80px}.score-column{width:70px;min-width:70px}.ability-name{padding:2px 4px}.score-value{padding:2px 6px;min-width:45px}.explanation-text{line-height:1.5}}.report-page{--base-width: 800px;--base-width-max: 800px;width:800px;max-width:800px;box-sizing:border-box;margin:0 auto}.report-page h1{font-size:3.2em;line-height:1.1}.report-page button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.report-page button:hover{border-color:#646cff}.report-page button:focus,.report-page button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){.report-page :root{color:#213547;background-color:#fff}.report-page a:hover{color:#747bff}.report-page button{background-color:#f9f9f9}}.report-page .page{position:relative;width:800px;margin:0 auto}.report-page .section_1{background-color:#fff;width:800px}.report-page .box_1{width:800px;justify-content:center}.report-page .image-wrapper_1{width:400px;height:64px;margin:28px 0 0 16px}.report-page .image_1{width:400px;height:64px}.report-page .group_1{width:800px;height:20px;margin-top:29.04px}.report-page .section_2{background-color:#284198;width:450px;height:20px}.report-page .text-wrapper_1{width:207.12px;height:51.36px;margin:1.6px 0 0 29.6px}.report-page .text_1{width:207.12px;height:20px;overflow-wrap:break-word;color:#1f1f27;font-size:20px;letter-spacing:17px;font-family:MicrosoftYaHei;font-weight:400;text-align:justify;white-space:nowrap;line-height:20px}.report-page .text_2{width:202.32px;height:14.24px;overflow-wrap:break-word;color:#5c6972;font-size:12.88px;letter-spacing:7.76666689px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:14.24px;margin-top:6.8px}.report-page .section_3{background-color:#284198;width:83.28px;height:20px;margin-left:29.68px}.report-page .text-wrapper_2{width:800px;height:14.24px;margin:28px 20px}.report-page .text_3{width:38.72px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:14.24px}.report-page .text_4{width:48.72px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px;margin-left:-.32px}.report-page .text_5{width:38.72px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:14.24px;margin-left:73.28px}.report-page .text_6{width:38.72px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px}.report-page .text_7{width:38.72px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:14.24px;margin-left:73.28px}.report-page .text_8{width:12.96px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px}.report-page .text_9{width:38.72px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:14.24px;margin-left:73.6px}.report-page .text_10{width:13.28px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px}.report-page .text_11{width:64.56px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:14.24px;margin-left:73.28px}.report-page .text_12{width:64.56px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:12.88px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px}.report-page .box_2{background-color:#f8fbff;border-radius:4px;width:800px}.report-page .group_2{width:800px;height:18.72px;margin:13.2px 0 0 6.08px}.report-page .image-text_1{width:86.8px;height:18.72px}.report-page .label_1{width:13.28px;height:12.32px;margin-top:2.32px}.report-page .text-group_1{width:67.12px;height:18.72px;overflow-wrap:break-word;color:#1f1f27;font-size:20px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:18.72px}.report-page .image-text_2{width:41.36px;height:12.96px;margin:2.56px 0 0 520px}.report-page .section_4{background-color:#fff;border-radius:50%;width:6px;height:6px;border:4px solid #ffb043}.report-page .text-group_2{width:30.4px;height:12.96px;overflow-wrap:break-word;color:#5c6972;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px}.report-page .image-text_3{width:39.04px;height:12.96px;margin:2.56px 0 0 11.28px}.report-page .section_5{background-color:#fff;border-radius:50%;width:6px;height:6px;border:4px solid #4973ce}.report-page .text-group_3{width:28.08px;height:12.96px;overflow-wrap:break-word;color:#5c6972;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px}.report-page .group_3{width:516.16px;height:14.56px;margin:25.12px 0 0 25.76px}.report-page .text_13{width:34.88px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px}.report-page .group_4{background-color:#d8e6f0;border-radius:13px;height:8.08px;width:188.4px;margin:4.48px 0 0 32.88px}.report-page .box_3{width:176.16px;height:8.08px;background:url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPngecb67c4c11ed71e0239d8e14fd01025832f27cc9a34cd4e1f0cd5b6c5d6d80f2) 100% no-repeat;background-size:100% 100%}.report-page .text_14{width:21.68px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:10.32px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px;margin:.32px 0 0 17.04px}.report-page .text_15{width:34.88px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin:1.28px 0 0 186.4px}.report-page .group_5{width:630px;height:137.12px;margin:8px 0 0 25.76px}.report-page .text-wrapper_3{width:58.08px;height:113.92px;margin-top:12px}.report-page .text_16{width:34.88px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px}.report-page .text_17{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin-top:21.68px}.report-page .text_18{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin-top:19.68px}.report-page .text_19{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin-top:21.04px}.report-page .block_1{width:195.84px;height:107.76px;margin:15.44px 0 0 9.6px}.report-page .section_6{background-color:#d8e6f0;border-radius:13px;height:8.08px;width:188.4px}.report-page .block_2{width:168.08px;height:8.08px;background:url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPng44a96f0df5055f11ac03ee7f01d0e9a0f9f58ba229d825b46a40d57269649c52) 100% no-repeat;background-size:100% 100%}.report-page .section_7{background-color:#d8e6f0;border-radius:13px;height:8.08px;margin-top:27.12px;width:188.4px}.report-page .box_4{width:188.4px;height:8.08px;background:url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPng6efa6db08b64fcd2b13c4a587e7df98b9b52e96541d3f4d59ff296208f468448) 100% no-repeat;background-size:100% 100%}.report-page .section_8{background-color:#d8e6f0;border-radius:13px;height:8.08px;margin-top:24.24px;width:188.4px}.report-page .block_3{width:176.16px;height:8.08px;background:url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPngecb67c4c11ed71e0239d8e14fd01025832f27cc9a34cd4e1f0cd5b6c5d6d80f2) 100% no-repeat;background-size:100% 100%}.report-page .section_9{background-color:#d8e6f0;border-radius:13px;height:8.08px;width:188.4px;margin:24.16px 0 0 7.36px}.report-page .block_4{width:188.4px;height:8.08px;background:url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPng6efa6db08b64fcd2b13c4a587e7df98b9b52e96541d3f4d59ff296208f468448) 100% no-repeat;background-size:100% 100%}.report-page .text-wrapper_4{width:25.84px;height:113.92px;margin:12.56px 0 0 9.6px}.report-page .text_20{width:12.64px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:10.32px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px}.report-page .text_21{width:23.92px;height:14.24px;overflow-wrap:break-word;color:#ffb043;font-size:10.32px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px;margin-top:19.68px}.report-page .text_22{width:21.68px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:10.32px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px;margin-top:19.36px}.report-page .text_23{width:25.84px;height:14.24px;overflow-wrap:break-word;color:#ffb043;font-size:10.32px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px;margin-top:18.08px}.report-page .text-wrapper_5{width:58.08px;height:92.32px;margin:18.64px 0 0 74.16px}.report-page .text_24{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px}.report-page .text_25{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin-top:66.48px}.report-page .image-wrapper_2{height:137.12px;background:url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPng77c67acedbed2d9c55f9f25a5a2fe04fb2bfbece405b6d8bee62d773d441612a) -.4px 0px no-repeat;background-size:137.36px 137.36px;margin-left:-.96px;width:137.12px;position:relative}.report-page .image_2{width:120.4px;height:126.8px;margin:3.52px 0 0 8.32px}.report-page .image_3{position:absolute;left:5.2px;top:1.68px;width:127.12px;height:132.96px}.report-page .text-wrapper_6{width:58.08px;height:88.08px;margin:18.64px 0 0 4.48px}.report-page .text_26{width:34.88px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px}.report-page .text_27{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin-top:62.32px}.report-page .group_6{width:527.76px;height:16.16px;margin:5.12px 0 0 25.76px}.report-page .text_28{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px}.report-page .block_5{background-color:#d8e6f0;border-radius:13px;height:8.08px;width:188.4px;margin:3.84px 0 0 9.6px}.report-page .box_5{width:145.2px;height:8.08px;background:url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPngaef406a0cf7191d10694b833b67e082386f43bf71f52810b38dd5faa3e9daf07) 100% no-repeat;background-size:100% 100%}.report-page .text_29{width:21.04px;height:14.24px;overflow-wrap:break-word;color:#1f1f27;font-size:10.32px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:14.24px;margin:.96px 0 0 17.04px}.report-page .text_30{width:58.08px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin:3.2px 0 0 175.44px}.report-page .group_7{background-color:#fff;border-radius:4px;position:relative;width:664.56px;height:347.12px;margin:23.52px 0 12.88px 12.88px}.report-page .box_6{background-color:#f5f5f5;width:638.72px;height:32.96px;margin:12.88px 0 0 12.88px}.report-page .text-wrapper_7{width:386.16px;height:12.96px;margin:9.28px 0 0 36.4px}.report-page .text_31{width:23.28px;height:12.96px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Semibold;font-weight:600;text-align:left;white-space:nowrap;line-height:12.96px}.report-page .text_32{width:23.28px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Semibold;font-weight:600;text-align:left;white-space:nowrap;line-height:11.68px;margin:.64px 0 0 59.6px}.report-page .text_33{width:46.48px;height:12.96px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Semibold;font-weight:600;text-align:left;white-space:nowrap;line-height:12.96px;margin-left:233.6px}.report-page .section_10{background-color:#e3e3e3;width:638.72px;height:.72px;margin-top:10px}.report-page .text-wrapper_8{background-color:#fff;width:638.72px;height:48.4px;margin:-.64px 0 0 12.88px}.report-page .text_34{width:24.24px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:18.32px 0 0 118.64px}.report-page .text_35{width:442px;height:34.88px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;line-height:17.44px;margin:6.72px 15.76px 0 38px}.report-page .text-wrapper_9{background-color:#fff;width:638.72px;height:48.4px;margin-left:12.96px}.report-page .text_36{width:14.24px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:18.32px 0 0 123.2px}.report-page .text_37{width:442px;height:34.88px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;line-height:17.44px;margin:6.72px 15.76px 0 43.52px}.report-page .text-wrapper_10{background-color:#fff;width:638.72px;height:48.4px;margin-left:12.96px}.report-page .text_38{width:26.48px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:18.32px 0 0 117.36px}.report-page .text_39{width:442px;height:34.88px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;line-height:17.44px;margin:6.72px 15.76px 0 37.04px}.report-page .text-wrapper_11{background-color:#fff;width:638.72px;height:48.4px;margin-left:12.96px}.report-page .text_40{width:24.24px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:18.32px 0 0 118.64px}.report-page .text_41{width:442px;height:34.88px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;line-height:17.44px;margin:6.72px 15.76px 0 38px}.report-page .text-wrapper_12{background-color:#fff;width:638.72px;height:48.4px;margin:-1.28px 0 0 12.88px}.report-page .text_42{width:28.72px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:18.32px 0 0 116.72px}.report-page .text_43{width:442px;height:34.88px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;line-height:17.44px;margin:6.72px 15.76px 0 35.44px}.report-page .box_7{background-color:#fff;position:relative;width:638.72px;height:48.4px;margin:-1.28px 0 0 12.88px}.report-page .text_44{width:23.6px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:18.32px 0 0 118.64px}.report-page .text_45{width:442px;height:34.88px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;line-height:17.44px;margin:6.72px 15.76px 0 38.64px}.report-page .box_8{background-color:#ddecff66;position:absolute;left:0;top:-238.64px;width:93.28px;height:287.12px}.report-page .text_46{width:34.88px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:17.68px 0 0 31.28px}.report-page .text_47{width:34.88px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:36.72px 0 0 31.28px}.report-page .text_48,.report-page .text_49{width:58.08px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:36.72px 0 0 20.96px}.report-page .text_50{width:58.08px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:35.44px 0 0 20.96px}.report-page .text_51{width:58.08px;height:11.68px;overflow-wrap:break-word;color:#333;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:left;white-space:nowrap;line-height:11.68px;margin:35.44px 0 18.32px 20.96px}.report-page .section_11{background-color:#e3e3e3;position:absolute;left:0;top:96.16px;width:638.72px;height:.72px}.report-page .section_12{background-color:#e3e3e3;position:absolute;left:0;top:47.76px;width:638.72px;height:.72px}.report-page .section_13{background-color:#e3e3e3;position:absolute;left:0;top:144.56px;width:638.72px;height:.72px}.report-page .section_14{background-color:#e3e3e3;position:absolute;left:0;top:191.68px;width:638.72px;height:.72px}.report-page .section_15{background-color:#ebeef5;position:absolute;left:0;top:238.72px;width:638.72px;height:.72px}.report-page .box_9{background-color:#e3e3e3;width:638.72px;height:.72px;margin:0 0 13.52px 12.88px}.report-page .box_10{background-color:#e7e7e7;position:absolute;left:106.16px;top:13.28px;width:.72px;height:320px}.report-page .box_11{background-color:#e7e7e7;position:absolute;left:176.8px;top:12.96px;width:.72px;height:320px}.report-page .box_12{width:800px;margin-bottom:.4px}.report-page .box_13{background-color:#f8fbff;border-radius:4px;width:800px;justify-content:center;margin:12.88px 0 0}.report-page .image-text_4{width:86.8px;height:18.72px;margin:12.88px 0 0 6.08px}.report-page .label_2{width:13.6px;height:12.64px;margin-top:2.64px}.report-page .text-group_4{width:67.12px;height:18.72px;overflow-wrap:break-word;color:#1f1f27;font-size:20px;font-family:PingFangSC-Semibold;font-weight:600;text-align:justify;white-space:nowrap;line-height:18.72px}.report-page .text_52{width:784px;overflow-wrap:break-word;color:#1f1f27;font-size:14px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;line-height:21.36px;padding:8px;margin:9.6px 0 12.88px}.report-page .box_14{background-color:#284198;width:800px;height:2.64px;margin-top:12.96px}.report-page .box_15{width:690.4px;height:52.32px;margin:6.08px 0 6.72px 54.8px}.report-page .text_53{width:267.44px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin-top:19.36px}.report-page .image_4{width:.72px;height:10.4px;margin:11.92px 0 0 6.08px}.report-page .text_54{width:109.36px;height:12.96px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;white-space:nowrap;line-height:12.96px;margin:19.28px 0 0 26.72px}.report-page .image_5{width:51.68px;height:52.32px;margin-left:213.28px}.report-page .paragraph_1{width:11.68px;height:49.04px;overflow-wrap:break-word;color:#1f1f27;font-size:11.6px;font-family:PingFangSC-Regular;font-weight:400;text-align:justify;line-height:12.32px;margin:1.6px 0 0 3.52px}.report-page .flex-col{display:flex;flex-direction:column}.report-page .flex-row{display:flex;flex-direction:row}.report-page .justify-start{display:flex;justify-content:flex-start}.report-page .justify-center{display:flex;justify-content:center}.report-page .justify-end{display:flex;justify-content:flex-end}.report-page .justify-evenly{display:flex;justify-content:space-evenly}.report-page .justify-around{display:flex;justify-content:space-around}.report-page .justify-between{display:flex;justify-content:space-between}.report-page .align-start{display:flex;align-items:flex-start}.report-page .align-center{display:flex;align-items:center}.report-page .align-end{display:flex;align-items:flex-end}.report-page .score-row{display:flex;flex-direction:row;margin:23.52px 0 12.88px 12.88px}.report-page .score-row-item{flex:1;margin:12.88px 0 0 12.88px}.report-page .score-row-item-radar{flex:1;margin:12.88px 0 0 12.88px;text-align:center}.report-page .fixed-title{width:360px;margin:-16px 16px 0}.report-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;overflow:auto;padding:20px}.report-modal{position:relative;width:90vw;max-width:1200px;max-height:90vh;margin:auto;border-radius:12px;box-sizing:border-box;background:#f5f5f5;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden}.report-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:transform .18s ease,background .18s ease;z-index:10}.report-modal__close:before,.report-modal__close:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:2px;border-radius:1px;background:#333}.report-modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.report-modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.report-modal__close:hover{transform:scale(1.1);background:#fff}.report-modal__header{position:relative;padding:16px 20px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-start;align-items:center;z-index:5}.report-modal__download{padding:10px 24px;border:none;border-radius:6px;background:#3c60ff;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease;box-shadow:0 2px 8px #3c60ff4d}.report-modal__download:hover{background:#2d4fe6;transform:translateY(-1px);box-shadow:0 4px 12px #3c60ff66}.report-modal__download:active{transform:translateY(0)}.report-modal__content{flex:1;overflow:auto;background:#f5f5f5;padding:20px}.report-modal__report-wrapper{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.report-modal{width:95vw;max-height:95vh}.report-modal__header{padding:12px 16px}.report-modal__download{padding:8px 20px;font-size:14px}.report-modal__content{padding:12px}}.small-popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#142e7759;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.small-popup{position:relative;width:520px;height:380px;padding:32px 32px 28px;border-radius:24px;box-sizing:border-box;text-align:center;color:#1f3a75;background-image:url(/refactor/common/info-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat}.small-popup__close{position:absolute;top:18px;right:18px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffffd9;box-shadow:0 6px 18px #2f62ff47;cursor:pointer;transition:transform .18s ease}.small-popup__close:before,.small-popup__close:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;border-radius:1px;background:#3c60ff}.small-popup__close:before{transform:translate(-50%,-50%) rotate(45deg)}.small-popup__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.small-popup__close:hover{transform:scale(1.08)}.small-popup__header{margin-top:40px;margin-left:48px;text-align:left}.small-popup__title{margin:0;font-size:24px;font-weight:700;color:#2258d5}.small-popup__description{margin:12px 0 0;font-size:16px;line-height:1.6;color:#365ca8}.small-popup__content{position:relative;padding:8px 0;font-size:16px;line-height:1.7;color:#3156a1}.small-popup__content_wrapper{display:flex;align-items:center;justify-content:center;gap:20px}.accuracy-score{display:flex;flex-direction:row;align-items:center;justify-content:baseline;min-width:80px;margin-top:10px}.score-number{font-size:52px;font-weight:700;color:#ff6b35;text-shadow:0 2px 4px rgba(255,107,53,.3)}.score-label{font-size:24px;font-weight:500;color:#365ca8;margin-top:4px}.small-popup__footer{margin-top:20px;display:flex;justify-content:center;gap:12px}.small-popup__footer>*{min-width:120px}@media (max-width: 640px){.small-popup{width:min(92vw,360px);padding:24px 20px}.small-popup__title{font-size:20px}.small-popup__description{font-size:15px}}.playground-container{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:24px;box-sizing:border-box;min-height:100vh;overflow-x:hidden}@media (min-width: 768px){.playground-container{padding:48px 64px;gap:32px}}.playground-title{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.playground-title-image{max-width:100%;height:auto;width:280px}@media (min-width: 480px){.playground-title-image{width:400px}}@media (min-width: 768px){.playground-title-image{width:560px}}.playground-logout-button{position:fixed;top:24px;left:24px;z-index:1000;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 16px #ef44444d;cursor:pointer;transition:all .2s ease;outline:none}.playground-logout-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c)}.playground-logout-button:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.playground-logout-button:focus-visible{box-shadow:0 0 0 4px #ef444466}.playground-logout-button-text{color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.playground-action-buttons{position:fixed;top:16px;right:16px;z-index:1000;display:flex;gap:8px;flex-wrap:wrap}@media (min-width: 768px){.playground-action-buttons{top:24px;right:24px;gap:12px}}.playground-submit-button{padding:8px 16px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:8px;box-shadow:0 4px 16px #4ade804d;cursor:pointer;transition:all .2s ease;outline:none;font-size:14px}@media (min-width: 768px){.playground-submit-button{padding:12px 24px;border-radius:12px;font-size:16px}}.playground-submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ade8066;background:linear-gradient(135deg,#22c55e,#16a34a)}.playground-submit-button:active{transform:translateY(0);box-shadow:0 2px 8px #4ade804d}.playground-submit-button:focus-visible{box-shadow:0 0 0 4px #4ade8066}.playground-submit-button-text{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (min-width: 768px){.playground-submit-button-text{font-size:16px}}.playground-carousel{position:relative;width:100%;max-width:1280px;display:flex;align-items:center;justify-content:center;gap:12px}@media (min-width: 768px){.playground-carousel{gap:24px}}.playground-viewport{flex:1;overflow:hidden}.playground-track{display:flex;transition:transform .5s cubic-bezier(.33,1,.68,1);will-change:transform}.playground-page{min-width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;justify-content:center;gap:16px 12px;padding:8px 4px;box-sizing:border-box}@media (min-width: 480px){.playground-page{grid-template-columns:repeat(3,1fr);grid-auto-rows:200px;gap:20px 16px;padding:12px 6px}}@media (min-width: 768px){.playground-page{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:24px 20px;padding:16px 8px}}@media (min-width: 1024px){.playground-page{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1280px){.playground-page{grid-template-columns:repeat(5,180px);justify-content:center}}.playground-card{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;transition:transform .2s ease;outline:none}.playground-card:focus-visible{box-shadow:0 0 0 4px #4c8cff66}.playground-card:hover{transform:translateY(-4px)}.playground-card-image{width:100%;height:100%;border-radius:16px;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px;box-sizing:border-box;position:relative;overflow:hidden}@media (min-width: 480px){.playground-card-image{border-radius:20px;padding-bottom:14px}}@media (min-width: 768px){.playground-card-image{border-radius:28px;padding-bottom:18px}}.playground-card-image:after{content:"";position:absolute;inset:0;border-radius:16px}@media (min-width: 480px){.playground-card-image:after{border-radius:20px}}@media (min-width: 768px){.playground-card-image:after{border-radius:28px}}.playground-card-title{position:relative;z-index:1;font-size:12px;font-weight:600;color:#333;text-align:center;padding:0 8px;line-height:1.2}@media (min-width: 480px){.playground-card-title{font-size:14px;padding:0 10px}}@media (min-width: 768px){.playground-card-title{font-size:16px;padding:0 12px}}.playground-arrow{width:48px;height:48px;border-radius:50%;border:none;background:#ffffffad;box-shadow:0 6px 16px #0000002e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;flex-shrink:0}@media (min-width: 768px){.playground-arrow{width:64px;height:64px;box-shadow:0 10px 24px #0000002e}}.playground-arrow:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.playground-arrow:not(:disabled):hover{transform:translateY(-2px)}.playground-arrow-icon{display:inline-block;width:8px;height:8px;border-top:2px solid #3b6de7;border-right:2px solid #3b6de7;transform:rotate(45deg)}@media (min-width: 768px){.playground-arrow-icon{width:12px;height:12px;border-top:3px solid #3b6de7;border-right:3px solid #3b6de7}}.playground-arrow--left .playground-arrow-icon{transform:rotate(225deg)}.playground-arrow--right .playground-arrow-icon{transform:rotate(45deg)}.playground-indicators{display:flex;align-items:center;gap:12px}.playground-indicator-dot{width:12px;height:12px;border-radius:50%;border:none;background:#fff9;cursor:pointer;transition:transform .2s ease,background .2s ease}.playground-indicator-dot.is-active{background:#3b6de7;transform:scale(1.2)}.playground-indicator-dot:focus-visible{box-shadow:0 0 0 4px #3b6de759}.playground-progress{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.playground-progress-stats{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#333}.playground-progress-text{color:#333}.playground-progress-rate{color:#3b6de7}.playground-progress-accuracy{font-size:14px;color:#666;font-weight:500}.playground-card--completed{position:relative;cursor:not-allowed;opacity:.8}.playground-card--completed .playground-card-image{border:3px solid #4ade80;box-shadow:0 0 0 1px #4ade804d;background-color:#4ade80}.playground-card--completed .playground-card-image:after{background-color:#00000073}.playground-card--completed:hover{transform:none}.playground-card-completion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.playground-card-completion-icon{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.playground-download-button{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 16px #3b82f64d;cursor:pointer;transition:all .2s ease;outline:none;font-size:14px}@media (min-width: 768px){.playground-download-button{padding:12px 24px;border-radius:12px;font-size:16px}}.playground-download-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.playground-download-button:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.playground-download-button:focus-visible{box-shadow:0 0 0 4px #3b82f666}.playground-download-button-text{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (min-width: 768px){.playground-download-button-text{font-size:16px}}.playground-generate-report-button{padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;box-shadow:0 4px 16px #3b82f64d;cursor:pointer;transition:all .2s ease;outline:none;font-size:14px}@media (min-width: 768px){.playground-generate-report-button{padding:12px 24px;border-radius:12px;font-size:16px}}.playground-generate-report-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.playground-generate-report-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.playground-generate-report-button:focus-visible{box-shadow:0 0 0 4px #3b82f666}.playground-generate-report-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #6b728033}.playground-generate-report-button:disabled:hover{transform:none;box-shadow:0 2px 8px #6b728033}.playground-generate-report-button-text{color:#fff;font-size:14px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media (min-width: 768px){.playground-generate-report-button-text{font-size:16px}}.info-popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#3f90ff99,#52c7ff99);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000}.info-popup{position:relative;width:860px;height:550px;background:linear-gradient(180deg,#fff,#f6fbff);border-radius:32px;box-shadow:0 24px 60px #2973ff38;padding:32px 48px 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:24px}.info-popup:before{content:"";position:absolute;inset:12px;border-radius:24px;background:#ffffffdb;z-index:-1}.info-popup__close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffffe6;box-shadow:0 12px 24px #2973ff2e;cursor:pointer;transition:transform .2s ease}.info-popup__close:before,.info-popup__close:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;background:#4d6ff8;border-radius:1px}.info-popup__close:before{transform:translate(-50%,-50%) rotate(45deg)}.info-popup__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.info-popup__close:hover{transform:scale(1.05)}.info-popup__header{text-align:center}.info-popup__title{margin:0;font-size:32px;font-weight:700;color:#2762d1;letter-spacing:1px;text-align:left}.info-popup__content{background:#ffffffeb;padding:16px 0;max-height:450px;overflow-y:auto}.info-popup__content .info-popup__content-des p{line-height:1.8;padding:16px}.info-popup__table{display:grid;gap:16px}.info-popup__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 96px 160px;align-items:center;gap:16px;padding:8px 32px}.info-popup__row:nth-child(odd){background:linear-gradient(90deg,#ecf7ffcc,#e1f0ff66)}.info-popup__step{display:flex;align-items:center;gap:12px}.info-popup__step-index{width:32px;height:32px;border-radius:50%;background:#4d6ff81f;border:1px solid rgba(77,111,248,.32);color:#415ee0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.info-popup__step-visual{width:80px;height:80px;border-radius:24px;background:linear-gradient(180deg,#ffb8002e,#ffd7000d);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffc40033}.info-popup__step-visual img{width:60px;height:60px;object-fit:contain}.info-popup__arrow{width:72px;height:32px;background:url(/refactor/games/popup.png) center / contain no-repeat}.info-popup__keys{display:grid;grid-template-columns:repeat(3,32px);grid-template-rows:repeat(3,32px);gap:4px;justify-content:center}.info-popup__key{width:32px;height:32px;border-radius:8px;background:#d5e3ffcc;color:#3f65f1;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.info-popup__key--up{grid-column:2 / span 1;grid-row:1 / span 1}.info-popup__key--left{grid-column:1 / span 1;grid-row:2 / span 1}.info-popup__key--down{grid-column:2 / span 1;grid-row:3 / span 1}.info-popup__key--right{grid-column:3 / span 1;grid-row:2 / span 1}.info-popup__keys--highlight-left .info-popup__key--left,.info-popup__keys--highlight-right .info-popup__key--right,.info-popup__keys--highlight-up .info-popup__key--up,.info-popup__keys--highlight-down .info-popup__key--down{background:linear-gradient(135deg,#4df5ff,#5081ff);color:#fff;box-shadow:0 6px 16px #488aff73}.info-popup__footer{display:flex;align-items:center;justify-content:space-between;gap:24px}.info-popup__video{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border-radius:22px;border:none;background:#4078ff1a;color:#3159d9;font-size:18px;font-weight:600;cursor:pointer;transition:transform .15s ease}.info-popup__video:hover{transform:translateY(-1px)}.info-popup__video-icon{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6cf4ff,#3f77ff);mask:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="white" d="M8 5v14l11-7z"/></svg>') center / 16px 16px no-repeat}.info-popup__actions{display:inline-flex;gap:16px}.info-popup__action{min-width:160px;height:56px;border:none;border-radius:28px;font-size:20px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.info-popup__action--practice{background:linear-gradient(135deg,#64f6c4,#19c3ff);color:#fff;box-shadow:0 16px 40px #19c3ff61}.info-popup__action--challenge{background:linear-gradient(135deg,#6fb1ff,#3f6dff);color:#fff;box-shadow:0 16px 40px #3f6dff66}.info-popup__action:hover{transform:translateY(-2px)}.info-popup__action:active{transform:translateY(0);box-shadow:none}@media (max-width: 1024px){.info-popup{width:90vw;padding:24px 24px 32px}.info-popup__row{grid-template-columns:repeat(2,minmax(0,1fr)) 64px 128px;padding:8px 16px;gap:12px}.info-popup__footer{flex-direction:column;align-items:stretch}.info-popup__actions{width:100%;justify-content:center}.info-popup__action{flex:1}}.csv-preview-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2300;padding:20px;box-sizing:border-box}.csv-preview-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:90vw;max-height:90vh;width:100%;min-width:600px;display:flex;flex-direction:column;overflow:hidden}.csv-preview-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.csv-preview-title{margin:0;font-size:18px;font-weight:600;color:#111827}.csv-preview-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.csv-preview-close:hover{background-color:#e5e7eb;color:#374151}.csv-preview-close:focus{outline:2px solid #3b82f6;outline-offset:2px}.csv-preview-tabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f3f4f6;overflow-x:auto;min-height:60px}.csv-preview-tab{background:none;border:none;padding:12px 20px;cursor:pointer;font-size:14px;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.csv-preview-tab:hover{color:#374151;background-color:#e5e7eb}.csv-preview-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#fff;font-weight:500}.csv-preview-tab:focus{outline:2px solid #3b82f6;outline-offset:-2px}.csv-preview-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.csv-preview-table-container{flex:1;overflow:auto;padding:0}.csv-preview-table{width:100%;border-collapse:collapse;font-size:13px;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.csv-preview-header-cell{background-color:#f8fafc;border:1px solid #e2e8f0;padding:12px 16px;text-align:left;font-weight:600;color:#475569;position:sticky;top:0;z-index:10}.csv-preview-row:nth-child(2n){background-color:#f8fafc}.csv-preview-row:hover{background-color:#e0f2fe}.csv-preview-cell{border:1px solid #e2e8f0;padding:10px 16px;color:#334155;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csv-preview-cell:hover{overflow:visible;white-space:normal;background-color:#f0f9ff;z-index:5;position:relative}.csv-preview-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#6b7280;font-size:16px}.csv-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.csv-preview-info{color:#6b7280;font-size:14px}.csv-preview-actions{display:flex;gap:12px}.csv-preview-btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.csv-preview-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.csv-preview-btn--secondary{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.csv-preview-btn--secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.csv-preview-btn--primary{background-color:#3b82f6;color:#fff}.csv-preview-btn--primary:hover{background-color:#2563eb}@media (max-width: 768px){.csv-preview-overlay{padding:10px}.csv-preview-modal{min-width:unset;max-width:100%;max-height:95vh}.csv-preview-header{padding:16px 20px}.csv-preview-title{font-size:16px}.csv-preview-tab{padding:10px 16px;font-size:13px}.csv-preview-cell{max-width:120px;padding:8px 12px;font-size:12px}.csv-preview-header-cell{padding:10px 12px;font-size:12px}.csv-preview-footer{padding:12px 20px;flex-direction:column;gap:12px;align-items:stretch}.csv-preview-actions{justify-content:center}}.guide-info{width:100%;box-sizing:border-box}.guide-info__title{margin:0 0 16px;font-size:24px;font-weight:600;color:#2762d1;line-height:1.4}.guide-info__container{display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box}.guide-info__item{box-sizing:border-box;display:flex;flex-direction:column;min-width:0}.guide-info__item-title{position:absolute;top:0;left:50%;transform:translate(-50%);padding:8px 20px;background:#e5ebff;clip-path:polygon(0% 0%,100% 0%,88% 100%,12% 100%);font-size:16px;font-weight:500;color:#3e5cb5;line-height:1.4;text-align:center;white-space:nowrap;z-index:10;box-shadow:0 2px 4px #0000001a}.guide-info__item-image{width:100%;border-radius:8px;height:280px;background:#f9fbff;text-align:center;line-height:280px;display:flex;align-items:center;justify-content:center;position:relative}.guide-info__item-image img{height:auto;object-fit:contain;height:80%}@media (max-width: 768px){.guide-info__container{flex-direction:column}.guide-info__item{flex:1 1 100%!important;width:100%}}.error-boundary-fallback{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #0000001a}.error-boundary-content{text-align:center;max-width:500px;background:#fffffff2;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-boundary-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.error-boundary-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 1rem}.error-boundary-message{font-size:1rem;color:#4a5568;line-height:1.6;margin:0 0 1.5rem}.error-boundary-details{margin:1.5rem 0;text-align:left}.error-boundary-details summary{cursor:pointer;font-weight:500;color:#2d3748;padding:.5rem;background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0}.error-boundary-details summary:hover{background:#edf2f7}.error-boundary-stack{background:#1a202c;color:#e2e8f0;padding:1rem;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin-top:.5rem;max-height:200px;overflow-y:auto}.error-boundary-actions{display:flex;justify-content:center;gap:1rem}.error-boundary-retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.error-boundary-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.error-boundary-retry-btn:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.error-boundary-retry-btn:focus{outline:none;box-shadow:0 0 0 3px #667eea33}@media (max-width: 768px){.error-boundary-fallback{padding:1rem;min-height:300px}.error-boundary-content{padding:1.5rem}.error-boundary-title{font-size:1.25rem}.error-boundary-message{font-size:.9rem}.error-boundary-retry-btn{padding:.625rem 1.5rem;font-size:.9rem}}.fixation-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;display:flex;align-items:center;justify-content:center}.fixation-point img{display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.game-progress{width:100%}.game-progress--fixed{position:fixed;top:0;left:0;right:0;z-index:9999}.game-progress__track{width:100%;height:6px;background:linear-gradient(to bottom,#0000001a,#0003,#0000004d);border-radius:3px;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0003,0 1px 2px #0000001a}.game-progress__fill{height:100%;position:relative;border-radius:3px}.game-progress__fill--animated{transition:width .3s ease-out}.game-progress__fill:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff4d,#ffffff1a,#0000001a);border-radius:3px;box-shadow:inset 0 1px #fff6,inset 0 -1px #0003,0 1px 2px #0003}.game-progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.8) 100%);border-radius:0 3px 3px 0;box-shadow:0 0 8px #fff9,0 0 16px #ffffff4d}@media (max-width: 768px){.game-progress{gap:8px}.game-progress__label{font-size:13px}.game-progress__percentage{font-size:11px}}@media (max-width: 480px){.game-progress{gap:6px}.game-progress__label{font-size:12px}.game-progress__percentage{font-size:10px;min-width:28px}}.game-progress--compact .game-progress__label{font-size:12px}.game-progress--compact .game-progress__percentage{font-size:10px}.game-progress--large .game-progress__label{font-size:16px}.game-progress--large .game-progress__percentage{font-size:14px}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.8}}.game-progress--pulse .game-progress__fill{animation:progressPulse 2s ease-in-out infinite}.ax-cpt-ui{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0}.ax-cpt-ui .ax-cpt-stimulus{flex:1;position:relative;text-align:center}.ax-cpt-ui .ax-cpt-stimulus img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.stop-signal-ui{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0;transform:translateZ(0);will-change:transform}.stop-signal-ui .stop-signal-stimulus{flex:1;position:relative;text-align:center}.stop-signal-ui .stop-signal-stimulus img{transform:translateZ(0);will-change:opacity,transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden}.stop-signal-ui .stop-signal-stimulus img[alt=net]{pointer-events:none}.coin-container{display:inline-flex;align-items:center;justify-content:center;position:relative}.coin-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;gap:8px}.coin-value{-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;min-width:20px;text-align:center}@keyframes coinSpin{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}to{transform:scale(1) rotate(360deg)}}@keyframes valuePulse{0%{transform:scale(1);color:gold}50%{transform:scale(1.1);color:orange}to{transform:scale(1);color:gold}}.coin-container:hover .coin-wrapper img{filter:brightness(1.1);transition:filter .2s ease-in-out}@media (max-width: 768px){.coin-wrapper{gap:4px}.coin-value{font-size:24px}}.stop-signal-bonus-ui{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;transform:translateZ(0);will-change:transform}.stop-signal-bonus-ui .coin-section{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.stop-signal-bonus-ui .game-section{display:flex;justify-content:center;align-items:center;position:relative}.stop-signal-bonus-ui .game-section .stop-signal-stimulus{flex:1;position:relative;text-align:center}.stop-signal-bonus-ui .game-section .stop-signal-stimulus img{transform:translateZ(0);will-change:opacity,transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden}.stop-signal-bonus-ui .game-section .stop-signal-stimulus img[alt=net]{pointer-events:none}@media (max-width: 768px){.stop-signal-bonus-ui .coin-section{padding:30px 15px;margin-top:15px}}.flanker-game{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative}.flanker-game .flanker-ui{flex:1;position:relative}.circle-flanker-game{height:100vh;width:100vw;position:relative}.circle-flanker-ui{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0;transform:translateZ(0);will-change:transform}.circle-flanker-ui .fish-circle{position:relative;width:100%;height:100%}.circle-flanker-ui .fish-circle img{transform:translateZ(0);will-change:transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden}.circle-flanker-ui .fish-circle.hidden{display:none}.circle-flanker-ui .fixation-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:128px;font-weight:700;color:#fff;text-shadow:0 0 16px rgba(0,0,0,.6);pointer-events:none}@media (max-height: 1080px){.circle-flanker-ui .fish-circle img{width:70px!important;height:70px!important}.circle-flanker-ui .fixation-point{font-size:96px}}@media (max-width: 768px){.circle-flanker-ui .fish-circle img{width:65px!important;height:65px!important}}.time-copy-game{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0}.time-copy-game .time-copy-ui{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.time-copy-game .time-copy-ui__content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.time-copy-game .time-copy__jellyfish{width:240px;height:240px;object-fit:contain}.time-copy-game .time-copy-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;animation:slideInFromTop .3s ease-out}.time-copy-game .time-copy-notification__content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 8px 32px #0000004d;font-size:16px;font-weight:500;letter-spacing:.5px;text-align:center;min-width:200px;max-width:300px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.time-copy-game .time-copy-notification__content:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4facfe,#00f2fe)}.time-copy-game .time-copy-response-prompt{position:fixed;top:110px;left:50%;transform:translate(-50%);z-index:1000;animation:slideDownIn .3s ease-out}.time-copy-game .time-copy-response-prompt__content{background:#000c;color:#fff;padding:16px 24px;border-radius:8px;font-size:30px;font-weight:500;text-align:center;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}@keyframes slideInFromTop{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideOutToTop{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-100%);opacity:0}}.time-perception-game{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0}.time-perception-game .time-perception-ui{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.time-perception-game .time-perception-ui__canvas{position:relative;width:480px;height:480px;display:flex;align-items:center;justify-content:center}.time-perception-game .time-perception-ui__jellyfish{position:absolute;max-width:100%;max-height:100%;transform-origin:center;-webkit-user-select:none;user-select:none;pointer-events:none}.time-perception-game .time-perception-ui__feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:32px;font-weight:700;text-align:center;text-shadow:0 0 10px rgba(0,0,0,.6)}.card-number{transition:all .3s ease-in-out;will-change:transform,box-shadow;width:120px;height:180px;border-width:7px!important;border-radius:10px!important;padding:55px 22px!important}.card-number:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.card-number{width:80px;height:120px;border-width:7px!important;border-radius:5px!important;padding:28px 11px!important}.card-number img{width:24px!important;height:24px!important}}@keyframes cardAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.card-number{animation:cardAppear .3s ease-out}.corsi-input-game{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0;transform:translateZ(0);will-change:transform}.corsi-input-ui{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:20px;box-sizing:border-box}.corsi-input-ui__cards{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:20px;max-width:100%;transition:gap .3s ease;will-change:transform;overflow-x:auto;padding:0 10px}.corsi-input-ui__cards::-webkit-scrollbar{height:6px}.corsi-input-ui__cards::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.corsi-input-ui__cards::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.corsi-input-ui__cards::-webkit-scrollbar-thumb:hover{background:#00000080}.corsi-input-ui__cards.corsi-input-ui__cards--many{gap:12px}.corsi-input-ui__cards.corsi-input-ui__cards--many .corsi-card{transform:scale(.85)}.corsi-input-ui__cards.corsi-input-ui__cards--many-many{gap:8px}.corsi-input-ui__cards.corsi-input-ui__cards--many-many .corsi-card{transform:scale(.75)}.corsi-input-ui__cards.corsi-input-ui__cards--too-many{gap:6px}.corsi-input-ui__cards.corsi-input-ui__cards--too-many .corsi-card{transform:scale(.65)}.corsi-card{transform-origin:center;animation:corsi-card-appear .4s ease forwards;opacity:0}.corsi-card__inner{display:flex;align-items:center;justify-content:center}@keyframes corsi-card-appear{0%{transform:scale(calc(var(--corsi-card-scale, 1) * .82)) translateY(10px);opacity:0}to{transform:scale(var(--corsi-card-scale, 1)) translateY(0);opacity:1}}@media (max-width: 768px){.corsi-input-ui{padding:15px}.corsi-input-ui__cards{gap:12px;padding:0 5px}.corsi-input-ui__cards.corsi-input-ui__cards--many{gap:8px}.corsi-input-ui__cards.corsi-input-ui__cards--many .corsi-card{transform:scale(.8)}.corsi-input-ui__cards.corsi-input-ui__cards--many-many{gap:6px}.corsi-input-ui__cards.corsi-input-ui__cards--many-many .corsi-card{transform:scale(.7)}.corsi-input-ui__cards.corsi-input-ui__cards--too-many{gap:4px}.corsi-input-ui__cards.corsi-input-ui__cards--too-many .corsi-card{transform:scale(.6)}}@media (max-width: 480px){.corsi-input-ui{padding:10px}.corsi-input-ui__cards{gap:8px;padding:0 5px}.corsi-input-ui__cards.corsi-input-ui__cards--many{gap:6px}.corsi-input-ui__cards.corsi-input-ui__cards--many .corsi-card{transform:scale(.75)}.corsi-input-ui__cards.corsi-input-ui__cards--many-many{gap:4px}.corsi-input-ui__cards.corsi-input-ui__cards--many-many .corsi-card{transform:scale(.65)}.corsi-input-ui__cards.corsi-input-ui__cards--too-many{gap:3px}.corsi-input-ui__cards.corsi-input-ui__cards--too-many .corsi-card{transform:scale(.55)}}.wcst-card{width:200px;height:300px;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:all .2s ease;position:relative;padding:14px;transform:scale(.8)}.wcst-card-red{background-color:#ff4f00}.wcst-card-green{background-color:#00ae5f}.wcst-card-yellow{background-color:#ffd018}.wcst-card-blue{background-color:#31b9fd}.wcst-card.highlighted{transform:scale(1.05);box-shadow:0 0 20px #fffc;z-index:10}.wcst-card .feedback-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;border-radius:20px;z-index:20}.wcst-card .feedback-overlay .feedback-icon{width:80px;height:80px;object-fit:contain}.wcst-card .feedback-overlay.feedback-correct{background-color:#0f03}.wcst-card .feedback-overlay.feedback-incorrect{background-color:#f003}.wcst-card .card-content{flex:1;background-color:#fff;border-radius:14px;width:100%}.wcst-card .card-content.layout-1{display:flex;flex-direction:column;align-items:center;justify-content:center}.wcst-card .card-content.layout-1 .shape{width:80px;height:80px}.wcst-card .card-content.layout-2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.wcst-card .card-content.layout-2 .shape-row{display:flex;gap:20px;justify-content:center}.wcst-card .card-content.layout-2 .shape{width:80px;height:80px}.wcst-card .card-content.layout-3{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.wcst-card .card-content.layout-3 .shape-row{display:flex;gap:20px;justify-content:center}.wcst-card .card-content.layout-3 .shape-row.center-single{justify-content:center}.wcst-card .card-content.layout-3 .shape{width:80px;height:80px}.wcst-card .card-content.layout-4{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.wcst-card .card-content.layout-4 .shape-row{display:flex;gap:15px;justify-content:center}.wcst-card .card-content.layout-4 .shape{width:80px;height:80px}.wcst-card .shape{display:flex;align-items:center;justify-content:center;margin:4px}.wcst-card .empty-space{width:80px;height:80px}.wcst-card .shape[style*="color: blue"]{color:#007bff}.wcst-card .shape[style*="color: red"]{color:#dc3545}.wcst-card .shape[style*="color: green"]{color:#28a745}.wcst-card .shape[style*="color: yellow"]{color:#ffc107}.wcst-card .number-display{background-color:#fff;border-radius:14px;width:100%;margin-top:14px;height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column}.wcst-card .number-display .number-text{font-size:28px;font-weight:bolder;color:#333;font-family:arial-black,sans-serif}@media (max-height: 1080px){.wcst-card{width:180px;height:270px;padding:12px}.wcst-card .card-content.layout-1 .shape,.wcst-card .card-content.layout-2 .shape,.wcst-card .card-content.layout-3 .shape,.wcst-card .card-content.layout-4 .shape,.wcst-card .empty-space{width:70px;height:70px}.wcst-card .number-display{height:56px;margin-top:12px}.wcst-card .number-display .number-text{font-size:24px}}@media (max-width: 768px){.wcst-card{width:200px;height:250px}.wcst-card .empty-space,.wcst-card.layout-1 .shape,.wcst-card.layout-2 .shape,.wcst-card.layout-3 .shape,.wcst-card.layout-4 .shape{width:50px;height:50px}}.wcst-ui{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;min-height:100vh;max-height:100vh;overflow:hidden}.wcst-ui .wcst-row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.wcst-ui .wcst-row.first-row{margin-bottom:0}.wcst-ui .wcst-row.second-row{min-height:300px;width:100%;display:flex;justify-content:center;align-items:center}.wcst-ui .wcst-row.second-row .wcst-card{width:200px!important;height:300px!important}.wcst-ui .wcst-target-area{text-align:center}.wcst-ui .wcst-target-area .target-card-container h3{margin-bottom:20px;color:#333;font-size:24px;font-weight:700}.wcst-ui .wcst-stimulus-area{text-align:center}.wcst-ui .wcst-stimulus-area h3{margin-bottom:20px;color:#333;font-size:20px;font-weight:700}.wcst-ui .wcst-stimulus-area .stimulus-row{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap}.wcst-ui .wcst-stimulus-area .stimulus-card-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;border-radius:10px;transition:all .3s ease}.wcst-ui .wcst-stimulus-area .stimulus-card-container.highlighted{background-color:#ffeb3b;box-shadow:0 0 20px #ffeb3b99;transform:scale(1.05)}.wcst-ui .wcst-stimulus-area .stimulus-card-container .card-number{background-color:#333;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.wcst-ui .wcst-card-container{display:flex;align-items:center;justify-content:center}@media (max-height: 1080px){.wcst-ui{gap:8px;padding:12px}.wcst-ui .wcst-row{gap:8px}.wcst-ui .wcst-row.first-row{margin-bottom:0}.wcst-ui .wcst-row.second-row{min-height:280px}.wcst-ui .wcst-row.second-row .wcst-card{width:180px!important;height:270px!important}}@media (max-width: 768px){.wcst-ui{gap:20px;padding:10px}.wcst-ui .wcst-row{gap:15px}.wcst-ui .wcst-row.first-row{flex-wrap:wrap;justify-content:center}.wcst-ui .wcst-row.second-row{min-height:280px}.wcst-ui .wcst-row.second-row .wcst-card{width:200px!important;height:250px!important}.wcst-ui .wcst-stimulus-area .stimulus-row{gap:15px}.wcst-ui .wcst-stimulus-area .stimulus-card-container{padding:10px}}.wcst-game{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.switch-task-ui{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0;transform:translateZ(0);will-change:transform}.switch-task-ui .grid-container{position:relative}.switch-task-ui .grid-container .double-arrow{width:168px;height:68px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease-in-out}.switch-task-ui .grid-container .double-arrow.horizontal{opacity:1}.switch-task-ui .grid-container .double-arrow.vertical{opacity:1;transform:translate(-50%,-50%) rotate(90deg)}.switch-task-ui .grid-container img{transform:translateZ(0);will-change:transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden}.switch-task-ui .grid-container .hole-container{position:relative;overflow:visible}@media (max-width: 768px){.switch-task-ui .grid-container{gap:120px!important}.switch-task-ui .grid-container .hole-container{width:100px!important;height:100px!important}.switch-task-ui .grid-container .hole-container img[alt*=gopher]{width:110px!important;height:110px!important}}.two-back-ui{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0;transform:translateZ(0);will-change:transform}.two-back-ui .grid-container img{transform:translateZ(0);will-change:transform;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden}.two-back-ui .grid-container .hole-container{position:relative;overflow:visible}@media (max-width: 768px){.two-back-ui .grid-container{gap:20px!important}.two-back-ui .grid-container .hole-container{width:80px!important;height:80px!important}.two-back-ui .grid-container .hole-container img[alt*=gopher]{width:90px!important;height:90px!important}}.stars-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.cdt-ui{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;color:#fff;-webkit-user-select:none;user-select:none}.cdt-empty,.cdt-empty-stimulus{width:100%;height:100%}.cdt-fixation{display:flex;align-items:center;justify-content:center}.cdt-plus{width:48px;height:48px}.cdt-stimulus{display:flex;align-items:center;justify-content:center}.cdt-rocket-slot{display:flex;flex-direction:column;align-items:center;gap:16px}.cdt-rocket{pointer-events:none;position:relative;z-index:2}.cdt-wait-active .cdt-rocket{animation:cdt-rocket-fly 2s ease-in-out infinite}.cdt-coin-display{display:flex;align-items:center;gap:8px;font-size:36px;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5)}.cdt-coin-image{width:48px;height:48px}.cdt-result,.cdt-wait,.cdt-explosion{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.cdt-wait{position:relative;overflow:hidden}.cdt-flame{width:120px;height:120px;margin-top:-60px;background:radial-gradient(circle at center,#ff8c00e6,#ff450066 60%,#ff450000);border-radius:50%;filter:blur(6px);opacity:0;transition:opacity .2s ease-in-out;position:relative;z-index:2}.cdt-wait-active .cdt-flame{opacity:1;animation:cdt-flame-flicker .6s ease-in-out infinite alternate}@keyframes cdt-flame-flicker{0%{transform:scale(.9) translateY(10px);opacity:.6}to{transform:scale(1.1) translateY(-10px);opacity:1}}@keyframes cdt-rocket-fly{0%{transform:translate(0) rotate(0)}25%{transform:translate(8px,-6px) rotate(1deg)}50%{transform:translate(-5px,4px) rotate(-.5deg)}75%{transform:translate(6px,2px) rotate(.8deg)}to{transform:translate(0) rotate(0)}}.cdt-explosion{position:relative;width:260px;height:260px}.cdt-explosion-core{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#ffd700e6,#ffa50099 55%,#ff450033 75%,#ff450000);opacity:0}.cdt-explosion-active .cdt-explosion-core{animation:cdt-explosion-burst .8s ease-out forwards}@keyframes cdt-explosion-burst{0%{transform:scale(.4);opacity:0}30%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.cdt-explosion-coins{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:cdt-coins-pop .9s ease-out forwards}@keyframes cdt-coins-pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}30%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.cdt-empty,.cdt-empty-stimulus{background:transparent}.bet-circle{position:relative;display:inline-block}.bet-circle .bet-circle-svg{display:block;width:100%;height:100%}.bet-circle .bet-circle-bg{opacity:.3}.bet-circle .bet-circle-progress{transition:stroke-dashoffset 1s ease-in-out;stroke-dasharray:0 1000;stroke-dashoffset:0}.bet-circle .bet-circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;overflow:visible;text-overflow:visible;max-width:90%;font-size:72px;font-weight:700;line-height:1;z-index:10}.bet-circle-progress{animation:progressAnimation .3s ease-out}@keyframes progressAnimation{0%{stroke-dashoffset:1000}to{stroke-dashoffset:var(--target-offset, 0)}}.bet-circle:hover .bet-circle-progress{filter:brightness(1.1);transform:scale(1.02);transition:all .2s ease}@media (max-width: 768px){.bet-circle .bet-circle-text{font-size:80px;max-width:95%}}.box-bar{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:28px}.box-bar .box{width:90px;height:74px;aspect-ratio:1;background-position:center;background-size:cover}.box-bar .box.box-red.box-closed{background-image:url(/refactor/games/box-red-close.png)}.box-bar .box.box-red.box-open{background-image:url(/refactor/games/box-red-open.png);width:90px;height:74px}.box-bar .box.box-blue.box-closed{background-image:url(/refactor/games/box-blue-close.png)}.box-bar .box.box-blue.box-open{background-image:url(/refactor/games/box-blue-open.png);width:90px;height:74px}.box-selector{display:flex;justify-content:center;align-items:center;padding:20px}.box-selector .box-container{display:flex;gap:120px;align-items:center;justify-content:center}.box-selector .box-item{position:relative;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px}.box-selector .box-item .box-image{width:var(--box-size, 100px);height:var(--box-size, 100px);object-fit:contain;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.box-selector .box-item:not(.selected){opacity:.6;transform:scale(1)}.box-selector .box-item:not(.selected):hover{opacity:.8;transform:scale(1.05)}.box-selector .box-item.selected{opacity:1;transform:scale(1.2)}.box-selector .box-item.selected .box-image{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));animation:selectedPulse .6s ease-in-out}.box-selector .box-item.disabled{cursor:not-allowed;opacity:.4}.box-selector .box-item.disabled:hover{transform:none;opacity:.4}.box-selector .box-item .feedback{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);z-index:10}.box-selector .box-item .feedback .feedback-image{width:30px;height:30px;object-fit:contain;animation:feedbackAppear .5s ease-out}.box-selector .red-box.selected .box-image{filter:drop-shadow(0 8px 16px rgba(255,0,0,.3))}.box-selector .blue-box.selected .box-image{filter:drop-shadow(0 8px 16px rgba(0,0,255,.3))}@keyframes selectedPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.2)}}@keyframes feedbackAppear{0%{opacity:0;transform:translate(-50%) scale(.5)}50%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:1;transform:translate(-50%) scale(1)}}.box-item:not(.disabled):not(.selected):hover .box-image{filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}@media (max-width: 768px){.box-selector .box-container{gap:20px}.box-selector .box-item .box-image{width:calc(var(--box-size, 120px) * .8);height:calc(var(--box-size, 120px) * .8)}.box-selector .box-item.selected{transform:scale(1.1)}}@media (max-width: 480px){.box-selector .box-container{gap:15px}.box-selector .box-item .box-image{width:calc(var(--box-size, 120px) * .6);height:calc(var(--box-size, 120px) * .6)}.box-selector .box-item.selected{transform:scale(1.05)}}.coin-counter{display:flex;align-items:center;gap:8px;font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none}.coin-counter .coin-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.coin-counter .coin-icon .coin-image{display:block;object-fit:contain}.coin-counter .coin-value{font-weight:700;color:gold;text-shadow:0 0 3px rgba(255,215,0,.5),0 0 6px rgba(255,215,0,.3),0 0 9px rgba(255,215,0,.1);transition:all .3s ease;white-space:nowrap}.coin-counter.small .coin-icon .coin-image{width:20px;height:20px}.coin-counter.small .coin-value{font-size:16px}.coin-counter.medium .coin-icon .coin-image{width:28px;height:28px}.coin-counter.medium .coin-value{font-size:20px}.coin-counter.large .coin-icon .coin-image{width:120px;height:120px}.coin-counter.large .coin-value{font-size:72px}.coin-counter .coin-value.animate-increase{animation:coinIncrease .5s ease-out}.coin-counter .coin-value.animate-decrease{animation:coinDecrease .5s ease-out}@keyframes coinIncrease{0%{transform:scale(1);color:gold;text-shadow:0 0 3px rgba(255,215,0,.5),0 0 6px rgba(255,215,0,.3),0 0 9px rgba(255,215,0,.1)}50%{transform:scale(1.2);color:orange;text-shadow:0 0 5px rgba(255,165,0,.8),0 0 10px rgba(255,165,0,.6),0 0 15px rgba(255,165,0,.4)}to{transform:scale(1);color:gold;text-shadow:0 0 3px rgba(255,215,0,.5),0 0 6px rgba(255,215,0,.3),0 0 9px rgba(255,215,0,.1)}}@keyframes coinDecrease{0%{transform:scale(1);color:gold;text-shadow:0 0 3px rgba(255,215,0,.5),0 0 6px rgba(255,215,0,.3),0 0 9px rgba(255,215,0,.1)}50%{transform:scale(.8);color:#ff8c00;text-shadow:0 0 2px rgba(255,140,0,.3),0 0 4px rgba(255,140,0,.2)}to{transform:scale(1);color:gold;text-shadow:0 0 3px rgba(255,215,0,.5),0 0 6px rgba(255,215,0,.3),0 0 9px rgba(255,215,0,.1)}}.coin-counter:hover .coin-value{color:orange;text-shadow:0 0 5px rgba(255,165,0,.7),0 0 10px rgba(255,165,0,.5),0 0 15px rgba(255,165,0,.3)}.cgt-game{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0}.cgt-ui{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:32px;margin:0 auto;max-width:1400px;max-height:100vh;overflow:hidden}.cgt-ui__score{display:flex;align-items:center;gap:16px;font-size:32px;font-weight:600;padding:12px 24px;background:transparent;border-radius:12px;margin-bottom:32px}.cgt-ui__score-label{opacity:.8}.cgt-ui__score-value{display:none}.cgt-ui__score-coin .coin-wrapper{gap:12px}.cgt-ui__score-coin .coin-value{color:gold;text-shadow:1px 1px 6px rgba(0,0,0,.6)}.cgt-ui__fixation{font-size:96px;font-weight:700;opacity:.9}.cgt-ui__boxes{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:40px;transition:opacity .3s ease}.cgt-ui__large-boxes{display:flex;gap:80px;justify-content:center;align-items:center;width:min(90vw,1200px);transition:opacity .3s ease}.cgt-ui__bet-section{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.cgt-ui__bet{display:flex;justify-content:center;align-items:center}.cgt-ui__bet-ring{position:relative;width:200px;height:200px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;border:8px solid rgba(255,215,0,.3)}.cgt-ui__bet-progress{position:absolute;inset:8px;border-radius:50%}.cgt-ui__bet-text{position:relative;font-size:42px;font-weight:700;letter-spacing:1px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.cgt-box{position:relative;aspect-ratio:1;border-radius:16px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:cover;border:none;box-shadow:none;transition:transform .16s ease}.cgt-box--red.cgt-box--closed{background-image:url(/refactor/games/box-red-close.png)}.cgt-box--red.cgt-box--open{background-image:url(/refactor/games/box-red-open.png)}.cgt-box--blue.cgt-box--closed{background-image:url(/refactor/games/box-blue-close.png)}.cgt-box--blue.cgt-box--open{background-image:url(/refactor/games/box-blue-open.png)}.cgt-box--open{transform:translateY(4px) scale(.96)}.cgt-box--large{width:160px;height:160px;border-radius:24px;background-color:transparent!important;border:none!important;box-shadow:none!important;transition:opacity .2s ease,transform .16s ease}.cgt-box--large.cgt-box--highlight{transform:translateY(-8px) scale(1.06)}@media (max-height: 1080px){.cgt-ui{gap:20px;padding:0 20px}.cgt-ui__score{font-size:28px;padding:8px 20px;margin-bottom:16px}.cgt-ui__boxes{margin-bottom:24px}.cgt-ui__bet-section{min-height:160px}.cgt-ui__bet-ring{width:160px;height:160px}.cgt-ui__bet-text{font-size:36px}.cgt-ui__large-boxes{gap:60px;width:min(90vw,1000px)}.cgt-box--large{width:140px;height:140px}}@media (max-width: 1280px){.cgt-ui{gap:24px}.cgt-ui__boxes{gap:24px;width:min(95vw,1000px)}.cgt-ui__bet-ring{width:160px;height:160px}.cgt-ui__bet-text{font-size:36px}.cgt-ui__large-boxes{gap:60px;width:min(95vw,1000px)}.cgt-box--large{width:140px;height:140px}}@media (max-width: 960px){.cgt-ui__score{font-size:24px}.cgt-ui__score-value{font-size:36px}.cgt-ui__boxes{grid-template-columns:repeat(5,minmax(60px,1fr));gap:20px;width:min(95vw,800px)}.cgt-ui__large-boxes{gap:40px;width:min(95vw,800px)}.cgt-box--large{width:120px;height:120px}}.status-component{display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.status-component img{transition:transform .2s ease-in-out}.status-component:hover img{transform:scale(1.1)}@keyframes statusAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.status-component{animation:statusAppear .3s ease-out}@media (max-width: 768px){.status-component img{width:32px!important;height:32px!important}}.hard-subtraction-ui{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:absolute;inset:0;transform:translateZ(0);will-change:transform;font-family:Arial,sans-serif}.hard-subtraction-problem{display:flex;flex-direction:column;align-items:center;gap:40px;max-width:800px;width:100%;padding:20px}.hard-subtraction-problem-text{font-size:144px;font-weight:700;color:#3e5cb5;text-align:center;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.hard-subtraction-options{display:flex;gap:150px;justify-content:center}.hard-subtraction-option{display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .2s ease-in-out}.hard-subtraction-option:hover{transform:translateY(-5px)}.hard-subtraction-status{display:flex;align-items:center;justify-content:center}.hard-subtraction-countdown{position:absolute;top:30px;right:30px;background:#ffffffe6;border:2px dashed #ff6b35;border-radius:12px;padding:12px 20px;font-size:24px;font-weight:700;color:#ff6b35;box-shadow:0 4px 12px #0000001a;animation:pulse 2s infinite;display:flex;align-items:center;gap:12px}.calculation-controls{position:absolute;top:20px;left:320px;display:flex;gap:20px;z-index:1000}.calculation-controls button{padding:10px 20px;border-radius:5px;border:none;background-color:#ff6b35;color:#fff}.calculation-controls button:disabled{background-color:#ccc;color:#666}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 768px){.hard-subtraction-problem{gap:30px;padding:15px}.hard-subtraction-problem-text{font-size:36px;margin-bottom:15px}.hard-subtraction-options{gap:40px}.hard-subtraction-option{gap:15px}.hard-subtraction-countdown{top:20px;right:20px;font-size:20px;padding:10px 16px}}@media (max-width: 480px){.hard-subtraction-problem{gap:25px;padding:10px}.hard-subtraction-problem-text{font-size:28px;margin-bottom:10px}.hard-subtraction-options{gap:30px;flex-direction:column;align-items:center}.hard-subtraction-option{gap:12px}.hard-subtraction-countdown{top:15px;right:15px;font-size:18px;padding:8px 12px}}.global-message-toast{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.global-message-toast--lower{top:110px}.global-message-toast__content{background:#000c;color:#fff;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:500;text-align:center;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.global-message-toast--show{animation:slideDownIn .3s ease-out}.global-message-toast--hide{animation:slideDownOut .3s ease-in}@keyframes slideDownIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slideDownOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-20px);opacity:0}}.feedback-toast{position:fixed;top:50px;left:50%;transform:translate(-50%);z-index:1001;pointer-events:none}.feedback-toast__content{display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:#fffffff2;border-radius:50%;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.feedback-toast__icon{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.feedback-toast--show{animation:feedbackShow .4s cubic-bezier(.68,-.55,.265,1.55)}.feedback-toast--hide{animation:feedbackHide .3s ease-in}@keyframes feedbackShow{0%{transform:translate(-50%) translateY(-20px) scale(0);opacity:0}50%{transform:translate(-50%) translateY(0) scale(1.1);opacity:1}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes feedbackHide{0%{transform:translate(-50%) translateY(0) scale(1);opacity:1}to{transform:translate(-50%) translateY(-20px) scale(.8);opacity:0}}#root{width:100vw;height:100vh;margin:0;padding:0}.App{overflow:auto;width:100vw;height:100vh}.viewport-info{position:fixed;top:10px;right:10px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-family:monospace;z-index:9999;pointer-events:none;display:none}.viewport-info.show{display:block}.ball{transform:scale(.5)}.example-control-buttons{position:fixed;top:0;right:20px;z-index:1000;width:200px;height:100vh;background-color:#0000001a;border-radius:10px;overflow-y:auto}.example-control-buttons button{padding:10px 20px;width:100%;border-radius:5px;border:none;color:#333;cursor:pointer;font-size:16px}.practice-back-button{position:fixed;top:42px;left:40px;width:60px;height:60px;background-image:url(/refactor/common/button-back.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;cursor:pointer;z-index:1000}.practice-back-button:hover{transform:scale(1.1)}