@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";body{font-family:var(--font-korean);background:linear-gradient(135deg, var(--korean-bg-dark) 0%, var(--korean-bg-medium) 100%);color:var(--korean-text-primary);-webkit-user-select:none;user-select:none;overflow:hidden}#root{background:radial-gradient(ellipse at center, var(--korean-bg-medium) 0%, var(--korean-bg-dark) 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.korean-text{font-family:var(--font-korean);text-shadow:0 0 8px var(--korean-glow);letter-spacing:.02em;font-weight:400}.korean-title{font-family:var(--font-korean);background:linear-gradient(45deg, var(--korean-primary), var(--korean-accent));-webkit-text-fill-color:transparent;text-shadow:0 0 20px var(--korean-primary);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.cyber-text{font-family:var(--font-cyber);color:var(--korean-primary);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px}.cyberpunk-border{border:2px solid var(--korean-primary);border-image:linear-gradient(45deg, var(--korean-primary), var(--korean-accent), var(--korean-primary)) 1;box-shadow:0 0 10px var(--korean-primary), inset 0 0 10px #00d4ff1a}.cyberpunk-button{border:1px solid var(--korean-primary);color:var(--korean-text-primary);cursor:pointer;font-family:var(--font-korean);background:linear-gradient(135deg,#00d4ff1a,#ffb7001a);padding:.8rem 1.5rem;font-weight:500;transition:all .3s;position:relative;overflow:hidden}.cyberpunk-button:hover{box-shadow:0 0 20px var(--korean-primary);background:linear-gradient(135deg,#00d4ff33,#ffb70033);transform:translateY(-2px)}.cyberpunk-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.cyberpunk-button:hover:before{left:100%}.combat-hud{border-bottom:1px solid var(--korean-primary);background:linear-gradient(#0a0a0fe6 0%,#0000 100%);padding:1rem;position:absolute;top:0;left:0;right:0}.health-bar{background:var(--korean-bg-dark);border:1px solid var(--korean-primary);border-radius:4px;height:8px;position:relative;overflow:hidden}.health-bar-fill{background:linear-gradient(90deg, var(--korean-danger) 0%, var(--korean-accent) 50%, var(--korean-glow) 100%);height:100%;transition:width .3s;box-shadow:0 0 10px}@keyframes korean-glow{0%,to{text-shadow:0 0 5px var(--korean-glow)}50%{text-shadow:0 0 20px var(--korean-glow)}}.animate-glow{animation:2s ease-in-out infinite korean-glow}@keyframes combat-flash{0%{background-color:#ff33661a}50%{background-color:#ff33664d}to{background-color:#ff33661a}}.combat-flash{animation:.2s ease-in-out combat-flash}@media (max-width:768px){.korean-title{font-size:2rem}.cyberpunk-button{padding:.6rem 1.2rem;font-size:.9rem}.app-container{background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-container canvas{width:100vw!important;height:100vh!important;position:relative!important}.test-overlay{z-index:500;width:100vw;height:100vh;position:fixed;top:0;left:0}}@media (min-width:768px) and (max-width:1024px){.app-container canvas{width:100vw!important;height:100vh!important}}@media (min-width:1024px){.app-container{justify-content:center;align-items:center}}.loading-spinner{border:2px solid var(--korean-bg-medium);border-top:2px solid var(--korean-primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:var(--korean-danger);border:1px solid var(--korean-danger);font-family:var(--font-korean);background:#ff33661a;border-radius:4px;margin:1rem 0;padding:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-contrast:high){:root{--color-primary-cyan:#fff;--color-primary-gold:#fff;--color-text-primary:#fff;--color-text-secondary:#fff;--color-text-tertiary:#ccc;--color-bg-dark:#000;--color-bg-medium:#000;--color-bg-light:#1a1a1a;--color-danger:red;--color-success:#0f0;--color-warning:#ff0}button,.error-boundary__container,.loading-state__progress{border-width:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app-container{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;will-change:transform;backface-visibility:hidden;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;margin:0;padding:0;font-family:Noto Sans KR,sans-serif;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.app-container h1,.app-container .instructions{display:none!important}body{background:#000;width:100vw;height:100vh;margin:0;padding:0;font-family:Noto Sans KR,sans-serif;overflow:hidden}.app-container:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#8b00001a 0%,#000 70%);position:absolute;inset:0}.app-container canvas{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}@media (max-width:768px){.app-container,.app-container canvas{width:100vw!important;height:100vh!important}}@media (max-width:375px){.app-container,.app-container canvas{width:100vw!important;height:100vh!important}}.logo,.card,.read-the-docs{display:none!important}@media (max-width:768px){.app-container{touch-action:manipulation;position:fixed;overflow:hidden}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2x){.app-container canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.app{color:#fff;background:linear-gradient(135deg,#000a12 0%,#001a25 100%);flex-direction:column;width:100vw;height:100vh;font-family:Noto Sans KR,Arial,sans-serif;display:flex;overflow:hidden}.app-header{background:#000a12e6;border-bottom:2px solid gold;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 10px #ffd7004d}.app-title{flex-direction:column;gap:.25rem;margin:0;display:flex}.korean-title{color:gold;text-shadow:2px 2px 4px #000c;font-size:1.8rem;font-weight:700}.english-title{color:#87ceeb;text-shadow:1px 1px 2px #0009;font-size:1rem;font-style:italic}.app-status{text-align:right;flex-direction:column;gap:.5rem;display:flex}.phase-indicator,.time-indicator{border-radius:4px;padding:.25rem .75rem;font-size:.9rem;font-weight:700}.phase-indicator{color:gold;background:#ffd70033;border:1px solid gold}.time-indicator{color:#87ceeb;background:#87ceeb33;border:1px solid #87ceeb}.app-main{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.app-debug{color:#0f0;background:#000c;max-height:200px;font-family:Courier New,monospace;font-size:.8rem;overflow-y:auto}.app-debug summary{cursor:pointer;background:#00ff001a;border-bottom:1px solid #0f0;padding:.5rem}.app-debug pre{white-space:pre-wrap;word-wrap:break-word;margin:0;padding:1rem}@media (max-width:768px){.app-header{flex-direction:column;gap:.5rem;padding:.5rem 1rem}.korean-title{font-size:1.4rem}.english-title{font-size:.9rem}.app-status{flex-direction:row;gap:1rem}}.app:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 20% 20%,#ffd7000d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#87ceeb0d 0%,#0000 50%);position:fixed;inset:0}.loading-screen{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a2e 50%,#16213e 100%);justify-content:center;align-items:center;min-height:100vh;font-family:Noto Sans KR,Arial,sans-serif;display:flex}.loading-content{text-align:center;animation:2s ease-in-out infinite pulse}.korean-title{color:gold;text-shadow:0 0 20px #ffd70080;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.english-subtitle{color:#0ff;margin:0;font-size:1.2rem;font-weight:300}.error-state{color:#fff;text-align:center;background:linear-gradient(135deg,#8b0000 0%,#4b0000 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Noto Sans KR,Arial,sans-serif;display:flex}.error-state h1{color:#f44;margin-bottom:2rem}.error-state button{color:#000;cursor:pointer;background:gold;border:none;border-radius:4px;padding:1rem 2rem;font-weight:700;transition:background-color .3s}.error-state button:hover{background:#ffed4e}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.app-container{background:linear-gradient(45deg,#0a0a0a,#1a1a1e);width:100%;height:100%;position:relative}.game-canvas{width:100%;height:100%;display:block}.loading-screen{text-align:center;color:var(--primary-cyan);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-screen{text-align:center;color:#ff4136;background:#ff41361a;border:1px solid #ff4136;padding:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.test-overlay{pointer-events:none;z-index:100;background:0 0;width:100%;height:100%;top:0;left:0;position:absolute!important}.test-overlay button{pointer-events:auto;position:absolute;z-index:50!important}.training-button{width:auto!important;max-width:200px!important;top:60%!important;left:5%!important;right:auto!important}.combat-button{width:auto!important;max-width:200px!important;top:70%!important;left:5%!important;right:auto!important}@media (max-width:768px){.training-button{padding:10px 16px;font-size:14px;width:auto!important;top:65%!important;left:5%!important;right:5%!important}.combat-button{padding:10px 16px;font-size:14px;width:auto!important;top:75%!important;left:5%!important;right:5%!important}}@media (max-width:375px){.training-button{padding:8px 12px;font-size:12px;top:70%!important}.combat-button{padding:8px 12px;font-size:12px;top:80%!important}}@keyframes breathing-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes healthPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes staminaPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes techniqueGlow{0%,to{box-shadow:0 0 10px #00ffff4d,0 0 20px #0ff3,inset 0 0 10px #00ffff1a}50%{box-shadow:0 0 15px #00ffff80,0 0 30px #00ffff4d,inset 0 0 15px #0ff3}}@keyframes techniqueSelected{0%,to{transform:scale(1);box-shadow:0 0 15px #fa09,0 0 25px #fa06,inset 0 0 15px #fa03}50%{transform:scale(1.05);box-shadow:0 0 20px #fa0c,0 0 35px #ffaa0080,inset 0 0 20px #ffaa004d}}@keyframes hudFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes readinessPulse{0%,to{filter:brightness()drop-shadow(0 0 8px #00ff8880)}50%{filter:brightness(1.3)drop-shadow(0 0 15px #0f8c)}}@keyframes speedGlow{0%,to{text-shadow:0 0 8px #0ff9,0 0 16px #0ff6}50%{text-shadow:0 0 12px #0ffc,0 0 24px #0ff9}}@keyframes timerFlash{0%,to{color:#f44;text-shadow:0 0 10px #f44c,0 0 20px #ff444480}50%{color:#fa0;text-shadow:0 0 15px #fa0,0 0 30px #ffaa00b3}}@keyframes roundPulse{0%{opacity:0;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes comboFlash{0%,to{filter:brightness();transform:scale(1)}25%{filter:brightness(1.5)drop-shadow(0 0 20px #fa0);transform:scale(1.2)}50%{filter:brightness(1.3)drop-shadow(0 0 15px #fa0c);transform:scale(1.1)}75%{filter:brightness(1.4)drop-shadow(0 0 18px #ffaa00e6);transform:scale(1.15)}}@keyframes bodyPartCritical{0%,to{border-color:#f44c;box-shadow:0 0 8px #ff444480,inset 0 0 8px #ff44444d}50%{border-color:#f44;box-shadow:0 0 15px #f44c,inset 0 0 12px #ff444480}}@keyframes guardActive{0%,to{box-shadow:0 0 12px #0f89,0 0 24px #0f86}50%{box-shadow:0 0 18px #00ff88e6,0 0 36px #0f89}}@keyframes stanceChange{0%{opacity:0;transform:scale(.8)rotate(-5deg)}50%{opacity:1;transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes trainingActive{0%,to{filter:brightness();border-color:#0f8c}50%{filter:brightness(1.2)drop-shadow(0 0 10px #00ff88b3);border-color:#0f8}}@keyframes vitalPointHover{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.4)drop-shadow(0 0 12px #ffaa00e6);transform:scale(1.15)}}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes archetypeGlow{0%,to{box-shadow:0 0 10px #0ff6,inset 0 0 10px #0ff3}50%{box-shadow:0 0 15px #0ff9,inset 0 0 15px #00ffff4d}}.hud-animated{will-change:transform, opacity}.hud-transform{backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.hud-animated{transition-duration:.1s!important;animation:none!important}}.training-button{color:#fff;cursor:pointer;border:2px solid #fffc;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-weight:700;transition:all .2s;display:flex}.training-button-start{background:#0f8}.training-button-stop{background:#f44}.training-button:hover{transform:scale(1.05);box-shadow:0 0 15px}.mode-button{cursor:pointer;text-align:left;color:#fff;background:#2d2d2d80;border:2px solid #0ff6;border-radius:8px;padding:10px;transition:all .2s}.mode-button.selected{background:#00ffff40;border-color:#0ff;box-shadow:0 0 12px #00ffff80}.mode-button:not(.selected):hover{background:#404040b3;border-color:#0ff;transform:scale(1.02)}.mode-button:focus-visible{outline-offset:2px;outline:2px solid #0ff;box-shadow:0 0 12px #0ffc}.vital-point-button{cursor:pointer;text-align:left;color:#fff;background:#2d2d2d80;border:2px solid #ffaa0080;border-radius:8px;padding:8px;transition:all .2s}.vital-point-button.selected{background:#ffaa004d}.vital-point-button:not(.selected):hover{background:#404040b3}@keyframes feedbackPulse{0%{opacity:0;transform:scale(.9)}40%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.training-feedback{color:gold;text-align:center;background:#000000e6;border:3px solid gold;border-radius:16px;min-width:200px;animation:.4s ease-out feedbackPulse;box-shadow:0 0 30px #ffd70080}.training-feedback.mobile{padding:15px 25px;font-size:18px}.training-feedback.desktop{padding:20px 40px;font-size:24px}@keyframes statusPulse{0%,to{opacity:.6;box-shadow:0 0 8px}50%{opacity:1;box-shadow:0 0 16px}}.status-indicator{background:#0f8;border-radius:50%;width:12px;height:12px}.status-indicator.active{animation:1s ease-in-out infinite statusPulse}.status-indicator.inactive{background:#888}:root{--color-primary-cyan:#0ff;--color-primary-gold:gold;--color-primary-black:#000;--color-korean-east:#0f8;--color-korean-west:#fff;--color-korean-south:#f44;--color-korean-north:#000;--color-korean-center:#fa0;--color-accent-cyan:#00d4ff;--color-accent-blue:#4a89e2;--color-accent-magenta:#f0f;--color-accent-orange:#ff6b35;--color-bg-dark:#0a0a0f;--color-bg-medium:#1a1a2e;--color-bg-light:#2d2d2d;--color-text-primary:#fff;--color-text-secondary:#e0e0e0;--color-text-tertiary:#b3b3cc;--color-success:#0f8;--color-warning:#ffb700;--color-danger:#f36;--color-info:#00d4ff;--font-korean:"Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;--font-cyber:"Orbitron", "SF Mono", "Monaco", "Consolas", monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--korean-primary:var(--color-accent-cyan);--korean-secondary:var(--color-accent-orange);--korean-accent:var(--color-warning);--korean-bg-dark:var(--color-bg-dark);--korean-bg-medium:var(--color-bg-medium);--korean-text-primary:var(--color-text-primary);--korean-text-secondary:var(--color-text-tertiary);--korean-glow:var(--color-korean-east);--korean-danger:var(--color-danger);--korean-red:var(--color-korean-south);--korean-gold:var(--color-primary-gold);--korean-black:var(--color-primary-black);--korean-white:var(--color-korean-west);--dojang-blue:var(--color-accent-blue);--primary-cyan:var(--color-primary-cyan);--primary-blue:var(--color-accent-blue);--accent-magenta:var(--color-accent-magenta);--background-dark:var(--color-bg-dark);--text-primary:var(--color-text-primary);--trigram-red:var(--color-korean-south);--trigram-gold:var(--color-primary-gold);--trigram-black:var(--color-primary-black);--trigram-white:var(--color-korean-west);--black-trigram-cyan:var(--color-primary-cyan)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-korean);background-color:var(--background-dark);color:var(--text-primary);overflow:hidden}#root{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.cyberpunk-glow{box-shadow:0 0 10px var(--primary-cyan);border:1px solid var(--primary-cyan)}.korean-text{font-family:var(--font-korean);text-shadow:0 0 5px}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}h1{color:var(--korean-gold);text-shadow:2px 2px 4px #000c;font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.app{-webkit-user-select:none;user-select:none;outline:none}.game-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);width:100%;height:100%;position:relative}canvas{width:100vw;max-width:100vw;height:100vh;max-height:100vh;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;z-index:1;will-change:transform;backface-visibility:hidden;background:#000;border:none;outline:none;display:block;position:relative;top:0;left:0;transform:translateZ(0)}@keyframes glow{0%,to{text-shadow:0 0 20px #ffd70080}50%{text-shadow:0 0 30px #ffd700cc}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.error-boundary{background:linear-gradient(135deg, var(--color-danger) 0%, #4b0000 100%);min-height:100vh;color:var(--color-text-primary);text-align:center;font-family:var(--font-korean);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.error-boundary__container{border:2px solid var(--color-danger);background:#000c;border-radius:8px;max-width:600px;padding:2rem}.error-boundary__title{color:var(--color-danger);margin-bottom:1rem;font-size:2rem}.error-boundary__message{color:#fcc;margin-bottom:1.5rem;font-size:1.1rem}.error-boundary__actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.error-boundary__button{cursor:pointer;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .2s}.error-boundary__button:hover:not(:disabled){transform:translateY(-2px)}.error-boundary__button--primary{background:var(--color-primary-gold);color:var(--color-primary-black)}.error-boundary__button--secondary{color:var(--color-text-primary);border:1px solid var(--color-text-primary);background:0 0}.error-boundary__details{text-align:left;color:#ccc;margin-top:2rem;font-size:.9rem}.error-boundary__details summary{cursor:pointer;margin-bottom:.5rem;font-weight:700}.error-boundary__details pre{background:var(--color-primary-black);border-radius:4px;max-height:200px;padding:1rem;font-size:.8rem;overflow:auto}.loading-state{background:linear-gradient(135deg, var(--color-bg-dark) 0%, var(--color-bg-medium) 100%);min-height:100vh;color:var(--color-text-primary);font-family:var(--font-korean);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.loading-state__logo{width:150px;height:150px;margin-bottom:2rem;animation:2s ease-in-out infinite pulse}.loading-state__title{color:var(--color-primary-gold);text-shadow:0 0 20px #ffd70080;margin-bottom:2rem;font-size:2.5rem;font-weight:700;animation:2s ease-in-out infinite glow}.loading-state__progress{background:#ffffff1a;border:1px solid #00ffff4d;border-radius:4px;width:300px;height:8px;margin-bottom:1rem;overflow:hidden}.loading-state__progress-bar{background:linear-gradient(90deg, var(--color-primary-cyan), var(--color-primary-gold));height:100%;box-shadow:0 0 10px var(--color-primary-cyan);transition:width .3s}.loading-state__progress-bar--indeterminate{width:25%;animation:1.5s ease-in-out infinite indeterminate}.loading-state__stage{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.2rem}.loading-state__message{color:var(--color-text-secondary);margin-top:.5rem;font-size:.9rem}.loading-state__spinner{border:4px solid #00ffff4d;border-top-color:var(--color-primary-cyan);border-radius:50%;width:40px;height:40px;margin-top:2rem;animation:1s linear infinite spin}.combat-ui{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.combat-ui>*{pointer-events:auto}*{box-sizing:border-box}html{touch-action:manipulation}.dojang-background{background:linear-gradient(135deg, var(--korean-black) 0%, var(--dojang-blue) 50%, var(--korean-red) 100%);background-size:200% 200%;animation:8s infinite dojaingGradient}@keyframes dojaingGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (max-width:768px){body{width:100%;height:100%;position:fixed;overflow:hidden}#root{width:100vw;height:100vh}}@media screen and (max-width:767px){input[type=text],input[type=number],select,textarea{font-size:16px}}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}::-webkit-scrollbar{display:none}.app.loading{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f0f23 100%);width:100vw;height:100vh}.intro-screen,.training-screen,.combat-screen{flex-direction:column;width:100%;height:100%;display:flex;position:relative}[data-testid]{position:relative}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.test-overlay{pointer-events:none;z-index:500;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.test-overlay button,.test-overlay .archetype-section{pointer-events:auto;z-index:501}@media (max-width:768px){.test-overlay .archetype-section{max-width:none;bottom:2%;left:2%;right:2%}.test-overlay button{min-width:150px;padding:10px 16px;font-size:14px}.training-button,.combat-button{width:auto!important;left:5%!important;right:5%!important}}@media (max-width:375px){.test-overlay button{padding:8px 12px;font-size:12px}}
/*$vite$:1*/