.metaone-game{--main-bg:#141414;--secondary-color:#2b7df7;--background-light:#1f1f1f;--border-color:#333;--text-color:#e8e8e8;--shadow-color:rgba(0,0,0,.1);--background-editor:#242424;min-height:100vh;width:100%;color:var(--text-color);background-color:var(--main-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5}.metaone-game *{margin:0;padding:0;box-sizing:border-box}.metaone-game ol,.metaone-game ul{list-style:none}.metaone-game img{border:0;vertical-align:middle;max-width:100%;height:auto}.metaone-game button,.metaone-game input,.metaone-game select,.metaone-game textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;outline:none}.metaone-game button{cursor:pointer}.metaone-game a{color:inherit;text-decoration:none}.metaone-game .app{min-height:100vh;color:var(--text-color);background:url(/game/page-bg.png) no-repeat 100% 0 fixed;background-size:cover;background-color:var(--main-bg);padding-top:100px}.metaone-game .app-main{max-width:1000px;width:100%;margin:0 auto;padding-bottom:20px}.metaone-game .main-grid{width:100%;padding-top:1.5rem;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.metaone-game .main-grid.active{height:calc(100vh - 120px)}.metaone-game .output-section{flex:1;width:100%;overflow:hidden}.metaone-game .tab-container{display:flex;flex-direction:column;height:100%;max-height:800px;background-color:var(--background-light);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-color);overflow:hidden}.metaone-game .tab-header{display:flex;border-bottom:1px solid var(--border-color)}.metaone-game .tab-btn{padding:.75rem 1.5rem;background-color:#2c2c2c;color:var(--text-color);font-size:1rem;font-weight:600;transition:all .2s ease;font-family:inherit;position:relative;border-radius:0}.metaone-game .tab-btn:hover{background-color:#000}.metaone-game .tab-btn.active{background-color:#000;color:#fff}.metaone-game .tab-btn.hide{display:none}.metaone-game .tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.metaone-game .code-section,.metaone-game .game-section{height:100%;padding:0;background-color:transparent;border:none;box-shadow:none;margin-top:0}.metaone-game .monaco-container{height:100%;border-radius:8px;overflow:hidden;background-color:var(--background-editor)}.metaone-game .game-section{background-color:var(--background-light);border-radius:12px;box-shadow:0 2px 8px var(--shadow-color)}.metaone-game .game-container{width:100%;height:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background-color:#000;flex:1}.metaone-game .game-container iframe{width:100%;height:100%;border:none;background-color:#000}.metaone-game .error-message{background-color:rgba(245,87,87,.1);color:#f55757;padding:.5rem 1rem;border-radius:12px;border:1px solid #f55757;display:flex;align-items:center;gap:.5rem;font-size:14px;margin-top:1rem}.metaone-game .loading-message{padding:5px 10px 5px 30px;background:url(/game/star.png) no-repeat 0/34px}.metaone-game .component-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;right:0;z-index:9;backdrop-filter:blur(6px)}.metaone-game .component-header img{width:250px;height:auto}.metaone-game .component-game-footer{border-top:1px solid var(--border-color);background:rgba(0,0,0,.35);backdrop-filter:blur(6px);padding:16px 24px}.metaone-game .component-game-footer__inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;color:hsla(0,0%,100%,.8);font-size:14px}.metaone-game .component-game-footer__link:hover{color:#38ff14}.metaone-game .component-top-info{padding:4rem 1.5rem;text-align:center}.metaone-game .component-top-info .logo-simple{width:90px;height:auto}.metaone-game .component-top-info h1{font-size:2.5rem;margin:.5rem 0;color:#38ff14;font-weight:700}.metaone-game .component-top-info p{color:#fff;font-size:1.2rem;max-width:600px;margin:0 auto}.metaone-game .component-game-suggest{margin-top:80px}.metaone-game .component-game-suggest .title{font-size:16px;font-weight:600;color:#d3d2d2}.metaone-game .component-game-suggest .list{display:flex;gap:24px;margin-top:24px}.metaone-game .component-game-suggest .list li{flex:1 1 20%;cursor:pointer}.metaone-game .component-game-suggest .list li:hover img{transform:scale(1.06);box-shadow:0 0 12px rgba(0,0,0,.2)}.metaone-game .component-game-suggest .list img{border-radius:12px;transition:all .2s ease}.metaone-game .component-game-suggest .list .name{font-size:14px;color:#fff;margin-top:12px}.metaone-game .component-ai-input.active{width:100%;max-width:1000px;margin:0 auto;z-index:9}.metaone-game .component-ai-input.active .input-section .form-group textarea{min-height:40px;height:40px}.metaone-game .component-ai-input.active .input-section .form-group .btn{font-size:14px;height:38px}.metaone-game .component-ai-input .input-section{margin:0 auto}.metaone-game .component-ai-input .form-group{padding:1rem;position:relative}.metaone-game .component-ai-input .form-group:before{content:"";position:absolute;top:-2px;left:-2px;width:40%;height:100%;background:linear-gradient(160deg,#38ff14 -50px,transparent 50%);border-top-left-radius:12px;z-index:0}.metaone-game .component-ai-input .form-group:after{content:"";position:absolute;bottom:-2px;right:-2px;width:40%;height:100%;background:linear-gradient(160deg,transparent 50%,#38ff14 150%);border-bottom-right-radius:12px;z-index:0}.metaone-game .component-ai-input textarea{width:100%;color:var(--text-color);font-size:1rem;resize:none;min-height:80px;font-family:inherit;line-height:1.6;position:relative;z-index:9}.metaone-game .component-ai-input .border{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 2px 8px var(--shadow-color);border-radius:12px;background-color:var(--background-editor);border:1px solid var(--border-color);z-index:1}.metaone-game .component-ai-input .button-group{display:flex;gap:1rem;justify-content:space-between}.metaone-game .component-ai-input .button-group .btn{height:32px;padding:0 1.2rem;border-radius:24px;font-size:1rem;font-weight:600;transition:all .2s ease;font-family:inherit;background-color:#000;color:#fff;z-index:9}.metaone-game .component-ai-input .button-group .btn:disabled{opacity:.6;cursor:not-allowed}.metaone-game .component-ai-input .button-group .left-btn{z-index:9;display:flex;align-items:center;gap:10px}.metaone-game .component-ai-input .button-group .left-btn .run-btn{background:#000 url(/game/star.png) no-repeat 8px/contain;padding-left:44px}.metaone-game .component-ai-input .button-group .start-btn{width:32px;background:url(/game/start.png) no-repeat 50%/contain;padding:0}.metaone-game .component-ai-input .button-group .stop-btn{width:32px;aspect-ratio:1/1;padding:0;text-align:center}.metaone-game .component-ai-input .button-group .stop-btn:after{content:"";display:inline-block;width:10px;height:10px;background-color:#38ff14}.metaone-game .component-file-upload{position:relative;display:inline-block}.metaone-game .component-file-upload .upload-button{width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.1);cursor:pointer;transition:all .3s ease;position:relative}.metaone-game .component-file-upload .upload-button:after,.metaone-game .component-file-upload .upload-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:2px;background:#ccc}.metaone-game .component-file-upload .upload-button:before{transform:translate(-50%,-50%) rotate(90deg)}.metaone-game .component-file-upload .upload-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.metaone-game .component-file-upload .popup-overlay{position:absolute;left:0;bottom:120%;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.metaone-game .component-file-upload .popup-content{background:rgba(0,0,0,.9);border-radius:12px;padding:16px 0;min-width:280px;box-shadow:0 8px 32px rgba(0,0,0,.3);animation:slideUp .3s ease}.metaone-game .component-file-upload .file-type-list{margin:0;padding:0}.metaone-game .component-file-upload .file-type-item{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:background .2s ease;color:#fff;font-size:16px}.metaone-game .component-file-upload .file-type-item:hover{background:hsla(0,0%,100%,.1)}.metaone-game .component-file-upload .file-type-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.metaone-game .component-file-upload .file-type-name{flex:1}.metaone-game .component-file-upload .hidden-file-input{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}