.header{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);z-index:100;box-shadow:0 2px 20px #0000001a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;max-width:1200px;margin:0 auto}.logo{font-size:24px;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:200}.hamburger span{width:100%;height:3px;background:var(--primary-color);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;transition:right .3s ease;z-index:150}.nav-menu.active{right:0}.nav-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-content{position:absolute;top:0;right:0;width:280px;height:100%;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:80px 20px 20px;box-shadow:-5px 0 30px #0000001a;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:transparent;border:none;border-radius:12px;font-size:16px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s ease;text-align:left}.nav-item:hover{background:#ff6b9d1a;color:var(--primary-color);transform:translate(5px)}.nav-item.youtube-link{text-decoration:none;background:linear-gradient(45deg,red,#f44);color:#fff;margin-top:8px;border:2px solid #ff0000}.nav-item.youtube-link:hover{background:linear-gradient(45deg,#c00,red);color:#fff;transform:translate(5px) scale(1.02);box-shadow:0 4px 12px #ff00004d}@media (max-width: 768px){.header-content{padding:12px 16px}.logo{font-size:20px}.nav-content{width:250px;padding:70px 16px 16px}.nav-item{padding:14px 16px;font-size:15px}}@media (max-width: 480px){.nav-content{width:100%;padding:70px 20px 20px}}.game-screen{min-height:calc(100vh - 140px);display:flex;flex-direction:column;padding:20px;gap:20px}.game-info{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow)}.game-stats{display:flex;justify-content:space-around;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{font-size:12px;color:#666;font-weight:500}.stat-value{font-size:16px;font-weight:700;color:var(--primary-color)}.puzzle-container{flex:1;display:flex;align-items:center;justify-content:center;padding:20px 0}.puzzle-grid{display:grid;gap:2px;background:#333;border-radius:12px;padding:8px;box-shadow:var(--shadow);width:min(350px,85vw);height:min(350px,85vw);aspect-ratio:1}.grid-3x3{grid-template-columns:repeat(3,1fr)}.grid-4x4{grid-template-columns:repeat(4,1fr)}.grid-5x5{grid-template-columns:repeat(5,1fr)}.puzzle-tile{background:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.puzzle-tile:hover:not(.empty){transform:scale(1.05);box-shadow:0 4px 12px #0003;z-index:10}.puzzle-tile.empty{background:#ffffff1a!important;border:2px dashed rgba(255,255,255,.3);cursor:default}.tile-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:flex-start;justify-content:flex-start;padding:4px;z-index:2}.tile-number{background:#000c;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px;line-height:1}.game-controls{display:flex;gap:12px;justify-content:center}.game-controls .btn{flex:1}.completion-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 140px);padding:20px;text-align:center;animation:fadeIn .8s ease-out}.completion-image{margin-bottom:24px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);max-width:90vw;max-height:50vh}.beauty-image{width:100%;height:auto;max-width:400px;display:block;cursor:pointer;transition:all .3s ease;border-radius:12px}.beauty-image:hover{transform:scale(1.02);box-shadow:0 8px 32px #0003}.completion-message{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow);max-width:400px;width:100%}.completion-title{font-size:24px;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;animation:pulse 2s infinite;text-align:center}.completion-line1{margin-bottom:4px}.completion-line2{font-size:.9em}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.completion-stats{display:flex;justify-content:center;gap:24px}.completion-stat{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-color)}.stat-icon{font-size:20px}.completion-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;justify-content:center}.completion-actions .btn{min-width:140px}.screenshot-hint{background:#ff6b9d1a;border:2px solid rgba(255,107,157,.2);border-radius:12px;padding:16px;max-width:400px;width:100%}.screenshot-hint p{font-size:14px;color:var(--primary-color);font-weight:500;margin:4px 0}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.fullscreen-content{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.fullscreen-image{max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080}.close-fullscreen{position:absolute;top:-20px;right:-20px;width:36px;height:36px;background:#ffffffe6;border:none;border-radius:50%;font-size:20px;font-weight:700;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10001}.close-fullscreen:hover{background:#fff;transform:scale(1.1)}@media (max-width: 768px),(max-height: 1024px){.game-screen{padding:8px 8px 80px}.puzzle-grid{max-width:280px;gap:2px}.puzzle-tile{font-size:14px}.game-controls{flex-direction:column;gap:8px;align-items:center}.control-button{width:100%;max-width:none;padding:12px;font-size:14px;white-space:nowrap}.fullscreen-content{padding:0;width:100vw;height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative}.fullscreen-image{width:auto;height:auto;object-fit:contain;margin:auto;display:block;border:none;outline:none}.close-fullscreen{top:10px;right:10px;width:40px;height:40px;font-size:20px;background:#000000b3;color:#fff;z-index:10000}.grid-3x3{width:min(280px,85vw);height:min(280px,85vw)}.grid-4x4{width:min(300px,90vw);height:min(300px,90vw)}.grid-5x5{width:min(320px,95vw);height:min(320px,95vw)}.tile-number{font-size:10px;padding:1px 4px}.completion-title{font-size:20px}.completion-stats{gap:16px}.completion-stat{font-size:14px}.completion-actions{gap:8px}.completion-actions .btn{min-width:120px;font-size:14px;padding:10px 16px}}@media (max-width: 480px){.game-stats{gap:8px}.completion-message{padding:20px}.completion-stats{flex-direction:column;gap:8px}.completion-actions{flex-direction:column;width:100%}.completion-actions .btn{width:100%;min-width:auto}}.home-screen{min-height:calc(100vh - 140px);display:flex;flex-direction:column;padding:0 16px 20px;max-width:100vw;overflow-x:hidden;justify-content:space-between}.hero-section{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:20px 0;min-height:auto}.hero-content{text-align:center;max-width:400px;width:100%;padding:0 8px}.hero-title{font-size:32px;font-weight:800;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;animation:fadeIn .8s ease-out}.hero-subtitle{font-size:16px;color:#ffffffe6;margin-bottom:32px;font-weight:500;animation:fadeIn .8s ease-out .2s both}.preview-image{margin:32px 0;animation:fadeIn .8s ease-out .4s both}.image-placeholder{background:#fffffff2;border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.puzzle-preview{margin-bottom:16px}.puzzle-grid-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:200px;margin:0 auto;background:#ddd;border-radius:8px;padding:8px}.puzzle-piece-preview{aspect-ratio:1;background:linear-gradient(135deg,#ff6b9d,#4ecdc4);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;transition:all .3s ease}.puzzle-piece-preview.empty{background:#ffffff4d;border:2px dashed #ccc}.piece-number{text-shadow:0 1px 2px rgba(0,0,0,.3)}.preview-text{font-size:14px;color:var(--primary-color);font-weight:500}.game-controls{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow);animation:fadeIn .8s ease-out .6s both;flex-shrink:0}.play-info{text-align:center;margin-bottom:24px}.plays-counter{display:flex;flex-direction:column;align-items:center;gap:8px}.counter-label{font-size:16px;font-weight:600;color:var(--text-color)}.counter-dots{display:flex;gap:6px}.dot{width:12px;height:12px;border-radius:50%;background:#e0e0e0;transition:all .3s ease}.dot.active{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));transform:scale(1.1)}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.start-button{font-size:18px;padding:16px 24px;font-weight:700}.ad-button{font-size:14px;padding:12px 20px}.button-icon{font-size:20px}.no-plays-message{text-align:center;padding:20px;background:#ff6b9d1a;border-radius:12px;border:2px solid rgba(255,107,157,.2)}.no-plays-message p{font-size:16px;font-weight:600;color:var(--primary-color);margin-bottom:4px}.no-plays-message small{font-size:14px;color:#666}.game-features{display:flex;flex-direction:column;gap:12px;width:100%}.feature-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff80;border-radius:10px;transition:all .3s ease;width:100%;box-sizing:border-box}.feature-item:hover{background:#fffc;transform:translateY(-1px)}.feature-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:50%;flex-shrink:0}.feature-text h3{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:2px}.feature-text p{font-size:12px;color:#666;line-height:1.3}.difficulty-selector{margin:12px 0;padding:12px;background:#fff9;border-radius:10px;text-align:center}.difficulty-label{display:block;font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:8px}.difficulty-select{width:100%;max-width:200px;padding:8px 12px;font-size:14px;border:2px solid var(--primary-color);border-radius:8px;background:#fff;color:var(--text-color);cursor:pointer;transition:all .3s ease}.difficulty-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #ff69b433}@media (max-width: 768px){.home-screen{padding:0 12px 80px;min-height:calc(100vh - 120px);gap:12px}.hero-section{padding:12px 0;flex:0 0 auto}.hero-content{max-width:100%;padding:0 8px}.hero-title{font-size:20px;margin-bottom:4px}.hero-subtitle{font-size:12px;margin-bottom:12px}.preview-image{margin:12px 0}.image-placeholder{padding:12px}.play-info{padding:8px 12px;margin:8px 0}.play-count{font-size:12px}.play-buttons{gap:8px;flex-direction:column;width:100%}.play-button,.ad-button{padding:14px 20px;font-size:15px;width:100%;max-width:none;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box}.feature-icon{font-size:16px;width:28px;height:28px}.feature-text h3{font-size:13px}.feature-text p{font-size:11px;line-height:1.3}}@media (max-width: 480px){.home-screen{padding:0 6px 80px;gap:6px;min-height:calc(100vh - 90px)}.hero-section{padding:6px 0}.hero-content{max-width:100%;padding:0}.hero-title{font-size:18px;margin-bottom:3px}.hero-subtitle{font-size:11px;margin-bottom:10px}.preview-image{margin:10px 0}.image-placeholder{padding:8px}.puzzle-grid-preview{max-width:100px}.preview-text{font-size:11px}.game-controls{padding:10px}.play-info{margin-bottom:10px}.counter-label{font-size:13px}.counter-dots{gap:4px}.dot{width:10px;height:10px}.action-buttons{margin-bottom:12px;gap:6px}.start-button{font-size:13px;padding:8px 12px}.ad-button{font-size:11px;padding:6px 10px}.game-features{gap:6px}.feature-item{padding:6px 8px;gap:8px;border-radius:8px}.feature-icon{font-size:12px;width:20px;height:20px}.feature-text h3{font-size:11px;margin-bottom:1px}.feature-text p{font-size:9px;line-height:1.2}}.sp-ad-section{margin:20px 0;padding:0 16px;display:block}@media (min-width: 769px){.sp-ad-section{display:none}}@media (max-width: 768px){.sp-ad-section{margin:16px 0;padding:0 12px}.sp-ad{background:#ffffff1a;border-radius:8px;padding:8px}}.settings-screen{min-height:calc(100vh - 140px);padding:20px;animation:fadeIn .6s ease-out}.settings-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.settings-title{font-size:28px;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-content{display:flex;flex-direction:column;gap:24px;max-width:500px;margin:0 auto}.setting-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow)}.section-title{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:16px;display:flex;align-items:center;gap:8px}.setting-options{display:flex;flex-direction:column;gap:8px}.option-button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff80;border:2px solid transparent;border-radius:12px;font-size:16px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s ease;text-align:left}.option-button:hover{background:#fffc;transform:translateY(-1px)}.option-button.active{background:#ff6b9d1a;border-color:var(--primary-color);color:var(--primary-color);font-weight:600}.setting-toggle{display:flex;justify-content:center}.toggle-button{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffffff80;border:2px solid #ddd;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500;color:var(--text-color)}.toggle-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.toggle-slider{width:40px;height:20px;background:#ddd;border-radius:10px;position:relative;transition:all .3s ease}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .3s ease}.toggle-button.active .toggle-slider{background:#ffffff4d}.toggle-button.active .toggle-slider:after{transform:translate(20px)}.app-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:#666}.info-value{font-weight:600;color:var(--text-color)}.reset-button{width:100%;padding:12px 20px;background:#ff3b301a;border:2px solid rgba(255,59,48,.3);border-radius:12px;color:#ff3b30;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-button:hover{background:#ff3b3033;border-color:#ff3b3080}@media (max-width: 768px){.settings-screen{padding:16px}.settings-header{margin-bottom:24px}.settings-title{font-size:24px}.setting-section{padding:20px}.section-title{font-size:16px}.option-button{padding:10px 14px;font-size:15px}.toggle-button{padding:10px 16px;font-size:15px}.toggle-slider{width:36px;height:18px}.toggle-slider:after{width:14px;height:14px}.toggle-button.active .toggle-slider:after{transform:translate(18px)}}@media (max-width: 480px){.settings-content{gap:20px}.setting-section{padding:16px}.settings-header{flex-direction:column;align-items:flex-start;gap:8px}.back-button{align-self:flex-start}}.page-screen{min-height:calc(100vh - 140px);padding:20px;animation:fadeIn .6s ease-out}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.back-button{background:none;border:none;font-size:16px;color:var(--primary-color);cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;font-weight:500}.back-button:hover{background:#ff6b9d1a}.page-title{font-size:28px;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-content{max-width:800px;margin:0 auto}.content-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:24px;margin-bottom:24px;box-shadow:var(--shadow)}.content-section h2{font-size:20px;font-weight:600;color:var(--text-color);margin-bottom:16px;display:flex;align-items:center;gap:8px}.content-section p{line-height:1.6;color:#555;margin-bottom:12px}.content-section ul{padding-left:20px;margin-bottom:16px}.content-section li{line-height:1.6;color:#555;margin-bottom:8px}.content-section strong{color:var(--primary-color);font-weight:600}.last-updated{text-align:center;font-style:italic;background:#ff6b9d0d;border:1px solid rgba(255,107,157,.1)}.contact-intro{text-align:center;margin-bottom:32px;padding:24px;background:#ff6b9d0d;border-radius:var(--border-radius)}.contact-methods{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.contact-item{display:flex;align-items:flex-start;gap:20px;padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all .3s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.contact-icon{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));border-radius:50%;flex-shrink:0}.contact-details h3{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:8px}.contact-details p{color:#666;margin-bottom:12px;font-size:14px}.contact-link{color:var(--primary-color);text-decoration:none;font-weight:500;padding:8px 16px;background:#ff6b9d1a;border-radius:8px;transition:all .3s ease;display:inline-block}.contact-link:hover{background:#ff6b9d33;transform:translateY(-1px)}.social-links{text-align:center;padding:24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow)}.social-links h3{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:16px}.social-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.social-button{padding:12px 20px;border-radius:12px;text-decoration:none;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px}.social-button.youtube{background:red;color:#fff}.social-button.twitter{background:#1da1f2;color:#fff}.social-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.app-hero{text-align:center;padding:40px 24px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:32px}.app-icon{font-size:64px;margin-bottom:16px}.app-hero h2{font-size:32px;font-weight:700;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.app-version{color:#666;font-size:16px;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0}.feature-card{padding:20px;background:#ffffff80;border-radius:12px;text-align:center;transition:all .3s ease}.feature-card:hover{background:#fffc;transform:translateY(-2px)}.feature-card .feature-icon{font-size:32px;margin-bottom:12px;display:block}.feature-card h3{font-size:16px;font-weight:600;color:var(--text-color);margin-bottom:8px}.feature-card p{font-size:14px;color:#666;line-height:1.4}.tech-specs{display:flex;flex-direction:column;gap:12px}.spec-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.spec-item:last-child{border-bottom:none}.spec-label{font-weight:500;color:#666}.spec-value{font-weight:600;color:var(--text-color)}.update-history{display:flex;flex-direction:column;gap:16px}.update-item{padding:16px;background:#ffffff80;border-radius:12px;border-left:4px solid var(--primary-color)}.update-version{font-size:18px;font-weight:600;color:var(--primary-color)}.update-date{font-size:14px;color:#666;margin-bottom:8px}.update-notes ul{margin:0;padding-left:16px}.update-notes li{font-size:14px;margin-bottom:4px}.support-links{text-align:center;margin-top:16px}.support-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:12px;font-weight:500;transition:all .3s ease}.support-link:hover{background:var(--accent-color);transform:translateY(-2px)}@media (max-width: 768px){.page-screen{padding:16px 16px 80px}.page-header{margin-bottom:24px}.page-title{font-size:24px}.content-section{padding:20px;margin-bottom:20px}.content-section h2{font-size:18px}.contact-item{padding:16px}.contact-icon{font-size:28px;width:45px;height:45px}.contact-details h3{font-size:16px}.app-hero{padding:32px 20px}.app-icon{font-size:48px}.app-hero h2{font-size:28px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:16px}.social-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.page-header{flex-direction:column;align-items:flex-start;gap:8px}.back-button{align-self:flex-start}.contact-item{flex-direction:column;text-align:center;gap:12px}.spec-item{flex-direction:column;align-items:flex-start;gap:4px}}.interstitial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out;padding:0;margin:0;box-sizing:border-box}.interstitial-content{width:95%;max-width:600px;height:90%;max-height:90vh;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #00000080;box-sizing:border-box}@media screen and (max-width: 768px){.interstitial-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.interstitial-content{position:relative!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;min-width:100vw!important;min-height:100vh!important;border-radius:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.interstitial-header{position:relative!important;width:100%!important;padding:10px 15px!important;min-height:50px!important;max-height:50px!important;flex-shrink:0!important;box-sizing:border-box!important}.ad-label{font-size:12px!important;padding:4px 8px!important}.countdown-text{font-size:12px!important}.close-button{padding:8px 12px!important;font-size:12px!important}.interstitial-footer{position:relative!important;width:100%!important;padding:10px 15px!important;min-height:50px!important;max-height:50px!important;flex-shrink:0!important;font-size:12px!important;box-sizing:border-box!important}.interstitial-ad-container{position:relative!important;width:100%!important;height:calc(100vh - 100px)!important;min-height:calc(100vh - 100px)!important;max-height:calc(100vh - 100px)!important;flex:1!important;box-sizing:border-box!important}}@media screen and (max-width: 480px){.interstitial-content{width:100%!important;height:100%!important;max-height:100vh!important;border-radius:0!important}.interstitial-header{padding:8px 12px!important;min-height:45px!important}.ad-label{font-size:11px!important;padding:3px 6px!important}.countdown-text{font-size:11px!important}.close-button{padding:6px 10px!important;font-size:11px!important}.interstitial-footer{padding:8px 12px!important;font-size:11px!important}}.interstitial-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;min-height:48px}.ad-label{font-size:14px;font-weight:700;background:#fff3;padding:4px 8px;border-radius:4px}.countdown{font-size:14px;font-weight:500}.close-button{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.close-button:hover{background:#ffffff4d;transform:translateY(-1px)}.interstitial-ad-container{flex:1;position:relative;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.ad-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.interstitial-footer{background:#f8f9fa;padding:12px 16px;text-align:center;border-top:1px solid #e9ecef}.interstitial-footer p{margin:0;font-size:12px;color:#666}@media (max-width: 768px){.interstitial-content{width:95%;height:85%;max-height:none}.interstitial-header{padding:10px 12px;min-height:44px}.ad-label,.countdown{font-size:12px}.close-button{padding:6px 10px;font-size:12px}.interstitial-footer{padding:10px 12px}.interstitial-footer p{font-size:11px}}@media (max-width: 480px) and (orientation: portrait){.interstitial-content{width:98%;height:90%}}.reward-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.reward-content{width:90%;max-width:600px;height:85%;max-height:600px;background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0009;border:2px solid #ffd700}.reward-header{background:linear-gradient(135deg,gold,#ffb347);color:#333;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;min-height:48px}.reward-label{font-size:16px;font-weight:700;background:#ffffffe6;padding:6px 12px;border-radius:20px;color:#333}.reward-countdown{font-size:14px;font-weight:700;background:#fff3;padding:6px 12px;border-radius:6px;color:#333}.reward-close-button{background:#4caf50;border:none;color:#fff;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:0 2px 4px #0003}.reward-close-button:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.reward-ad-container{flex:1;position:relative;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.reward-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #ffd700;border-radius:50%;animation:spin 1s linear infinite}.reward-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:16px;text-align:center;border-top:1px solid #dee2e6}.reward-info{margin-bottom:8px}.reward-info p{margin:4px 0;font-size:14px;color:#333}.reward-info strong{color:#4caf50;font-size:16px}.reward-warning{margin-top:8px}.reward-warning small{color:#dc3545;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.reward-content{width:95%;height:90%;max-height:none}.reward-header{padding:10px 12px;min-height:44px}.reward-label{font-size:14px;padding:4px 10px}.reward-countdown{font-size:12px;padding:4px 8px}.reward-close-button{padding:8px 12px;font-size:12px}.reward-footer{padding:12px}.reward-info p{font-size:12px}.reward-info strong{font-size:14px}.reward-warning small{font-size:11px}}@media (max-width: 480px) and (orientation: portrait){.reward-content{width:98%;height:95%}.reward-header{flex-direction:column;gap:8px;padding:12px;min-height:auto}.reward-label{font-size:13px}.reward-countdown{font-size:11px}}.App{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;padding-bottom:100px;overflow-y:auto}.ad-banner{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;z-index:1000}.ad-placeholder{width:100%;height:50px;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 16px;color:#666;font-size:14px;border:2px dashed #ccc}@media (max-width: 768px){.main-content{padding-bottom:20px}.pc-ad-banner{display:none}}@media (min-width: 769px){.main-content{padding-bottom:100px}.ad-banner{height:90px}.ad-placeholder{height:80px;font-size:14px}}.screen-transition{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}:root{--primary-color: #ff6b9d;--secondary-color: #4ecdc4;--accent-color: #45b7d1;--background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--text-color: #333;--white: #ffffff;--shadow: 0 8px 32px rgba(0, 0, 0, .1);--border-radius: 16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--background-gradient);min-height:100vh;color:var(--text-color);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){body{font-size:14px}}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:var(--white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.btn-secondary{background:var(--white);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white)}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:24px;margin:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{border:3px solid rgba(255,255,255,.3);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}