.home-page{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center}.header{text-align:center;margin-bottom:60px}.logo{font-size:80px;display:block;margin-bottom:16px}.title{font-size:32px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin:0}.main-cta{margin-bottom:60px}.create-btn{width:300px;height:80px;font-size:22px;border-radius:40px;background:#fff;color:#6c5ce7;border:none;box-shadow:0 8px 20px #00000026;font-weight:700;cursor:pointer;transition:transform .1s}.create-btn:active{transform:scale(.96)}.templates-section{width:100%;max-width:600px}.section-title{font-size:20px;color:#fff;font-weight:700;margin-bottom:20px;text-align:center}.templates-scroll{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.template-card{background:#fff;border-radius:24px;padding:20px 16px;min-width:120px;text-align:center;box-shadow:0 6px 20px #0000001a;cursor:pointer;transition:transform .1s}.template-card:active{transform:scale(.96)}.template-icon{font-size:40px;display:block;margin-bottom:8px}.template-name{font-size:16px;color:#2d3436;font-weight:700}.bottom-spacer{height:80px}.templatepicker-wrapper{padding:12px 0}.templatepicker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.templatepicker-card{background:#fff;border-radius:20px;padding:16px 8px;text-align:center;box-shadow:0 4px 12px #00000014;border:2px solid transparent;transition:transform .1s;cursor:pointer}.templatepicker-card:active{transform:scale(.96)}.templatepicker-card-selected{border-color:#6c5ce7;background:#6c5ce714}.templatepicker-icon{font-size:40px;display:block;margin-bottom:8px}.templatepicker-name{display:block;font-size:14px;color:#2d3436;font-weight:700}.loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;min-height:60vh}.loading-spinner{position:relative;width:80px;height:80px;margin-bottom:24px}.loading-dot{position:absolute;width:24px;height:24px;border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.loading-dot-1{left:0;background-color:#fd79a8;animation-delay:-.32s}.loading-dot-2{left:28px;background-color:#feca57;animation-delay:-.16s}.loading-dot-3{left:56px;background-color:#74b9ff}.loading-text{font-size:20px;color:#2d3436;font-weight:700}@keyframes bounce{0%,80%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-16px) scale(1.1)}}.voice-input-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.mic-button{width:120px;height:120px;border-radius:60px;background:linear-gradient(135deg,#a855f7,#ec4899);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #a855f766;transition:transform .1s ease;position:relative}.mic-button:active{transform:scale(.95)}.mic-button.recording{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 8px 24px #dc262666}.mic-icon{font-size:56px}.mic-animation{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.mic-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.8);animation:pulse 1.2s infinite}.mic-pulse:nth-child(2){animation-delay:.4s}.mic-pulse:nth-child(3){animation-delay:.8s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.voice-hint{color:#4b5563;font-size:18px;text-align:center}.recording-hint{display:flex;align-items:center;gap:8px;font-weight:500;color:#dc2626}.recording-dot{width:12px;height:12px;border-radius:50%;background:#dc2626;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.hint-text{color:#6b7280}.interim-text{color:#10b981;font-size:20px;font-weight:500;padding:12px 20px;background:#10b9811a;border-radius:16px;max-width:100%;text-align:center}.error-text{color:#ef4444;font-size:16px;text-align:center;padding:12px 20px;background:#ef44441a;border-radius:12px}.text-input-large{width:100%;min-height:100px;padding:16px;font-size:20px;border:2px solid #e5e7eb;border-radius:16px;background:#fff;resize:vertical;font-family:inherit;line-height:1.6}.text-input-large:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.text-input-toggle{color:#6b7280;font-size:16px;margin-top:8px}.toggle-hint{opacity:.7}.create-page{min-height:100vh;padding:20px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.back-btn{font-size:36px;color:#fff;font-weight:700;background:none;border:none;cursor:pointer}.title{font-size:24px;color:#fff;font-weight:700;margin:0}.spacer{width:40px}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.step{display:flex;flex-direction:column;align-items:center;opacity:.5}.step.active{opacity:1}.step-num{width:40px;height:40px;border-radius:50%;background:#fff;color:#6c5ce7;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:6px}.step-text{font-size:14px;color:#fff}.step-line{width:60px;height:3px;background:#fff6;margin:0 10px 20px}.section{margin-bottom:32px}.section-title{font-size:18px;font-weight:700;color:#2d3436;margin-bottom:16px}.text-input-wrapper{margin-bottom:16px}.text-input{width:100%;min-height:100px;border:2px solid #e0e0e0;border-radius:16px;padding:16px;font-size:18px;font-family:inherit;resize:vertical}.text-input:focus{outline:none;border-color:#6c5ce7}.generate-btn{width:100%;height:60px;font-size:20px;border-radius:30px;background:#6c5ce7;color:#fff;border:none;font-weight:700;cursor:pointer;transition:all .2s}.generate-btn:active{transform:scale(.96)}.generate-btn:disabled{background:#b2bec3;cursor:not-allowed}.engine-badge{text-align:center;margin-top:24px;padding:10px 20px;background:#ffffff26;border-radius:20px;color:#fff;font-size:16px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-block;margin-left:auto;margin-right:auto;width:fit-content}.generation-timer{text-align:center;margin-top:16px;color:#fffc;font-size:18px;font-weight:500}.remix-modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.remix-modal-card{background:#fff;border-radius:24px;padding:32px;width:90%;max-width:500px;box-shadow:0 4px 20px #0003}.remix-modal-title{font-size:24px;text-align:center;margin:0 0 8px}.remix-modal-subtitle{font-size:18px;text-align:center;color:#666;margin:0 0 24px}.remix-modal-input{width:100%;box-sizing:border-box;border-radius:16px;border:2px solid #eee;padding:16px;font-size:18px;outline:none;resize:none}.remix-modal-input:focus{border-color:#7c4dff}.remix-modal-error{color:#f44336;font-size:14px;margin:8px 0 0;text-align:center}.remix-modal-actions{display:flex;gap:16px;margin-top:24px}.remix-modal-btn{flex:1;border-radius:16px;border:none;padding:14px 20px;font-size:18px;cursor:pointer}.remix-modal-btn-cancel{background:#eee;color:#333}.remix-modal-btn-confirm{background:linear-gradient(135deg,#7c4dff,#536dfe);color:#fff}.play-page{position:fixed;top:0;left:0;right:0;bottom:0;background:#2d3436;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);z-index:100}.close-btn{font-size:28px;color:#fff;font-weight:700;background:none;border:none;cursor:pointer}.game-title{font-size:18px;color:#fff;font-weight:700;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.remix-btn{font-size:20px;border-radius:16px;border:none;padding:8px 16px;background:linear-gradient(135deg,#7c4dff,#536dfe);color:#fff;cursor:pointer}.game-iframe-container{flex:1;position:relative;overflow:hidden;background:#000}.game-iframe{width:100%;height:100%;border:none;display:block}.play-page.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background:linear-gradient(135deg,#74b9ff,#a29bfe)}.play-page.not-found h2{color:#fff;margin-bottom:30px}.back-btn{width:200px;height:50px;border-radius:25px;background:#fff;color:#6c5ce7;border:none;font-weight:700;cursor:pointer}.gallery-page{min-height:100vh;padding:20px}.gallery-page.empty{display:flex;flex-direction:column;align-items:center;justify-content:center}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.count{font-size:18px;color:#fffc}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.empty-icon{font-size:80px;margin-bottom:20px}.empty-text{font-size:24px;color:#fff;font-weight:700;margin-bottom:8px}.empty-hint{font-size:18px;color:#fffc;margin-bottom:40px}.go-create-btn{width:200px;height:50px;border-radius:25px;background:#fff;color:#6c5ce7;border:none;font-weight:700;cursor:pointer}.game-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;cursor:pointer;transition:transform .1s}.game-card:active{transform:scale(.96)}.game-card-thumb{height:100px;background:linear-gradient(135deg,#74b9ff,#a29bfe);display:flex;align-items:center;justify-content:center}.game-card-emoji{font-size:48px}.game-card-info{padding:12px;display:flex;flex-direction:column;gap:4px}.remix-tag{font-size:12px;color:#6c5ce7;background:#6c5ce71a;padding:2px 8px;border-radius:10px;display:inline-block;width:fit-content}.game-card-title{font-size:15px;color:#2d3436;font-weight:700;margin:0}.game-card-meta{font-size:12px;color:#636e72;margin:0}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.delete-modal{background:#fff;border-radius:24px;padding:32px 24px;width:300px}.modal-title{font-size:20px;color:#2d3436;font-weight:700;text-align:center;margin-bottom:24px}.modal-buttons{display:flex;gap:12px}.modal-btn{flex:1;height:48px;border-radius:24px;font-size:16px;font-weight:700;border:none;cursor:pointer}.modal-btn.cancel{background:#dfe6e9;color:#2d3436}.modal-btn.confirm{background:#d63031;color:#fff}.settings-page{min-height:100vh;padding:20px}.settings-page.auth{display:flex;align-items:center;justify-content:center;padding:0}.header{margin-bottom:24px}.title{font-size:28px;font-weight:700;color:#fff;margin:0}.content{background:#fff;border-radius:24px;padding:24px}.setting-item{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-bottom:1px solid #f0f0f0}.setting-item:last-of-type{border-bottom:none}.setting-label{display:flex;align-items:center;justify-content:space-between}.label-text{font-size:18px;color:#2d3436;font-weight:500}.label-value{font-size:16px;color:#636e72}.setting-slider{width:100%}.setting-divider{height:20px}.clear-btn{width:100%;height:50px;border-radius:25px;background:#d63031;color:#fff;border:none;font-weight:700;cursor:pointer;margin-top:20px}.parentgate-mask{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.parentgate-card{width:100%;max-width:400px;background:#fff;border-radius:24px;padding:32px 24px;text-align:center}.parentgate-title{font-size:24px;font-weight:700;margin-bottom:24px;color:#2d3436}.parentgate-question{font-size:40px;font-weight:700;margin-bottom:24px;color:#6c5ce7}.parentgate-input{width:100%;height:56px;line-height:56px;border:2px solid #e0e0e0;border-radius:16px;font-size:28px;text-align:center;padding:0 12px;margin-bottom:16px}.parentgate-error{font-size:16px;color:#e74c3c;margin-bottom:20px}.parentgate-actions{display:flex;gap:12px;justify-content:center}.parentgate-btn{min-width:150px;height:52px;line-height:52px;border-radius:999px;font-size:18px;font-weight:700;border:none;cursor:pointer}.parentgate-btn-confirm{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff}.bottom-spacer{height:100px}.navbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;padding:12px 0;box-shadow:0 -4px 20px #0000001a;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#636e72;transition:all .2s}.nav-item.active{color:#6c5ce7}.nav-icon{font-size:24px;margin-bottom:4px}.nav-text{font-size:12px;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#74b9ff,#a29bfe);min-height:100vh}#root{min-height:100vh}