body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{padding-top:80px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.title{font-style:italic}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-sizing:border-box;display:flex;height:80px;justify-content:flex-end;left:0;padding:0 50px;position:fixed;top:0;width:100%;z-index:1000}.logo{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.logo-img{filter:invert(1);height:38px}.menu{gap:12px}.menu,.menu-item{align-items:center;display:flex}.menu-item{border:none;border-radius:100px;cursor:pointer;font-family:inherit;font-size:20px;font-weight:600;justify-content:center;padding:10px 24px;text-decoration:none;transition:all .2s ease}a.menu-item{background:#0000;color:#334155}a.menu-item:hover{background-color:#f1f5f9;color:#0f172a}.login-btn{background-color:#1e293b;box-shadow:0 4px 6px -1px #0000001a;color:#fff}.login-btn:hover{background-color:#334155;box-shadow:0 6px 8px -1px #0000001a;transform:translateY(-1px)}.logout-btn{background-color:initial;border:1px solid #0000;color:#64748b}.logout-btn:hover{background-color:#f8fafc;color:#0f172a}.login-panel{background-color:#fff;border-left:1px solid #f1f5f9;box-shadow:-4px 0 24px #00000014;display:flex;flex-direction:column;height:100vh;position:fixed;right:-420px;top:0;transition:right .35s cubic-bezier(.16,1,.3,1);width:400px;z-index:2000}.login-panel.open{right:0}.login-content,.sign-up-content{display:flex;flex-direction:column;gap:16px;padding:60px 40px}.login-content p,.sign-up-content p{color:#0f172a;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-bottom:32px;text-align:center}.login-content input,.sign-up-content input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;font-size:1rem;outline:none;padding:16px;transition:border-color .2s}.login-content input:focus,.sign-up-content input:focus{background:#fff;border-color:#1e293b;box-shadow:0 0 0 2px #1e293b1a}.login-button,.logout-button,.sign-up-button{border:none;border-radius:12px;cursor:pointer;font-size:1.05rem;font-weight:700;padding:16px;text-align:center;transition:all .2s}.login-button{background:#1e293b;box-shadow:0 4px 6px -1px #0000001a;color:#fff;margin-top:12px}.login-button:hover{background:#334155;transform:translateY(-2px)}.sign-up-button{background:#1e293b;color:#fff;margin-top:12px}.sign-up-button:hover{background:#334155}.back-to-login,.sign-up-box{background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#1e293b;margin-top:10px}.back-to-login:hover,.sign-up-box:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a;transform:translateY(-1px)}.logout-button{background:#0000;border:1px solid #e2e8f0;color:#475569;width:100%}.logout-button:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.logged-in-content{align-items:center;display:flex;flex-direction:column;gap:20px;padding:30px}.logged-in-content p{font-size:1.1rem;font-weight:600}.overlay{background-color:#0000004d;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1500}.error-message{color:red;font-size:.9rem;text-align:center}.game-start-container{background-color:#f1f5f9;color:#111;font-family:Pretendard,Inter,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}.game-start-container,.hero-section{display:flex;flex-direction:column;width:100%}.hero-section{align-items:center;justify-content:center;min-height:60vh;padding:80px 20px;position:relative;text-align:center}.main-title{color:#111827;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px;word-break:keep-all}.sub-title{color:#4b5563;font-size:1.25rem;font-weight:500;line-height:1.6;margin-bottom:50px;max-width:600px;word-break:keep-all}.resize-handle{background:linear-gradient(225deg,#94a3b8 20%,#0000 0,#0000 40%,#94a3b8 0,#94a3b8 60%,#0000 0);background-size:12px 12px;border-top-right-radius:24px;cursor:nesw-resize;height:24px;opacity:.5;position:absolute;right:0;top:0;width:24px;z-index:100}.resize-handle:hover{opacity:1}.start-button{background-color:#ffc20e;border:none;border-radius:100px;box-shadow:0 20px 40px #ffc20e40;color:#111;cursor:pointer;font-size:1.5rem;font-weight:800;overflow:hidden;padding:24px 80px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.start-button:hover{background-color:#ffd02c;box-shadow:0 25px 50px #ffc20e59;transform:translateY(-4px) scale(1.02)}.start-button:active{box-shadow:0 10px 20px #ffc20e33;transform:translateY(-1px)}.content-section{display:flex;justify-content:center;margin:150px auto 100px;max-width:900px;padding:0 40px;position:relative;width:100%;z-index:10}.scroll-hint-news{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:8px;position:absolute;right:45px;top:-70px;transition:opacity .3s;z-index:20}.scroll-hint-news:hover{opacity:.7}.scroll-hint-news p{color:#475569;font-size:1.1rem;font-weight:700}.scroll-hint-news .arrow-down{animation:bounce 2s infinite;color:#1e293b;font-size:1.2rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.news-section{background:#fff;border:1px solid #fffc;border-radius:24px;box-shadow:0 12px 32px #0000000a,0 4px 8px #00000005;display:flex;flex-direction:column;min-height:500px;padding:40px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.news-section:hover{box-shadow:0 20px 48px #0000000f;transform:translateY(-5px)}.chat-section.floating-chat{background:#fff;border-radius:24px;bottom:30px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;left:30px;min-width:320px;overflow:hidden;position:fixed;transition:width 0s,height .4s cubic-bezier(.16,1,.3,1),transform .4s,background .4s,box-shadow .4s;width:400px;z-index:900}.chat-section.floating-chat.closed{background:#1e293b;box-shadow:0 8px 16px #0000001a;cursor:pointer;height:64px!important}.chat-section.floating-chat.closed:hover{background:#334155;transform:translateY(-4px)}.chat-section.floating-chat.open{box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:90vw;min-height:300px;min-width:320px}.chat-header{align-items:center;background:#1e293b;cursor:pointer;display:flex;justify-content:space-between;padding:20px 24px}.chat-section.floating-chat.closed .chat-header{background:#0000}.chat-section h2{align-items:center;border:none;color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;margin:0;padding:0;width:100%}.toggle-icon{color:#94a3b8;font-size:.8rem}.chat-section h2:before{display:none}.news-section h2:before{background-color:#ffc20e;border-radius:4px;content:"";display:block;height:24px;width:8px}.news-list{flex:1 1;overflow-y:auto;padding-right:16px}.news-item{border-bottom:1px solid #f3f4f6;margin-bottom:28px;padding-bottom:28px}.news-item:last-child{border-bottom:none}.news-item h3{color:#0f172a;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.3;margin-bottom:16px}.news-item p{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#475569;display:-webkit-box;font-size:1rem;line-height:1.6;margin-bottom:16px;overflow:hidden;padding:20px;position:relative}.news-item p:before{color:#64748b;content:"AI 요약 📝";display:block;font-size:.85rem;font-weight:700;margin-bottom:8px}.news-item a{color:#000;font-size:.95rem;font-weight:600;text-decoration:underline;text-underline-offset:4px;transition:color .2s}.news-item a:hover{color:#ffc20e}.chat-messages{background:#f9fafb;border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:12px;margin-bottom:16px;overflow-y:auto;padding:10px;scrollbar-gutter:stable}.chat-message{border-radius:16px;box-shadow:0 1px 2px #0000000d;font-size:.9rem;line-height:1.4;max-width:85%;padding:10px 14px;position:relative}.other-message{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#374151;margin-right:auto}.my-message{background:#111827;border-bottom-right-radius:4px;color:#fff;margin-left:auto}.username{color:#6b7280;display:block;font-size:.75rem;font-weight:700;margin-bottom:4px}.my-message .username{display:none}.chat-input{background:#fff;border:1px solid #e5e7eb;border-radius:100px;box-shadow:0 2px 4px #00000008;display:flex;gap:8px;padding:4px}.chat-input input{background:#0000;border:none;color:#111;flex:1 1;font-size:.95rem;outline:none;padding:10px 16px}.chat-input button{background:#ffc20e;border:none;border-radius:100px;color:#111;cursor:pointer;font-size:.9rem;font-weight:700;padding:8px 20px;transition:all .2s}.chat-input button:hover{background:#ffd02c;transform:scale(1.05)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:1024px){.content-section{grid-template-columns:1fr;margin-top:0;padding:40px 20px}.hero-section{min-height:50vh;padding:60px 20px}.main-title{font-size:3rem}.start-button{max-width:300px;width:100%}}.in-game-container{box-sizing:border-box;display:flex;gap:20px;height:100vh;justify-content:space-between;margin:0;padding:20px;width:100vw}.first-section{flex:1.7 1}.second-section{display:flex;flex:2.3 1;flex-direction:column;gap:20px}.third-section{flex:1.3 1}.first-section,.second-section,.third-section{background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 8px #0000001a;padding:20px}.first-section{position:relative}.my-stock-info,.stock-info,.stock-trade-info{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:15px}.my-stock-info h2,.stock-info h2,.stock-trade-info h2{color:#333;font-size:1.3rem;margin-bottom:15px;text-align:center}.stock-trade-info-item{gap:60px;padding:15px}.stock-trade-info-item span{flex:1 1;min-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.stock-detail{background:#f8f9fa;border:2px solid #aaa;border-radius:15px;bottom:160px;box-shadow:5px 0 10px #0000001a;height:30%;left:0;max-width:500px;padding:20px;position:absolute;transform:translateX(-105%);transition:transform .5s ease-out;width:90%;z-index:1000}.stock-detail.show{transform:translateX(0)}.stock-detail p{color:#444;font-size:2rem;margin-bottom:5px}.stock-info-container{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stock-info-container span.label{background-color:#7ea5cc;color:#fff}.stock-info-container span.label,.stock-info-container span.value{border-radius:5px;display:inline-block;font-size:1.5rem;font-weight:700;padding:2px 6px}.stock-info-container span.value{word-wrap:break-word;background-color:#ccd9e6;color:#000;text-align:center;white-space:normal}.stock-detail h3{border-bottom:3px solid #666;color:#222;display:inline-block;font-size:2.7rem;font-weight:700;letter-spacing:2px;margin-bottom:30px;margin-top:10px;padding-bottom:5px;text-align:center;text-transform:uppercase}.stock-info-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;gap:70px;justify-content:center;padding:15px}.stock-info-item span{flex:1 1;text-align:center}.stock-name{cursor:pointer}.stock-trade-info-item{gap:120px;padding:20px}.my-stock-info-item,.stock-trade-info-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;justify-content:center}.my-stock-info-item{gap:140px;padding:10px}.my-stock-info-item span,.stock-info-item span,.stock-trade-info-item span{font-size:1rem;font-weight:700}.stock-chart{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:20px;text-align:center}@media (max-width:1024px){.in-game-container{align-items:center;flex-direction:column}.first-section,.second-section,.third-section{width:90%}}.trade-system{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px}.my-balance{background:#f3f4f6;border-radius:5px;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;padding:10px}.trade-input{align-items:center;display:flex;gap:15px}.trade-input input{border:1px solid #ccc;flex:0.3 1;font-size:1rem}.total-price,.trade-input input{border-radius:5px;padding:10px;text-align:center}.total-price{background:#f8f9fa;color:#333;font-size:1.1rem;font-weight:700;min-width:120px}.trade-button{display:flex;gap:10px;justify-content:space-between}.buy-button,.sell-button{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:700;padding:12px;transition:.3s}.buy-button{background-color:#4caf50;color:#fff}.buy-button:hover{background-color:#388e3c}.sell-button{background-color:#e53935;color:#fff}.sell-button:hover{background-color:#c62828}.my-stock-item{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;gap:70px;justify-content:center;padding:15px}.my-stock-item span{flex:1 1;text-align:center}.chart-container{display:flex;justify-content:center;max-width:800px;width:100%}.chart-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000001a;max-width:800px;padding:15px;transition:all .3s ease-in-out;width:100%}.recharts-tooltip-wrapper{background:#fff!important;border-radius:8px;box-shadow:0 2px 5px #00000026;font-size:14px;padding:10px}.recharts-cartesian-axis-tick{color:#555;font-size:12px;font-weight:700}.recharts-cartesian-grid line{stroke:#e0e0e0}@media (max-width:768px){.stock-chart-container{max-width:100%;padding:15px}.chart-title{font-size:18px}.chart-wrapper{width:95%}}.page-container{background-color:#f9f9f9;border:none;overflow:visible}.page-container,.page-wrapper{min-height:calc(100vh - 60px);position:relative;width:100%}.page-wrapper{align-items:center;background-color:#e0e0e0;display:flex;font-size:24px;height:100%;justify-content:center}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .5s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s}.next-button{background:none;border:none;cursor:pointer;opacity:.3;padding:0;position:absolute;right:270px;top:950px;z-index:1000}.next-button img{height:100px;width:100px}.mypage-container{background-color:#f9f9f9;background:#fff;border-radius:20px;box-shadow:0 6px 15px #0000001a;display:flex;flex-direction:column;font-family:sans-serif;margin:80px auto;padding:40px;text-align:center;width:80%}.mypage-container .profile-box{align-items:center;border:2px solid #ddd;border-radius:15px;display:flex;margin-bottom:50px;padding:30px 30px 30px 100px}.mypage-container .profile-img img{background-color:#ddd;border-radius:50%;height:250px;margin-right:100px;width:250px}.mypage-container .user-info{flex-grow:1;font-size:24px;font-weight:400;text-align:left}.mypage-container .buttons-container{display:flex;gap:40px;justify-content:center}.mypage-container button{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;font-size:22px;font-weight:700;min-width:180px;padding:20px 40px}.mypage-container .change-pw-btn{background-color:#f1b1b9;color:#fff;transition:background-color .3s,transform .3s,box-shadow .3s}.mypage-container .change-pw-btn:hover{background-color:#f08b90;box-shadow:0 4px 8px #0003;transform:scale(1.05)}.mypage-container .make-stock-btn{background-color:#8ac7cf;color:#fff;transition:background-color .3s,transform .3s,box-shadow .3s}.mypage-container .make-stock-btn:hover{background-color:#71a8b8;box-shadow:0 4px 8px #0003;transform:scale(1.05)}.mypage-container .gg-btn{background-color:#abcdab;color:#fff;transition:background-color .3s,transform .3s,box-shadow .3s}.mypage-container .gg-btn:hover{background-color:#97c39a;box-shadow:0 4px 8px #0003;transform:scale(1.05)}.mypage-container .delete-btn{background-color:#eac3a1;color:#fff;transition:background-color .3s,transform .3s,box-shadow .3s}.mypage-container .delete-btn:hover{background-color:#d1a179;box-shadow:0 4px 8px #0003;transform:scale(1.05)}.buttons-container{margin-bottom:30px}.change-password-form,.stock-form{display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between}.change-password-form input,.stock-form input,.stock-form textarea{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:16px;padding:10px;width:48%}.change-password-form button,.stock-form button{background-color:#a9a9a9;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;width:48%}.change-password-form button:hover,.stock-form button:hover{background-color:#696969}
/*# sourceMappingURL=main.65d3494a.css.map*/