.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px;background:#0f172ab3}.auth-modal-content{box-sizing:border-box;width:min(410px,100%);max-height:min(92svh,720px);overflow-y:auto;padding:32px 34px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 25px 50px -12px #0f172a40;color:#0f172a;text-align:center;animation:authPop .24s ease-out}.auth-modal-header{position:relative;display:flex;align-items:center;justify-content:center}.auth-close-button{position:absolute;top:-7px;right:-10px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:999px;background:#f1f5f9;color:#94a3b8;cursor:pointer;transition:background-color .18s ease,color .18s ease}.auth-close-button:hover{background:#e2e8f0;color:#475569}.auth-modal-content::-webkit-scrollbar{width:0}.auth-loading{display:flex;min-height:128px;align-items:center;justify-content:center}.auth-spinner{width:30px;height:30px;border:3px solid #fef3c7;border-top-color:#f97316;border-radius:999px;animation:authSpin .8s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes authPop{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.auth-title{margin:0;color:#0f172a;font-size:31px;font-weight:500;line-height:1.1;letter-spacing:0}.auth-description{margin:12px 0 24px;color:#64748b;font-size:14px;font-weight:400;line-height:1.55;letter-spacing:0}.auth-browser-alert{margin-bottom:18px;padding:12px 14px;border:1px solid rgba(239,68,68,.25);border-radius:12px;background:#ef444414;color:#b42318;font-size:12px;font-weight:400;line-height:1.45;text-align:left}.auth-browser-alert strong{font-weight:500}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:20px;overflow:hidden;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.auth-tab{position:relative;min-height:44px;border:0;border-radius:0;background:transparent;color:#64748b;font-size:14px;font-weight:500;letter-spacing:0;cursor:pointer;transition:color .18s ease,background-color .18s ease}.auth-tab+.auth-tab{border-left:1px solid #e2e8f0}.auth-tab.active{color:#0f172a;background:#fff}.auth-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#f97316}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;align-items:center;min-height:52px;padding:0 16px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;transition:border-color .18s ease,background-color .18s ease}.auth-field:focus-within{border-color:#f97316b8;background:#fffbeb;outline:2px solid rgba(249,115,22,.12);outline-offset:0}.auth-field-icon{flex:0 0 auto;margin-right:11px;color:#94a3b8}.auth-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:14px;font-weight:400;letter-spacing:0}.auth-input::placeholder{color:#94a3b8;opacity:1}.auth-input:disabled{cursor:not-allowed}.auth-password-toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:36px;height:36px;margin-right:-9px;border:0;border-radius:999px;background:transparent;color:#94a3b8;cursor:pointer;transition:background-color .18s ease,color .18s ease}.auth-password-toggle:hover:not(:disabled){background:#fffbeb;color:#f97316}.auth-password-toggle:disabled{cursor:not-allowed;opacity:.55}.auth-error{margin:0;padding:9px 12px;border:1px solid rgba(220,38,38,.18);border-radius:10px;background:#ef444414;color:#b42318;font-size:12px;font-weight:400;line-height:1.4;text-align:left}.auth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;padding:0 18px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:500;letter-spacing:0;cursor:pointer;transition:transform .18s ease,background-color .18s ease,color .18s ease}.auth-btn:disabled{cursor:not-allowed;opacity:.65}.auth-btn:hover:not(:disabled){transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn.email{margin-top:6px;background:#f97316;color:#fff}.auth-btn.email:hover:not(:disabled){background:#ea580c}.auth-btn.google,.auth-btn.guest{background:#fff;border-color:#e2e8f0;color:#334155}.auth-btn.google:hover:not(:disabled),.auth-btn.guest:hover:not(:disabled){background:#f8fafc;border-color:#fdba74}.auth-btn.google,.auth-btn.playgames{margin-bottom:12px}.divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:#94a3b8;font-size:13px;font-weight:400;letter-spacing:0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.auth-warning{display:flex;align-items:center;gap:11px;margin-top:16px;padding:0;border:0;border-radius:0;background:transparent;color:#64748b;font-size:12px;font-weight:400;line-height:1.45;text-align:left}.auth-warning svg{flex:0 0 auto;color:#f97316}@media(max-width:460px){.auth-modal-overlay{padding:14px}.auth-modal-content{padding:24px 20px;border-radius:20px}.auth-title{font-size:29px}.auth-description{margin:10px 0 20px;font-size:13px}.auth-tab{min-height:42px;font-size:13px}.auth-field,.auth-btn{min-height:50px}.auth-field{padding:0 14px}.auth-input{font-size:13px}.auth-btn{font-size:14px}.divider{margin:16px 0;font-size:12px}.auth-warning{align-items:flex-start;margin-top:16px;padding:12px 13px;font-size:11px}}.session-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:2000}.session-modal-content{background:#ffffff24;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);color:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;text-align:center;border:1px solid rgba(255,255,255,.28);box-shadow:0 18px 45px #0f172a4d,inset 0 1px #ffffff29}.warning-icon{font-size:3rem;margin-bottom:1rem}.session-modal-content h2{margin-bottom:1rem;color:gold}.session-modal-content p{color:#b8b8d0;line-height:1.6;margin-bottom:1.5rem}.warning-text{font-size:.9rem;color:#ff6b6b;background-color:#ff6b6b1a;padding:.8rem;border-radius:6px;margin-bottom:1.5rem;white-space:nowrap}.button-group{display:flex;gap:10px;justify-content:center}.button-group button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:filter .2s;white-space:nowrap}.button-group button:hover{filter:brightness(1.1)}.btn-logout{background-color:#4a4e69;color:#fff}.btn-resolve{background-color:#e63946;color:#fff}.breeding-mode .koi-in-pond:hover{outline:3px solid #c084fc;cursor:pointer}.breeding-mode .koi-in-pond.selected{outline:4px solid #a855f7}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-60px) scale(1.2);opacity:0}}.animate-float-up{animation:float-up 1.5s ease-out forwards;pointer-events:none;text-shadow:0 0 8px rgba(0,0,0,.2)}.animate-feed-up{animation:float-up 1.2s ease-out forwards;pointer-events:none;text-shadow:0 0 6px rgba(0,0,0,.2)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .5s ease-out forwards}@keyframes caustics{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.caustics-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 40% 40% at 20% 20%,rgba(200,220,255,.08),transparent),radial-gradient(ellipse 30% 30% at 70% 80%,rgba(200,220,255,.06),transparent);background-size:200% 200%;animation:none;mix-blend-mode:overlay;pointer-events:none}@keyframes swim-tail{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.koi-fin,.koi-tail{position:absolute;opacity:.9;filter:brightness(.95);z-index:-1}.koi-tail{width:40%;height:120%;left:-30%;top:-10%;clip-path:polygon(100% 40%,100% 60%,0 0,0 100%);transform-origin:100% 50%;animation:swim-tail 1.5s ease-in-out infinite;border-radius:50% 0 0 50%}.static-koi .koi-tail{animation:none;transform:rotate(-5deg)}.koi-fin-pectoral-left,.koi-fin-pectoral-right{width:50%;height:80%;left:40%;clip-path:polygon(0 50%,100% 0,80% 100%);z-index:-1;border-radius:50%}.koi-fin-pectoral-left{top:-15%;transform:rotate(45deg)}.koi-fin-pectoral-right{bottom:-15%;transform:rotate(-45deg)}.koi-eye{position:absolute;width:8px;height:8px;background-color:#fff;border-radius:50%;right:15%;z-index:20;box-shadow:0 0 2px #0000004d}.koi-eye:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:4px;background-color:#000;border-radius:50%}.koi-eye.left{top:25%}.koi-eye.right{bottom:25%}@keyframes drop-fade{0%{transform:translateY(-10px) scale(1.2);opacity:0}20%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(20px) scale(.5);opacity:0}}.food-pellet{position:absolute;width:6px;height:6px;background-color:#78350f;border-radius:50%;box-shadow:0 0 4px #0006;animation:drop-fade 1s ease-out forwards}.pellet1{top:-5px;left:0}.pellet2{top:0;left:8px;animation-delay:.1s}.pellet3{top:5px;left:-3px;animation-delay:.2s}@keyframes float{0%,to{transform:translate(-50%,-50%) translate(0) rotate(0)}25%{transform:translate(-50%,-50%) translate(10px,-15px) rotate(2deg)}50%{transform:translate(-50%,-50%) translate(-5px,10px) rotate(-1deg)}75%{transform:translate(-50%,-50%) translate(-15px,-5px) rotate(1deg)}to{transform:translate(-50%,-50%) translate(0) rotate(0)}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) rgba(15,23,42,.35);scrollbar-gutter:stable}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#0f172a59;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b87a;border:2px solid rgba(15,23,42,.35);border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1a6}.custom-scrollbar::-webkit-scrollbar-button{display:none;width:0;height:0}.light-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.light-scrollbar::-webkit-scrollbar{width:6px;height:6px}.light-scrollbar::-webkit-scrollbar-track{background:transparent}.light-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border:1px solid #ffffff;border-radius:999px}.light-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.light-scrollbar::-webkit-scrollbar-button{display:none;width:0;height:0}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.glass-panel.glass-panel{background:#ffffff2e;border-color:#ffffff4d;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);box-shadow:0 18px 45px #0f172a47,inset 0 1px #ffffff29}.glass-header.glass-header{background:#ffffff1f;border-color:#fff3}.glass-section.glass-section{background:#ffffff1a;border-color:#ffffff38}.glass-input.glass-input{background:#ffffff1f;border-color:#ffffff3d}.glass-control.glass-control{background:#ffffff1a;border-color:#fff3}.koi-meta-secondary{margin-left:auto}.light-modal .text-slate-400{color:#64748b!important}.light-modal .text-slate-500{color:#475569!important}.light-modal .text-slate-600{color:#334155!important}.light-modal .bg-slate-50{background-color:#f1f5f9!important}.light-modal .border-slate-100{border-color:#e2e8f0!important}@media(max-width:640px){.koi-meta-secondary{margin-left:0}}html,body,#root{font-family:Noto Sans KR,system-ui,sans-serif}