@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1a0d35;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:#1a0d35;background-image:radial-gradient(circle at 10% 20%,rgba(255,107,107,.15) 0%,transparent 60%),radial-gradient(circle at 90% 80%,rgba(78,205,196,.15) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(255,154,68,.1) 0%,transparent 70%)}a{font-weight:500;color:#4ecdc4;text-decoration:inherit;transition:color .3s ease}a:hover{color:#33d9c2}h1,h2,h3{margin:0;padding:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4ecdc4,#33d9c2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#33d9c2,#4ecdc4)}.header{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1rem 2rem;height:80px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.1);position:relative;z-index:10}.header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#4ecdc4,#33bbcf,#4ecdc4);animation:header-shine 3s infinite linear;background-size:200% auto}@keyframes header-shine{to{background-position:200% center}}.logo-section{display:flex;align-items:center;gap:1rem}.header-game-logo{font-size:2rem;animation:logo-pulse 3s infinite ease-in-out}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,107,107,.7))}50%{filter:drop-shadow(0 0 20px rgba(78,205,196,.8))}}.game-title-small{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#fc6076,#ff9a44,#4ecdc4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s infinite;background-size:200% auto}.header-time{font-size:.9rem;color:#ffffffb3;background:#ffffff1a;padding:.5rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.header{padding:1rem}.game-title-small{font-size:1.2rem}}*{margin:0;padding:0;box-sizing:border-box}#root{display:flex;flex-direction:column}.effects{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.effect-circle{position:absolute;border-radius:50%;opacity:.4;filter:blur(50px)}.effect-circle:nth-child(1){background:#fc6076;width:350px;height:350px;top:-100px;left:10%;animation:float-effect 20s infinite alternate}.effect-circle:nth-child(2){background:#6df1e9;width:450px;height:450px;bottom:-180px;right:5%;animation:float-effect 15s infinite alternate-reverse}.effect-circle:nth-child(3){background:#ff9a44;width:250px;height:250px;top:30%;left:60%;animation:float-effect 10s infinite alternate}@keyframes float-effect{0%{transform:translate(0)}to{transform:translate(50px,30px)}}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.particle{position:absolute;background:#ffffff4d;border-radius:50%;pointer-events:none;opacity:0}@keyframes rise{0%{opacity:0;transform:translateY(0) rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-1000%) rotate(360deg)}}.login-page{color:#fff;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.login-page .game-logo{text-align:center;margin-bottom:2.5rem;position:relative}.login-page .logo-icon{font-size:4rem;margin-bottom:1rem;display:block;animation:logo-pulse 3s infinite ease-in-out}@keyframes logo-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 20px rgba(255,107,107,.7))}50%{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(78,205,196,.8))}}.login-page .game-title{font-size:2rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;margin-bottom:.5rem;background:linear-gradient(90deg,#fc6076,#ff9a44,#4ecdc4,#fc6076);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s infinite;background-size:300% auto;text-shadow:none}.login-page .game-subtitle{font-size:.9rem;color:#ffffffb3;letter-spacing:1px;margin-bottom:1rem}.login-page .version-badge{display:inline-block;background:#4ecdc433;color:#4ecdc4;padding:.3rem .8rem;border-radius:50px;font-size:.7rem;font-weight:700;border:1px solid rgba(78,205,196,.5);box-shadow:0 0 10px #4ecdc44d}.login-page .login-options{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2rem}.login-page .login-button{width:100%;padding:1rem 1.5rem;border:none;border-radius:15px;font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:.8rem;animation:button-entrance .8s cubic-bezier(.175,.885,.32,1.275);animation-fill-mode:both}.login-page .login-button:disabled{opacity:.7;cursor:not-allowed}.login-page .login-button:nth-child(1){animation-delay:.2s}.login-page .login-button:nth-child(2){animation-delay:.4s}.login-page .login-button:nth-child(3){animation-delay:.6s}@keyframes button-entrance{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.login-page .login-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.login-page .login-button:active:not(:disabled){transform:translateY(-1px)}.login-page .guest-login{background:linear-gradient(135deg,#4ecdc4,#33d9c2);color:#fff;border:2px solid rgba(78,205,196,.5);box-shadow:0 5px 20px #4ecdc466}.login-page .guest-login:hover:not(:disabled){box-shadow:0 10px 30px #4ecdc499}.login-page .regular-login{background:linear-gradient(135deg,#fc6076,#ff9a44);color:#fff;border:2px solid rgba(252,96,118,.5);box-shadow:0 5px 20px #fc607666}.login-page .regular-login:hover:not(:disabled){box-shadow:0 10px 30px #fc607699}.login-page .create-account{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 5px 20px #ffffff1a}.login-page .create-account:hover:not(:disabled){background:#fff3;box-shadow:0 10px 30px #fff3}.login-page .button-icon{font-size:1.3rem}.login-page .button-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.login-page .button-title{font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.login-page .button-subtitle{font-size:.8rem;opacity:.8;font-weight:400}.login-page .footer-info{text-align:center;font-size:.8rem;color:#ffffff80;line-height:1.5}.login-page .footer-link{color:#4ecdc4;text-decoration:none;transition:color .3s ease}.login-page .footer-link:hover{color:#33d9c2;text-shadow:0 0 5px rgba(78,205,196,.5)}.login-page .battle-sparks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.login-page .spark{position:absolute;width:3px;height:3px;background:#fffc;border-radius:50%;animation:spark-twinkle 2s infinite}@keyframes spark-twinkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.login-page .spark:nth-child(1){top:20%;left:10%;animation-delay:0s}.login-page .spark:nth-child(2){top:30%;right:15%;animation-delay:.5s}.login-page .spark:nth-child(3){bottom:25%;left:20%;animation-delay:1s}.login-page .spark:nth-child(4){bottom:40%;right:10%;animation-delay:1.5s}.login-page .spark:nth-child(5){top:60%;left:5%;animation-delay:2s}.login-page .spark:nth-child(6){top:70%;right:25%;animation-delay:2.5s}.login-page .login-button:hover:not(:disabled) .button-icon{animation:icon-bounce .6s ease}@keyframes icon-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width: 768px){.login-page .login-container{max-width:350px;padding:1.5rem;margin:1rem}.login-page .game-title{font-size:1.5rem;letter-spacing:2px}.login-page .logo-icon{font-size:3rem}.login-page .login-button{padding:.8rem 1.2rem;font-size:1rem}}.container{width:100%;max-width:450px;padding:2rem;background:#0006;border-radius:30px;box-shadow:0 20px 50px #00000080,inset 0 2px 20px #ffffff1a;border:2px solid rgba(255,255,255,.15);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:container-entrance 1s cubic-bezier(.175,.885,.32,1.275)}.shine-effect:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shine-effect 4s infinite;z-index:-1}@keyframes container-entrance{0%{opacity:0;transform:scale(.8) translateY(50px)}to{opacity:1;transform:scale(1) translateY(0)}}.custom-btn{color:#fff;cursor:pointer;position:relative;overflow:hidden;border-radius:8px;transition:box-shadow .2s,transform .1s;font-weight:700;box-shadow:0 2px 8px #00000014;outline:none}.custom-btn.small{font-size:.9rem;padding:.4em 1.2em}.custom-btn.medium{font-size:1.1rem;padding:.7em 2em}.custom-btn.large{font-size:1.3rem;padding:1em 2.8em}.custom-btn:active{transform:scale(.97)}.custom-btn.shine:hover .btn-shine-effect{left:100%}.btn-shine-effect{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);pointer-events:none;transition:left .5s ease;z-index:1}.home-page .main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:1.5rem;height:calc(100vh - 80px);max-height:calc(100vh - 80px);overflow:hidden}.home-page .user-section{margin-bottom:2rem}.home-page .user-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#33d9c2);display:flex;align-items:center;justify-content:center;font-size:3.5rem;border:4px solid rgba(78,205,196,.5);box-shadow:0 0 30px #4ecdc4b3;margin:0 auto 1.5rem;position:relative;animation:avatar-glow 3s infinite ease-in-out}@keyframes avatar-glow{0%,to{box-shadow:0 0 30px #4ecdc4b3;transform:scale(1)}50%{box-shadow:0 0 40px #4ecdc4e6;transform:scale(1.05)}}.home-page .user-avatar:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.4) 0%,transparent 70%);top:0;left:0}.home-page .user-info-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem}.home-page .username{font-size:2.2rem;font-weight:800;color:#4ecdc4;text-shadow:0 0 15px rgba(78,205,196,.7);animation:username-pulse 2s infinite ease-in-out}@keyframes username-pulse{0%,to{text-shadow:0 0 15px rgba(78,205,196,.7)}50%{text-shadow:0 0 25px rgba(78,205,196,.9)}}.home-page .inline-mypage-btn{background:#4ecdc433;color:#4ecdc4;border:2px solid rgba(78,205,196,.5);padding:.8rem 1.2rem;border-radius:15px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 5px 15px #4ecdc44d;animation:mypage-entrance .8s cubic-bezier(.175,.885,.32,1.275);animation-delay:.4s;animation-fill-mode:both}@keyframes mypage-entrance{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.home-page .inline-mypage-btn:hover{background:#4ecdc44d;box-shadow:0 8px 20px #4ecdc480;border-color:#4ecdc4b3;transform:translateY(-2px)}.home-page .inline-mypage-btn:active{transform:translateY(0)}.home-page .level-section{margin-bottom:2.5rem}.home-page .level-display{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem}.home-page .level-label{font-size:1.5rem;font-weight:700;color:#ffffffe6}.home-page .level-number{font-size:3.5rem;font-weight:800;background:linear-gradient(90deg,#fc6076,#ff9a44);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:level-glow 2s infinite ease-in-out}@keyframes level-glow{0%,to{filter:drop-shadow(0 0 10px rgba(252,96,118,.7))}50%{filter:drop-shadow(0 0 20px rgba(252,96,118,.9))}}.home-page .level-progress{position:relative;height:25px;background:#0000004d;border-radius:50px;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.home-page .progress-bar{height:100%;background:linear-gradient(90deg,#4ecdc4,#33d9c2);width:75%;border-radius:50px;position:relative;animation:progress-glow 2s infinite ease-in-out}@keyframes progress-glow{0%,to{box-shadow:0 0 15px #4ecdc499}50%{box-shadow:0 0 25px #4ecdc4e6}}.home-page .progress-bar:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progress-shine 3s infinite}@keyframes progress-shine{0%{left:-100%}20%,to{left:100%}}.home-page .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.home-page .main-battle-btn{display:flex;justify-content:center;align-items:center;border-radius:25px;transition:all .4s ease;box-shadow:0 15px 40px #667eea80,0 0 #667eea66;margin:0 auto;animation:battle-btn-pulse 2s infinite;width:100%;max-width:500px;transform:scale(1.1);text-shadow:0 3px 8px rgba(0,0,0,.4)}.home-page .main-battle-btn:hover{transform:translateY(-5px) scale(1.15)}.home-page .main-battle-btn:active{transform:translateY(-2px) scale(1.12)}.home-page .battle-btn-icon{font-size:2.5rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));animation:battle-icon-bounce 1.5s infinite ease-in-out}.home-page .battle-btn-text{margin-left:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.home-page .battle-btn-title{font-size:1.6rem;font-weight:800;line-height:1.2}.home-page .battle-btn-subtitle{font-size:1rem;font-weight:400;opacity:.9;margin-top:2px}@keyframes battle-btn-pulse{0%,to{box-shadow:0 15px 40px #667eea80,0 0 #667eea66}50%{box-shadow:0 20px 50px #667eeab3,0 0 0 6px #667eea4d}}@keyframes battle-icon-bounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-8deg)}75%{transform:scale(1.15) rotate(8deg)}}.home-page .solo-play-btn{display:flex;align-items:center;justify-content:center;padding:15px 20px;transition:all .4s ease;box-shadow:0 15px 40px #43e97b80,0 0 #43e97b66;margin:0 auto;width:100%;max-width:500px;transform:scale(1.1);animation:solo-btn-pulse 2s infinite}.home-page .solo-play-btn:hover{transform:translateY(-5px) scale(1.15)}.home-page .solo-play-btn:active{transform:translateY(-2px) scale(1.12)}@keyframes solo-btn-pulse{0%,to{box-shadow:0 15px 40px #43e97b80,0 0 #43e97b66}50%{box-shadow:0 20px 50px #43e97bb3,0 0 0 6px #43e97b4d}}.home-page .solo-play-btn .battle-btn-icon{font-size:2.5rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));animation:solo-icon-bounce 1.5s infinite ease-in-out;margin-right:20px}@keyframes solo-icon-bounce{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.15) rotate(-8deg)}75%{transform:scale(1.15) rotate(8deg)}}.home-page .solo-play-btn .battle-btn-text{display:flex;flex-direction:column;text-align:left}.home-page .solo-play-btn .battle-btn-text .battle-btn-title{font-size:1.6rem;font-weight:800;line-height:1.2}.home-page .solo-play-btn .battle-btn-text .battle-btn-subtitle{font-size:1rem;opacity:.9;margin-top:2px}@media (max-width: 768px){.home-page .main-content{padding:1rem}.home-page .home-container{padding:2rem;max-width:400px}.home-page .user-info-container{flex-direction:column;gap:1rem}.home-page .username{font-size:2rem}.home-page .level-number{font-size:3rem}.home-page .user-avatar{width:100px;height:100px;font-size:3rem}.home-page .main-battle-btn{flex-direction:column;gap:8px;padding:18px 35px;transform:scale(1)}.home-page .battle-btn-text{align-items:center;text-align:center}.home-page .inline-mypage-btn{font-size:.9rem;padding:.6rem 1rem}.home-page .solo-play-btn{flex-direction:column;gap:8px;padding:18px 35px;transform:scale(1)}.home-page .solo-play-btn .battle-btn-text{align-items:center;text-align:center;margin-left:0}.home-page .solo-play-btn .battle-btn-icon{margin-right:0}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1e1e2f,#2d2b42);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,255,255,.1);box-shadow:0 15px 35px #0003;max-width:500px;text-align:center}.loading-container h2{color:#fff;margin:1rem 0;font-size:1.8rem;background:linear-gradient(90deg,#43e97b,#38f9d7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loading-container p{color:#fffc;margin-bottom:1rem;line-height:1.6}.loading-spinner{width:60px;height:60px;border:5px solid rgba(67,233,123,.3);border-radius:50%;border-top-color:#43e97b;animation:spin 1s linear infinite;margin-bottom:1rem}.matching-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#1a2a6c,#122042);z-index:1000;overflow:hidden}.matching-screen .particles{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:particleMove 20s linear infinite}@keyframes particleMove{0%{background-position:0 0}to{background-position:100px 100px}}.matching-screen .matching-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;box-shadow:0 15px 35px #0000004d;width:500px;max-width:90%;text-align:center;position:relative;overflow:hidden}.matching-screen .matching-container:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#4ecdc4,#667eea,#f093fb);z-index:-1;border-radius:22px;animation:border-shine 3s linear infinite;background-size:200% 200%}@keyframes border-shine{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.matching-screen .matching-header{margin-bottom:30px}.matching-screen .matching-header h1{font-size:2.2rem;margin:0 0 10px;background:linear-gradient(90deg,#4ecdc4,#667eea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.matching-screen .matching-header .time-elapsed{font-size:1rem;color:#fff9;font-family:monospace}.matching-screen .matching-animation{position:relative;margin:30px auto;width:100px;height:100px}.matching-screen .spinner{width:100px;height:100px;border:8px solid rgba(78,205,196,.1);border-radius:50%;border-top-color:#4ecdc4;border-left-color:#667eea;border-right-color:#f093fb;animation:spin 1.5s linear infinite}.matching-screen .pulse-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#ffffff26;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.matching-screen .matching-status{margin-bottom:30px}.matching-screen .matching-status .status-text{font-size:1.3rem;color:#fff;margin-bottom:10px;font-weight:500}.matching-screen .matching-status .players-online{font-size:.9rem;color:#ffffff80}.matching-screen .matching-tips{background:#ffffff0d;border-radius:10px;padding:15px;margin-bottom:30px;text-align:left;border-left:3px solid #4ecdc4}.matching-screen .matching-tips .tip-header{font-size:.9rem;color:#4ecdc4;margin-bottom:5px;font-weight:600}.matching-screen .matching-tips .tip-content{font-size:.9rem;color:#fffc;line-height:1.5}.matching-screen .cancel-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 25px;border-radius:50px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:250px;margin:0 auto}.matching-screen .cancel-button:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.matching-screen .cancel-button:active{transform:translateY(0)}.matching-screen .cancel-button .cancel-icon{margin-right:8px;font-size:1.2rem}@media (max-width: 768px){.matching-screen .matching-container{padding:30px 20px}.matching-screen .matching-header h1{font-size:1.8rem}.matching-screen .spinner,.matching-screen .matching-animation{width:80px;height:80px}}.my-page .list-container,.my-page .basic-info-list li,.my-page .battle-list .battle-item,.my-page .setting-list label{background:#ffffff1a;border-radius:15px;box-shadow:0 2px 8px #4ecdc414;padding:1.1em;color:#fff;font-size:1.08rem;font-weight:500;display:flex;align-items:center;gap:.7em;border:1.5px solid rgba(255,255,255,.18);transition:box-shadow .2s,transform .2s}.my-page .list-container:hover,.my-page .basic-info-list li:hover,.my-page .battle-list .battle-item:hover,.my-page .setting-list label:hover{box-shadow:0 8px 24px #4ecdc421;transform:translateY(-2px) scale(1.03)}.my-page .wrapper{display:flex;gap:2rem;min-height:80vh;padding:2rem 2vw;height:calc(100vh - 80px)}.my-page .profile-panel{flex:0 0 40%;max-width:450px}.my-page .profile-panel .container{height:100%}.my-page .profile-panel .profile-card{padding:2rem 1rem;position:relative;overflow:hidden;background:#0003;border-radius:15px}.my-page .profile-panel .profile-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.my-page .profile-panel .user-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4ecdc4,#4ecdc4);display:flex;align-items:center;justify-content:center;font-size:2.5rem;border:4px solid rgba(78,205,196,.5);box-shadow:0 0 25px #4ecdc499}.my-page .profile-panel .user-info{flex:1}.my-page .profile-panel .username{font-size:1.3rem;font-weight:800;color:#4ecdc4;margin-bottom:4px;text-shadow:0 0 10px rgba(78,205,196,.7)}.my-page .profile-panel .user-status{color:#ffffffb3;font-size:1rem}.my-page .level-section{margin-bottom:1.2rem}.my-page .level-section .level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.my-page .level-section .level-title{font-weight:700;color:#ffffffe6}.my-page .level-section .level-number{font-size:1.5rem;font-weight:800;background:linear-gradient(90deg,#fc6076,#ff9a44);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.my-page .level-section .level-progress{position:relative;height:20px;background:#0000004d;border-radius:50px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.my-page .level-section .level-progress .progress-bar{height:100%;width:75%;background:linear-gradient(90deg,#4ecdc4,#4ecdc4);border-radius:50px}.my-page .level-section .level-progress .progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.my-page .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-bottom:1.2rem}.my-page .stat-card{background:#ffffff1a;border-radius:15px;padding:.7rem;text-align:center;border:1px solid rgba(255,255,255,.2)}.my-page .stat-card.win .stat-value{color:#4ecdc4}.my-page .stat-card.lose .stat-value{color:#fc6076}.my-page .stat-card.rate .stat-value{color:#ff9a44}.my-page .stat-card.total .stat-value{color:#a855f7}.my-page .stat-value{font-size:1.2rem;font-weight:700}.my-page .stat-label{font-size:.8rem;color:#ffffffb3}.my-page .tab-panel{flex:1 1 0;display:block;height:100%}.my-page .tab-panel .container{height:100%}.my-page .tab-panel .tab-header{display:flex;height:50px;border-bottom:1px solid #eee;margin-bottom:1rem}.my-page .tab-panel .tab-header button{flex:1;background:none;border:none;color:#fff;font-size:1rem;padding:.7rem 0;cursor:pointer;font-weight:700;border-bottom:2px solid transparent;transition:border .2s,color .2s}.my-page .tab-panel .tab-header button.active{color:#fc6076;border-bottom:2.5px solid #fc6076;background:linear-gradient(90deg,#fc607614,#4ecdc414);box-shadow:0 2px 8px #4ecdc414}.my-page .tab-panel .tab-content{height:calc(100% - 66px);margin-top:1rem;background:#1e222c33;border-radius:18px;box-shadow:0 8px 32px #4ecdc41f,0 1.5px 8px #fc607614;padding:2rem 1.5rem;border:1.5px solid rgba(78,205,196,.18);animation:fadein-up .7s cubic-bezier(.23,1,.32,1);overflow-y:scroll}.my-page .tab-panel .tab-content h2{margin-bottom:1.2rem}@keyframes fadein-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.my-page .setting-list{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:1.5rem}.my-page .basic-info-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;list-style:none;padding:0}.my-page .battle-list{display:flex;flex-direction:column;gap:1rem}.my-page .battle-list .battle-item{background:#ffffff1a;border-radius:15px;padding:1rem;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.18);transition:all .3s;box-shadow:0 2px 8px #4ecdc414}.my-page .battle-list .battle-item:hover{transform:translate(5px);background:#ffffff26;box-shadow:0 8px 24px #4ecdc421}.my-page .battle-list .battle-item .battle-vs{font-weight:700;font-size:1.08rem;color:#fff}.my-page .battle-list .battle-item .battle-genre{color:#ffffffb3;font-size:.92rem}.my-page .battle-list .battle-item .battle-result{font-weight:700;padding:.3rem .9rem;border-radius:50px;font-size:.95rem;border:1px solid;box-shadow:0 1px 6px #00000014}.my-page .battle-list .battle-item .battle-result.win{background:#4ecdc43b;color:#4ecdc4;border-color:#4ecdc480}.my-page .battle-list .battle-item .battle-result.lose{background:#fc60762e;color:#fc6076;border-color:#fc607680}.progress-bar-container{position:relative;height:20px;background:#0000004d;border-radius:50px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.progress-bar{height:100%;background:#4ecdc4;border-radius:50px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.basic-info-list{list-style:none;padding:0;margin:0}.list-item{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ccc}.label{color:#bcb0ff;font-weight:700}.value{color:#aaa}.battle-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.battle-page .battle-container{flex:1;display:flex;height:100vh;overflow:hidden}.battle-page .game-area{display:flex;flex-direction:column;gap:1.2rem;width:55%;height:100%;padding:1.5rem;position:relative}.battle-page .chat-area{width:45%;height:100%;background:#ffffff1a;border-radius:0;box-shadow:-5px 0 25px #0000004d;display:flex;flex-direction:column;gap:0;overflow:hidden;border-left:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.battle-page .battle-title{text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 0 10px rgba(255,107,107,.7),0 2px 4px rgba(0,0,0,.5);background:linear-gradient(90deg,#fc6076,#ff9a44,#fc6076);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 3s infinite;background-size:200% auto}@keyframes gradient-shift{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}.battle-page .game-info{background:#0006;border-radius:20px;box-shadow:0 10px 25px #0000004d;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;gap:0;flex:1;border:2px solid rgba(255,255,255,.15);position:relative;overflow:hidden}.battle-page .game-info:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shine-effect 3s infinite;animation-delay:1s}.battle-page .genre-container{text-align:center;position:relative;margin-bottom:.5rem}.battle-page .genre-title{font-weight:800;font-size:1.2rem;color:#fffc;margin-bottom:.5rem}.battle-page .genre-value{font-size:2.5rem;font-weight:800;color:#4ecdc4;text-shadow:0 0 20px rgba(78,205,196,.8);animation:float 3s ease-in-out infinite;position:relative;display:inline-block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.battle-page .genre-value:before,.battle-page .genre-value:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;z-index:-1}.battle-page .genre-value:before{background:radial-gradient(circle,rgba(78,205,196,.3) 0%,transparent 70%);animation:pulse-glow 2s infinite}.battle-page .genre-value:after{background:radial-gradient(circle,rgba(78,205,196,.1) 0%,transparent 50%);animation:pulse-glow 2s infinite;animation-delay:.5s}.battle-page .word-container{background:#ffffff0d;border-radius:10px;padding:1rem;border-left:3px solid #4ecdc4;text-align:center;min-height:90px}.battle-page .word-title{font-size:.9rem;color:#a0a0a0;margin-bottom:.5rem;font-weight:700}.battle-page .word-value{font-size:1.5rem;font-weight:700;color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.5)}.battle-page .hints-title{font-size:1.3rem;font-weight:800;color:#ffffffe6;text-align:center;margin-bottom:1rem}.battle-page .hints-container{display:flex;flex-direction:column;gap:.8rem;flex:1;overflow-y:scroll;overflow-x:hidden;max-height:300px;padding-right:10px}.battle-page .hints-container::-webkit-scrollbar{width:8px}.battle-page .hints-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.battle-page .hints-container::-webkit-scrollbar-thumb{background:#4ecdc480;border-radius:4px}.battle-page .hints-container::-webkit-scrollbar-thumb:hover{background:#4ecdc480}.battle-page .hint{background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:1rem 1.2rem;font-size:1.1rem;color:#ffffffe6;position:relative;overflow-y:visible;animation:hint-pulse 3s infinite;animation-delay:calc(var(--delay, 0) * .2s);transition:all .3s ease;line-height:1.4;display:flex;justify-content:space-between;align-items:center}.battle-page .hint:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,205,196,.3),transparent);animation:hint-shine 4s infinite;animation-delay:calc(var(--delay, 0) * .5s)}.battle-page .hint:hover{transform:translate(5px);box-shadow:0 5px 15px #4ecdc466}.battle-page .hint:nth-child(1){--delay: 0}.battle-page .hint:nth-child(2){--delay: 1}.battle-page .hint:nth-child(3){--delay: 2}.battle-page .hint:nth-child(4){--delay: 3}.battle-page .hint:nth-child(5){--delay: 4}.battle-page .hint-point{font-size:.9rem;color:#ffffffb3;margin-left:.5rem}@keyframes hint-pulse{0%,to{box-shadow:0 0 10px #4ecdc44d}50%{box-shadow:0 0 20px #4ecdc499}}@keyframes hint-shine{0%{left:-100%}20%,to{left:100%}}.battle-page .hint.false{background:#fc60761a;border:1px solid rgba(252,96,118,.3);animation:hint-false-pulse 3s infinite}.battle-page .hint.false:before{background:linear-gradient(90deg,transparent,rgba(252,96,118,.3),transparent)}@keyframes hint-false-pulse{0%,to{box-shadow:0 0 10px #fc60764d}50%{box-shadow:0 0 20px #fc607699}}.battle-page .back-button{background:#fc607633;border:1px solid rgba(252,96,118,.5);border-radius:10px;padding:12px 20px;color:#fc6076;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:auto}.battle-page .back-button:hover{background:#fc60764d;transform:translateY(-2px);box-shadow:0 5px 15px #fc607666}.battle-page .chat-messages{flex:1;overflow-y:auto;padding:1rem;gap:1rem;width:100%;display:flex;flex-direction:column}.battle-page .chat-messages::-webkit-scrollbar{width:8px}.battle-page .chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.battle-page .chat-messages::-webkit-scrollbar-thumb{background:#4ecdc480;border-radius:4px}.battle-page .chat-messages::-webkit-scrollbar-thumb:hover{background:#4ecdc480}.battle-page .message{display:flex;gap:.8rem;animation:message-pop .5s ease-out;width:100%;position:relative}.battle-page .message.ai{justify-content:flex-start}.battle-page .message.ai .message-avatar{background:#fc607633;border:2px solid rgba(252,96,118,.5);box-shadow:0 0 15px #fc607666}.battle-page .message.user{justify-content:flex-end}.battle-page .message.user .message-avatar{background:#4ecdc433;border:2px solid rgba(78,205,196,.5);box-shadow:0 0 15px #4ecdc466}.battle-page .message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.battle-page .message-content{max-width:70%;display:flex;flex-direction:column}.battle-page .message.ai .message-content{align-items:flex-start}.battle-page .message.user .message-content{align-items:flex-end}.battle-page .message-author{font-size:.8rem;color:#fff9;font-weight:600;margin-bottom:4px}.battle-page .message-bubble{padding:.8rem 1rem;position:relative;word-wrap:break-word;line-height:1.4;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;width:fit-content}.battle-page .message.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px 15px 5px}.battle-page .message.ai .message-bubble{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:15px 15px 15px 5px}@keyframes message-pop{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.battle-page .waiting-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .5s ease}.battle-page .waiting-container{background:linear-gradient(135deg,#1a2a3a,#0d1520);border-radius:16px;padding:2.5rem;max-width:500px;width:90%;text-align:center;box-shadow:0 0 30px #4d8cf54d;border:2px solid rgba(77,140,245,.3);animation:scaleIn .5s cubic-bezier(.175,.885,.32,1.275)}.battle-page .waiting-spinner{width:70px;height:70px;border:5px solid rgba(77,140,245,.1);border-radius:50%;border-top-color:#4d8cf5;margin:0 auto 1.5rem;animation:spin 1.2s linear infinite}.battle-page .waiting-container h2{font-size:1.8rem;color:#fff;margin-bottom:1rem}.battle-page .waiting-container p{font-size:1.1rem;color:#a0a0a0;line-height:1.5}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.battle-page .time-alert{animation:flash .5s}@keyframes flash{0%,to{background-color:transparent}50%{background-color:#f003}}.battle-page .toast-notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:600;box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;align-items:center;gap:8px;animation:toast-slide-in .3s ease-out forwards,toast-fade-out .3s ease-in forwards 2.7s;max-width:80%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.battle-page .toast-notification.success{background:linear-gradient(135deg,#2ed573e6,#209450e6);border-left:4px solid #2ed573}.battle-page .toast-notification.error{background:linear-gradient(135deg,#ff4757e6,#bd3441e6);border-left:4px solid #ff4757}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-fade-out{0%{transform:translate(0);opacity:1}to{transform:translate(10%);opacity:0}}@media (max-width: 768px){.battle-page .battle-container{flex-direction:column}.battle-page .game-area{width:100%;height:70%;padding:1rem}.battle-page .chat-area{width:100%;height:50%;border-left:none;border-top:2px solid rgba(255,255,255,.2)}.battle-page .battle-title{font-size:1.2rem}.battle-page .genre-value{font-size:2rem}.battle-page .hints-container{gap:.5rem}.battle-page .hint{padding:.6rem .8rem;font-size:.9rem}.battle-page .waiting-container{padding:1.5rem;max-width:85%}.battle-page .waiting-spinner{width:50px;height:50px}.battle-page .waiting-container h2{font-size:1.5rem}.battle-page .waiting-container p{font-size:1rem}.battle-page .toast-notification{top:10px;right:10px;left:10px;width:calc(100% - 20px);max-width:none}}.battle-page .chat-input{padding:1rem;background:#0000004d;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:.8rem;align-items:center;width:100%;flex-shrink:0}.battle-page .input-field{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:.8rem 1.2rem;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:all .3s ease;min-width:0}.battle-page .input-field:focus{border-color:#4ecdc4;box-shadow:0 0 0 3px #4ecdc433}.battle-page .input-field::placeholder{color:#ffffff80}.battle-page .input-field:disabled{opacity:.7;cursor:not-allowed;background:#ffffff0d}.battle-page .send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;padding:.8rem 1.5rem;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;white-space:nowrap;flex-shrink:0}.battle-page .send-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.battle-page .send-button:active{transform:translateY(0)}.battle-page .send-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.battle-page .lie-button{margin-top:.5rem;align-self:flex-start;background:#ff3b3033;border:1px solid rgba(255,59,48,.5);border-radius:12px;padding:.4rem .8rem;color:#ff3b30;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem}.battle-page .lie-button:hover{background:#ff3b304d;transform:translateY(-2px);box-shadow:0 3px 8px #ff3b3066}.battle-page .lie-button:active{transform:translateY(0)}.battle-page .lie-detected{margin-top:.5rem;align-self:flex-start;background:#14eea926;border:1px solid rgba(81,250,38,.4);border-radius:12px;padding:.4rem .8rem;color:#f3f3f3;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.3rem;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 #ff3b3066}50%{box-shadow:0 0 0 5px #ff3b3000}}.battle-page .message.ai.exposed .message-bubble{border:1px solid rgba(255,59,48,.4);background:#ff3b300d;position:relative}.battle-page .message.ai.exposed .message-bubble:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,59,48,.05) 25%,transparent 25%,transparent 50%,rgba(255,59,48,.05) 50%,rgba(255,59,48,.05) 75%,transparent 75%,transparent);background-size:8px 8px;opacity:.2;pointer-events:none;border-radius:inherit}.score-gauge{padding:.8rem;background:#0006;border-radius:20px;box-shadow:0 10px 25px #0000004d,inset 0 2px 10px #ffffff1a;padding:1rem;border:2px solid rgba(255,255,255,.15);position:relative;overflow:visible;flex:0 0 auto}.score-gauge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);animation:shine-effect 3s infinite}.score-gauge .battle-info{display:flex;justify-content:space-between;margin-bottom:.5rem;align-items:flex-end;position:relative}.score-gauge .fighter{display:flex;flex-direction:column;align-items:center;gap:.3rem}.score-gauge .fighter-name{font-weight:700;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.score-gauge .fighter.you .fighter-name{color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.7)}.score-gauge .fighter.opponent .fighter-name{color:#fc6076;text-shadow:0 0 10px rgba(252,96,118,.7)}.score-gauge .fighter-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.3rem;position:relative}.score-gauge .fighter-avatar.you{background:#4ecdc433;border:3px solid #4ecdc4;box-shadow:0 0 20px #4ecdc4,inset 0 0 10px #4ecdc44d}.score-gauge .fighter-avatar.opponent{background:#fc607633;border:3px solid #fc6076;box-shadow:0 0 20px #fc6076,inset 0 0 10px #fc60764d}.score-gauge .fighter-score{font-weight:800;font-size:1.5rem;position:relative}.score-gauge .fighter.you .fighter-score{color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.7)}.score-gauge .fighter.opponent .fighter-score{color:#fc6076;text-shadow:0 0 10px rgba(252,96,118,.7)}.score-gauge .vs-badge{margin-top:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-30%);width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;border:2px solid rgba(255,255,255,.3);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 5px 15px #0000004d;z-index:10}.score-gauge .vs-badge:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 15px #ffffff4d;animation:vs-pulse 2s infinite}@keyframes vs-pulse{0%,to{box-shadow:inset 0 0 15px #ffffff4d}50%{box-shadow:inset 0 0 25px #fff9}}.score-gauge .gauge-container{position:relative;height:30px;margin-top:.5rem;display:flex}.score-gauge .gauge-bar{height:100%;position:relative;overflow:hidden}.score-gauge .gauge-player{background:linear-gradient(to right,#1a6a6a,#4ecdc4);border-radius:8px 0 0 8px;box-shadow:0 0 15px #4ecdc4b3;border:2px solid #000;border-right:none;position:relative;z-index:2}.score-gauge .gauge-ai{background:linear-gradient(to right,#fc6076,#9e162a);border-radius:0 8px 8px 0;box-shadow:0 0 15px #fc6076b3;border:2px solid #000;border-left:none;position:relative;z-index:2}.score-gauge .gauge-player:before,.score-gauge .gauge-ai:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:10px 10px}.score-gauge .gauge-player:after,.score-gauge .gauge-ai:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:gauge-shine 3s infinite}@keyframes gauge-shine{0%{left:-100%}20%,to{left:100%}}.score-gauge .gauge-divider{position:absolute;left:75%;top:0;height:100%;width:4px;background:#fff;z-index:3;box-shadow:0 0 10px #fff,0 0 20px #fff;animation:divider-pulse 2s infinite}@keyframes divider-pulse{0%,to{box-shadow:0 0 10px #fff,0 0 20px #fff}50%{box-shadow:0 0 20px #fff,0 0 30px #fff}}.score-gauge .gauge-frame{position:absolute;inset:-3px;border:2px solid #000;border-radius:10px;box-shadow:0 0 0 1px #ffffff80;z-index:1}.score-gauge .gauge-value{position:absolute;top:50%;transform:translateY(-50%);font-weight:700;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:4}.score-gauge .gauge-value.you{left:20%}.score-gauge .gauge-value.opponent{right:20%}.score-gauge .power-orb{position:absolute;width:16px;height:16px;border-radius:50%;top:-8px;z-index:5}.score-gauge .power-orb.you{background:radial-gradient(#4ecdc4,#1a6a6a);left:20%;box-shadow:0 0 15px #4ecdc4cc;animation:orb-pulse 2s infinite}.score-gauge .power-orb.opponent{background:radial-gradient(#fc6076,#9e162a);right:20%;box-shadow:0 0 15px #fc6076cc;animation:orb-pulse 2s infinite;animation-delay:1s}@keyframes orb-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}@keyframes shine-effect{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.battle-timer{position:absolute;top:20px;left:50%;background:#000000b3;border-radius:12px;padding:2px 10px;box-shadow:0 0 20px #fff3,inset 0 0 10px #ffffff1a;border:2px solid rgba(255,255,255,.3);transform:translateY(-10px) translate(-50%);transition:all .3s ease}.battle-timer .timer-display{font-family:Orbitron,Courier New,monospace;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.8);letter-spacing:2px;display:flex;align-items:center}.battle-timer .timer-minutes,.battle-timer .timer-seconds{min-width:1.5em;text-align:center}.battle-timer .timer-separator{animation:blink 1s infinite;margin:0 5px}.battle-timer .timer-label{font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:#ffffffb3;margin-top:-5px}.battle-timer.timer-warning{background:#ff00004d;box-shadow:0 0 30px #ff000080,inset 0 0 15px #ff00004d;border-color:#f009;animation:pulse-warning 1s infinite alternate}.battle-timer.timer-caution{background:#ffa5004d;box-shadow:0 0 30px #ffa50080,inset 0 0 15px #ffa5004d;border-color:#ffa50099}.battle-timer.timer-critical{background:#ff000080;box-shadow:0 0 40px #ff0000b3,inset 0 0 20px #ff000080;border-color:#f00c;animation:critical-pulse .5s infinite alternate;transform:translateY(-20px) translate(-50%) scale(1.1)}.battle-timer .timer-container{display:flex;align-items:center;justify-content:center;margin-bottom:15px;background:#0003;padding:10px;border-radius:10px;animation:pulse 2s infinite ease-in-out}.battle-timer .timer-icon{font-size:1.5rem;margin-right:10px}.battle-timer .timer-value{font-size:1.8rem;font-weight:700;font-family:Courier New,monospace;color:#fff}@keyframes pulse{0%{box-shadow:0 0 #fff3}70%{box-shadow:0 0 0 5px #fff0}to{box-shadow:0 0 #fff0}}@keyframes critical-pulse{0%{transform:translateY(-20px) translate(-50%) scale(1.1)}to{transform:translateY(-20px) translate(-50%) scale(1.2)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pulse-warning{0%{transform:translateY(-20px) translate(-50%) scale(1);box-shadow:0 0 30px #ff000080,inset 0 0 15px #ff00004d}to{transform:translateY(-20px) translate(-50%) scale(1.05);box-shadow:0 0 40px #ff0000b3,inset 0 0 20px #f006}}.win-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#0c1e40cc,#050f23e6);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.confetti-container{position:absolute;width:100%;height:100%;overflow:hidden;z-index:-1}.confetti{position:absolute;width:10px;height:20px;top:-20px;background-color:#ffeb3b;animation:fall 5s linear infinite;transform:rotate(3deg)}@keyframes fall{0%{top:-20px;transform:rotate(0) translate(0)}to{top:100vh;transform:rotate(360deg) translate(100px)}}.win-container{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:500px;max-width:90%;box-shadow:0 15px 35px #0000004d;border:1px solid rgba(255,255,255,.2);text-align:center;animation:pop-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.win-badge{font-size:3rem;font-weight:800;margin-bottom:30px;background:linear-gradient(90deg,gold,orange);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(255,215,0,.5);animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.7))}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.9))}}.win-details{margin-bottom:30px}.victory-text{font-size:1.5rem;color:#fff;margin-bottom:20px}.opponent-name{font-weight:700;color:gold}.score-display{background:#ffffff1a;border-radius:10px;padding:15px;margin-bottom:20px}.score-value{font-size:2.5rem;font-weight:700;color:gold}.reward-info{background:#0003;border-radius:10px;padding:15px;text-align:left}.reward-title{font-size:1.2rem;color:#fff;margin-bottom:10px;font-weight:600}.reward-items{display:flex;flex-direction:column;gap:10px}.reward-item{display:flex;align-items:center;gap:15px}.reward-icon{font-size:1.5rem;background:#ffffff1a;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.reward-description{font-size:.9rem;color:#ffffffe6}.home-button{background:#ffffff26;border:none;color:#fff;padding:12px 25px;border-radius:50px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.home-button:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 10px 20px #0003}@media (max-width: 768px){.win-container{padding:30px 20px}.win-badge{font-size:2.5rem}.victory-text{font-size:1.2rem}.score-value{font-size:2rem}}.lose-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#1e0f1ecc,#140514e6);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.lose-container{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;width:500px;max-width:90%;box-shadow:0 15px 35px #0000004d;border:1px solid rgba(255,255,255,.1);text-align:center;animation:fade-in .5s ease-out forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lose-badge{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:#e63946;text-shadow:0 0 10px rgba(230,57,70,.5)}.lose-details{margin-bottom:30px}.defeat-text{font-size:1.3rem;color:#fff;margin-bottom:20px}.opponent-name{font-weight:700;color:#e63946}.score-display{background:#ffffff0d;border-radius:10px;padding:15px;margin-bottom:20px}.score-label{font-size:1rem;color:#ffffffb3;margin-bottom:5px}.score-value{font-size:2rem;font-weight:700;color:#fff}.advice-box{background:#ffffff0d;border-radius:10px;padding:15px;text-align:left;border-left:3px solid #6c757d}.advice-title{font-size:1.1rem;color:#6c757d;margin-bottom:8px;font-weight:600}.advice-content{font-size:.9rem;color:#fffc;line-height:1.5}.home-button{background:#ffffff1a;border:none;color:#fff;padding:12px 25px;border-radius:50px;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto}.home-button:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.home-button:active{transform:translateY(0)}@media (max-width: 768px){.lose-container{padding:30px 20px}.lose-badge{font-size:2rem}.defeat-text{font-size:1.1rem}.score-value{font-size:1.8rem}}.make-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#1a2a3a,#0d1520);color:#fff;font-family:Noto Sans JP,sans-serif;position:relative}.make-header{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.make-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#f0f0f0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.make-header .make-subtitle{font-size:1.1rem;color:#a0a0a0;max-width:600px;margin:0 auto}.genre-selection{margin-bottom:3rem;animation:fadeIn .8s ease-out;flex:1}.genre-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:1.5rem}.genre-card{background:#ffffff0d;border-radius:12px;padding:1.8rem;cursor:pointer;transition:all .3s ease;position:relative;display:flex;flex-direction:column;align-items:center;border:2px solid transparent;box-shadow:0 4px 20px #0003;height:100%;overflow:hidden}.genre-card:hover:not(.disabled){background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.genre-card.selected{border-color:#4d8cf5;background:#4d8cf51a;box-shadow:0 0 20px #4d8cf54d}.genre-card.disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.genre-card .genre-icon{font-size:3.5rem;margin-bottom:1.2rem;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));transition:transform .3s ease}.selected .genre-card .genre-icon{transform:scale(1.1)}.genre-card .genre-name{font-size:1.4rem;font-weight:700;margin-bottom:.8rem;color:#f0f0f0;transition:color .3s ease}.selected .genre-card .genre-name{color:#4d8cf5}.genre-card .genre-description{font-size:.9rem;color:#a0a0a0;text-align:center}.word-modal-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0c1824,#0a1018);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease;overflow-y:auto;padding:20px}.word-modal-content{width:100%;max-width:900px;animation:fadeInUp .7s ease}.word-header{text-align:center;margin-bottom:3rem}.word-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fff;text-shadow:0 0 20px rgba(77,140,245,.5)}.word-container{background:#4d8cf51a;border-radius:20px;padding:2rem;margin:0 auto;max-width:600px;box-shadow:0 0 30px #4d8cf54d;border:2px solid rgba(77,140,245,.3);position:relative;overflow:hidden}.word-container:before{content:"";position:absolute;width:200px;height:200px;background:radial-gradient(circle,#4d8cf533,#4d8cf500 70%);top:-100px;left:-100px;border-radius:50%}.word-container:after{content:"";position:absolute;width:150px;height:150px;background:radial-gradient(circle,#4d8cf533,#4d8cf500 70%);bottom:-75px;right:-75px;border-radius:50%}.word-value{font-size:3.5rem;font-weight:700;text-align:center;color:#4d8cf5;margin-bottom:.5rem;letter-spacing:2px;text-shadow:0 0 15px rgba(77,140,245,.6);animation:pulse 2s infinite}.word-genre{font-size:1.2rem;text-align:center;color:#a0a0a0}.word-instructions{background:#ffffff0d;border-radius:15px;padding:1.5rem;margin-bottom:2.5rem;position:relative;border-left:4px solid #4d8cf5}.word-instructions .instruction-icon{position:absolute;top:-20px;left:20px;background:#4d8cf5;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.5rem;box-shadow:0 5px 15px #0000004d}.word-instructions p{margin:.7rem 0;font-size:1rem;line-height:1.6;color:#e0e0e0}.word-instructions p:first-child{margin-top:0}.word-instructions p:last-child{margin-bottom:0}.fake-facts-container{background:#ffffff08;border-radius:15px;padding:2rem;animation:fadeIn .8s ease}.fake-facts-container h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#f0f0f0}.fake-facts-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.fake-fact-item{display:flex;align-items:center;gap:1rem}.fake-fact-number{width:35px;height:35px;background:#4d8cf533;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;color:#4d8cf5;flex-shrink:0}.fake-fact-input{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;font-size:1rem;color:#fff}.fake-fact-input:focus{outline:none;border-color:#4d8cf5;box-shadow:0 0 10px #4d8cf54d}.fake-fact-input::placeholder{color:#ffffff4d}.ready-button{background:#4d8cf5;color:#fff;border:none;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:500;display:block;margin:0 auto;cursor:pointer;transition:all .3s ease}.ready-button:hover{background:#3a7de0;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.ready-button:active{transform:translateY(-1px)}.battle-prepare{background:#ffffff08;border-radius:15px;padding:2rem;animation:fadeIn .8s ease}.battle-prepare h2{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#f0f0f0}.battle-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.battle-tip{background:#ffffff0d;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;align-items:flex-start}.battle-tip .tip-icon{font-size:2rem;background:#4d8cf51a;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.battle-tip .tip-text h3{font-size:1.2rem;margin-bottom:.5rem;color:#f0f0f0}.battle-tip .tip-text p{font-size:.9rem;color:#a0a0a0;line-height:1.5}.your-lies{background:#ffffff08;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.your-lies h3{font-size:1.3rem;margin-bottom:1rem;color:#f0f0f0;text-align:center}.lies-list{list-style-position:inside;padding:0;margin:0}.lies-list li{padding:.7rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);font-size:1rem;color:#e0e0e0}.lies-list li:last-child{border-bottom:none}.lies-list li.no-lies{text-align:center;color:#a0a0a0;font-style:italic}.start-battle-button{background:#4d8cf5;color:#fff;border:none;border-radius:50px;padding:1.2rem 2.5rem;font-size:1.2rem;font-weight:700;display:block;margin:0 auto;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0000004d;position:relative;overflow:hidden}.start-battle-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.start-battle-button:hover:before{width:300px;height:300px}.start-battle-button:hover{background:#3a7de0;transform:translateY(-3px);box-shadow:0 10px 20px #0003}.start-battle-button:active{transform:translateY(-1px)}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:900;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease}.loading-overlay p{margin-top:1.5rem;font-size:1.2rem;color:#fff}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#4d8cf5;animation:spin 1s linear infinite}.card-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:12px;display:flex;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#4d8cf5;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{text-shadow:0 0 15px rgba(77,140,245,.6)}50%{text-shadow:0 0 25px rgba(77,140,245,.9)}to{text-shadow:0 0 15px rgba(77,140,245,.6)}}@media (max-width: 768px){.make-container{padding:1.5rem}.make-header h1{font-size:2rem}.genre-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.genre-card{padding:1.2rem}.genre-card .genre-icon{font-size:2.8rem}.genre-card .genre-name{font-size:1.2rem}.genre-card .genre-description{font-size:.8rem}.word-value{font-size:2.5rem}.battle-tips{grid-template-columns:1fr}}.matching-success-overlay{position:fixed;inset:0;z-index:9999;background:linear-gradient(135deg,#3e648a,#0d1520);display:flex;align-items:center;justify-content:center;animation:fadeOut 1.5s 1.5s forwards;opacity:1;transition:opacity .5s}.matching-success-content{text-align:center;color:#fff;font-size:2.8rem;font-weight:700;letter-spacing:.1em;text-shadow:0 4px 24px rgba(0,0,0,.6666666667),0 1px 0 rgba(255,255,255,.5333333333);animation:popIn .7s cubic-bezier(.68,-.55,.27,1.55)}.matching-success-icon{font-size:4rem;margin-bottom:1rem;animation:shine 1.2s infinite alternate}@keyframes popIn{0%{transform:scale(.7);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fadeOut{to{opacity:0;pointer-events:none}}@keyframes shine{0%{filter:brightness(1.1)}to{filter:brightness(1.5) drop-shadow(0 0 16px rgba(255,255,255,.5333333333))}}.tip-card__close{position:absolute;top:6px;right:10px;background:none;border:none;color:#aeb8c2;font-size:1.2rem;font-weight:700;cursor:pointer;z-index:2;padding:0 4px;line-height:1;opacity:.7;transition:color .2s,opacity .2s}.tip-card__close:hover{color:#e57373;opacity:1}.tip-card{position:relative;display:inline-block;font-family:Segoe UI,Noto Sans JP,Meiryo,sans-serif}.tip-card--top-left .tip-card__bubble{bottom:100%;left:0;transform:translateY(-12px)}.tip-card--top-left .tip-card__bubble:after{content:"";position:absolute;top:100%;left:8px;transform:none;border-width:12px 12px 0 12px;border-style:solid;border-color:#395080 transparent transparent transparent;filter:none}.tip-card--top-right .tip-card__bubble{bottom:100%;right:0;left:auto;transform:translateY(-12px)}.tip-card--top-right .tip-card__bubble:after{content:"";position:absolute;top:100%;right:8px;left:auto;transform:none;border-width:12px 12px 0 12px;border-style:solid;border-color:#395080 transparent transparent transparent;filter:none}.tip-card--bottom-left .tip-card__bubble{top:100%;left:0;transform:translateY(12px)}.tip-card--bottom-left .tip-card__bubble:after{content:"";position:absolute;bottom:100%;left:8px;transform:none;border-width:0 12px 12px 12px;border-style:solid;border-color:transparent transparent #395080 transparent;filter:none}.tip-card--bottom-right .tip-card__bubble{top:100%;right:0;left:auto;transform:translateY(12px)}.tip-card--bottom-right .tip-card__bubble:after{content:"";position:absolute;bottom:100%;right:8px;left:auto;transform:none;border-width:0 12px 12px 12px;border-style:solid;border-color:transparent transparent #395080 transparent;filter:none}.tip-card--right-top .tip-card__bubble{left:100%;top:0;transform:translate(12px)}.tip-card--right-top .tip-card__bubble:after{content:"";position:absolute;left:-12px;top:8px;transform:none;border-width:12px 12px 12px 0;border-style:solid;border-color:transparent #395080 transparent transparent;filter:none}.tip-card--right-bottom .tip-card__bubble{left:100%;bottom:0;top:auto;transform:translate(12px)}.tip-card--right-bottom .tip-card__bubble:after{content:"";position:absolute;left:-12px;bottom:8px;top:auto;transform:none;border-width:12px 12px 12px 0;border-style:solid;border-color:transparent #395080 transparent transparent;filter:none}.tip-card--left-top .tip-card__bubble{right:100%;top:0;transform:translate(-12px)}.tip-card--left-top .tip-card__bubble:after{content:"";position:absolute;right:-12px;top:8px;transform:none;border-width:12px 0 12px 12px;border-style:solid;border-color:transparent transparent transparent #395080;filter:none}.tip-card--left-bottom .tip-card__bubble{right:100%;bottom:0;top:auto;transform:translate(-12px)}.tip-card--left-bottom .tip-card__bubble:after{content:"";position:absolute;right:-12px;bottom:8px;top:auto;transform:none;border-width:12px 0 12px 12px;border-style:solid;border-color:transparent transparent transparent #395080;filter:none}.tip-card__bubble{position:absolute;min-width:140px;max-width:320px;background:linear-gradient(135deg,#232b3d 60%,#395080);color:#c2d0e6;border:1.2px solid #4666a3;border-radius:14px 14px 14px 0;padding:16px 20px 14px 16px;font-size:1.05rem;font-weight:600;box-shadow:0 3px 12px #232b3d1c,0 1.5px 6px #39508017;z-index:10;white-space:pre-line;letter-spacing:.01em;text-shadow:0 1px 3px #232b3d,0 0 3px #395080;animation:tipcard-pop .5s cubic-bezier(.68,-.55,.27,1.55);transition:box-shadow .2s,border .2s;filter:none}.tip-card__bubble:after{content:"";position:absolute;width:0;height:0;border-style:solid}.tip-card:hover .tip-card__bubble{box-shadow:0 8px 20px #395080,0 2px 8px #232b3d;border-color:#5b7bb0}@keyframes tipcard-pop{0%{transform:scale(.7) translateY(20px);opacity:0}80%{transform:scale(1.05) translateY(-4px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.tip-card--top .tip-card__bubble{bottom:100%;left:50%;transform:translate(-50%) translateY(-12px)}.tip-card--top .tip-card__bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:12px 12px 0 12px;border-style:solid;border-color:#395080 transparent transparent transparent;filter:none}.tip-card--bottom .tip-card__bubble{top:100%;left:50%;transform:translate(-50%) translateY(12px)}.tip-card--bottom .tip-card__bubble:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:0 12px 12px 12px;border-style:solid;border-color:transparent transparent #395080 transparent;filter:none}.tip-card--left .tip-card__bubble{right:100%;top:50%;transform:translateY(-50%) translate(-12px)}.tip-card--left .tip-card__bubble:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border-width:12px 0 12px 12px;border-style:solid;border-color:transparent transparent transparent #395080;filter:none}.tip-card--right .tip-card__bubble{left:100%;top:50%;transform:translateY(-50%) translate(12px)}.tip-card--right .tip-card__bubble:after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border-width:12px 12px 12px 0;border-style:solid;border-color:transparent #395080 transparent transparent;filter:none}.create-account-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e1e2f,#2d2b42);padding:1rem}.create-account-container{width:100%;max-width:500px;background:#1e1e2fb3;border-radius:15px;padding:2.5rem;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease}.create-form .form-group{margin-bottom:1.5rem}.create-form .form-group label{display:block;color:#fff;margin-bottom:.5rem;font-size:.9rem}.create-form .form-group input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.8rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease}.create-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.create-form .form-group input::placeholder{color:#fff6}.create-form .form-group input:disabled{opacity:.7;cursor:not-allowed}.create-form .submit-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.create-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #667eea66}.create-form .submit-button:active{transform:translateY(0)}.create-form .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.create-form .submit-button.loading{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}.create-form .submit-button .spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.login-link{margin-top:2rem;text-align:center}.login-link p{color:#ffffffb3;margin-bottom:.5rem}.login-link .text-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.login-link .text-button:hover{color:#764ba2;text-decoration:underline}@media (max-width: 576px){.create-account-container{padding:1.5rem}.form-header h1{font-size:1.5rem}.form-header p{font-size:.9rem}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1e1e2f,#2d2b42);padding:1rem}.login-container{width:100%;max-width:450px;background:#1e1e2fb3;border-radius:15px;padding:2.5rem;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-header{text-align:center;margin-bottom:2rem}.form-header h1{color:#fff;font-size:2rem;margin-bottom:.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-header p{color:#ffffffb3;font-size:1rem;line-height:1.5}.error-message{background:#ff575733;border-left:4px solid #ff5757;color:#ff5757;padding:1rem;border-radius:5px;margin-bottom:1.5rem;font-size:.9rem}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-group label{display:block;color:#fff;margin-bottom:.5rem;font-size:.9rem}.login-form .form-group input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.8rem 1rem;color:#fff;font-size:1rem;transition:all .3s ease}.login-form .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea4d}.login-form .form-group input::placeholder{color:#fff6}.login-form .form-group input:disabled{opacity:.7;cursor:not-allowed}.login-form .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.login-form .form-options .remember-me{display:flex;align-items:center}.login-form .form-options .remember-me input[type=checkbox]{margin-right:.5rem;appearance:none;width:18px;height:18px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;cursor:pointer;position:relative}.login-form .form-options .remember-me input[type=checkbox]:checked{background:#667eea;border-color:#667eea}.login-form .form-options .remember-me input[type=checkbox]:checked:after{content:"";position:absolute;top:3px;left:6px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-form .form-options .remember-me input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px #667eea4d}.login-form .form-options .remember-me label{color:#ffffffb3;font-size:.85rem;-webkit-user-select:none;user-select:none}.login-form .form-options .forgot-password{background:none;border:none;color:#667eea;font-size:.85rem;cursor:pointer;transition:all .3s ease}.login-form .form-options .forgot-password:hover{color:#764ba2;text-decoration:underline}.login-form .submit-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.login-form .submit-button:hover{transform:translateY(-2px);box-shadow:0 7px 15px #667eea66}.login-form .submit-button:active{transform:translateY(0)}.login-form .submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-form .submit-button.loading{background:linear-gradient(135deg,#667eeab3,#764ba2b3)}.login-form .submit-button .spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.create-link{margin-top:2rem;text-align:center}.create-link p{color:#ffffffb3;margin-bottom:.5rem}.create-link .text-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.create-link .text-button:hover{color:#764ba2;text-decoration:underline}@media (max-width: 576px){.login-container{padding:1.5rem}.form-header h1{font-size:1.5rem}.form-header p{font-size:.9rem}.form-options{flex-direction:column;align-items:flex-start}.form-options .forgot-password{margin-top:.75rem}}