html,body,#root{margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto}#root{position:fixed;inset:0;width:100%;height:100%;overscroll-behavior:none;touch-action:none}body{background:#1a1a24;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;zoom:1!important;position:relative;user-select:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*{box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button,a,input,select,textarea,[role=button],[data-allow-touch]{touch-action:manipulation}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.app{width:100%;height:100dvh;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at center,#2a2a2a,#1a1a1a 70%,#0a0a0a);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow:hidden}.app:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(61,43,31,.15) 0%,transparent 50%),radial-gradient(circle at 70% 70%,rgba(71,53,41,.12) 0%,transparent 50%);pointer-events:none}.main-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:1}.title{font-size:4rem;font-weight:700;margin:0 0 3rem;text-align:center;background:linear-gradient(145deg,tan,#8b7355,#a0845c,#6b5b47,#8b7355,#c19a6b,tan 90%,#f4e4bc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(0,0,0,.3);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));position:relative}.title:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(139,115,85,.1) 0px,rgba(139,115,85,.1) 2px,transparent 2px,transparent 6px),repeating-linear-gradient(0deg,rgba(107,91,71,.08) 0px,rgba(107,91,71,.08) 1px,transparent 1px,transparent 8px);pointer-events:none;z-index:-1}.menu-container{background:#2d2d3326;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;gap:1rem;min-width:280px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003;position:relative;overflow:hidden}.menu-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%),linear-gradient(225deg,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.menu-button{background:linear-gradient(145deg,#6a4eaacc,#5a3e9ae6,#4a2e8acc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem 2rem;font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:50px;box-shadow:0 4px 15px #6a4eaa33,inset 0 1px #ffffff1a,inset 0 -1px #0000001a;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}.menu-button:hover{background:linear-gradient(145deg,#7a5ebad9,#6a4eaaf2,#5a3e9ad9);transform:translateY(-2px);box-shadow:0 6px 20px #6a4eaa4d,inset 0 1px #ffffff26,inset 0 -1px #00000026;border-color:#fff3}.menu-button:hover:before{left:100%}.menu-button:active{background:linear-gradient(145deg,#5a3e9ae6,#4a2e8a,#3a1e7ae6);transform:translateY(0);box-shadow:0 2px 10px #6a4eaa33,inset 0 1px #ffffff0d,inset 0 -1px #0003}.version{position:fixed;bottom:1rem;right:1rem;left:1rem;text-align:right;color:#fff6;font-size:.9rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease}.version:hover{color:#d2b48ccc;cursor:pointer;text-shadow:0 0 10px rgba(210,180,140,.3)}@media (max-width: 768px){.title{font-size:3rem;margin:0 0 2rem}.menu-container{min-width:260px;padding:2rem}.menu-button{font-size:1.1rem;padding:.9rem 1.8rem}}@media (max-width: 480px){.title{font-size:2.5rem;margin:0 0 1.5rem}.menu-container{min-width:240px;padding:1.5rem}.menu-button{font-size:1rem;padding:.8rem 1.5rem;min-height:45px}}.archive-dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1500;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));box-sizing:border-box}.archive-dialog.hidden{display:none}.archive-content{background:#2a2a2a;border-radius:20px;max-width:500px;width:90%;max-height:80vh;text-align:left;box-shadow:0 8px 32px #0009;animation:slideIn .4s ease-out;overflow:hidden;display:flex;flex-direction:column;position:relative}@keyframes slideIn{0%{transform:translateY(-20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.archive-header{background:#1a1a1a;padding:20px 24px 20px 70px;border-bottom:1px solid #404040;display:flex;justify-content:center;align-items:center}.archive-header h2{font-size:24px;font-weight:600;color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.archive-close-btn{position:absolute;top:20px;left:20px;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffb3;font-size:19px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-sizing:border-box;padding:0;z-index:100}.archive-close-btn:hover{background:#fff3;color:#fff}.archive-body{padding:0;flex:1;overflow:hidden;display:flex;flex-direction:column}.archive-subtitle{padding:20px 24px 0;margin-bottom:20px}.archive-subtitle p{color:#ffffffb3;font-size:14px;margin:0;font-weight:500}.games-list{flex:1;overflow-y:auto;padding:20px 24px 24px;display:flex;flex-direction:column;gap:8px}.game-item{border-radius:12px;padding:12px 16px;border:none;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;cursor:pointer;min-height:44px;position:relative;gap:12px}.game-item.played{background:#8b5cf6;color:#fff}.game-item.unplayed{background:linear-gradient(135deg,#4a90e2,#5ba0f2);color:#fff}.game-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.game-title{font-size:15px;font-weight:600;line-height:1.2;text-align:left;flex:1;margin-left:0;margin-right:12px}.game-date{font-size:13px;font-weight:500;opacity:.8;line-height:1.2;text-align:right;white-space:nowrap;flex-shrink:0;margin-right:12px}.medal-display{font-size:42px;opacity:.9;display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;gap:8px}.empty-state p{color:#fffc;font-size:16px;font-weight:500;margin:0}.empty-state span{color:#ffffff80;font-size:14px;margin:0}.games-list::-webkit-scrollbar{width:6px}.games-list::-webkit-scrollbar-track{background:transparent}.games-list::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.games-list::-webkit-scrollbar-thumb:hover{background:#505050}@media (max-width: 480px){.archive-content{width:95%;max-width:none;max-height:85vh}.archive-header{padding:16px 20px}.archive-header h2{font-size:20px}.archive-subtitle{padding:16px 20px 0;margin-bottom:16px}.games-list{padding:20px;gap:10px}.game-item{padding:10px 14px;min-height:40px;gap:8px}.game-title{font-size:14px}.game-date{font-size:12px}.medal-display{font-size:36px;width:54px;height:54px}}@media (max-height: 600px){.archive-content{max-height:90vh}.archive-header{padding:16px 20px}.archive-subtitle{padding:16px 20px 0;margin-bottom:12px}.games-list{padding:20px 20px 16px}.game-item{padding:10px 14px;min-height:40px;gap:8px}}.settings-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-dialog{background:#2a2a2a;border-radius:20px;padding:40px;max-width:400px;width:100%;position:relative;box-shadow:0 8px 32px #00000080;animation:slideIn .3s ease-out}.settings-close-btn{position:absolute;top:20px;left:20px;width:38px;height:38px;min-width:38px;min-height:38px;max-width:38px;max-height:38px;border:none;border-radius:50%;background:#ffffff1a;color:#ffffffb3;font-size:19px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-sizing:border-box;padding:0}.settings-close-btn:hover{background:#fff3;color:#fff}.settings-title{text-align:center;color:#fff;font-size:32px;font-weight:600;margin:0 0 40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.settings-content{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.settings-instruction-btn{background:#8b5cf6;color:#fff;border:none;border-radius:16px;padding:20px 24px;font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.settings-instruction-btn:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.settings-instruction-btn:active{transform:translateY(0)}.settings-audio-section{display:flex;justify-content:center;gap:20px}.audio-toggle-btn{width:80px;height:80px;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative}.audio-toggle-btn{background:#666;box-shadow:0 4px 12px #6666664d}.audio-toggle-btn.active{background:#4caf50;box-shadow:0 4px 12px #4caf504d}.audio-toggle-btn:hover{transform:translateY(-2px)}.audio-toggle-btn:active{transform:translateY(0)}.audio-icon{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center}.speaker-enabled,.speaker-disabled{position:relative;display:flex;align-items:center}.speaker-cone{width:16px;height:20px;background:#fff;clip-path:polygon(0 20%,60% 0%,100% 0%,100% 100%,60% 100%,0 80%)}.sound-waves{margin-left:4px;display:flex;flex-direction:column;gap:2px}.wave{width:3px;height:3px;background:#fff;border-radius:50%;animation:soundWave 1.5s ease-in-out infinite}.wave-1{animation-delay:0s}.wave-2{animation-delay:.2s}.wave-3{animation-delay:.4s}@keyframes soundWave{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.mute-x{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:24px;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.settings-version{text-align:right;color:#ffffff80;font-size:14px;font-weight:400}@media (max-width: 480px){.settings-dialog{padding:32px 24px;max-width:90%}.settings-title{font-size:28px;margin-bottom:32px}.settings-instruction-btn{font-size:18px;padding:18px 20px}.audio-toggle-btn{width:70px;height:70px}.audio-icon{width:35px;height:35px}}.changelog-dialog{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;align-items:center;justify-content:center}.changelog-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000d9;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.changelog-content{background:#222;border:1px solid #444;border-radius:12px;max-width:min(90vw,600px);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000080}.changelog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px 15px;border-bottom:1px solid #444}.changelog-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5em;font-weight:700;margin:0}.changelog-close-btn{background:gold;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#000;cursor:pointer;transition:all .2s ease}.changelog-close-btn:hover{background:#ffed4e;transform:scale(1.1)}.changelog-body{padding:20px 25px;overflow-y:auto;max-height:60vh;color:#fff}.changelog-md-title{font-size:1.3em;font-weight:700;color:#87ceeb;margin:20px 0 15px;padding-bottom:8px;border-bottom:1px solid #444}.changelog-md-title:first-child{margin-top:0}.changelog-md-item{margin:8px 0;padding-left:15px;line-height:1.4;color:#ddd}.changelog-md-item.completed{color:#90ee90}.changelog-md-item.pending{color:#ffb6c1}@media (max-width: 480px){.changelog-content{max-width:95vw;max-height:85vh}.changelog-header{padding:15px 20px 10px}.changelog-title{font-size:1.2em}.changelog-body{padding:15px 20px}.changelog-md-title{font-size:1.1em}}.onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f1419,#1a1f2e);display:flex;justify-content:center;align-items:center;z-index:1000}.onboarding-card{background:#283241e6;border-radius:28px;padding:3rem 2.5rem;max-width:90vw;width:400px;position:relative;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 32px 64px #000c,0 0 0 1px #ffffff14,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.08)}.close-button{position:absolute;top:1.25rem;right:1.25rem;background:#ffffff0d;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:300}.close-button:hover{background-color:#ffffff1a;color:#ffffffe6;transform:scale(1.05)}.onboarding-title{font-size:2.2rem;font-weight:700;margin:0 0 .5rem;text-align:center;color:#fff;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.onboarding-subtitle{font-size:1.3rem;margin:0 0 2.5rem;text-align:center;color:#5dade2;letter-spacing:.02em}.onboarding-content{margin-bottom:2.5rem}.onboarding-text{font-size:1.05rem;line-height:1.7;margin:0 0 1.5rem;text-align:center;color:#fffffff2;font-weight:400;max-width:320px;margin-left:auto;margin-right:auto}.onboarding-text:last-child{margin-bottom:0}.example-container{margin:2.5rem 0;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.letter-row{display:flex;gap:1rem;justify-content:center;align-items:center}.letter-block{background:linear-gradient(145deg,#d2691e,#b8621a);color:#fff;width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;box-shadow:0 4px 12px #d2691e4d,0 2px 4px #0003;border:1px solid rgba(255,255,255,.2)}.single-letter{display:flex;flex-direction:column;align-items:center;gap:.75rem}.swipe-indicators{display:flex;justify-content:space-between;align-items:center;width:calc(100% + 80px);margin-left:-40px;margin-top:0}.swipe-arrow{width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center}.swipe-arrow:before{content:"";position:absolute;width:12px;height:12px;border-right:2px solid #8B9DC3;border-top:2px solid #8B9DC3;transform-origin:center}.swipe-arrows-left,.swipe-arrows-right{display:flex;flex-direction:column;gap:.5rem;align-items:center}.swipe-arrow.up:before{transform:rotate(-45deg)}.swipe-arrow.down:before{transform:rotate(135deg)}.onboarding-button{width:100%;background:linear-gradient(145deg,#7b68ee,#6a4eaa);color:#fff;border:none;border-radius:16px;padding:1.2rem 2rem;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:56px;box-shadow:0 6px 20px #7b68ee4d,0 2px 4px #0000001a;border:1px solid rgba(255,255,255,.1);letter-spacing:.01em}.onboarding-button:hover{background:linear-gradient(145deg,#8a77f0,#7a5eba);transform:translateY(-1px);box-shadow:0 8px 25px #7b68ee66,0 4px 8px #00000026}.onboarding-button:active{background:linear-gradient(145deg,#6b58de,#5a3e9a);transform:translateY(0);box-shadow:0 4px 15px #7b68ee33,0 2px 4px #0000001a}@media (max-width: 768px){.onboarding-card{padding:2rem;margin:1rem;width:calc(100vw - 2rem)}.onboarding-title{font-size:1.75rem}.onboarding-subtitle{font-size:1rem}.letter-block{width:48px;height:48px;font-size:1.4rem}.onboarding-button{padding:1.1rem 2rem;font-size:1rem;min-height:52px}.example-container{margin:2rem 0}}.onboarding-button[style*="#404652"]{background:linear-gradient(145deg,#4a5568,#404652)!important;box-shadow:0 6px 20px #4a55684d,0 2px 4px #0000001a!important}.onboarding-button[style*="#404652"]:hover{background:linear-gradient(145deg,#5a6578,#4a5568)!important;box-shadow:0 8px 25px #4a556866,0 4px 8px #00000026!important}.onboarding-button[style*="#404652"]:active{background:linear-gradient(145deg,#3a4252,#2d3748)!important;box-shadow:0 4px 15px #4a556833,0 2px 4px #0000001a!important}.debug-button-container{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;pointer-events:none!important;display:flex;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding:max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important;padding-left:max(20px,env(safe-area-inset-left))!important;z-index:999998!important;box-sizing:border-box!important}.debug-btn{pointer-events:auto!important;flex-shrink:0!important;background:#ffa50033!important;color:#ffffffb3!important;border:1px solid rgba(255,165,0,.3)!important;border-radius:4px!important;padding:4px 8px!important;font-size:11px!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.debug-button-wrapper{display:flex!important;align-items:center!important;gap:6px!important;pointer-events:none!important}.debug-fps-display{pointer-events:none!important;color:#ffffffb3!important;font-size:11px!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important}.debug-btn:hover{opacity:.9!important;background:#ffa50066!important;color:#ffffffe6!important;border-color:#ffa50080!important}.debug-popup-panel{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:#000000b3;display:none;justify-content:center;align-items:center;z-index:999999;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.debug-popup-panel.debug-popup-visible{display:flex}.debug-popup-content{background:#141414f2;border:1px solid rgba(255,165,0,.3);border-radius:12px;padding:20px;max-width:90vw;max-height:80vh;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px #00000080}.debug-popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,165,0,.2);padding-bottom:10px}.debug-popup-header h3{color:#ffa500e6;margin:0;font-size:18px;font-weight:600}.debug-close-btn{background:none;border:none;color:#ffffffb3;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.debug-close-btn:hover{background:#ffffff1a;color:#ffffffe6}.debug-popup-body{display:flex;flex-direction:column;gap:20px}.debug-section{background:#0000004d;border:1px solid rgba(255,165,0,.1);border-radius:8px;padding:15px}.debug-section h4{color:#ffa500cc;margin:0 0 15px;font-size:14px;font-weight:500;border-bottom:1px solid rgba(255,165,0,.2);padding-bottom:5px}.debug-info-item{margin-bottom:12px}.debug-info-item:last-child{margin-bottom:0}.debug-info-item label{color:#fffc;font-size:13px;display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.debug-info-item span{color:#ffa500e6;font-weight:500}.debug-info-item input[type=range]{width:100%;height:6px;background:#ffffff1a;outline:none;border-radius:3px;appearance:none;-webkit-appearance:none}.debug-info-item input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;background:#ffa500e6;border-radius:50%;cursor:pointer}.debug-info-item input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#ffa500e6;border-radius:50%;cursor:pointer;border:none}@media (max-width: 480px){.debug-button-container{padding:max(15px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left))!important;padding-bottom:max(15px,env(safe-area-inset-bottom))!important;padding-left:max(15px,env(safe-area-inset-left))!important}.debug-btn{font-size:10px!important;padding:3px 6px!important}.debug-popup-content{padding:15px;max-width:95vw}.debug-popup-header h3{font-size:16px}.debug-section{padding:12px}.debug-section h4{font-size:13px}.debug-info-item label{font-size:12px}}@media (max-height: 600px){.debug-button-container{padding:max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important;padding-left:max(10px,env(safe-area-inset-left))!important}.debug-btn{font-size:9px!important;padding:2px 5px!important}}@media (max-width: 430px) and (max-height: 932px){.debug-button-container{padding-bottom:max(25px,env(safe-area-inset-bottom))!important;padding-left:max(15px,env(safe-area-inset-left))!important}}.end-game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:400;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));box-sizing:border-box;overflow:hidden}.end-game-overlay:before,.end-game-overlay:after{content:"";position:absolute;width:3px;height:3px;background:gold;border-radius:50%;animation:particleFall 2.5s linear infinite}.end-game-overlay:before{top:-20px;left:5%;animation-delay:0s;box-shadow:50px 0 gold,120px 0 orange,200px 0 gold,280px 0 #ff6b35,360px 0 gold,440px 0 orange,520px 0 gold,600px 0 #ff6b35,680px 0 orange,760px 0 gold,840px 0 #ff6b35,920px 0 orange,1000px 0 gold,1080px 0 #ff6b35,1160px 0 orange,1240px 0 gold}.end-game-overlay:after{top:-20px;left:2%;animation-delay:.3s;box-shadow:80px 0 orange,160px 0 gold,240px 0 #ff6b35,320px 0 orange,400px 0 gold,480px 0 #ff6b35,560px 0 orange,640px 0 gold,720px 0 #ff6b35,800px 0 orange,880px 0 gold,960px 0 #ff6b35,1040px 0 orange,1120px 0 gold,1200px 0 #ff6b35,1280px 0 orange}.end-game-dialog:before,.end-game-dialog:after{content:"";position:absolute;width:2px;height:2px;background:gold;border-radius:50%;animation:particleFall 3s linear infinite;z-index:-1}.end-game-dialog:before{top:-30px;left:8%;animation-delay:.7s;box-shadow:70px 0 #ff6b35,140px 0 gold,210px 0 orange,280px 0 #ff6b35,350px 0 gold,420px 0 orange,490px 0 #ff6b35,560px 0 gold,630px 0 orange,700px 0 #ff6b35}.end-game-dialog:after{top:-30px;left:12%;animation-delay:1.2s;box-shadow:90px 0 orange,180px 0 #ff6b35,270px 0 gold,360px 0 orange,450px 0 #ff6b35,540px 0 gold,630px 0 orange,720px 0 #ff6b35}@keyframes particleFall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.end-game-medal-display:before,.end-game-medal-display:after{content:"";position:absolute;width:8px;height:2px;background:gold;animation:confettiFall 1.8s ease-out infinite}.end-game-medal-display:before{top:-40px;left:30%;animation-delay:.2s;box-shadow:100px 0 orange,200px 0 #ff6b35,300px 0 gold,400px 0 orange}.end-game-medal-display:after{top:-40px;left:60%;animation-delay:.8s;box-shadow:80px 0 #ff6b35,160px 0 gold,240px 0 orange,320px 0 #ff6b35}@keyframes confettiFall{0%{transform:translateY(-40px) rotate(0);opacity:1}to{transform:translateY(200px) rotate(360deg);opacity:0}}.end-game-dialog{background:#2a2a2a;border-radius:20px;padding:40px 32px;max-width:400px;width:100%;text-align:center;box-shadow:0 8px 32px #00000080;animation:slideIn .4s ease-out}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.end-game-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.end-game-medal-display{display:flex;justify-content:center;align-items:center;margin-bottom:32px;width:100%}.end-game-medal{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 24px #0006;flex-shrink:0;animation:medalSpin 2s ease-in-out}@keyframes medalSpin{0%{transform:rotateY(0)}to{transform:rotateY(1440deg)}}.end-game-medal.gold{background:linear-gradient(135deg,gold,orange);border:3px solid #FFE55C}.end-game-medal.silver{background:linear-gradient(135deg,silver,#a8a8a8);border:3px solid #D4D4D4}.end-game-medal.bronze{background:linear-gradient(135deg,#cd7f32,#b8860b);border:3px solid #DAA520}.medal-shine{width:60%;height:60%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%}.total-turns-display{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-size:20px;font-weight:600}.total-label{color:#fffc}.total-value{color:#fff;font-size:24px;font-weight:700}.medal-requirements{background:#1a1a1a;border-radius:12px;padding:20px;margin-bottom:32px;border:2px solid #404040;display:flex;flex-direction:column;align-items:center}.requirement-item{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px;padding:8px 12px;border-radius:8px;transition:all .3s ease;width:100%;max-width:200px}.requirement-item:last-child{margin-bottom:0}.requirement-item.achieved{background:#4caf5033;border:1px solid rgba(76,175,80,.5)}.req-medal{width:32px;height:32px;border-radius:50%;flex-shrink:0;margin-right:8px}.req-medal.gold-small{background:linear-gradient(135deg,gold,orange);border:2px solid #FFE55C;box-shadow:0 2px 8px #ffd70066}.req-medal.silver-small{background:linear-gradient(135deg,silver,#a8a8a8);border:2px solid #D4D4D4;box-shadow:0 2px 8px #c0c0c066}.req-medal.bronze-small{background:linear-gradient(135deg,#cd7f32,#b8860b);border:2px solid #DAA520;box-shadow:0 2px 8px #cd7f3266}.req-text{color:#fff;font-weight:600;font-size:16px}.requirement-item.achieved .req-text{color:#4caf50}.completion-message{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:16px 20px;border-radius:12px;font-size:18px;font-weight:600;margin-bottom:24px;text-align:center;box-shadow:0 4px 12px #4caf504d;animation:celebrationPulse 2s ease-in-out infinite}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.next-game-btn{width:100%;padding:16px 32px;border:none;border-radius:12px;font-size:18px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;outline:none;-webkit-tap-highlight-color:transparent;background:#6b46c1;color:#fff;box-shadow:0 4px 12px #6b46c14d}.next-game-btn:hover{transform:translateY(-2px);background:#7c3aed;box-shadow:0 6px 16px #6b46c166}.next-game-btn:active{transform:translateY(0)}@media (max-width: 480px){.end-game-dialog{padding:32px 24px;max-width:90%}.end-game-title{font-size:24px;margin-bottom:24px}.end-game-medal{width:100px;height:100px}.total-turns-display{font-size:18px;margin-bottom:24px}.total-value{font-size:22px}.medal-requirements{padding:16px;margin-bottom:24px}.requirement-item{gap:10px;padding:6px 10px}.req-medal{width:28px;height:28px}.req-text{font-size:14px}.next-game-btn{padding:14px 24px;font-size:16px}}@media (max-height: 600px){.end-game-dialog{padding:24px}.end-game-title{font-size:22px;margin-bottom:20px}.end-game-medal{width:80px;height:80px}.total-turns-display{margin-bottom:20px}.medal-requirements{margin-bottom:20px;padding:16px}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;top:-10px;animation:confetti-fall linear forwards;transform-origin:center}.confetti-piece:nth-child(odd){width:6px;height:12px;border-radius:2px}.confetti-piece:nth-child(2n){width:10px;height:6px;border-radius:50%}.confetti-piece:nth-child(3n){width:8px;height:8px;border-radius:1px;transform:rotate(45deg)}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}10%{transform:translateY(-80vh) rotate(36deg);opacity:1}20%{transform:translateY(-60vh) rotate(72deg);opacity:1}30%{transform:translateY(-40vh) rotate(108deg);opacity:1}40%{transform:translateY(-20vh) rotate(144deg);opacity:1}50%{transform:translateY(0) rotate(180deg);opacity:1}60%{transform:translateY(20vh) rotate(216deg);opacity:1}70%{transform:translateY(40vh) rotate(252deg);opacity:1}80%{transform:translateY(60vh) rotate(288deg);opacity:.8}90%{transform:translateY(80vh) rotate(324deg);opacity:.6}to{transform:translateY(120vh) rotate(360deg);opacity:0}}.confetti-piece:nth-child(2n){animation:confetti-wiggle linear forwards}@keyframes confetti-wiggle{0%{transform:translateY(-100vh) translate(0) rotate(0);opacity:1}10%{transform:translateY(-80vh) translate(10px) rotate(36deg);opacity:1}20%{transform:translateY(-60vh) translate(-10px) rotate(72deg);opacity:1}30%{transform:translateY(-40vh) translate(15px) rotate(108deg);opacity:1}40%{transform:translateY(-20vh) translate(-15px) rotate(144deg);opacity:1}50%{transform:translateY(0) translate(20px) rotate(180deg);opacity:1}60%{transform:translateY(20vh) translate(-20px) rotate(216deg);opacity:1}70%{transform:translateY(40vh) translate(10px) rotate(252deg);opacity:1}80%{transform:translateY(60vh) translate(-10px) rotate(288deg);opacity:.8}90%{transform:translateY(80vh) translate(5px) rotate(324deg);opacity:.6}to{transform:translateY(120vh) translate(0) rotate(360deg);opacity:0}}.confetti-piece:nth-child(4n){animation:confetti-explosion linear forwards}@keyframes confetti-explosion{0%{transform:translateY(-50vh) translate(0) scale(1) rotate(0);opacity:1}5%{transform:translateY(-45vh) translate(30px) scale(1.2) rotate(36deg);opacity:1}10%{transform:translateY(-40vh) translate(50px) scale(1) rotate(72deg);opacity:1}20%{transform:translateY(-20vh) translate(40px) scale(.8) rotate(144deg);opacity:1}30%{transform:translateY(0) translate(30px) scale(.9) rotate(216deg);opacity:1}50%{transform:translateY(40vh) translate(20px) scale(.7) rotate(288deg);opacity:1}70%{transform:translateY(70vh) translate(10px) scale(.6) rotate(360deg);opacity:.8}90%{transform:translateY(90vh) translate(5px) scale(.4) rotate(432deg);opacity:.4}to{transform:translateY(120vh) translate(0) scale(.2) rotate(540deg);opacity:0}}.game-ui-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;z-index:100}.game-ui-button{width:44px;height:44px;border-radius:50%;border:none;background:#1a2951cc;color:#fffc;font-size:1.2rem;font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1;padding:0;margin:0}.game-ui-button:hover{background:#1a2951e6;color:#fff;transform:scale(1.05)}.game-ui-button:active{transform:scale(.95)}.close-button-container,.hint-button-container{display:flex;flex-direction:column;align-items:center;gap:.3rem}.hint-button{font-weight:600}.hint-label{color:#ffffffb3;font-size:.75rem;font-weight:500;text-transform:lowercase;letter-spacing:.5px}.game-ui-button-placeholder{width:44px;height:44px}.pulse-hint{animation:hintPulse 2s ease-in-out infinite}@keyframes hintPulse{0%,to{transform:scale(1);box-shadow:0 0 #7b68eecc;background:#1a2951cc}50%{transform:scale(1.5);box-shadow:0 0 0 15px #7b68ee00;background:#7b68eee6}}.turn-counter{background:#0f1419e6;border-radius:28px;padding:1.2rem 2.5rem;display:flex;align-items:center;gap:1rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;width:33%;justify-content:center;min-width:200px;max-width:400px}.turn-label{color:#ffffffe6;font-size:1.4rem;font-weight:700;letter-spacing:.5px}.turn-count{color:#fff;font-size:2rem;font-weight:900;min-width:40px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:transform .15s ease-out}.turn-count.pulse{animation:turnCountPulse .25s ease-out}@keyframes turnCountPulse{0%{transform:scale(1)}50%{transform:scale(1.8)}to{transform:scale(1)}}@media (max-width: 768px){.game-ui-top{padding:.8rem 1rem}.game-ui-button{width:40px;height:40px;font-size:1.1rem}.turn-counter{padding:.8rem 1.5rem;gap:.8rem;min-width:160px}.turn-label{font-size:1.2rem}.turn-count{font-size:1.6rem}}@media (max-width: 480px){.game-ui-top{padding:.5rem .8rem;flex-wrap:wrap;gap:.5rem}}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.canvas-container canvas{touch-action:none}.touch-area{position:absolute;bottom:30px;left:30px;right:30px;height:calc(50% - 60px);background:#ffffff1a;border-top:2px solid rgba(255,255,255,.2);border-radius:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;transition:opacity .3s ease-in-out;display:flex;align-items:center;justify-content:center}.touch-area-hint{font-size:1.1rem;color:#ffffffe6;background:#00000059;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 6px #00000040;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.hints-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:250;animation:hintsOverlayFadeIn .6s ease-out}.hints-card{width:min(320px,85vw);background:#2a2a2a;color:#fff;border-radius:24px;box-shadow:0 12px 32px #00000080;overflow:hidden;display:flex;flex-direction:column;animation:hintsCardFadeIn .6s ease-out}.hints-header{text-align:center;padding:24px 20px 16px}.hints-header h3{margin:0;font-size:24px;font-weight:600;color:#fff}.hints-body{padding:0 20px 24px;text-align:center;flex:1}.hint-list{display:flex;flex-direction:column;gap:16px}.hint-row{display:flex;flex-direction:column;gap:12px;text-align:center}.hint-word{font-weight:400;color:#d8d8d8;font-size:16px;line-height:1.5}.hint-text{color:#fff;font-size:18px;line-height:1.4;font-weight:400}.hints-close-button{background:#fff;border:none;color:#000;font-size:16px;font-weight:600;cursor:pointer;padding:12px 24px;margin:0 20px 20px;border-radius:12px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.hints-close-button:hover{background:#f0f0f0;transform:translateY(-1px)}.hints-close-button:active{transform:translateY(0)}@keyframes hintsOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hintsCardFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:500}.loading-card{background:#0f1419e6;color:#fff;padding:24px 32px;border-radius:10px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:16px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.completion-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000c;z-index:300}.completion-dialog{background:#1a1a1a;border-radius:20px;padding:32px;width:min(400px,90vw);max-height:85vh;text-align:center;box-shadow:0 20px 40px #00000080;border:1px solid #333;display:flex;flex-direction:column;overflow:hidden}.completion-title{color:#fff;font-size:1.8rem;font-weight:700;margin:0 0 24px;text-align:center;line-height:1.25}.completion-stats{margin:24px 0;display:flex;gap:16px;justify-content:center}.stat-card{background:#2a2a2a;border:2px solid #4a90e2;border-radius:12px;padding:16px;flex:1;max-width:140px;min-width:100px}.stat-value{color:#fff;font-size:2rem;font-weight:900;margin-bottom:4px}.stat-label{color:#b0b0b0;font-size:.9rem;font-weight:500}.words-section{margin:16px 0;flex:1;display:flex;flex-direction:column;min-height:0}.words-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0;flex-shrink:0;text-align:center}.words-scroller{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:8px 4px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}.words-scroller::-webkit-scrollbar{width:0;height:0}.words-list{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;max-width:100%}.word-pill{background:#4a90e2;color:#fff;padding:clamp(6px,1.2vh,10px) clamp(12px,3.5vw,20px);border-radius:20px;font-size:clamp(.85rem,2.8vw,1.05rem);font-weight:600;letter-spacing:1px;min-width:80px;max-width:100%;text-align:center;line-height:1.2;white-space:normal;overflow-wrap:anywhere;word-break:break-word;transition:transform .2s ease,opacity .3s ease}.word-hidden{opacity:0;transform:translateY(8px)}.word-visible{opacity:1;transform:translateY(0)}.word-animate{transition:opacity .25s ease,transform .25s ease}.completion-actions{margin-top:16px;padding-top:8px;flex-shrink:0}.next-button{background:#7b68ee;color:#fff;border:none;border-radius:12px;font-weight:800;font-size:1rem;padding:12px 24px;cursor:pointer}@supports (selector(:has(*))){.words-list:has(.word-pill:nth-child(5)){gap:10px}.words-list:has(.word-pill:nth-child(6)){gap:8px}}.word-hidden{opacity:0;transform:translateY(20px) scale(1)}.word-visible{opacity:1;transform:translateY(0) scale(1)}.completion-actions{margin-top:32px;flex-shrink:0}.next-button{background:#7b68ee;color:#fff;border:none;border-radius:25px;padding:14px 40px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.next-button:hover{background:#6a5acd;transform:translateY(-2px);box-shadow:0 4px 12px #7b68ee4d}@media (max-width: 768px){.completion-overlay{padding:20px}.completion-dialog{padding:24px;width:min(360px,92vw);max-height:75vh}.completion-title{font-size:1.4rem;margin:0 0 16px}.completion-stats{margin:16px 0;gap:12px}.stat-card{padding:12px;min-width:90px;max-width:120px}.stat-value{font-size:1.6rem}.words-section{margin:16px 0}.words-title{font-size:1rem;margin:0 0 12px}.words-list{gap:8px}.word-pill{padding:6px 16px;font-size:.85rem;letter-spacing:1px;min-width:70px}.completion-actions{margin-top:2px}.next-button{padding:12px 32px;font-size:1rem}}@media (max-width: 480px){.completion-overlay{padding:16px}.completion-dialog{padding:20px;width:min(320px,90vw);max-height:70vh}.completion-title{font-size:1.2rem}.words-list{gap:6px}.word-pill{padding:5px 14px;font-size:.8rem;min-width:100px}}.game-scene{width:100vw;height:100dvh;background:linear-gradient(135deg,#2e4a87,#1a2951);position:relative;overflow:hidden}.rotate-device-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f1419,#1a1f2e);display:flex;justify-content:center;align-items:center;z-index:9999;padding:2rem;box-sizing:border-box}.rotate-device-content{text-align:center;max-width:400px;width:100%}.rotate-device-icon{position:relative;display:inline-block;margin-bottom:2rem}.phone-outline{width:60px;height:100px;border:3px solid #5DADE2;border-radius:12px;position:relative;display:inline-block;background:#5dade21a}.phone-screen{width:40px;height:70px;background:#5dade2;border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.3}.rotation-arrow{position:absolute;top:-10px;right:-30px;font-size:2rem;color:#5dade2;animation:rotate-pulse 2s ease-in-out infinite}@keyframes rotate-pulse{0%,to{transform:scale(1) rotate(0);opacity:.7}50%{transform:scale(1.2) rotate(90deg);opacity:1}}.rotate-device-title{font-size:1.8rem;font-weight:600;margin:0 0 1rem;color:#fff;letter-spacing:-.02em}.rotate-device-text{font-size:1.1rem;line-height:1.6;color:#fffc;margin:0 0 1.5rem;font-weight:400}@media (max-width: 768px) and (orientation: landscape){.rotate-device-title{font-size:1.4rem}.rotate-device-text{font-size:1rem}.phone-outline{width:50px;height:80px}.phone-screen{width:30px;height:55px}.rotation-arrow{font-size:1.5rem;right:-25px}}body:has(.rotate-device-overlay){overflow:hidden}.rotate-device-overlay~*{pointer-events:none}.ad-dialog-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000e6;z-index:1000}.ad-dialog{background:#1a1a1a;border-radius:16px;padding:32px;width:min(450px,90vw);max-height:90vh;text-align:center;box-shadow:0 20px 40px #000000b3;border:1px solid #333;display:flex;flex-direction:column;gap:24px}.ad-video-placeholder{background:#2a2a2a;border:2px dashed #555;border-radius:12px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:200px;position:relative;overflow:hidden}.ad-video-placeholder:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:adShimmer 2s infinite}@keyframes adShimmer{0%{left:-100%}to{left:100%}}.ad-video-text{color:#888;font-size:1.8rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.ad-video-icon{font-size:3rem;opacity:.6;animation:adPulse 2s ease-in-out infinite}@keyframes adPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.ad-dialog-content{display:flex;flex-direction:column;gap:12px}.ad-dialog-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.ad-dialog-description{color:#b0b0b0;font-size:1rem;margin:0;line-height:1.4}.ad-dialog-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.ad-skip-button{background:#555;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.ad-skip-button:hover{background:#666;transform:translateY(-1px)}.ad-complete-button{background:#7b68ee;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.ad-complete-button:hover{background:#6a5acd;transform:translateY(-1px);box-shadow:0 4px 12px #7b68ee4d}.ad-loading-text{color:#7b68ee;font-size:1.1rem;font-weight:600;padding:12px 24px;animation:adLoadingPulse 1.5s ease-in-out infinite}@keyframes adLoadingPulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.ad-dialog{padding:24px;width:min(380px,92vw);gap:20px}.ad-video-placeholder{padding:32px 16px;min-height:160px}.ad-video-text{font-size:1.5rem}.ad-video-icon{font-size:2.5rem}.ad-dialog-title{font-size:1.2rem}.ad-dialog-actions{flex-direction:column}.ad-skip-button,.ad-complete-button{min-width:unset;width:100%}}@media (max-width: 480px){.ad-dialog{padding:20px;width:min(320px,90vw)}.ad-video-placeholder{padding:24px 12px;min-height:140px}.ad-video-text{font-size:1.3rem;letter-spacing:1px}.ad-video-icon{font-size:2rem}}