:root{--ocean-deep:#1a4d6d;--ocean-light:#2d7fa8;--ocean-bright:#4a9fc8;--sand-light:#f4e4c1;--sand-dark:#d4b896;--gold:#ffd700;--gold-dark:#ccaa00;--wood-dark:#5c3d2e;--wood-light:#8b6347;--success:#4caf50;--danger:#f44336;--white:#ffffff;--black:#000000;--shadow:rgba(0, 0, 0, 0.3);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:50%;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-base:1;--z-sidebar:10;--z-header:20;--z-modal:100000;--z-tooltip:200}#connection-indicator{position:fixed;top:70px;right:20px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;z-index:1000;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.2);display:none}#connection-indicator.online{background:#4caf50;color:#fff}#connection-indicator.offline{background:#f44336;color:#fff}#connection-indicator.syncing{background:#ff9800;color:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.offline-badge{position:absolute;top:5px;right:5px;background:rgba(244,67,54,.9);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;z-index:10;animation:pulse 2s ease-in-out infinite}.sync-indicator{position:fixed;bottom:80px;right:20px;background:rgba(255,152,0,.95);color:#fff;padding:12px 20px;border-radius:16px;font-size:14px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:999;display:none;animation:slideInRight .3s ease-out}@keyframes slideInRight{from{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(400px);opacity:0}}.sync-indicator.success{background:rgba(76,175,80,.95)}.sync-indicator.error{background:rgba(244,67,54,.95)}*{cursor:url('cursor-hover.svg') 24 24,crosshair!important}.modal-close,.nav-item,.tab-btn,[class*=btn],[class*=card],[class*=chest],[class*=island],[class*=item],[onclick],a,button,input[type=button],input[type=submit],label,select{cursor:url('golden-cursor.svg') 18 4,pointer!important}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:linear-gradient(180deg,var(--ocean-deep) 0,var(--ocean-light) 50%,var(--sand-light) 100%);color:var(--white);transition:background .5s ease}body.theme-default{background:linear-gradient(180deg,#1a4d6d 0,#2d7fa8 50%,#f4e4c1 100%)}body.theme-sunset{background:linear-gradient(180deg,#ff6b6b 0,#ee5a6f 30%,#f79d65 60%,#ffd93d 100%)}body.theme-night{background:linear-gradient(180deg,#0f0c29 0,#302b63 50%,#24243e 100%)}body.theme-tropical{background:linear-gradient(180deg,#00d2ff 0,#3a7bd5 40%,#00d2ff 70%,#5dfc92 100%)}body.theme-winter{background:linear-gradient(180deg,#e0eafc 0,#cfdef3 40%,#f6f9fc 70%,#dfe9f3 100%)}body.theme-volcano{background:linear-gradient(180deg,#3a1c71 0,#d76d77 40%,#ffaf7b 70%,#ff4e50 100%)}img{max-width:100%;height:auto;display:block}button{border:none;background:0 0;cursor:pointer;font-family:inherit;transition:transform var(--transition-fast)}button:active{transform:scale(.95)}input{font-family:inherit;border:none;outline:0}.screen{display:none;width:100%;height:100vh;position:relative}.screen.active{display:block}#auth-screen.active{display:flex}#game-screen.active{display:grid}#auth-screen{display:none}#auth-screen.active{display:flex!important;align-items:center;justify-content:center;padding:var(--spacing-lg)}#story-screen{display:none;align-items:center;justify-content:center;position:relative}#story-screen.active{display:flex!important}.story-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,77,109,.95) 0,rgba(45,127,168,.9) 50%,rgba(244,228,193,.85) 100%);backdrop-filter:blur(20px);z-index:1}.story-container{position:relative;z-index:2;display:flex;gap:var(--spacing-xl);align-items:center;max-width:1200px;padding:var(--spacing-xl)}.story-character{flex-shrink:0;animation:floatStory 3s ease-in-out infinite}.story-character img{width:250px;height:auto;filter:drop-shadow(0 20px 40px rgba(0, 0, 0, .5))}@keyframes floatStory{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(2deg)}}.story-dialog{flex:1;background:rgba(139,69,19,.95);border:4px solid var(--gold);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 20px 60px rgba(0,0,0,.6);position:relative;max-height:600px;display:flex;flex-direction:column}.story-dialog::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-right:20px solid var(--gold)}.story-text{flex:1;font-size:18px;line-height:1.5;color:var(--white);font-family:Georgia,serif;white-space:pre-line;overflow-y:auto;padding-right:var(--spacing-md);max-height:500px}.story-text::-webkit-scrollbar{width:8px}.story-text::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.story-text::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.story-skip{margin-top:var(--spacing-lg);padding:15px var(--spacing-lg);background:var(--gold);color:var(--wood-dark);border:none;border-radius:var(--radius-md);font-size:18px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);align-self:flex-end}.story-skip:hover{transform:translateX(5px);box-shadow:0 4px 15px rgba(255,215,0,.5)}.story-tap-hint{position:absolute;bottom:var(--spacing-xl);left:50%;transform:translateX(-50%);color:var(--white);font-size:16px;opacity:.7;animation:pulse 2s ease-in-out infinite;z-index:2}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:1}}#auth-screen{background:linear-gradient(145deg,#4a90c4 0,#6baed6 20%,#c4a882 50%,#d4b896 70%,#f0e6d0 88%,#fff 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.auth-bg-wrapper{position:relative;width:min(500px,100vw);aspect-ratio:500/333;flex-shrink:0;margin-top:6%}.auth-bg-wrapper img.auth-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}.auth-overlay-form{position:absolute;left:26%;right:26%;top:38%;bottom:5%;display:flex;flex-direction:column;justify-content:flex-start;gap:4%}.auth-username-wrap{position:relative;width:100%}.auth-username-icon{position:absolute;left:8%;top:50%;transform:translateY(-50%);font-size:clamp(10px, 2.5vw, 16px);z-index:2;pointer-events:none}#username{width:100%;height:100%;padding:0 8% 0 22%;border-radius:8px;background:rgba(253,246,227,.92);color:#3a2a0a;font-size:clamp(13px, 3vw, 15px);font-weight:600;border:2px solid #c8860a;font-family:Georgia,serif;box-shadow:inset 0 2px 4px rgba(0,0,0,.15);outline:0;transition:border-color .2s;min-height:0;height:clamp(36px,6vh,52px);box-sizing:border-box}#username::placeholder{color:#a07840;font-weight:500}#username:focus{border-color:gold;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 0 0 2px rgba(255,215,0,.4)}.auth-pin-section{display:flex;flex-direction:column;align-items:center;gap:3%}.auth-pin-label{font-size:clamp(8px, 2vw, 13px);font-weight:800;color:#4a2808;letter-spacing:3px;text-transform:uppercase;font-family:Georgia,serif;text-shadow:0 1px 1px rgba(255,255,255,.6);line-height:1}.pin-boxes{display:flex;justify-content:center;gap:6%;width:100%}.pin-box{width:20%;aspect-ratio:1;border-radius:8px;background:linear-gradient(180deg,#fdf6e3 0,#f0dfa8 100%);border:2px solid #c8860a;font-size:clamp(12px, 3vw, 20px);font-weight:700;text-align:center;color:#3a2a0a;box-shadow:0 3px 6px rgba(0,0,0,.2),inset 0 2px 3px rgba(0,0,0,.1);transition:all .15s ease;caret-color:#c8860a;outline:0;font-family:Georgia,serif;padding:0;min-width:0}.pin-box:focus{border-color:gold;box-shadow:0 3px 6px rgba(0,0,0,.2),0 0 0 2px rgba(255,215,0,.5),inset 0 2px 3px rgba(0,0,0,.1);background:linear-gradient(180deg,#fffde8 0,#fff4cc 100%)}.pin-box.filled{background:linear-gradient(180deg,#fff4cc 0,#ffe08a 100%)}.btn{width:100%;border-radius:10px;font-size:clamp(10px, 2.6vw, 17px);font-weight:900;cursor:pointer;transition:all .2s ease;border:none;letter-spacing:2px;padding:0;height:clamp(22px,6%,40px);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(180deg,#e8d87a 0,#cfb53b 50%,#a8901e 100%);color:#3a2800;text-shadow:0 1px 1px rgba(232,216,122,.5);border:2px solid #7a6010;box-shadow:0 4px 0 #7a6010,0 6px 12px rgba(0,0,0,.3);font-family:Georgia,serif;text-transform:uppercase}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 5px 0 #7a6010,0 8px 16px rgba(0,0,0,.35)}.btn-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #7a6010,0 3px 6px rgba(0,0,0,.3)}.btn-secondary{background:var(--wood-light);color:var(--white)}.remember-me-group{display:flex;align-items:center}.remember-me-label{display:flex;align-items:center;gap:5px;cursor:pointer;color:#4a2808;font-size:clamp(7px, 1.8vw, 11px);font-weight:700;font-family:Georgia,serif;text-shadow:0 1px 1px rgba(255,255,255,.5);white-space:nowrap}.remember-me-label input[type=checkbox]{width:clamp(10px,2.5vw,14px);height:clamp(10px,2.5vw,14px);accent-color:#c8860a;cursor:pointer;flex-shrink:0}.remember-me-text{user-select:none}#game-screen{display:none}#game-screen.active{display:block!important;width:100%;height:100vh;position:relative}.game-header{position:absolute;top:0;left:0;right:0;height:100px;background:0 0;border:none;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:100;pointer-events:none}.game-header>*{pointer-events:auto}.header-banner{flex:1;display:flex;justify-content:center;align-items:center;height:60px}.header-banner img{height:45px;width:auto;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .5))}.game-title{display:none}.header-stats{display:flex;gap:var(--spacing-md);align-items:center}.stat-item{display:flex;align-items:center;gap:var(--spacing-sm);background:rgba(255,255,255,.2);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);backdrop-filter:blur(10px)}.stat-icon{width:32px;height:32px}.stat-value{font-size:20px;font-weight:700;color:var(--gold);text-shadow:1px 1px 2px var(--shadow)}.header-actions{display:flex;gap:var(--spacing-sm)}.icon-btn{width:48px;height:48px;border-radius:var(--radius-full);background:rgba(255,255,255,.2);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.icon-btn:hover{background:rgba(255,255,255,.3);transform:rotate(15deg)}.icon-btn img{width:28px;height:28px}.left-sidebar{position:absolute;top:60px;left:var(--spacing-lg);width:80px;background:0 0;border:none;display:flex;flex-direction:column;padding:0;box-shadow:none;z-index:100}@media (max-width:768px){.left-sidebar{top:70px;left:var(--spacing-sm);width:70px}}@media (max-width:480px){.left-sidebar{top:60px;left:var(--spacing-xs);width:60px}}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-md);padding:0}@media (max-width:768px){.sidebar-nav{gap:var(--spacing-sm)}}@media (max-width:480px){.sidebar-nav{gap:var(--spacing-xs)}}.nav-btn{width:80px;height:80px;border-radius:var(--radius-md);background:rgba(139,69,19,.95);border:3px solid var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);transition:all var(--transition-normal);position:relative;box-shadow:0 4px 15px rgba(0,0,0,.5)}@media (max-width:768px){.nav-btn{width:70px;height:70px;border:2px solid var(--gold)}}@media (max-width:480px){.nav-btn{width:60px;height:60px;border:2px solid var(--gold)}}.nav-btn:hover{background:#8b4513;border-color:var(--gold);transform:scale(1.05)}.nav-btn.active{background:var(--gold);border-color:var(--gold-dark);box-shadow:0 6px 20px rgba(255,215,0,.5)}.map-btn-wrapper{position:relative}.map-dropdown{display:none;position:absolute;left:calc(100% + 8px);top:0;background:rgba(60,30,10,.97);border:1.5px solid rgba(255,215,0,.5);border-radius:12px;padding:6px;flex-direction:column;gap:4px;min-width:140px;z-index:200;box-shadow:4px 4px 16px rgba(0,0,0,.5);animation:ddFadeIn .15s ease}.map-dropdown.open{display:flex}@keyframes ddFadeIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.map-dd-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:none;background:0 0;color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.map-dd-item:hover{background:rgba(255,215,0,.15)}.map-dd-icon{font-size:18px}.map-dd-lock{margin-left:auto;font-size:12px;opacity:.7}.nav-btn img{width:40px;height:40px;filter:drop-shadow(0 2px 4px var(--shadow))}@media (max-width:768px){.nav-btn img{width:35px;height:35px}}@media (max-width:480px){.nav-btn img{width:30px;height:30px}}.nav-btn span{font-size:10px;font-weight:700;color:var(--white);text-transform:uppercase;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width:768px){.nav-btn span{font-size:9px}}@media (max-width:480px){.nav-btn span{font-size:8px}}.nav-btn.active span{color:var(--wood-dark)}.game-main{width:100%;height:100vh;position:relative;overflow:hidden}.map-container{width:100%;height:100%;position:relative}.daily-banner{position:absolute;top:14px;left:50%;transform:translateX(-50%) translateY(-110%);z-index:50;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(15,30,60,.96) 0,rgba(26,60,100,.96) 100%);border:1.5px solid rgba(255,215,0,.45);border-radius:16px;padding:10px 14px 10px 12px;min-width:280px;max-width:420px;width:max-content;box-shadow:0 6px 24px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04);cursor:pointer;transition:transform .5s cubic-bezier(.34,1.28,.64,1),opacity .5s ease;opacity:0;backdrop-filter:blur(8px);user-select:none}.daily-banner.banner-visible{transform:translateX(-50%) translateY(0);opacity:1}.daily-banner:hover{border-color:rgba(255,215,0,.75);box-shadow:0 8px 28px rgba(0,0,0,.5),0 0 12px rgba(255,215,0,.15)}.daily-banner-icon{font-size:26px;flex-shrink:0;line-height:1}.daily-banner-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.daily-banner-title{font-size:13px;font-weight:800;color:gold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}.daily-banner-sub{font-size:11px;color:rgba(255,255,255,.6);font-weight:600}.daily-banner-progress-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0}.daily-banner-bar{width:72px;height:6px;background:rgba(255,255,255,.12);border-radius:10px;overflow:hidden}.daily-banner-fill{height:100%;width:0%;background:linear-gradient(90deg,#f5a623,gold);border-radius:10px;transition:width .8s cubic-bezier(.4,0,.2,1)}.daily-banner-fill.complete{background:linear-gradient(90deg,#4caf50,#81c784);box-shadow:0 0 6px rgba(76,175,80,.5)}.daily-banner-pct{font-size:10px;font-weight:700;color:rgba(255,255,255,.55)}.daily-banner-close{background:0 0;border:none;color:rgba(255,255,255,.4);font-size:13px;cursor:pointer;padding:2px 4px;line-height:1;flex-shrink:0;border-radius:6px;transition:color .2s,background .2s}.daily-banner-close:hover{color:rgba(255,255,255,.85);background:rgba(255,255,255,.08)}@media (max-width:768px){.daily-banner{top:8px;min-width:0;max-width:calc(100vw - 32px);padding:8px 10px 8px 10px;gap:8px}.daily-banner-icon{font-size:20px}.daily-banner-title{font-size:12px}.daily-banner-sub{font-size:10px}.daily-banner-bar{width:54px}}.map-background{position:absolute;inset:0;z-index:var(--z-base)}.map-bg-image{width:100%;height:100%;object-fit:cover;opacity:1}.islands-container{position:absolute;inset:0;z-index:calc(var(--z-base) + 1)}.island-paths{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.island{position:absolute;cursor:pointer;transition:all var(--transition-normal);transform-style:preserve-3d;z-index:10}.island:hover{transform:scale(1.1) translateY(-10px);filter:drop-shadow(0 10px 20px var(--shadow))}.island.locked{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.island.locked:hover{transform:scale(1)}.island-image{width:150px;height:auto;filter:drop-shadow(0 4px 8px var(--shadow));opacity:0;transition:opacity .4s ease}.island-image.island-img-loaded{opacity:1}.island-skeleton{width:150px;height:130px;position:relative;border-radius:44% 56% 62% 38%/52% 44% 56% 48%;background:rgba(255,255,255,.08);overflow:hidden;flex-shrink:0}.island-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);background-size:200% 100%;animation:islandShimmer 1.4s ease-in-out infinite}@keyframes islandShimmer{0%{background-position:-100% 0}100%{background-position:200% 0}}.island-skeleton.skeleton-done{display:none}@media (max-width:768px){.island-skeleton{width:85px;height:75px}}@media (max-width:480px){.island-skeleton{width:70px;height:62px}}.island-label{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);background:rgba(92,61,46,.92);color:var(--gold);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap;border:2px solid var(--gold);box-shadow:0 2px 8px rgba(0,0,0,.35);letter-spacing:.3px;pointer-events:none}.island-progress{position:absolute;bottom:-42px;left:50%;transform:translateX(-50%);width:110px;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:3px}.island-progress-track{width:100%;height:6px;background:rgba(0,0,0,.35);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.island-progress-fill{height:100%;width:0%;border-radius:10px;background:linear-gradient(90deg,#f5a623,gold);transition:width .7s cubic-bezier(.4, 0, .2, 1);position:relative}.island-progress-fill::after{content:'';position:absolute;top:1px;left:4px;right:4px;height:2px;background:rgba(255,255,255,.4);border-radius:2px}.island-progress-fill.complete{background:linear-gradient(90deg,#4caf50,#81c784);box-shadow:0 0 6px rgba(76,175,80,.6)}.island-progress-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.3px;text-shadow:0 1px 3px rgba(0,0,0,.7);line-height:1}.island-progress-label.complete{color:#81c784;text-shadow:0 0 6px rgba(76,175,80,.5)}.island-label{bottom:-22px!important}@media (max-width:768px){.island-progress{width:80px;bottom:-38px}.island-progress-track{height:5px}.island-progress-label{font-size:9px}.island-label{bottom:-19px!important}}.island-lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;z-index:10;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .8));animation:lockPulse 2s ease-in-out infinite}@keyframes lockPulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.ipin{position:absolute;top:-50px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:35;cursor:pointer;animation:ipinDrop .45s cubic-bezier(.34,1.5,.64,1) both;transition:left .35s ease}@keyframes ipinDrop{0%{opacity:0;transform:translateX(-50%) translateY(-18px) scale(.5)}100%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.ipin-img-wrap{position:relative;width:30px;height:30px}.ipin-img-wrap img{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block;border:2.5px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.5)}.ipin-on .ipin-img-wrap img{border-color:#4caf50}.ipin-off .ipin-img-wrap img{filter:grayscale(50%);opacity:.75}.ipin-live{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;background:#4caf50;border:1.5px solid #fff;animation:ipinPulse 2s ease-in-out infinite}@keyframes ipinPulse{0%,100%{box-shadow:0 0 0 0 rgba(76,175,80,.5)}50%{box-shadow:0 0 0 4px rgba(76,175,80,0)}}.ipin-label{font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis;pointer-events:none;line-height:1.2}.ipin:hover .ipin-img-wrap img{transform:scale(1.12);transition:transform .15s}.ipin:hover::after{content:attr(title);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:rgba(10,25,50,.93);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:8px;white-space:nowrap;border:1px solid rgba(255,255,255,.12);pointer-events:none;z-index:999}@media (max-width:768px){.ipin{top:-40px}.ipin-img-wrap,.ipin-img-wrap img{width:24px;height:24px}.ipin-live{width:7px;height:7px}.ipin-label{font-size:8px}}.games-island{animation:none!important;z-index:25!important;position:absolute}.games-island .island-image{width:180px!important;height:auto;animation:none!important;transform:none!important}.games-island:hover{transform:scale(1.05);filter:drop-shadow(0 8px 16px rgba(156, 39, 176, .5));z-index:30!important}@keyframes gamesIslandFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.games-island .island-label{background:linear-gradient(135deg,#9c27b0 0,#7b1fa2 100%);color:#fff;border-color:#ba68c8;box-shadow:0 2px 8px rgba(156,39,176,.4)}.island-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,gold 0,#ffed4e 100%);color:#5c3d2e;padding:4px 12px;border-radius:12px;font-size:10px;font-weight:700;border:2px solid #fff;box-shadow:0 4px 8px rgba(0,0,0,.3);white-space:nowrap;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}@media (max-width:768px){.cinema-island .island-image,.games-island .island-image,.island .island-image,.vocab-island-img{width:90px!important;height:auto!important;animation:none!important;transform:none!important}.cinema-island,.games-island,.island,.vocab-island{animation:none!important;transform:none!important}.cinema-island:hover,.games-island:hover,.island:hover,.vocab-island:hover{transform:scale(1.05)!important;animation:none!important}.games-island{bottom:25%!important;left:50%!important;transform:translateX(-50%)!important;z-index:20!important}.games-island .island-image{width:90px!important;animation:none!important;transform:none!important}.island-badge{font-size:9px;padding:3px 8px}.games-island:hover{transform:scale(1.05)!important}}@media (max-width:480px){.cinema-island .island-image,.games-island .island-image,.island .island-image,.vocab-island-img{width:75px!important;height:auto!important;animation:none!important;transform:none!important}.games-island{bottom:25%!important;left:50%!important;transform:translateX(-50%)!important;z-index:20!important}.games-island .island-image{width:75px!important;animation:none!important;transform:none!important}.island-badge{font-size:8px;padding:2px 6px}.games-island:hover{transform:scale(1.05)!important}}.cinema-island{transition:all .3s ease;animation:cinemaFloat 4s ease-in-out infinite;position:absolute;z-index:27!important}.ai-practice-island{cursor:pointer;transition:transform .3s ease}.ai-practice-island:hover{transform:scale(1.05)}.ai-practice-island .island-label{color:#63b3ed;border-color:#63b3ed;text-shadow:0 0 8px rgba(99,179,237,.6)}.premium-badge{background:linear-gradient(135deg,#f6d365,#fda085);color:#1a1a00;font-size:10px;font-weight:800;padding:2px 8px;border-radius:10px;text-align:center;margin-top:2px}.cinema-island .island-image{width:160px!important;height:auto;object-fit:contain}.cinema-island:hover{transform:scale(1.15) translateY(-10px);filter:drop-shadow(0 12px 24px rgba(231, 76, 60, .8))!important;z-index:35!important}.cinema-island.locked{cursor:not-allowed!important;opacity:.8}.cinema-island.locked:hover{transform:scale(1.08) translateY(-5px);filter:grayscale(60%) drop-shadow(0 8px 16px rgba(231, 76, 60, .4))}.cinema-island .island-label{background:linear-gradient(135deg,#e74c3c 0,#c0392b 100%);border-color:#fff;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.cinema-island .island-badge{display:none}@keyframes cinemaFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(-1deg)}}@media (max-width:768px){.cinema-island{bottom:15%!important;right:10%!important;z-index:22!important;animation:none!important}.cinema-island .island-image{width:90px!important}}@media (max-width:480px){.cinema-island{bottom:15%!important;right:10%!important}.cinema-island .island-image{width:75px!important}}.vocab-island{transition:all .4s cubic-bezier(.68, -.55, .265, 1.55);animation:vocabFloat 5s ease-in-out infinite;position:absolute;z-index:28!important}.vocab-island-img{width:135px!important;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(103, 126, 234, .6))}.vocab-island:hover{transform:scale(1.2) translateY(-15px);filter:drop-shadow(0 15px 30px rgba(103, 126, 234, 1))!important;z-index:40!important}.vocab-island:hover .vocab-glow{opacity:1;transform:scale(1.5)}.vocab-label{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-color:#fff;color:#fff;box-shadow:0 2px 8px rgba(103,126,234,.5);animation:labelPulse 2s ease-in-out infinite}.vocab-badge{position:absolute;top:-15px;right:-15px;background:linear-gradient(135deg,gold 0,orange 100%);color:#333;font-size:11px;font-weight:800;padding:6px 12px;border-radius:20px;border:2px solid #fff;box-shadow:0 4px 12px rgba(255,215,0,.6);animation:badgePulse 1.5s ease-in-out infinite}.vocab-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(103,126,234,.4) 0,transparent 70%);border-radius:50%;opacity:.5;transition:all .4s ease;pointer-events:none;animation:glowPulse 3s ease-in-out infinite}@keyframes vocabFloat{0%,100%{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(-8px) rotate(-2deg)}}@keyframes labelPulse{0%,100%{box-shadow:0 6px 16px rgba(103,126,234,.5)}50%{box-shadow:0 8px 24px rgba(103,126,234,.8)}}@keyframes badgePulse{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(255,215,0,.6)}50%{transform:scale(1.1);box-shadow:0 6px 20px gold}}@keyframes glowPulse{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@media (max-width:768px){.vocab-island{top:35%!important;left:65%!important;transform:translateX(-50%)!important;z-index:21!important}.vocab-island-img{width:90px!important}.vocab-badge{font-size:9px;padding:4px 8px}}@media (max-width:480px){.vocab-island{top:35%!important;left:65%!important;transform:translateX(-50%)!important}.vocab-island-img{width:75px!important}.vocab-badge{font-size:8px;padding:3px 6px}}.map-character{position:absolute;z-index:calc(var(--z-base) + 2);transition:top 3s cubic-bezier(.4, 0, .2, 1),left 3s cubic-bezier(.4, 0, .2, 1);pointer-events:auto;will-change:top,left;cursor:pointer;display:flex;flex-direction:column;align-items:center}.map-character:hover .character-image{filter:drop-shadow(0 8px 24px rgba(255,215,0,.7))}.map-character-pulse-ring{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-55%);border-radius:50%;border:3px solid rgba(255,215,0,.6);animation:mapCharPulse 2.4s ease-out infinite;pointer-events:none;z-index:-1}.map-character-pulse-ring.ring-delay{animation-delay:1.2s;border-color:rgba(255,215,0,.35)}@keyframes mapCharPulse{0%{transform:translate(-50%,-55%) scale(.7);opacity:.9}70%{transform:translate(-50%,-55%) scale(1.5);opacity:0}100%{transform:translate(-50%,-55%) scale(1.5);opacity:0}}.map-character-nameplate{display:flex;align-items:center;gap:5px;background:rgba(10,30,55,.82);border:1px solid rgba(255,215,0,.45);border-radius:20px;padding:3px 10px 3px 6px;margin-top:2px;backdrop-filter:blur(4px);white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}.map-char-level{font-size:10px;font-weight:800;color:gold;letter-spacing:.3px}.map-char-name{font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.map-character-profile-hint{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:rgba(26,77,109,.92);color:gold;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;white-space:nowrap;border:1px solid rgba(255,215,0,.5);opacity:0;pointer-events:none;transition:opacity .2s ease;letter-spacing:.5px}.map-character:hover .map-character-profile-hint{opacity:1}@media (max-width:768px){.map-character-profile-hint{font-size:10px;padding:3px 8px}.map-char-name{font-size:10px;max-width:72px}.map-char-level{font-size:9px}.map-character-nameplate{padding:2px 8px 2px 5px;gap:4px}.map-character-pulse-ring{width:90px;height:90px}}.ship-league-badge{position:absolute;top:-32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:none;z-index:5}.ship-league-badge span:first-child{font-size:20px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.ship-league-badge span:last-child{font-size:9px;font-weight:800;letter-spacing:.5px;color:gold;text-shadow:0 1px 4px rgba(0,0,0,.9)}.league-diamond .ship-league-badge span:first-child{filter:drop-shadow(0 0 6px rgba(167,139,250,.9));animation:leaguePulse 2s ease-in-out infinite}.league-gold .ship-league-badge span:first-child{filter:drop-shadow(0 0 6px rgba(255,215,0,.9));animation:leaguePulse 2.5s ease-in-out infinite}.league-diamond .ship-league-badge span:last-child{color:#a78bfa}.league-gold .ship-league-badge span:last-child{color:gold}.league-silver .ship-league-badge span:last-child{color:silver}.league-bronze .ship-league-badge span:last-child{color:#cd7f32}.league-sailor .ship-league-badge span:last-child{color:rgba(255,255,255,.5)}@media (max-width:768px){.ship-league-badge{top:-26px}.ship-league-badge span:first-child{font-size:16px}.ship-league-badge span:last-child{font-size:8px}}.streak-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:44px}.streak-fire{font-size:22px;line-height:1;filter:grayscale(.5);transition:filter .3s ease,transform .3s ease}.streak-header-count{font-size:11px;font-weight:800;color:rgba(255,255,255,.55);line-height:1;transition:color .3s ease}.streak-btn.streak-active .streak-fire{filter:grayscale(0) drop-shadow(0 0 6px rgba(255,140,0,.8));animation:streakFlicker 1.8s ease-in-out infinite}.streak-btn.streak-active .streak-header-count{color:#ff9500}@keyframes streakFlicker{0%,100%{transform:scaleY(1) rotate(-3deg)}50%{transform:scaleY(1.15) rotate(3deg)}}@media (max-width:768px){.streak-fire{font-size:20px}.streak-header-count{font-size:10px}}.character-image{width:180px;height:auto;filter:drop-shadow(0 8px 16px var(--shadow));display:block}.character-image:not(.walking){animation:characterBounce 2s ease-in-out infinite}.character-image.walking{animation:characterWalk .5s ease-in-out infinite}@keyframes characterBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes characterWalk{0%,100%{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(0) rotate(-2deg)}75%{transform:translateY(-5px) rotate(2deg)}}#motivational-toast{display:none}@media (max-width:768px){#motivational-toast{display:block;position:fixed;top:62px;left:50%;transform:translateX(-50%) translateY(-20px);background:linear-gradient(135deg,rgba(92,61,46,.97),rgba(60,35,15,.97));color:var(--gold);padding:8px 18px;border-radius:30px;border:2px solid var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.45),0 0 0 1px rgba(255,215,0,.2);font-size:13px;font-weight:700;white-space:normal;text-align:center;max-width:90vw;z-index:9999;pointer-events:none;opacity:0;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);letter-spacing:.3px}#motivational-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.speech-bubble{display:none!important}}@keyframes bubbleAppear{0%{opacity:0;transform:translateX(-50%) scale(.8)}100%{opacity:1;transform:translateX(-50%) scale(1)}}.map-ship{position:absolute;z-index:calc(var(--z-base) + 1);transition:all 3s cubic-bezier(.4, 0, .2, 1);cursor:pointer;will-change:top,left,transform}.map-ship:hover{filter:drop-shadow(0 16px 32px rgba(255, 215, 0, .6))}.map-ship:active{transform:scale(1.05) translateY(-2px)}.ship-image{width:100px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 8px 16px var(--shadow));animation:shipFloat 3s ease-in-out infinite}@keyframes shipFloat{0%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(-12px) rotate(-.5deg)}75%{transform:translateY(-8px) rotate(1.5deg)}100%{transform:translateY(0) rotate(-1deg)}}.map-ship::after{content:'';position:absolute;width:50px;height:14px;bottom:-4px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,255,255,.25) 0,transparent 70%);border-radius:50%;animation:idleReflect 2.5s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes idleReflect{0%,100%{opacity:.3;transform:translateX(-50%) scaleX(.9)}50%{opacity:.5;transform:translateX(-50%) scaleX(1.1)}}.map-ship.sailing .ship-image{animation:shipSailing 2s ease-in-out infinite}@keyframes shipSailing{0%,100%{transform:translateY(0) rotate(-2deg) scale(1)}20%{transform:translateY(-5px) rotate(2.5deg) scale(1.02)}40%{transform:translateY(-9px) rotate(-1.5deg) scale(1.03)}60%{transform:translateY(-10px) rotate(2deg) scale(1.02)}80%{transform:translateY(-4px) rotate(-1deg) scale(1.01)}}.map-ship.sailing::after{opacity:0}.wake-layer{position:absolute;pointer-events:none;z-index:1;opacity:0;transition:opacity .4s}.map-ship.sailing .wake-layer{opacity:1}.wake-bow{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:28px solid rgba(255,255,255,.3);filter:blur(3px);top:-16px;left:50%;transform:translateX(-50%);animation:none}.map-ship.sailing .wake-bow{animation:bowPulse 1.4s ease-in-out infinite}@keyframes bowPulse{0%,100%{border-top-color:rgba(255,255,255,.2);transform:translateX(-50%) scale(.9);filter:blur(3px)}50%{border-top-color:rgba(255,255,255,.45);transform:translateX(-50%) scale(1.15);filter:blur(2px)}}.map-ship.sailing-right .wake-bow{left:65%;top:10px;transform:translateX(-50%) rotate(-10deg)}.map-ship.sailing-left .wake-bow{left:35%;top:10px;transform:translateX(-50%) rotate(10deg)}.wake-side{width:45px;height:8px;background:linear-gradient(90deg,rgba(255,255,255,.5),transparent);border-radius:50%;filter:blur(1.5px);top:55%}.wake-side-l{left:-10px;transform:rotate(-25deg) scaleX(0);transform-origin:right center}.wake-side-r{right:-10px;background:linear-gradient(-90deg,rgba(255,255,255,.5),transparent);transform:rotate(25deg) scaleX(0);transform-origin:left center}.map-ship.sailing .wake-side-l{animation:sideWaveL 1.8s ease-in-out infinite}.map-ship.sailing .wake-side-r{animation:sideWaveR 1.8s ease-in-out infinite .15s}@keyframes sideWaveL{0%{transform:rotate(-25deg) scaleX(0);opacity:0}30%{transform:rotate(-30deg) scaleX(1.2);opacity:.8}60%{transform:rotate(-35deg) scaleX(1.6) translateX(-8px);opacity:.4}100%{transform:rotate(-40deg) scaleX(2) translateX(-16px);opacity:0}}@keyframes sideWaveR{0%{transform:rotate(25deg) scaleX(0);opacity:0}30%{transform:rotate(30deg) scaleX(1.2);opacity:.8}60%{transform:rotate(35deg) scaleX(1.6) translateX(8px);opacity:.4}100%{transform:rotate(40deg) scaleX(2) translateX(16px);opacity:0}}.map-ship.sailing-right .wake-side-l{top:40%;left:-5px}.map-ship.sailing-right .wake-side-r{top:65%;right:10px}.map-ship.sailing-left .wake-side-l{top:65%;left:10px}.map-ship.sailing-left .wake-side-r{top:40%;right:-5px}.wake-trail{width:8px;height:80px;bottom:-70px;left:50%;transform:translateX(-50%);background:linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(200,230,255,.25) 30%,rgba(200,230,255,.1) 60%,transparent 100%);border-radius:4px;filter:blur(2px)}.map-ship.sailing .wake-trail{animation:trailGrow 2s ease-in-out infinite}@keyframes trailGrow{0%,100%{height:60px;opacity:.5;filter:blur(2px)}50%{height:100px;opacity:.8;filter:blur(3px)}}.map-ship.sailing-right .wake-trail{bottom:auto;top:40%;left:-30px;width:70px;height:8px;transform:none;background:linear-gradient(to left,rgba(255,255,255,.4) 0,rgba(200,230,255,.2) 40%,transparent 100%);border-radius:4px;animation:trailGrowH 2s ease-in-out infinite}.map-ship.sailing-left .wake-trail{bottom:auto;top:40%;right:-30px;left:auto;width:70px;height:8px;transform:none;background:linear-gradient(to right,rgba(255,255,255,.4) 0,rgba(200,230,255,.2) 40%,transparent 100%);border-radius:4px;animation:trailGrowH 2s ease-in-out infinite}@keyframes trailGrowH{0%,100%{width:50px;opacity:.4}50%{width:90px;opacity:.75}}.wake-foam{width:8px;height:8px;background:radial-gradient(circle,rgba(255,255,255,.8) 20%,rgba(200,230,255,.3) 60%,transparent 100%);border-radius:50%;filter:blur(.5px)}.wake-foam-1{bottom:-20px;left:40%}.wake-foam-2{bottom:-35px;left:55%}.wake-foam-3{bottom:-50px;left:45%}.map-ship.sailing .wake-foam-1{animation:foamBubble 1.6s ease-out infinite}.map-ship.sailing .wake-foam-2{animation:foamBubble 1.9s ease-out infinite .3s}.map-ship.sailing .wake-foam-3{animation:foamBubble 2.2s ease-out infinite .6s}@keyframes foamBubble{0%{opacity:0;transform:scale(.4) translateY(0)}20%{opacity:.9;transform:scale(1.2) translateY(-4px)}50%{opacity:.6;transform:scale(1) translateY(-2px)}100%{opacity:0;transform:scale(.3) translateY(10px)}}.map-ship.sailing-right .wake-foam-1{bottom:auto;top:30%;left:-15px}.map-ship.sailing-right .wake-foam-2{bottom:auto;top:45%;left:-28px}.map-ship.sailing-right .wake-foam-3{bottom:auto;top:55%;left:-40px}.map-ship.sailing-left .wake-foam-1{bottom:auto;top:30%;left:auto;right:-15px}.map-ship.sailing-left .wake-foam-2{bottom:auto;top:45%;left:auto;right:-28px}.map-ship.sailing-left .wake-foam-3{bottom:auto;top:55%;left:auto;right:-40px}.wake-splash{width:4px;height:4px;background:rgba(255,255,255,.85);border-radius:50%;filter:blur(.3px)}.wake-splash-1{bottom:-8px;left:30%}.wake-splash-2{bottom:-12px;left:65%}.map-ship.sailing .wake-splash-1{animation:splashJump 1.3s ease-out infinite .2s}.map-ship.sailing .wake-splash-2{animation:splashJump 1.5s ease-out infinite .7s}@keyframes splashJump{0%{opacity:0;transform:translateY(0) scale(1)}15%{opacity:1;transform:translateY(-14px) scale(1.2)}40%{opacity:.7;transform:translateY(-8px) scale(.8)}100%{opacity:0;transform:translateY(6px) scale(.3)}}.map-ship.sailing-right .wake-splash-1{bottom:auto;top:20%;left:-8px}.map-ship.sailing-right .wake-splash-2{bottom:auto;top:60%;left:-14px}.map-ship.sailing-left .wake-splash-1{bottom:auto;top:20%;left:auto;right:-8px}.map-ship.sailing-left .wake-splash-2{bottom:auto;top:60%;left:auto;right:-14px}.map-compass{position:absolute;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:calc(var(--z-base) + 2)}.compass-image{width:100px;height:100px;filter:drop-shadow(0 4px 8px var(--shadow));animation:compassRotate 60s linear infinite}@keyframes compassRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.dolphins-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;z-index:calc(var(--z-base) + 1);pointer-events:none;opacity:0}.dolphins-container.active{animation:dolphinsFadeIn .5s ease-in forwards}.dolphins-container.fade-out{animation:dolphinsFadeOut .5s ease-out forwards}@keyframes dolphinsFadeIn{from{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dolphinsFadeOut{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.modal{display:none;position:fixed;inset:0;z-index:var(--z-modal);align-items:center;justify-content:center}.modal.active{display:flex}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-content{background:var(--wood-dark);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:600px;width:90%;max-height:85vh;overflow-y:auto;overflow-x:hidden;position:relative}@media (max-width:768px){.modal-content{width:95%;max-height:90vh;padding:16px;border-radius:16px}.badges-header h2,.inventory-header h2,.modal-header h2,.shop-header h2{font-size:20px!important}.shop-items{grid-template-columns:1fr!important;gap:12px}.shop-item{max-width:100%;padding:12px!important}.shop-item img{width:60px!important;height:60px!important}.shop-item h3{font-size:16px!important}.shop-item p{font-size:12px!important}.shop-item .btn{padding:8px 16px!important;font-size:14px!important}.badges-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}.badge-item{padding:12px!important}.badge-item img{width:50px!important;height:50px!important}.badge-item h3{font-size:14px!important}.badge-item p{font-size:11px!important}.inventory-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}.inventory-item{padding:12px!important}.inventory-item img{width:60px!important;height:60px!important}.modal-close{width:32px;height:32px;font-size:16px;top:8px;right:8px}.shop-tabs button{font-size:12px!important;padding:8px 12px!important}}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;border-radius:var(--radius-full);background:var(--danger);color:var(--white);font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:10}.modal-close:hover{background:#d32f2f;transform:rotate(90deg)}.island-modal-content{width:90vw;max-width:1400px;height:85vh;background-size:cover;background-position:center;background-repeat:no-repeat;border:12px solid #8b4513;border-radius:0;padding:0;position:relative;box-shadow:0 0 0 6px #d4a574,0 20px 60px rgba(0,0,0,.8);overflow:hidden}.island-modal-header{position:absolute;top:20px;left:50%;transform:translateX(-50%);background:rgba(139,69,19,.95);border:4px solid var(--gold);border-radius:16px;padding:16px 32px;z-index:10;box-shadow:0 8px 24px rgba(0,0,0,.6);text-align:center}.island-modal-header h2{display:block;color:var(--gold);font-size:28px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.island-modal-header p{display:block;color:var(--white);font-size:16px;margin:8px 0 0 0;font-weight:600}.chests-grid{width:100%;height:100%;position:relative}.chests-row{width:100%;display:flex;flex-direction:column;align-items:center}.chests-row-platform{width:100%;max-width:1100px;height:140px;background:url('https://ingilizcemaarif.com/wp-content/uploads/2026/01/woodenforchest.png') center/contain no-repeat;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:20px}.chests-row-items{display:flex;justify-content:center;align-items:flex-start;gap:80px;position:absolute;top:-70px;left:50%;transform:translateX(-50%)}.chest-item{position:absolute;width:100px;min-height:140px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;opacity:.75;filter:brightness(.9) contrast(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.4))}.chest-item:hover{transform:scale(1.3);filter:drop-shadow(0 0 20px rgba(255, 215, 0, .8));z-index:100}.chest-item.opened{opacity:.6;filter:grayscale(50%)}.chest-item.opened:hover{transform:scale(1.1);filter:grayscale(50%) drop-shadow(0 0 10px rgba(255, 215, 0, .4))}.chest-item img{width:100%;height:auto;max-height:100px;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 20px rgba(0, 0, 0, .6));flex-shrink:0}@keyframes chestPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(255, 215, 0, .6))}}.chest-item:not(.opened){animation:chestPulse 2s ease-in-out infinite}.chest-item.opened{animation:chestGlow 2s ease-in-out infinite}@keyframes chestGlow{0%,100%{filter:drop-shadow(0 0 15px rgba(255, 215, 0, .6))}50%{filter:drop-shadow(0 0 30px rgba(255, 215, 0, 1))}}.chest-item.locked{opacity:.6;cursor:not-allowed;filter:grayscale(80%)}.chest-item.locked:hover{transform:scale(1.02);opacity:.7}.chest-number{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,gold 0,#ffed4e 100%);color:#000;font-size:16px;font-weight:800;padding:4px 12px;border-radius:20px;z-index:10;box-shadow:0 4px 12px rgba(255,215,0,.5);border:2px solid #fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chest-lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;z-index:15;animation:lockShake 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .5))}@keyframes lockShake{0%,100%{transform:translate(-50%,-50%) rotate(0)}25%{transform:translate(-50%,-50%) rotate(-5deg)}75%{transform:translate(-50%,-50%) rotate(5deg)}}.chest-item.locked .chest-number{background:linear-gradient(135deg,#95a5a6 0,#7f8c8d 100%);color:#fff}.chest-progress-container{width:90%;height:10px;background:rgba(0,0,0,.7);border-radius:10px;margin:8px auto 2px;overflow:hidden;border:2px solid rgba(255,255,255,.5);position:relative;box-shadow:0 2px 4px rgba(0,0,0,.5)}.chest-progress-bar{height:100%;border-radius:10px;transition:width .5s ease,background-color .3s ease;position:relative}.chest-progress-bar.progress-low{background:linear-gradient(90deg,#f44336 0,#e53935 100%)}.chest-progress-bar.progress-medium{background:linear-gradient(90deg,#ffc107 0,#ffb300 100%)}.chest-progress-bar.progress-high{background:linear-gradient(90deg,#4caf50 0,#43a047 100%)}.chest-progress-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.chest-progress-text{font-size:13px;font-weight:800;color:var(--white);text-align:center;margin-top:4px;text-shadow:1px 1px 2px rgba(0,0,0,.9),-1px -1px 2px rgba(0,0,0,.9),1px -1px 2px rgba(0,0,0,.9),-1px 1px 2px rgba(0,0,0,.9);background:rgba(0,0,0,.5);padding:2px 6px;border-radius:4px}.chest-item.opening{pointer-events:none;animation:chestShake .5s ease-in-out,chestOpen 1s ease-in-out .5s forwards}@keyframes chestShake{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-5deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(5deg)}}@keyframes chestOpen{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.5) drop-shadow(0 0 30px rgba(255, 215, 0, 1))}100%{transform:scale(1.1);filter:brightness(1.3) drop-shadow(0 0 40px rgba(255, 215, 0, .8))}}.chest-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.6) 0,transparent 70%);animation:glowPulse 1.5s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes glowPulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.chest-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none}.chest-particle{position:absolute;font-size:24px;animation:particleFloat 2s ease-out forwards}@keyframes particleFloat{0%{opacity:1;transform:translate(0,0) scale(0)}50%{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1)}100%{opacity:0;transform:translate(calc(var(--tx) * 2),calc(var(--ty) * 2)) scale(.5)}}.island-modal-exit{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:250px;height:70px;background:url('https://ingilizcemaarif.com/wp-content/uploads/2026/01/exitt.png') center/contain no-repeat;border:none;cursor:pointer;transition:all var(--transition-normal);font-size:0;box-shadow:0 8px 20px rgba(0,0,0,.5)}.island-modal-exit:hover{transform:translateX(-50%) scale(1.1);box-shadow:0 12px 30px rgba(0,0,0,.7)}.profile-modal-content{min-width:500px;max-width:600px}.inventory-modal-content{width:90vw;max-width:800px;background:linear-gradient(135deg,var(--wood-dark) 0,var(--wood-light) 100%)}.badges-modal-content{width:90vw;max-width:900px;background:linear-gradient(135deg,var(--wood-dark) 0,var(--wood-light) 100%)}.badges-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--gold)}.badges-header h2{font-size:36px;color:var(--gold);margin-bottom:var(--spacing-sm)}.badges-progress{font-size:18px;color:var(--sand-light);font-weight:600}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-lg)}.badge-item{background:rgba(0,0,0,.3);border:3px solid rgba(255,215,0,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal);position:relative}.badge-item.unlocked{background:rgba(255,215,0,.1);border-color:var(--gold);transform:scale(1.05);box-shadow:0 8px 20px rgba(255,215,0,.3)}.badge-item.unlocked .badge-image{filter:none!important;animation:badgeUnlock .5s ease-out}@keyframes badgeUnlock{0%{transform:scale(0) rotate(-180deg)}50%{transform:scale(1.3) rotate(10deg)}100%{transform:scale(1) rotate(0)}}.badge-image-container{width:100%;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm)}.badge-image{max-width:80px;max-height:80px;object-fit:contain;transition:all var(--transition-normal)}.badge-image.locked-img{filter:grayscale(100%) opacity(.3)}.badge-name{font-size:16px;font-weight:700;color:var(--gold);margin-bottom:var(--spacing-xs)}.badge-description{font-size:12px;color:var(--sand-light);line-height:1.4}.badge-locked{position:absolute;top:10px;right:10px;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .5))}.badge-date{font-size:10px;color:var(--sand-dark);margin-top:var(--spacing-xs);font-style:italic}.bonus-info{text-align:center;padding:var(--spacing-lg);background:rgba(76,175,80,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:2px solid rgba(76,175,80,.5)}.bonus-info h3{font-size:24px;color:var(--gold);margin-bottom:var(--spacing-sm)}.bonus-info p{font-size:16px;color:var(--sand-light);margin-bottom:var(--spacing-xs)}.bonus-limit{font-size:18px;font-weight:700;color:#4caf50;margin-top:var(--spacing-sm)}.featured-bonus{border:3px solid #4caf50;box-shadow:0 8px 24px rgba(76,175,80,.4);animation:bonusPulse 2s ease-in-out infinite}@keyframes bonusPulse{0%,100%{box-shadow:0 8px 24px rgba(76,175,80,.4)}50%{box-shadow:0 12px 32px rgba(76,175,80,.6)}}.bonus-watch-btn{font-size:18px;padding:var(--spacing-md) var(--spacing-lg)}.bonus-note{margin-top:var(--spacing-sm);font-size:12px;color:rgba(255,255,255,.6);font-style:italic}#watch-video-modal .modal-content{animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}#ad-timer-container{position:relative;overflow:hidden}#ad-timer-container::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmerAd 2s infinite}@keyframes shimmerAd{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}#claim-video-reward-btn:not(:disabled){opacity:1!important;cursor:pointer!important;animation:pulse-button 1.5s ease-in-out infinite}@keyframes pulse-button{0%,100%{transform:scale(1);box-shadow:0 4px 12px rgba(76,175,80,.4)}50%{transform:scale(1.05);box-shadow:0 6px 20px rgba(76,175,80,.6)}}.leaderboard-modal-content{max-width:700px;max-height:85vh;background:linear-gradient(135deg,#1a4d6d 0,#2d7fa8 100%);padding:var(--spacing-xl);overflow-y:auto}.leaderboard-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--gold);position:relative}.leaderboard-ship-icon{width:80px;height:auto;margin:0 auto var(--spacing-md);animation:shipFloat 3s ease-in-out infinite}.leaderboard-header h2{font-size:32px;color:var(--gold);text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:var(--spacing-sm)}.leaderboard-subtitle{font-size:16px;color:var(--sand-light);font-style:italic}.leaderboard-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);justify-content:center}.leaderboard-filter{padding:var(--spacing-sm) var(--spacing-lg);background:rgba(255,255,255,.1);border:2px solid var(--gold);border-radius:var(--radius-md);color:var(--white);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.leaderboard-filter:hover{background:rgba(255,215,0,.2);transform:translateY(-2px)}.leaderboard-filter.active{background:var(--gold);color:var(--wood-dark)}.leaderboard-list{margin-bottom:var(--spacing-xl);min-height:400px}.leaderboard-loading{text-align:center;padding:var(--spacing-xl);font-size:24px;color:var(--gold);animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.leaderboard-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,.1);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-normal);border:2px solid transparent}.leaderboard-item:hover{background:rgba(255,255,255,.15);transform:translateX(8px) scale(1.02);box-shadow:0 4px 12px rgba(255,215,0,.2)}.leaderboard-item.current-user{background:rgba(255,215,0,.2);border-color:var(--gold);box-shadow:0 4px 12px rgba(255,215,0,.3)}.leaderboard-rank{font-size:24px;font-weight:700;color:var(--gold);min-width:40px;text-align:center}.leaderboard-rank.rank-1{color:gold;font-size:32px}.leaderboard-rank.rank-2{color:silver;font-size:28px}.leaderboard-rank.rank-3{color:#cd7f32;font-size:26px}.leaderboard-avatar{width:50px;height:50px;border-radius:var(--radius-full);border:3px solid var(--gold);object-fit:cover}.leaderboard-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.leaderboard-username{font-size:18px;font-weight:700;color:var(--white)}.leaderboard-stats{display:flex;gap:var(--spacing-md);font-size:14px;color:var(--sand-light)}.leaderboard-stat{display:flex;align-items:center;gap:4px}.leaderboard-user-rank{position:sticky;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(26,77,109,.98) 0,rgba(26,77,109,.95) 100%);padding:var(--spacing-lg);border-top:3px solid var(--gold);border-radius:var(--radius-md) var(--radius-md) 0 0}.user-rank-content{display:flex;justify-content:space-between;align-items:center;color:var(--white);font-weight:700}.user-rank-position{font-size:18px;color:var(--gold)}.user-rank-stats{font-size:16px}.mystery-chest-content{max-width:700px;max-height:90vh;background:linear-gradient(135deg,#6a11cb 0,#2575fc 100%);padding:var(--spacing-xl);position:relative;overflow-y:auto;overflow-x:hidden}.mystery-chest-content::-webkit-scrollbar{width:8px}.mystery-chest-content::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:4px}.mystery-chest-content::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}.mystery-overlay{background:rgba(0,0,20,.95);backdrop-filter:blur(10px)}.mystery-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.mystery-step.hidden{display:none}.mystery-header{text-align:center;margin-bottom:var(--spacing-md)}.mystery-title{font-size:32px;color:var(--gold);text-shadow:0 0 20px rgba(255,215,0,.5);margin-bottom:var(--spacing-sm);animation:titleGlow 2s ease-in-out infinite}@keyframes titleGlow{0%,100%{text-shadow:0 0 20px rgba(255,215,0,.5)}50%{text-shadow:0 0 30px rgba(255,215,0,.8),0 0 40px rgba(255,215,0,.6)}}.mystery-subtitle{font-size:16px;color:rgba(255,255,255,.9)}.mystery-chest-container{width:250px;height:250px;margin:var(--spacing-lg) 0}.mystery-timer{display:flex;align-items:center;gap:var(--spacing-sm);background:rgba(255,255,255,.1);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);border:2px solid rgba(255,215,0,.3)}.mystery-timer.small{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.timer-icon{font-size:24px;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.timer-text{font-size:18px;color:var(--white);font-weight:700}.mystery-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:20px;font-weight:700;cursor:pointer;border:none;transition:all var(--transition-normal)}.mystery-btn.primary-btn{background:linear-gradient(135deg,var(--gold) 0,#ffed4e 100%);color:var(--wood-dark);box-shadow:0 8px 24px rgba(255,215,0,.4)}.mystery-btn.primary-btn:hover:not(.disabled){transform:scale(1.05) translateY(-2px);box-shadow:0 12px 32px rgba(255,215,0,.6)}.mystery-btn.disabled{opacity:.5;cursor:not-allowed}.difficulty-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);width:100%;max-width:100%}.difficulty-card{background:rgba(255,255,255,.1);border:3px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;transition:all var(--transition-normal);cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.difficulty-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(255,255,255,.2)}.difficulty-card.easy{border-color:#4caf50}.difficulty-card.easy:hover{background:rgba(76,175,80,.2);box-shadow:0 12px 32px rgba(76,175,80,.4)}.difficulty-card.medium{border-color:#ffeb3b}.difficulty-card.medium:hover{background:rgba(255,235,59,.2);box-shadow:0 12px 32px rgba(255,235,59,.4)}.difficulty-card.hard{border-color:#f44336}.difficulty-card.hard:hover{background:rgba(244,67,54,.2);box-shadow:0 12px 32px rgba(244,67,54,.4)}.difficulty-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--wood-dark);color:var(--white);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.difficulty-badge.popular{background:linear-gradient(135deg,var(--gold) 0,#ff9800 100%);animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}}.difficulty-icon{font-size:60px;margin:var(--spacing-sm) 0}.difficulty-name{font-size:20px;font-weight:700;color:var(--white);margin-bottom:var(--spacing-sm)}.difficulty-rewards{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.reward-item{font-size:14px;color:rgba(255,255,255,.9)}.difficulty-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,255,255,.2);border:2px solid var(--white);border-radius:var(--radius-md);color:var(--white);font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.difficulty-btn:hover{background:var(--white);color:var(--wood-dark)}.mystery-question-text{font-size:24px;font-weight:600;color:var(--white);text-align:center;background:rgba(255,255,255,.15);padding:var(--spacing-xl);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;border:3px solid rgba(255,215,0,.3)}.mystery-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);width:100%}.mystery-option{padding:var(--spacing-lg);background:rgba(255,255,255,.1);border:3px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:var(--white);font-size:18px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-align:center}.mystery-option:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.mystery-option.selected{background:rgba(255,215,0,.3);border-color:var(--gold);box-shadow:0 0 20px rgba(255,215,0,.4)}.mystery-result-icon{width:150px;height:150px;margin:var(--spacing-md) 0}.mystery-rewards-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:rgba(255,255,255,.1);border-radius:var(--radius-md)}.reward-display-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:rgba(255,255,255,.15);border-radius:var(--radius-md);border:2px solid rgba(255,215,0,.3);font-size:18px;color:var(--white);font-weight:700;text-align:center;min-height:80px}.reward-display-item .reward-icon{font-size:32px}.reward-display-item .reward-label{font-size:14px;opacity:.8}.reward-display-item .reward-value{font-size:20px;color:var(--gold)}@media (max-width:768px){.mystery-chest-content{padding:var(--spacing-md);max-height:85vh;width:95vw}.mystery-title{font-size:22px}.mystery-subtitle{font-size:13px}.difficulty-options{grid-template-columns:1fr;gap:var(--spacing-md)}.difficulty-card{padding:var(--spacing-md);min-height:auto}.difficulty-icon{font-size:50px}.difficulty-name{font-size:18px}.difficulty-card h3{font-size:18px}.difficulty-card p{font-size:13px}.mystery-options{grid-template-columns:1fr;gap:var(--spacing-sm)}.mystery-option{font-size:15px;padding:var(--spacing-md)}.mystery-chest-container{width:160px;height:160px}.mystery-q-text{font-size:16px}.mystery-btn{font-size:16px;padding:12px var(--spacing-lg)}.mystery-result-icon{width:120px;height:120px}.mystery-rewards-display{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm)}.reward-display-item{font-size:14px;padding:var(--spacing-sm);min-height:70px}.reward-display-item .reward-icon{font-size:24px}.reward-display-item .reward-label{font-size:11px}.reward-display-item .reward-value{font-size:16px}}.out-of-lives-content{max-width:600px;background:linear-gradient(135deg,#1a4d6d 0,#2d7fa8 100%);padding:var(--spacing-xl);text-align:center}.out-of-lives-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid rgba(255,215,0,.3)}.out-of-lives-icon{font-size:80px;margin-bottom:var(--spacing-md);animation:heartBeat 1.5s ease-in-out infinite}@keyframes heartBeat{0%,100%{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(.95)}}.out-of-lives-header h2{font-size:36px;color:var(--gold);margin-bottom:var(--spacing-sm);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.out-of-lives-header p{font-size:16px;color:var(--sand-light)}.out-of-lives-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.out-of-lives-option{background:rgba(255,255,255,.1);border:2px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.out-of-lives-option:hover{background:rgba(255,255,255,.15);border-color:var(--gold);transform:translateY(-2px)}.out-of-lives-option.featured{background:linear-gradient(135deg,rgba(255,215,0,.2) 0,rgba(255,165,0,.2) 100%);border:3px solid var(--gold);box-shadow:0 8px 24px rgba(255,215,0,.3)}.option-badge{position:absolute;top:-12px;right:var(--spacing-md);background:var(--gold);color:var(--wood-dark);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 8px rgba(0,0,0,.3)}.option-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.option-title{font-size:24px;font-weight:700;color:var(--white);margin-bottom:var(--spacing-xs)}.option-reward{font-size:16px;color:var(--sand-light);margin-bottom:var(--spacing-md)}.option-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:18px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);border:none}.option-btn.primary{background:linear-gradient(135deg,var(--gold) 0,#ffed4e 100%);color:var(--wood-dark);box-shadow:0 4px 12px rgba(255,215,0,.4)}.option-btn.primary:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(255,215,0,.6)}.option-btn.secondary{background:rgba(255,255,255,.2);color:var(--white);border:2px solid var(--gold)}.option-btn.secondary:hover{background:rgba(255,255,255,.3)}.option-btn.tertiary{background:rgba(255,255,255,.1);color:var(--sand-light)}.option-btn.tertiary:hover{background:rgba(255,255,255,.15)}.option-note{margin-top:var(--spacing-xs);font-size:12px;color:rgba(255,255,255,.6);font-style:italic}.inventory-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--gold)}.inventory-header h2{font-size:36px;color:var(--gold)}.inventory-section{margin-bottom:var(--spacing-xl)}.inventory-section h3{font-size:24px;color:var(--gold);margin-bottom:var(--spacing-md)}.inventory-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md)}.inventory-item{background:rgba(255,255,255,.1);border:3px solid var(--gold);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;position:relative}.inventory-item-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.inventory-item-name{font-size:16px;color:var(--white);font-weight:600;margin-bottom:var(--spacing-xs)}.inventory-item-count{position:absolute;top:-10px;right:-10px;background:var(--danger);color:var(--white);width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid var(--white)}.inventory-avatars{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-md)}.inventory-avatar-item{background:rgba(255,255,255,.1);border:3px solid var(--gold);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center}.inventory-avatar-item img{width:80px;height:80px;object-fit:contain}.inventory-avatar-item.active{border-color:#0f0;box-shadow:0 0 20px rgba(0,255,0,.5)}.shop-modal-content{width:90vw;max-width:1000px;background:linear-gradient(135deg,var(--wood-dark) 0,var(--wood-light) 100%)}.shop-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--gold)}.shop-header h2{font-size:36px;color:var(--gold)}.shop-balance{display:flex;align-items:center;gap:var(--spacing-sm);background:rgba(0,0,0,.3);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--gold)}.shop-coin-icon{width:32px;height:32px}.shop-balance span{font-size:28px;font-weight:700;color:var(--gold)}.shop-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);border-bottom:2px solid rgba(255,215,0,.3)}.shop-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:0 0;border:none;border-bottom:3px solid transparent;color:var(--sand-light);font-size:18px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.shop-tab:hover{background:rgba(255,215,0,.1);color:var(--gold)}.shop-tab.active{color:var(--gold);border-bottom-color:var(--gold);background:rgba(255,215,0,.2)}.shop-content{min-height:400px}.shop-tab-content{display:none}.shop-tab-content.active{display:block}.shop-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-lg)}.shop-item{background:rgba(255,255,255,.1);border:3px solid var(--gold);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.shop-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(255,215,0,.3);border-color:var(--gold-dark)}.shop-item-icon{font-size:48px;margin-bottom:var(--spacing-md);line-height:1.2}.shop-item-icon img{width:80px;height:80px;border-radius:var(--radius-md);border:2px solid var(--gold)}.shop-item-name{font-size:20px;font-weight:700;color:var(--gold);margin-bottom:var(--spacing-xs)}.shop-item-desc{font-size:14px;color:var(--sand-light);margin-bottom:var(--spacing-md)}.shop-item-buy{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--gold);color:var(--wood-dark);border:none;border-radius:var(--radius-sm);font-size:18px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.shop-item-buy:hover{background:var(--gold-dark);transform:scale(1.05)}.shop-item-buy:disabled{opacity:.5;cursor:not-allowed}.shop-item.owned{opacity:.6;border-color:var(--success)}.shop-item.owned .shop-item-buy{background:var(--success);color:var(--white);cursor:default}.shop-item.equipped{border-color:#0f0;box-shadow:0 0 20px rgba(0,255,0,.5)}.shop-item.equipped::after{content:'✓ EQUIPPED';position:absolute;top:10px;right:10px;background:#0f0;color:var(--black);padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700}.coin-icon-small{width:20px;height:20px}.question-modal-content{width:90vw;max-width:900px;min-height:600px;background-image:url('https://ingilizcemaarif.com/wp-content/uploads/2026/02/qscreeen.webp');background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--spacing-xl);position:relative}.question-modal-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(26,77,109,.3);border-radius:inherit;pointer-events:none}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:rgba(0,0,0,.4);border-radius:var(--radius-md);flex-wrap:wrap;gap:var(--spacing-md);position:relative;z-index:1}.question-powerups{display:flex;gap:var(--spacing-sm)}.powerup-btn{position:relative;padding:var(--spacing-sm) var(--spacing-md);background:rgba(255,215,0,.2);border:2px solid var(--gold);border-radius:var(--radius-md);font-size:24px;cursor:pointer;transition:all var(--transition-normal)}.powerup-btn:hover:not(:disabled){background:var(--gold);transform:scale(1.1);box-shadow:0 4px 15px rgba(255,215,0,.5)}.powerup-btn:disabled{opacity:.3;cursor:not-allowed}.powerup-btn span{position:absolute;top:-8px;right:-8px;background:var(--danger);color:var(--white);width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--white)}.powerup-btn.used{background:rgba(76,175,80,.3);border-color:var(--success);animation:powerupUsed .5s ease-out}@keyframes powerupUsed{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.question-info{display:flex;gap:var(--spacing-lg);font-size:18px;font-weight:600}.question-number{color:var(--gold)}.question-score{color:var(--white)}.question-timer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--danger);border-radius:var(--radius-lg);font-size:24px;font-weight:700;color:var(--white);animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.question-body{min-height:400px;display:flex;flex-direction:column;gap:var(--spacing-xl);position:relative;z-index:1}.question-text-container{background:rgba(255,255,255,.95);padding:var(--spacing-xl);border-radius:var(--radius-md);border:3px solid var(--gold)}.question-text{font-size:22px;line-height:1.8;color:var(--white);margin-bottom:var(--spacing-xl);text-align:center;padding:var(--spacing-lg);background:rgba(0,0,0,.85);border-radius:var(--radius-md);font-weight:500;border:2px solid var(--gold)}.question-image-small{width:120px;height:80px;object-fit:cover;margin:0 auto 12px;border-radius:8px;border:2px solid var(--gold);display:block}.question-image{width:100%;max-width:180px;max-height:120px;object-fit:contain;margin:0 auto 12px;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.3);display:block;border:2px solid var(--gold)}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.option-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:rgba(255,255,255,.98);border:3px solid var(--gold);border-radius:var(--radius-md);font-size:18px;font-weight:600;color:var(--wood-dark);cursor:pointer;transition:all var(--transition-normal)}.option-btn:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(255,215,0,.4);border-color:var(--gold-dark)}.option-letter{width:40px;height:40px;background:var(--gold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--wood-dark)}.option-btn.correct{background:var(--success)!important;border-color:#2e7d32;color:var(--white);opacity:1!important}.option-btn.correct .option-letter{background:#2e7d32;color:var(--white)}.option-btn.correct .option-text{color:var(--white)!important}.option-btn.wrong{background:var(--danger)!important;border-color:#c62828;color:var(--white);opacity:1!important}.option-btn.wrong .option-letter{background:#c62828;color:var(--white)}.option-btn.wrong .option-text{color:var(--white)!important}.option-btn:disabled{cursor:not-allowed;background:rgba(255,255,255,.95)!important;opacity:1!important}.option-btn:disabled .option-text{color:var(--wood-dark)!important}.question-image{width:100%;max-width:500px;height:auto;margin:0 auto var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 8px 20px rgba(0,0,0,.3);display:block;border:4px solid var(--gold)}.truefalse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:600px;margin:0 auto}.tf-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:rgba(255,255,255,.9);border:4px solid var(--gold);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.tf-btn:hover{transform:scale(1.05);box-shadow:0 10px 30px rgba(255,215,0,.5)}.tf-icon{font-size:64px;font-weight:700}.tf-text{font-size:24px;font-weight:700;color:var(--wood-dark)}.tf-btn.correct{background:var(--success);border-color:#2e7d32}.tf-btn.correct .tf-text{color:var(--white)}.tf-btn.wrong{background:var(--danger);border-color:#c62828}.tf-btn.wrong .tf-text{color:var(--white)}.openended-container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:600px;margin:0 auto}.openended-input{padding:var(--spacing-lg);font-size:20px;border:3px solid var(--gold);border-radius:var(--radius-md);background:rgba(255,255,255,.95);color:var(--wood-dark);text-align:center}.matching-container{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:0;padding:24px;background:rgba(255,255,255,.05);border-radius:20px;max-width:100%;width:100%}.matching-left,.matching-right{display:flex;flex-direction:column;gap:16px;position:relative}.matching-left::before{content:'📝 Items';font-size:16px;font-weight:700;color:rgba(255,255,255,.95);text-align:center;padding:12px;background:linear-gradient(135deg,rgba(255,215,0,.3) 0,rgba(255,237,78,.3) 100%);border-radius:12px;margin-bottom:8px;border:2px solid rgba(255,215,0,.5)}.matching-right::before{content:'🎯 Match';font-size:16px;font-weight:700;color:rgba(255,255,255,.95);text-align:center;padding:12px;background:linear-gradient(135deg,rgba(255,215,0,.3) 0,rgba(255,237,78,.3) 100%);border-radius:12px;margin-bottom:8px;border:2px solid rgba(255,215,0,.5)}.match-item{padding:20px 24px;background:linear-gradient(135deg,rgba(255,255,255,.98) 0,rgba(255,255,255,.92) 100%);border:3px solid transparent;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4, 0, .2, 1);min-height:85px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:600;color:#2c3e50;box-shadow:0 4px 12px rgba(0,0,0,.12);position:relative;user-select:none;-webkit-tap-highlight-color:transparent}.match-item::before{content:'';position:absolute;inset:0;border-radius:14px;padding:3px;background:linear-gradient(135deg,gold 0,#ffed4e 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.match-item:hover::before{opacity:1}.match-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px rgba(255,215,0,.3)}.match-item:active{transform:translateY(-1px) scale(.98)}.match-item img{max-width:100%;max-height:100px;object-fit:contain;border-radius:8px}.match-item.selected{background:linear-gradient(135deg,gold 0,#ffed4e 100%);border-color:#ffbf00;color:#2c3e50;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 28px rgba(255,215,0,.5),0 0 0 4px rgba(255,215,0,.2);animation:pulse-select .5s ease}@keyframes pulse-select{0%,100%{transform:translateY(-3px) scale(1.05)}50%{transform:translateY(-3px) scale(1.08)}}.match-item.matched{background:linear-gradient(135deg,#4caf50 0,#66bb6a 100%);border-color:#2e7d32;color:#fff;cursor:default;animation:match-success .6s ease;pointer-events:none}@keyframes match-success{0%{transform:scale(1)}50%{transform:scale(1.1) rotate(5deg)}100%{transform:scale(1) rotate(0)}}.match-item.matched::after{content:'✓';position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:#2e7d32;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.3);animation:checkmark-pop .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmark-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.match-item.wrong{background:linear-gradient(135deg,#f44336 0,#ef5350 100%);border-color:#c62828;color:#fff;animation:shake-wrong .5s ease}@keyframes shake-wrong{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.match-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.matching-container{grid-template-columns:1fr;gap:28px;padding:16px}.matching-left::before{content:'📝 Select from here';font-size:15px;padding:10px}.matching-right::before{content:'🎯 Match with here';font-size:15px;padding:10px}.match-item{padding:18px 20px;min-height:75px;font-size:16px}.match-item img{max-height:80px}}@media (max-width:480px){.matching-container{padding:12px;gap:24px}.match-item{padding:16px;min-height:65px;font-size:15px;border-width:2px}.match-item img{max-height:70px}.matching-left::before,.matching-right::before{font-size:14px;padding:8px}}#matching-lottie-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:250px;height:250px;pointer-events:none;z-index:99999;display:none;opacity:0;animation:lottie-fade-in .3s ease forwards}@keyframes lottie-fade-in{from{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width:480px){#matching-lottie-container{width:180px;height:180px}}.question-feedback{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;max-width:90vw;background:rgba(0,0,0,.95);display:none;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:999999;padding:40px;border-radius:24px;border:4px solid gold;pointer-events:none}.question-feedback[style*="display: flex"]{pointer-events:auto}.feedback-icon{font-size:120px;animation:feedbackPop .5s ease-out}@keyframes feedbackPop{0%{transform:scale(0)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.animated-feedback-icon{position:absolute;top:20%;left:50%;transform:translateX(-50%);z-index:10}@keyframes successPop{0%{transform:translateX(-50%) scale(0) rotate(-180deg);opacity:0}60%{transform:translateX(-50%) scale(1.1) rotate(10deg)}100%{transform:translateX(-50%) scale(1) rotate(0);opacity:1}}@keyframes errorShake{0%,100%{transform:translateX(-50%) rotate(0);opacity:1}10%,30%,50%,70%,90%{transform:translateX(-55%) rotate(-5deg)}20%,40%,60%,80%{transform:translateX(-45%) rotate(5deg)}}.check-circle{stroke-dasharray:502;stroke-dashoffset:502;animation:drawCircle .5s ease-out forwards}.check-mark{stroke-dasharray:150;stroke-dashoffset:150;animation:drawCheck .4s ease-out .3s forwards}.error-circle{stroke-dasharray:502;stroke-dashoffset:502;animation:drawCircle .5s ease-out forwards}.error-x1,.error-x2{stroke-dasharray:85;stroke-dashoffset:85}.error-x1{animation:drawX .3s ease-out .3s forwards}.error-x2{animation:drawX .3s ease-out .4s forwards}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes drawCheck{to{stroke-dashoffset:0}}@keyframes drawX{to{stroke-dashoffset:0}}.feedback-text{font-size:48px;font-weight:700;color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.result-modal-content{max-width:420px;width:92vw;text-align:center;background:linear-gradient(160deg,#1a1a2e 0,#16213e 50%,#0f3460 100%);border:2px solid rgba(255,215,0,.35);border-radius:28px;padding:0 0 28px 0;overflow:hidden;position:relative;box-shadow:0 32px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,215,0,.1)}.result-lottie-zone{position:absolute;top:0;left:0;right:0;height:160px;pointer-events:none;overflow:hidden;z-index:2}.result-header{padding:140px 24px 0;position:relative;z-index:3}.result-title-emoji{font-size:48px;line-height:1;margin-bottom:6px;filter:drop-shadow(0 4px 12px rgba(255,215,0,.5))}.result-header h2{font-size:30px;font-weight:800;color:#fff;margin:0 0 6px;letter-spacing:-.5px;text-shadow:0 2px 12px rgba(0,0,0,.4)}.result-subtitle{font-size:13px;color:rgba(255,255,255,.55);margin:0 0 20px;font-weight:500}.result-circle-wrap{position:relative;width:140px;height:140px;margin:0 auto 24px}.result-circle-svg{width:140px;height:140px;transform:rotate(-90deg)}.result-circle-bg{fill:none;stroke:rgba(255,255,255,0.08);stroke-width:10}.result-circle-fill{fill:none;stroke:var(--gold);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4, 0, .2, 1);filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.result-circle-fill.excellent{stroke:#4cff91;filter:drop-shadow(0 0 8px rgba(76,255,145,.6))}.result-circle-fill.good{stroke:#ffd700;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.result-circle-fill.fair{stroke:#ff9f43;filter:drop-shadow(0 0 8px rgba(255,159,67,.6))}.result-circle-fill.poor{stroke:#ff6b6b;filter:drop-shadow(0 0 8px rgba(255,107,107,.6))}.result-circle-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.result-circle-pct{font-size:32px;font-weight:800;color:#fff;line-height:1;letter-spacing:-1px}.result-circle-lbl{font-size:10px;font-weight:700;color:rgba(255,255,255,.45);letter-spacing:1.5px}.result-stats{display:flex;gap:14px;justify-content:center;padding:0 24px;margin-bottom:24px}.result-stat{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:background .2s}.result-stat-icon{font-size:22px;line-height:1;margin-bottom:2px}.result-stat-value{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.result-stat--coins .result-stat-value{color:var(--gold)}.result-stat-label{font-size:9px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:1.2px;text-transform:uppercase}.result-continue-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--gold) 0,#ffb300 100%);color:#1a1a2e;border:none;border-radius:50px;padding:14px 32px;font-size:15px;font-weight:800;letter-spacing:.3px;cursor:pointer;box-shadow:0 4px 0 #a07000,0 8px 24px rgba(255,215,0,.35);transition:transform .15s,box-shadow .15s;text-transform:uppercase}.result-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #a07000,0 12px 28px rgba(255,215,0,.4)}.result-continue-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #a07000,0 4px 12px rgba(255,215,0,.3)}.result-actions{padding:0 24px}.profile-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--gold)}.profile-avatar-img{width:120px;height:120px;border-radius:var(--radius-full);margin:0 auto var(--spacing-md);border:4px solid var(--gold);box-shadow:0 8px 20px var(--shadow)}.profile-header h2{font-size:28px;color:var(--gold);margin-bottom:var(--spacing-xs)}.profile-level{font-size:16px;color:var(--sand-light);background:rgba(255,215,0,.2);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-lg);display:inline-block}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.profile-stat-card{background:rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;transition:all var(--transition-normal);border:2px solid transparent}.profile-stat-card:hover{background:rgba(255,255,255,.15);border-color:var(--gold);transform:translateY(-5px)}.profile-stat-icon{font-size:36px;margin-bottom:var(--spacing-sm)}.profile-stat-label{font-size:12px;color:var(--sand-light);margin-bottom:var(--spacing-xs);text-transform:uppercase;font-weight:600}.profile-stat-value{font-size:24px;font-weight:700;color:var(--gold)}.profile-customize-btn{width:100%;margin-top:25px;padding:18px;background:linear-gradient(135deg,#9c27b0 0,#7b1fa2 100%);color:#fff;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 6px 20px rgba(156,39,176,.4)}.profile-customize-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(156,39,176,.6)}.profile-customize-btn:active{transform:translateY(-1px)}@media (max-width:768px){.game-header{height:70px}.header-banner{height:45px}.header-banner img{height:45px}.header-stats{gap:6px}.stat-item{padding:4px 8px}.stat-icon{width:20px;height:20px}.stat-value{font-size:14px}.icon-btn{width:36px;height:36px}.icon-btn img{width:20px;height:20px}.left-sidebar{width:70px;top:90px;left:10px}.nav-btn{width:60px;height:60px}.nav-btn img{width:32px;height:32px}.nav-btn span{font-size:8px}.island-image{width:85px}.island-label{font-size:12px;padding:4px 12px;bottom:-26px}.island-lock-icon{font-size:28px}.island-progress{width:80px;bottom:-38px}.character-image{width:60px}.ship-image{width:70px}.compass-image{width:70px;height:70px}.island-modal-content{width:96vw;height:92vh;padding:var(--spacing-md)}.island-modal-header{width:90%;max-width:500px;height:80px;top:15px}.chests-container{margin-top:110px;gap:25px}.chests-row-platform{max-width:95%;height:90px}.chests-row-items{gap:30px;top:-55px}.chest-item{width:110px}.chest-progress-bar{height:8px}.chest-progress-text{font-size:11px}.island-modal-exit{width:180px;height:55px;bottom:20px}.question-modal-content{width:96vw;min-height:500px;padding:var(--spacing-md)}.question-header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.question-info{gap:var(--spacing-md);font-size:15px}.question-timer{font-size:20px;padding:6px 12px}.question-text-container{padding:var(--spacing-md)}.question-text{font-size:16px;line-height:1.5}.question-body{min-height:300px;gap:var(--spacing-md)}.options-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.option-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:15px;background:rgba(255,255,255,.98)!important}.option-btn.correct{background:var(--success)!important}.option-btn.correct .option-text{color:var(--white)!important}.option-btn.wrong{background:var(--danger)!important}.option-btn.wrong .option-text{color:var(--white)!important}.option-btn:disabled{background:rgba(255,255,255,.98)!important}.option-btn:disabled .option-text{color:var(--wood-dark)!important}.option-letter{width:35px;height:35px;font-size:18px}.truefalse-grid{grid-template-columns:1fr;max-width:100%;gap:var(--spacing-md)}.tf-btn{padding:var(--spacing-lg)}.tf-icon{font-size:48px}.tf-text{font-size:18px}.matching-container{grid-template-columns:1fr;gap:var(--spacing-lg);padding:var(--spacing-sm)}.match-item{min-height:60px;font-size:15px;padding:var(--spacing-sm)}.match-item img{max-height:70px}.openended-container{max-width:100%}.openended-input{font-size:16px;padding:var(--spacing-md)}.feedback-icon{font-size:80px}.feedback-text{font-size:28px;padding:0 var(--spacing-md);text-align:center}.result-modal-content{width:92vw;padding-bottom:24px}.result-header{padding-top:120px}.result-header h2{font-size:24px}.result-circle-wrap{width:120px;height:120px}.result-circle-svg{width:120px;height:120px}.result-circle-pct{font-size:26px}.result-stats{gap:10px}.result-stat-value{font-size:20px}.story-container{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.story-character img{width:120px}.story-dialog{max-height:400px;padding:var(--spacing-md)}.story-dialog::before{display:none}.story-text{font-size:15px;max-height:350px}.story-skip{font-size:16px;padding:12px var(--spacing-md)}.profile-modal-content{min-width:90vw;padding:var(--spacing-md)}.profile-avatar-img{width:90px;height:90px}.profile-header h2{font-size:22px}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.profile-stat-icon{font-size:28px}.profile-stat-value{font-size:20px}.leaderboard-modal-content{padding:var(--spacing-md)}.leaderboard-header h2{font-size:24px}.leaderboard-filters{flex-direction:column}.leaderboard-filter{width:100%}.leaderboard-item{flex-wrap:wrap;padding:var(--spacing-sm)}.leaderboard-rank{font-size:20px;min-width:30px}.leaderboard-rank.rank-1{font-size:24px}.leaderboard-avatar{width:40px;height:40px}.leaderboard-username{font-size:16px}.leaderboard-stats{flex-wrap:wrap;font-size:12px}.user-rank-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}.shop-modal-content{width:95vw!important;max-width:95vw!important;min-width:unset!important;max-height:90vh;padding:var(--spacing-md);overflow-y:auto}.shop-header h2{font-size:28px}.shop-tabs{flex-wrap:wrap;gap:var(--spacing-xs)}.shop-tab{font-size:14px;padding:8px 16px}.shop-items{grid-template-columns:1fr;gap:var(--spacing-md)}.shop-item{padding:var(--spacing-md)}.shop-item-icon{font-size:60px}.shop-item-name{font-size:18px}.shop-item-description{font-size:13px}.shop-item-price{font-size:20px;padding:10px 20px}.shop-item-buy{font-size:16px;padding:10px 20px}.badges-modal-content{width:95vw!important;max-width:95vw!important;min-width:unset!important;max-height:90vh;padding:var(--spacing-md);overflow-y:auto}.badges-header h2{font-size:28px}.badges-progress{font-size:16px}.badges-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.badge-item{padding:var(--spacing-sm)}.badge-image{width:60px;height:60px}.badge-name{font-size:13px}.badge-description{font-size:11px}.auth-bg-wrapper{width:min(500px,96vw)}.settings-modal-content{width:95vw;padding:var(--spacing-lg)}.settings-header h2{font-size:28px}.settings-sections{gap:var(--spacing-lg)}.settings-section h3{font-size:20px}.settings-group{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.out-of-lives-content{width:95vw;max-width:500px;padding:var(--spacing-lg)}.out-of-lives-icon{font-size:60px}.out-of-lives-header h2{font-size:28px}.option-icon{font-size:40px}.option-title{font-size:20px}.option-reward{font-size:14px}.option-btn{font-size:16px;padding:12px var(--spacing-md);background:rgba(255,255,255,.98)!important}.option-btn.correct{background:var(--success)!important}.option-btn.correct .option-text{color:var(--white)!important}.option-btn.wrong{background:var(--danger)!important}.option-btn.wrong .option-text{color:var(--white)!important}.option-btn:disabled{background:rgba(255,255,255,.98)!important}.option-btn:disabled .option-text{color:var(--wood-dark)!important}.inventory-modal-content{width:95vw;max-height:90vh;padding:var(--spacing-md)}.inventory-header h2{font-size:28px}.inventory-section h3{font-size:20px}.inventory-items{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.inventory-item{padding:var(--spacing-md)}.inventory-item-icon{font-size:40px}.inventory-item-name{font-size:14px}.inventory-avatars{grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.inventory-avatar-item img{width:60px;height:60px}}@media (max-width:480px){:root{--spacing-xs:3px;--spacing-sm:6px;--spacing-md:12px;--spacing-lg:18px;--spacing-xl:24px}.game-header{height:60px}.header-banner{height:40px}.header-banner img{height:40px}.header-stats{gap:4px}.stat-item{padding:3px 6px}.stat-icon{width:18px;height:18px}.stat-value{font-size:12px}.icon-btn{width:32px;height:32px}.icon-btn img{width:18px;height:18px}.left-sidebar{width:60px;top:80px;left:5px}.nav-btn{width:50px;height:50px}.nav-btn img{width:28px;height:28px}.nav-btn span{font-size:7px}.island-image{width:80px}.island-label{font-size:12px;padding:4px 12px;bottom:-26px}.island-progress{width:72px;bottom:-36px}.character-image{width:50px}.ship-image{width:60px}.compass-image{width:60px;height:60px}.island-modal-content{width:98vw;height:94vh;padding:var(--spacing-sm)}.island-modal-header{height:70px;top:10px}.island-modal-header h2{font-size:20px}.island-modal-subtitle{font-size:12px}.chests-container{margin-top:100px;gap:20px}.chests-row-platform{height:80px}.chests-row-items{gap:20px;top:-50px}.chest-item{width:90px}.chest-item img{width:90px}.chest-progress-text{font-size:10px}.island-modal-exit{width:160px;height:50px;font-size:16px;bottom:15px}.question-modal-content{width:98vw;padding:var(--spacing-sm)}.question-header{padding:var(--spacing-xs)}.question-info{font-size:13px;gap:var(--spacing-sm)}.question-timer{font-size:18px;padding:5px 10px}.question-text{font-size:15px}.option-btn{font-size:14px;padding:8px var(--spacing-sm);background:rgba(255,255,255,.98)!important}.option-btn.correct{background:var(--success)!important}.option-btn.correct .option-text{color:var(--white)!important}.option-btn.wrong{background:var(--danger)!important}.option-btn.wrong .option-text{color:var(--white)!important}.option-btn:disabled{background:rgba(255,255,255,.98)!important}.option-btn:disabled .option-text{color:var(--wood-dark)!important}.option-letter{width:32px;height:32px;font-size:16px}.fillblank-input{font-size:15px;padding:10px;min-width:100px}.match-item{min-height:55px;font-size:14px;padding:8px}.match-item img{max-height:60px}.feedback-icon{font-size:60px}.feedback-text{font-size:24px}.next-question-btn{font-size:16px;padding:12px 24px}.result-modal-content{width:95vw;padding-bottom:20px}.result-header h2{font-size:22px}.result-stat-value{font-size:18px}.result-stat-label{font-size:8px}.story-container{padding:var(--spacing-sm);gap:var(--spacing-sm)}.story-character img{width:100px}.story-dialog{max-height:350px;padding:var(--spacing-sm)}.story-text{font-size:14px;max-height:300px}.story-skip{font-size:14px;padding:10px var(--spacing-sm)}.shop-modal-content{width:98vw!important;max-width:98vw!important;min-width:unset!important;padding:var(--spacing-sm);overflow-y:auto}.shop-header h2{font-size:24px}.shop-tab{font-size:12px;padding:6px 12px}.shop-item{padding:var(--spacing-sm)}.shop-item-icon{font-size:50px}.shop-item-name{font-size:16px}.shop-item-description{font-size:12px}.shop-item-price{font-size:18px}.shop-item-buy{font-size:14px;padding:8px 16px}.badges-modal-content{width:98vw!important;max-width:98vw!important;min-width:unset!important;padding:var(--spacing-sm);overflow-y:auto}.badges-header h2{font-size:24px}.badges-grid{grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.badge-image{width:50px;height:50px}.badge-name{font-size:12px}.badge-description{font-size:10px}.auth-bg-wrapper{width:100vw;border-radius:0}.auth-bg-img{border-radius:0}.mystery-chest-content{width:98vw;max-height:80vh;padding:var(--spacing-sm)}.mystery-chest-container{width:130px;height:130px}.mystery-title{font-size:18px}.mystery-subtitle{font-size:11px}.mystery-countdown{font-size:40px}.difficulty-options{grid-template-columns:1fr;gap:var(--spacing-sm)}.difficulty-card{padding:var(--spacing-sm);min-height:auto}.difficulty-icon{font-size:40px;margin:var(--spacing-xs) 0}.difficulty-name{font-size:16px;margin-bottom:var(--spacing-xs)}.difficulty-card h3{font-size:16px}.difficulty-card p{font-size:11px}.difficulty-emoji{font-size:40px}.difficulty-badge{font-size:9px;padding:2px 6px}.difficulty-rewards{gap:2px;margin-bottom:var(--spacing-xs)}.reward-item{font-size:12px}.difficulty-btn{font-size:12px;padding:6px var(--spacing-sm)}.mystery-options{grid-template-columns:1fr;gap:6px}.mystery-option{font-size:13px;padding:8px}.mystery-q-text{font-size:14px;padding:var(--spacing-sm)}.mystery-btn{font-size:13px;padding:8px var(--spacing-md)}.mystery-timer.small{padding:4px 8px;font-size:13px}.mystery-result-icon{width:100px;height:100px;margin:var(--spacing-sm) 0}.mystery-rewards-display{grid-template-columns:1fr 1fr;gap:6px;padding:var(--spacing-xs)}.reward-display-item{font-size:12px;padding:var(--spacing-xs);min-height:60px}.reward-display-item .reward-icon{font-size:20px}.reward-display-item .reward-label{font-size:9px}.reward-display-item .reward-value{font-size:14px}}@media (max-width:768px){.inventory-modal-content{width:95vw!important;max-width:100%!important;padding:16px!important;max-height:90vh}.inventory-header{margin-bottom:16px;padding-bottom:12px}.inventory-header h2{font-size:22px!important}.inventory-section{margin-bottom:16px}.inventory-section h3{font-size:18px!important;margin-bottom:10px}.inventory-items{grid-template-columns:repeat(3,1fr)!important;gap:10px!important}.inventory-item{padding:12px!important}.inventory-item-icon{font-size:36px!important}.inventory-item-name{font-size:13px!important}.inventory-item-count{width:26px;height:26px;font-size:13px;top:-8px;right:-8px}.inventory-avatars{grid-template-columns:repeat(4,1fr)!important;gap:8px!important}.inventory-avatar-item{padding:6px!important}.inventory-avatar-item img{width:55px!important;height:55px!important}.friends-modal-content{width:95vw!important;max-width:100%!important;padding:16px!important;max-height:90vh}.friends-header{margin-bottom:14px;padding-bottom:10px}.friends-header h2{font-size:22px!important;margin-bottom:8px!important}.friend-code-display{padding:6px 12px!important}.friend-code-display span{font-size:20px!important;letter-spacing:2px!important}.copy-code-btn,.share-code-btn{width:32px;height:32px;font-size:16px}.friends-tabs{display:flex!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px!important;margin-bottom:14px!important}.friends-tabs::-webkit-scrollbar{display:none}.friends-tab{flex:0 0 auto!important;padding:10px 12px!important;font-size:13px!important;white-space:nowrap}.friends-tab-contents{min-height:250px!important}.friend-avatar{width:46px;height:46px;font-size:20px}.friend-status{font-size:12px!important}.btn-icon{padding:6px 10px;font-size:16px}.challenge-modal-content,.gift-modal-content{width:95vw!important;max-width:100%!important;padding:16px!important}.friend-code-input{font-size:18px!important;padding:10px!important;width:100%!important;max-width:280px}}@media (max-width:480px){.inventory-modal-content{width:98vw!important;padding:12px!important;max-height:92vh;border-radius:12px!important}.inventory-header h2{font-size:18px!important}.inventory-section h3{font-size:15px!important;margin-bottom:8px}.inventory-items{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.inventory-item{padding:10px 6px!important;border-width:2px;border-radius:10px!important}.inventory-item-icon{font-size:28px!important;margin-bottom:4px!important}.inventory-item-name{font-size:11px!important}.inventory-item-count{width:22px;height:22px;font-size:11px;top:-6px;right:-6px}.inventory-avatars{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.inventory-avatar-item{padding:4px!important;border-width:2px;border-radius:10px!important}.inventory-avatar-item img{width:48px!important;height:48px!important}.friends-modal-content{width:98vw!important;padding:10px!important;max-height:92vh;border-radius:12px!important}.friends-header h2{font-size:18px!important;margin-bottom:6px!important}.friend-code-label{font-size:12px!important}.friend-code-display{padding:5px 10px!important;gap:6px!important;border-radius:12px!important}.friend-code-display span{font-size:16px!important;letter-spacing:1.5px!important}.copy-code-btn,.share-code-btn{width:28px;height:28px;font-size:14px;border-radius:6px}.friends-tabs{gap:0!important;margin-bottom:10px!important}.friends-tab{padding:8px 10px!important;font-size:11px!important;border-bottom-width:2px}.friends-tab-contents{min-height:200px!important}.friend-avatar{width:40px!important;height:40px!important;font-size:16px!important}.friend-details h4{font-size:14px!important}.friend-status{font-size:11px!important}.friend-actions{gap:4px!important}.btn-icon{padding:5px 8px!important;font-size:14px!important}.challenge-modal-content,.gift-modal-content{width:98vw!important;padding:12px!important;border-radius:12px!important}.challenge-header h2,.gift-header h2{font-size:18px!important}.challenge-chests-list,.challenge-islands-list{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.add-friend-form{flex-direction:column!important;gap:8px!important}.friend-code-input{font-size:16px!important;padding:10px!important;width:100%!important;max-width:100%!important;text-align:center}.add-friend-form .btn{width:100%!important;padding:12px!important}.add-friend-tips{font-size:12px!important}#received-gifts-list{max-height:calc(100vh - 280px)!important;padding:6px!important}}@media (max-width:360px){.inventory-items{grid-template-columns:repeat(2,1fr)!important}.inventory-avatars{grid-template-columns:repeat(2,1fr)!important}.friends-tab{padding:6px 8px!important;font-size:10px!important}.friend-code-display span{font-size:14px!important}}@media (max-height:500px) and (orientation:landscape){.game-header{height:50px}.header-banner{height:35px}.header-banner img{height:35px}.left-sidebar{width:55px;top:60px;left:5px}.nav-btn{width:45px;height:45px}.island-modal-content,.question-modal-content{max-height:95vh;overflow-y:auto}.story-container{flex-direction:row;gap:var(--spacing-md)}.story-character img{width:80px}.story-dialog{max-height:300px}}.hidden{display:none!important}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}#tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:999;display:none;pointer-events:none}#tutorial-overlay.active{display:block;pointer-events:auto}.tutorial-highlight{position:absolute;border:4px solid var(--gold);border-radius:var(--radius-md);box-shadow:0 0 0 9999px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.8),inset 0 0 30px rgba(255,215,0,.3);pointer-events:none;animation:tutorialPulse 2s ease-in-out infinite;z-index:1000;transition:all .5s ease}@keyframes tutorialPulse{0%,100%{box-shadow:0 0 0 9999px rgba(0,0,0,.5),0 0 30px rgba(255,215,0,.8),inset 0 0 30px rgba(255,215,0,.3)}50%{box-shadow:0 0 0 9999px rgba(0,0,0,.5),0 0 50px gold,inset 0 0 50px rgba(255,215,0,.5)}}.tutorial-tooltip{position:absolute;background:linear-gradient(135deg,var(--wood-dark) 0,var(--wood-light) 100%);border:4px solid var(--gold);border-radius:var(--radius-lg);padding:var(--spacing-lg);max-width:400px;z-index:1001;box-shadow:0 20px 60px rgba(0,0,0,.8);animation:tooltipSlideIn .5s ease-out}@keyframes tooltipSlideIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tutorial-tooltip::before{content:'';position:absolute;width:0;height:0;border:15px solid transparent}.tutorial-tooltip.arrow-top::before{top:-30px;left:50%;transform:translateX(-50%);border-bottom-color:var(--gold)}.tutorial-tooltip.arrow-bottom::before{bottom:-30px;left:50%;transform:translateX(-50%);border-top-color:var(--gold)}.tutorial-tooltip.arrow-left::before{left:-30px;top:50%;transform:translateY(-50%);border-right-color:var(--gold)}.tutorial-tooltip.arrow-right::before{right:-30px;top:50%;transform:translateY(-50%);border-left-color:var(--gold)}.tutorial-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:2px solid rgba(255,215,0,.3)}.tutorial-icon{font-size:40px;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-step-info{flex:1}.tutorial-step-number{font-size:14px;color:var(--gold);font-weight:600}.tutorial-title{font-size:22px;color:var(--white);font-weight:700;margin:4px 0}.tutorial-text{font-size:16px;color:var(--sand-light);line-height:1.6;margin-bottom:var(--spacing-md)}.tutorial-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.tutorial-btn{padding:10px 20px;border-radius:var(--radius-md);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);border:none}.tutorial-btn-primary{background:linear-gradient(135deg,var(--gold) 0,#ffed4e 100%);color:var(--wood-dark);box-shadow:0 4px 12px rgba(255,215,0,.4)}.tutorial-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,215,0,.6)}.tutorial-btn-secondary{background:rgba(255,255,255,.1);color:var(--white);border:2px solid var(--gold)}.tutorial-btn-secondary:hover{background:rgba(255,255,255,.2)}.tutorial-progress{display:flex;gap:6px;justify-content:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid rgba(255,215,0,.2)}.tutorial-progress-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.3);transition:all var(--transition-normal)}.tutorial-progress-dot.active{background:var(--gold);transform:scale(1.3);box-shadow:0 0 10px var(--gold)}@media (max-width:768px){.tutorial-tooltip{max-width:90vw!important;padding:var(--spacing-md)}.tutorial-header{gap:var(--spacing-sm)}.tutorial-icon{font-size:28px}.tutorial-title{font-size:16px}.tutorial-step-number{font-size:12px}.tutorial-text{font-size:13px}.tutorial-btn{font-size:13px;padding:8px 14px}.tutorial-actions{flex-direction:column;gap:var(--spacing-xs)}.tutorial-btn{width:100%}}@media (max-width:480px){.tutorial-tooltip{max-width:95vw!important;padding:var(--spacing-sm)}.tutorial-icon{font-size:24px}.tutorial-title{font-size:14px}.tutorial-step-number{font-size:11px}.tutorial-text{font-size:12px;line-height:1.5}.tutorial-btn{font-size:12px;padding:8px 12px}.tutorial-progress-dot{width:8px;height:8px}}.quests-modal-content{max-width:800px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#1a4d6d 0,#2d7fa8 100%);padding:var(--spacing-xl)}.quests-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--gold)}.quests-header h2{font-size:36px;color:var(--gold);margin-bottom:var(--spacing-sm)}.quests-subtitle{color:var(--sand-light);font-size:16px}.quests-streak{margin-top:var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:rgba(255,215,0,.2);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);display:inline-flex}.streak-icon{font-size:24px;animation:flameFlicker 1.5s ease-in-out infinite}@keyframes flameFlicker{0%,100%{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}.streak-text{font-size:18px;font-weight:700;color:var(--gold)}.quests-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.quest-item{background:rgba(255,255,255,.1);border:3px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);transition:all var(--transition-normal);position:relative}.quest-item:hover{transform:translateX(5px);box-shadow:0 8px 24px rgba(255,215,0,.3)}.quest-item.completed{border-color:var(--success);background:rgba(76,175,80,.2)}.quest-icon{font-size:48px;flex-shrink:0}.quest-info{flex:1}.quest-name{font-size:18px;font-weight:700;color:var(--white);margin-bottom:var(--spacing-sm)}.quest-progress-bar{width:100%;height:12px;background:rgba(0,0,0,.3);border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-xs)}.quest-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold) 0,#ffed4e 100%);border-radius:6px;transition:width .5s ease}.quest-progress-text{font-size:14px;color:var(--sand-light)}.quest-reward{font-size:20px;font-weight:700;color:var(--gold);flex-shrink:0}.quest-check{position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--white);box-shadow:0 4px 12px rgba(76,175,80,.5)}.analytics-modal-content{max-width:900px;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#1a4d6d 0,#2d7fa8 100%);padding:var(--spacing-xl)}.analytics-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--gold)}.analytics-header h2{font-size:36px;color:var(--gold);margin-bottom:var(--spacing-sm)}.analytics-subtitle{color:var(--sand-light);font-size:16px}.analytics-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.analytics-stat-card{background:rgba(255,255,255,.1);border:3px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}.analytics-stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(255,215,0,.3)}.analytics-stat-icon{font-size:48px;margin-bottom:var(--spacing-sm)}.analytics-stat-value{font-size:32px;font-weight:700;color:var(--gold);margin-bottom:var(--spacing-xs)}.analytics-stat-label{font-size:14px;color:var(--sand-light)}.analytics-charts{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.analytics-chart-container{background:rgba(255,255,255,.1);border:3px solid rgba(255,215,0,.3);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.analytics-chart-container h3{color:var(--gold);font-size:20px;margin-bottom:var(--spacing-md);text-align:center}.analytics-chart-container canvas{display:block;margin:0 auto;max-width:100%}@media (max-width:768px){.analytics-modal-content,.quests-modal-content{width:95vw;padding:var(--spacing-md)}.analytics-header h2,.quests-header h2{font-size:28px}.quest-item{flex-direction:column;text-align:center}.quest-icon{font-size:40px}.analytics-stats-grid{grid-template-columns:repeat(2,1fr)}.analytics-stat-icon{font-size:36px}.analytics-stat-value{font-size:24px}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold) 0,var(--gold-dark) 100%);border-radius:10px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffed4e 0,var(--gold) 100%);border-color:rgba(255,255,255,.4);box-shadow:0 0 10px rgba(255,215,0,.5)}::-webkit-scrollbar-thumb:active{background:var(--gold-dark)}*{scrollbar-width:thin;scrollbar-color:var(--gold) rgba(0,0,0,0.1)}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--ocean-bright) 0,var(--ocean-deep) 100%);border:2px solid var(--gold)}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5ab8e0 0,var(--ocean-bright) 100%);box-shadow:0 0 15px rgba(74,159,200,.6)}.audio-question-container{display:flex;flex-direction:column;gap:24px;align-items:center;width:100%;max-width:600px;margin:0 auto}.audio-player{background:linear-gradient(135deg,rgba(255,215,0,.15) 0,rgba(74,159,200,.15) 100%);border:3px solid var(--gold);border-radius:20px;padding:32px;width:100%;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.audio-icon{animation:audioWave 2s ease-in-out infinite}@keyframes audioWave{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.audio-play-btn{transition:all .3s ease;cursor:pointer;background:0 0;border:none}.audio-play-btn:hover{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(255, 215, 0, .6))}.audio-play-btn:active{transform:scale(.95)}.audio-progress{width:100%}.audio-progress-bar{width:100%;height:8px;background:rgba(0,0,0,.2);border-radius:10px;overflow:hidden;margin-bottom:8px}.audio-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold) 0,#ffed4e 100%);width:0%;transition:width .1s linear;border-radius:10px}.audio-time{text-align:center;color:var(--white);font-size:14px;font-weight:600}.audio-plays-remaining{background:rgba(255,215,0,.2);padding:8px 16px;border-radius:20px;font-weight:700;color:var(--white);border:2px solid var(--gold)}.audio-hint{text-align:center;color:var(--sand-light);font-size:14px;font-style:italic}.transcript-btn{background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.3);color:var(--white);padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;margin-top:10px}.transcript-btn:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);transform:translateY(-2px)}.transcript-btn:active{transform:translateY(0)}.transcript-panel{display:none;background:rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;margin-top:15px;max-height:200px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideDown .3s ease}.transcript-panel.active{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transcript-text{color:var(--white);font-size:15px;line-height:1.8;white-space:pre-wrap;word-wrap:break-word}.transcript-icon{font-size:18px}@media (max-width:768px){.transcript-btn{font-size:13px;padding:8px 16px}.transcript-panel{max-height:150px;padding:15px}.transcript-text{font-size:14px}}.audio-volume-control{display:flex;align-items:center;gap:12px;width:100%;max-width:300px}.audio-volume-control span{font-size:24px}.volume-slider{flex:1;height:6px;border-radius:10px;background:rgba(255,255,255,.2);outline:0;-webkit-appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.3)}.volume-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--gold);cursor:pointer;border:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.audio-question-text{font-size:22px;font-weight:600;text-align:center;color:var(--white);background:rgba(0,0,0,.2);padding:20px;border-radius:12px;width:100%}.audio-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:25px}.audio-option-btn{width:100%;justify-content:flex-start}.audio-option-btn:hover:not(:disabled){transform:translateX(8px);background:#fff;box-shadow:0 6px 20px rgba(255,215,0,.4)}.audio-option-btn.correct{background:#38a169!important;color:#fff;border-color:#38a169}.audio-option-btn.wrong{background:#e53e3e!important;color:#fff;border-color:#e53e3e}.audio-option-btn:disabled{cursor:not-allowed}@media (max-width:768px){.audio-player{padding:20px}.audio-play-btn svg{width:50px;height:50px}.audio-question-text{font-size:18px;padding:16px}.audio-option-btn{font-size:16px;padding:14px 18px}}.friends-modal-content{max-width:800px;max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#1a4d6d 0,#2d7fa8 100%)}.friends-header{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:3px solid var(--gold)}.friends-header h2{font-size:36px;color:var(--gold);margin-bottom:var(--spacing-md)}.my-friend-code-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.friend-code-label{font-size:14px;color:var(--sand-light);font-weight:600}.friend-code-display{display:flex;align-items:center;gap:var(--spacing-sm);background:rgba(255,215,0,.2);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);border:2px solid var(--gold)}.friend-code-display span{font-size:28px;font-weight:700;color:var(--gold);letter-spacing:3px;font-family:'Courier New',monospace}.copy-code-btn,.share-code-btn{width:36px;height:36px;background:var(--gold);border:none;border-radius:var(--radius-sm);font-size:18px;cursor:pointer;transition:all var(--transition-normal)}.copy-code-btn:hover,.share-code-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(255,215,0,.5)}.friends-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);border-bottom:2px solid rgba(255,215,0,.3)}.friends-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:0 0;border:none;border-bottom:3px solid transparent;color:var(--sand-light);font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.friends-tab:hover{background:rgba(255,215,0,.1);color:var(--gold)}.friends-tab.active{color:var(--gold);border-bottom-color:var(--gold);background:rgba(255,215,0,.2)}.friends-tab-contents{min-height:400px}.friends-tab-content{display:none}.friends-tab-content.active{display:block}.status-badge{font-size:16px;margin-right:8px}.status-badge.online{color:#4caf50;animation:statusPulse 2s ease-in-out infinite}.status-badge.offline{color:#999}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:.5}}.friend-avatar{position:relative;font-size:24px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--gold);flex-shrink:0;font-weight:700}.friend-details{flex:1}.friend-status{font-size:13px;font-weight:600}.btn-icon{background:rgba(255,215,0,.2);color:#fff;padding:8px 12px;border-radius:8px;font-size:18px;border:none;cursor:pointer;transition:all .2s}.btn-icon:hover{background:rgba(255,215,0,.4);transform:scale(1.1)}.btn-icon.btn-danger:hover{background:rgba(244,67,54,.4)}.friend-actions{display:flex;gap:8px}#review-modal .modal-content{max-width:480px}.review-form-header{text-align:center;margin-bottom:20px}.review-form-header h3{font-size:20px;color:var(--ocean-deep);margin-bottom:4px}.review-form-header p{font-size:13px;color:#888}.review-reward-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(255,215,0,.15);border-radius:20px;font-size:13px;font-weight:700;color:#9a7400;margin-top:8px}.review-form-group{margin-bottom:16px}.review-form-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:6px}.star-rating{display:flex;gap:6px;direction:rtl;justify-content:center;padding:8px 0}.star-rating input{display:none}.star-rating label{font-size:32px;color:#ddd;cursor:pointer;transition:all .2s}.star-rating input:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:gold;transform:scale(1.1)}.review-types{display:flex;gap:8px;flex-wrap:wrap}.review-type-option{flex:1;min-width:100px}.review-type-option input{display:none}.review-type-option label{display:block;padding:10px;text-align:center;border:2px solid #eee;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.review-type-option input:checked+label{border-color:var(--ocean-light);background:rgba(45,127,168,.1);color:var(--ocean-deep)}.review-type-option label:hover{border-color:var(--ocean-light)}.review-textarea{width:100%;min-height:100px;padding:12px;border:2px solid #eee;border-radius:12px;font-family:inherit;font-size:14px;resize:vertical;transition:border-color .2s}.review-textarea:focus{outline:0;border-color:var(--ocean-light)}.review-textarea::placeholder{color:#aaa}.review-char-count{text-align:right;font-size:12px;color:#999;margin-top:4px}.review-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--ocean-deep),var(--ocean-light));color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:8px}.review-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(26,77,109,.3)}.review-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.review-daily-limit{text-align:center;padding:20px;color:#888;font-size:14px}.review-daily-limit .limit-icon{font-size:40px;margin-bottom:8px}.review-success{text-align:center;padding:20px}.review-success .success-icon{font-size:56px;margin-bottom:12px}.review-success h3{color:var(--ocean-deep);margin-bottom:6px}.review-success p{color:#888;font-size:14px}.audio-question-container{padding:20px}.audio-player-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;margin-bottom:30px;padding:25px 35px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);border-radius:20px;box-shadow:0 15px 50px rgba(102,126,234,.4);max-width:500px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}.audio-play-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#fff 0,#f0f0f0 100%);border:3px solid rgba(255,255,255,.3);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 8px 20px rgba(0,0,0,.3);position:relative;z-index:2;flex-shrink:0}.audio-play-btn:hover:not(:disabled){transform:scale(1.15) translateY(-2px);box-shadow:0 15px 40px rgba(0,0,0,.4);border-color:rgba(255,255,255,.6)}.audio-play-btn:disabled{opacity:.4;cursor:not-allowed;transform:scale(.95)}.audio-play-btn.playing{animation:pulse 1.2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(255,255,255,.7),0 10px 30px rgba(0,0,0,.3)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.7),0 10px 30px rgba(0,0,0,.3)}50%{transform:scale(1.08);box-shadow:0 0 0 15px rgba(255,255,255,0),0 10px 30px rgba(0,0,0,.3)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0),0 10px 30px rgba(0,0,0,.3)}}.play-icon{font-size:28px;color:#667eea;filter:drop-shadow(0 2px 4px rgba(102, 126, 234, .3))}.play-text{font-size:11px;font-weight:700;color:#667eea;text-transform:uppercase;letter-spacing:1px}.audio-controls{display:flex;gap:15px;align-items:center;flex-shrink:0}.audio-skip-btn{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#fff 0,#f0f0f0 100%);border:2px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 6px 15px rgba(0,0,0,.2);position:relative;z-index:2;flex-shrink:0}.audio-skip-btn:hover:not(:disabled){transform:scale(1.1) translateY(-1px);box-shadow:0 10px 25px rgba(0,0,0,.3);border-color:rgba(255,255,255,.5)}.audio-skip-btn:active:not(:disabled){transform:scale(.95)}.audio-skip-btn:disabled{opacity:.4;cursor:not-allowed}.skip-icon{font-size:20px;color:#667eea;filter:drop-shadow(0 2px 4px rgba(102, 126, 234, .3))}.audio-progress-container{width:100%;display:flex;flex-direction:column;gap:8px}.audio-seek-bar{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.3);outline:0;cursor:pointer;-webkit-appearance:none;appearance:none}.audio-seek-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:all .2s ease}.audio-seek-bar::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px rgba(0,0,0,.4)}.audio-seek-bar::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:all .2s ease}.audio-seek-bar::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 3px 10px rgba(0,0,0,.4)}.audio-time-display{display:flex;justify-content:space-between;font-size:12px;color:rgba(255,255,255,.9);font-weight:600;padding:0 4px}.audio-pause-btn{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b 0,#ee5a6f 100%);border:3px solid rgba(255,255,255,.3);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:all .4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 8px 20px rgba(0,0,0,.3);position:relative;z-index:2;flex-shrink:0}.audio-pause-btn:hover:not(:disabled){transform:scale(1.15) translateY(-2px);box-shadow:0 15px 40px rgba(0,0,0,.4);border-color:rgba(255,255,255,.6)}.audio-pause-btn:disabled{opacity:.4;cursor:not-allowed;transform:scale(.95)}.pause-icon{font-size:28px;color:#fff;filter:drop-shadow(0 2px 4px rgba(238, 90, 111, .3))}.pause-text{font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.audio-question-text{font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;color:#fff;background:#000;padding:20px 30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.3)}.audio-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:30px}@media (max-width:768px){.audio-options{grid-template-columns:1fr}}.audio-option-btn{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:3px solid #e2e8f0;border-radius:15px;cursor:pointer;transition:all .3s ease;text-align:left}.audio-option-btn:hover{transform:translateX(5px);border-color:#667eea;box-shadow:0 5px 20px rgba(102,126,234,.2)}.audio-option-btn.selected{background:#667eea;border-color:#667eea;color:#fff}.option-letter{width:40px;height:40px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.audio-option-btn.selected .option-letter{background:#fff;color:#667eea}.option-text{font-size:18px;font-weight:500;color:#2d3748}.audio-option-btn.selected .option-text{color:#fff}.submit-btn{width:100%;padding:18px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px rgba(102,126,234,.4)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.games-modal-content{position:relative;width:98%;max-width:1600px;height:90vh;background:0 0;border-radius:24px;overflow:hidden;animation:modalSlideUp .4s ease-out}@keyframes modalSlideUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.games-close-btn{position:absolute;top:15px;right:15px;width:50px;height:50px;background:rgba(244,67,54,.95);color:#fff;border:none;border-radius:50%;font-size:24px;cursor:pointer;z-index:10;box-shadow:0 4px 15px rgba(0,0,0,.3);transition:all .3s}.games-close-btn:hover{background:#d32f2f;transform:rotate(90deg) scale(1.1)}.games-close-btn:active{transform:rotate(90deg) scale(.95)}#games-iframe{width:100%;height:100%;border:none;background:0 0;border-radius:24px}@media (max-width:768px){.games-modal-content{width:100%;height:100vh;border-radius:0;max-width:none}#games-iframe{border-radius:0}.games-close-btn{top:10px;right:10px;width:45px;height:45px;font-size:20px}}#offline-info-panel{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:20px;border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);z-index:1001;min-width:320px;max-width:90vw;animation:slideUp .4s ease-out}@keyframes slideUp{from{transform:translateX(-50%) translateY(200px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@media (max-width:768px){#offline-info-panel{bottom:80px;left:10px;right:10px;transform:none;min-width:auto}@keyframes slideUp{from{transform:translateY(200px);opacity:0}to{transform:translateY(0);opacity:1}}.vocab-island-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);gap:15px;padding:20px 10px;min-height:750px}.vocab-chest-btn{min-height:90px;max-height:110px}.vocab-chest-btn img{width:80%;height:80%}.chest-number-badge{width:24px;height:24px;font-size:11px;border:2px solid #fff}.chest-difficulty-badge{font-size:9px;padding:3px 8px;bottom:-6px}.chest-stats-badge{font-size:9px;padding:4px 10px;top:-14px}.vocab-three-column-layout{grid-template-columns:1fr!important;grid-template-rows:auto auto auto;gap:16px}.vocab-left-panel,.vocab-right-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vocab-center-panel{order:-1;min-height:750px}.vocab-stat-card{min-height:80px}.daily-challenge-card{grid-column:1/-1}.vocab-level-card{grid-column:1/-1}.vocab-tip-card{grid-column:1/-1}}@media (max-width:480px){.vocab-island-container{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);gap:12px;padding:15px 8px;min-height:700px}.vocab-chest-btn{min-height:80px;max-height:95px}.chest-number-badge{width:22px;height:22px;font-size:10px}.chest-difficulty-badge{font-size:8px;padding:2px 6px}.chest-stats-badge{font-size:8px;padding:3px 8px}.vocab-header h2{font-size:20px}.vocab-subtitle{font-size:12px}}@media (min-width:769px) and (max-width:1024px){.vocab-island-container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:18px;padding:30px 15px;min-height:600px}.vocab-chest-btn{min-height:95px;max-height:120px}}.story-island .island-image{width:90px;height:90px;object-fit:cover;border-radius:50%;animation:storyIslandFloat 3.2s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35));transition:transform .25s}.story-island:hover .island-image{transform:scale(1.08);filter:drop-shadow(0 12px 24px rgba(0,100,200,.4))}.story-island .island-label{color:#fff;border-color:var(--gold);text-shadow:0 1px 6px rgba(0,0,0,.8)}.story-island .island-badge{background:linear-gradient(135deg,#3a82d4,#1a3a5c);color:#fff;font-size:10px;padding:2px 8px;border-radius:10px;font-weight:600;letter-spacing:.5px}@keyframes storyIslandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width:768px){.header-stats{display:none!important}.header-actions{display:none!important}.game-main{padding-bottom:70px}.game-header{justify-content:center;height:56px}.left-sidebar{transform:translateX(-110%);transition:transform .3s cubic-bezier(.34, 1.2, .64, 1);top:56px!important;left:0!important;background:rgba(101,50,14,.97)!important;border-right:2px solid gold;border-radius:0 16px 16px 0;padding:12px 8px;backdrop-filter:blur(10px);box-shadow:4px 0 20px rgba(0,0,0,.5);z-index:190!important;width:72px!important}.left-sidebar.sidebar-open{transform:translateX(0)}#sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:185}#sidebar-overlay.active{display:block}#sidebar-toggle{display:flex!important}}#sidebar-toggle{display:none;position:fixed;top:72px;left:0;width:22px;height:44px;background:linear-gradient(180deg,rgba(101,50,14,.97) 0,rgba(80,38,10,.97) 100%);border:1.5px solid rgba(255,215,0,.6);border-left:none;border-radius:0 10px 10px 0;align-items:center;justify-content:center;z-index:195;cursor:pointer;box-shadow:3px 0 12px rgba(0,0,0,.45);transition:left .3s cubic-bezier(.34, 1.2, .64, 1),background .2s ease,box-shadow .2s ease;padding:0}#sidebar-toggle:hover{background:linear-gradient(180deg,rgba(139,69,19,.99) 0,rgba(101,50,14,.99) 100%);box-shadow:3px 0 16px rgba(255,215,0,.2);border-color:rgba(255,215,0,.9)}#sidebar-toggle:active{transform:scaleX(.9)}#sidebar-toggle::after{content:'';display:block;width:7px;height:7px;border-right:2.5px solid gold;border-top:2.5px solid gold;transform:rotate(45deg) translateX(-1px);transition:transform .3s ease;border-radius:1px}#sidebar-toggle.sidebar-open{left:72px}#sidebar-toggle.sidebar-open::after{transform:rotate(225deg) translateX(-1px)}#mobile-stats-bar{display:none}@media (max-width:768px){#mobile-stats-bar{display:flex;position:fixed;top:0;left:0;right:0;height:44px;background:linear-gradient(135deg,rgba(139,69,19,.97),rgba(101,50,14,.97));border-bottom:2px solid gold;z-index:200;align-items:center;justify-content:space-around;padding:0 8px}.mobile-stat-item{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.12);border-radius:20px;padding:3px 8px}.mobile-stat-item .stat-emoji{font-size:16px}.mobile-stat-value{font-size:13px;font-weight:700;color:gold}}#mobile-bottom-nav{display:none}@media (max-width:768px){#mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:65px;background:linear-gradient(135deg,rgba(139,69,19,.97),rgba(101,50,14,.97));border-top:2px solid gold;backdrop-filter:blur(10px);z-index:200;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;gap:2px;background:0 0;border:none;border-radius:10px;padding:6px 2px;transition:all .2s ease;position:relative}.bottom-nav-btn:active{transform:scale(.88);background:rgba(255,215,0,.15)}.bottom-nav-btn.active{background:rgba(255,215,0,.18)}.bottom-nav-btn .bnav-icon{font-size:22px;line-height:1}.bottom-nav-btn img.bnav-img{width:26px;height:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.bottom-nav-btn .bnav-label{font-size:8px;font-weight:700;color:rgba(255,255,255,.8);text-transform:uppercase;letter-spacing:.3px}.bottom-nav-btn.active .bnav-label{color:gold}.bnav-badge{position:absolute;top:4px;right:6px;background:#e74c3c;color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:8px;display:flex;align-items:center;justify-content:center}}@media (max-width:768px){.bottom-nav-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;gap:1px;padding:4px 2px}.bottom-nav-stat .bnav-icon{font-size:20px;line-height:1}.bottom-nav-stat .bnav-img{width:22px;height:22px}.bnav-stat-value{font-size:13px;font-weight:700;color:gold;line-height:1}.bottom-nav-stat .bnav-label{font-size:8px;font-weight:700;color:rgba(255,255,255,.7);text-transform:uppercase}}#story-side-drawer{position:fixed;top:50%;right:-320px;transform:translateY(-50%);width:300px;max-height:70vh;background:linear-gradient(160deg,rgba(92,61,46,.98),rgba(40,20,5,.98));border:2px solid var(--gold);border-right:none;border-radius:20px 0 0 20px;box-shadow:-8px 0 32px rgba(0,0,0,.5);z-index:5000;transition:right .4s cubic-bezier(.34,1.1,.64,1);overflow:hidden;display:flex;flex-direction:column}#story-side-drawer.open{right:0}.story-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid rgba(255,215,0,.3);flex-shrink:0}.story-drawer-title{font-size:15px;font-weight:800;color:var(--gold);letter-spacing:.5px}.story-drawer-close{width:28px;height:28px;border-radius:50%;background:rgba(255,215,0,.15);border:1px solid rgba(255,215,0,.4);color:var(--gold);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;line-height:1}.story-drawer-close:hover{background:rgba(255,215,0,.3)}.story-drawer-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.story-drawer-body::-webkit-scrollbar{width:4px}.story-drawer-body::-webkit-scrollbar-thumb{background:rgba(255,215,0,.4);border-radius:4px}.story-drawer-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,215,0,.2);border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.story-drawer-item:active,.story-drawer-item:hover{background:rgba(255,215,0,.12);border-color:rgba(255,215,0,.5);transform:translateX(-3px)}.story-drawer-item-icon{font-size:26px;flex-shrink:0}.story-drawer-item-info{flex:1;min-width:0}.story-drawer-item-title{font-size:13px;font-weight:700;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-drawer-item-sub{font-size:10px;color:rgba(255,215,0,.7);margin-top:2px}#story-drawer-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:4999}#story-drawer-overlay.active{display:block}@media (max-width:480px){#story-side-drawer{width:260px}}@media (min-width:769px){.game-header{background:linear-gradient(135deg,rgba(8,20,40,.97) 0,rgba(15,35,65,.97) 100%)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid rgba(255,215,0,.2)!important;box-shadow:0 4px 32px rgba(0,0,0,.5)!important;padding:0 20px!important;height:64px!important;display:flex!important;align-items:center!important;gap:16px!important;position:relative!important;z-index:100!important}.header-banner img{height:44px!important;width:auto!important;filter:drop-shadow(0 2px 8px rgba(255,215,0,.3))!important}.header-stats{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;justify-content:center!important}.stat-item{display:flex!important;align-items:center!important;gap:6px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,215,0,.18)!important;border-radius:20px!important;padding:5px 14px!important;transition:all .2s!important}.stat-item:hover{background:rgba(255,215,0,.1)!important;border-color:rgba(255,215,0,.35)!important;transform:translateY(-1px)!important}.stat-item span[style*=font-size]{font-size:20px!important}.stat-value{font-size:15px!important;font-weight:800!important;color:gold!important;letter-spacing:.3px!important;min-width:28px!important;text-align:right!important}.stat-icon{width:22px!important;height:22px!important;object-fit:contain!important}.header-actions{display:flex!important;align-items:center!important;gap:8px!important}.icon-btn{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s!important;padding:6px!important;box-sizing:border-box!important}.icon-btn:hover{background:rgba(255,215,0,.15)!important;border-color:rgba(255,215,0,.35)!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px rgba(0,0,0,.3)!important}.icon-btn img{width:100%!important;height:100%!important;object-fit:contain!important}.left-sidebar{background:linear-gradient(180deg,rgba(8,18,36,.98) 0,rgba(12,25,48,.98) 100%)!important;border-right:1px solid rgba(255,215,0,.15)!important;box-shadow:4px 0 24px rgba(0,0,0,.4)!important;width:80px!important;padding:12px 8px!important;display:flex!important;flex-direction:column!important;gap:4px!important}.sidebar-nav{display:flex!important;flex-direction:column!important;gap:4px!important;width:100%!important}.nav-btn{width:64px!important;height:64px!important;border-radius:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.34,1.56,.64,1)!important;color:rgba(255,255,255,.7)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.5px!important;text-transform:uppercase!important;position:relative!important;padding:4px!important;box-sizing:border-box!important}.nav-btn img{width:30px!important;height:30px!important;object-fit:contain!important}.nav-btn span[style*=font-size]{font-size:28px!important;line-height:1!important}.nav-btn:hover{background:rgba(255,215,0,.12)!important;border-color:rgba(255,215,0,.3)!important;color:gold!important;transform:scale(1.08) translateX(3px)!important;box-shadow:0 4px 20px rgba(0,0,0,.4)!important}.nav-btn.active{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,165,0,.1))!important;border-color:rgba(255,215,0,.4)!important;color:gold!important;box-shadow:0 0 20px rgba(255,215,0,.15),inset 0 1px 0 rgba(255,255,255,.1)!important}.nav-badge{position:absolute!important;top:6px!important;right:6px!important;background:#ef4444!important;color:#fff!important;font-size:9px!important;font-weight:800!important;min-width:16px!important;height:16px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid rgba(8,18,36,.9)!important}.island-label{background:rgba(8,18,40,.88)!important;color:gold!important;border:1.5px solid rgba(255,215,0,.4)!important;border-radius:20px!important;padding:4px 12px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.3px!important;white-space:nowrap!important;text-shadow:none!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 2px 12px rgba(0,0,0,.4)!important;margin-top:4px!important;display:inline-block!important;max-width:160px!important;overflow:hidden!important;text-overflow:ellipsis!important;transition:all .2s!important}.island:hover .island-label{background:rgba(255,215,0,.15)!important;border-color:rgba(255,215,0,.7)!important;box-shadow:0 4px 20px rgba(255,215,0,.2)!important;transform:translateY(-2px)!important}.island-progress{width:90px!important;bottom:-40px!important;background:0 0!important;border:none!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important}.island-progress-track{width:100%!important;background:rgba(0,0,0,.4)!important}.island-progress-label{color:rgba(255,255,255,.85)!important}.island-badge{font-size:9px!important;font-weight:800!important;padding:3px 8px!important;border-radius:10px!important;margin-top:3px!important;display:inline-block!important;letter-spacing:.3px!important;text-transform:uppercase!important;background:rgba(99,102,241,.3)!important;border:1px solid rgba(99,102,241,.5)!important;color:#c7d2fe!important}.premium-badge{background:linear-gradient(135deg,rgba(245,158,11,.3),rgba(217,119,6,.3))!important;border-color:rgba(245,158,11,.6)!important;color:#fcd34d!important}.island{transition:transform .2s cubic-bezier(.34,1.56,.64,1)!important;cursor:pointer!important}.island:hover{transform:scale(1.06) translateY(-4px)!important;z-index:50!important}.island:active{transform:scale(.97)!important}.island-image{width:110px!important;height:110px!important;object-fit:contain!important;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))!important}.vocab-island-img{width:120px!important;height:120px!important}}@media (max-width:768px){.island-label{font-size:10px!important;padding:3px 7px!important;border-radius:10px!important;white-space:nowrap!important;max-width:90px!important;overflow:hidden!important;text-overflow:ellipsis!important;background:rgba(10,20,40,.82)!important;color:gold!important;border:1px solid rgba(255,215,0,.35)!important;font-weight:700!important;text-shadow:none!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;margin-top:3px!important;display:block!important;text-align:center!important}.island-progress{width:70px!important;bottom:-36px!important;background:0 0!important;border:none!important;padding:0!important}.island{z-index:20!important}.island:active{transform:scale(.95)!important;transition:transform .1s!important}.island-image{width:70px!important;height:70px!important;object-fit:contain!important}.story-island-img,.vocab-island-img{width:80px!important;height:80px!important}.island-badge{font-size:8px!important;padding:2px 5px!important;border-radius:6px!important}.premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;font-weight:800!important}#mobile-bottom-nav{background:rgba(10,18,35,.92)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid rgba(255,215,0,.2)!important;box-shadow:0 -4px 24px rgba(0,0,0,.5)!important;padding:6px 4px 10px!important;display:flex!important;align-items:center!important;justify-content:space-around!important;gap:2px!important}.bottom-nav-stat{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;padding:4px 6px!important;border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;min-width:44px!important}.bnav-icon{font-size:16px!important;line-height:1!important}.bnav-img{width:22px!important;height:22px!important;object-fit:contain!important}.bnav-stat-value{font-size:12px!important;font-weight:800!important;color:gold!important;line-height:1!important}.bnav-label{font-size:8px!important;color:rgba(255,255,255,.55)!important;font-weight:600!important;letter-spacing:.3px!important;text-transform:uppercase!important;line-height:1!important}.bottom-nav-btn{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;padding:6px 8px!important;border-radius:12px!important;background:rgba(255,215,0,.08)!important;border:1px solid rgba(255,215,0,.2)!important;color:#fff!important;cursor:pointer!important;transition:all .15s!important;min-width:48px!important;-webkit-tap-highlight-color:transparent!important}.bottom-nav-btn:active{background:rgba(255,215,0,.2)!important;transform:scale(.93)!important}.motivational-toast{top:60px!important;right:12px!important;left:auto!important;transform:none!important;max-width:200px!important;font-size:12px!important;padding:8px 12px!important;border-radius:12px!important;text-align:right!important}.island{animation:islandPopIn .5s cubic-bezier(.34,1.56,.64,1) both!important}.island:first-child{animation-delay:.1s!important}.island:nth-child(2){animation-delay:.2s!important}.island:nth-child(3){animation-delay:.3s!important}.island:nth-child(4){animation-delay:.4s!important}.island:nth-child(5){animation-delay:.5s!important}.island:nth-child(6){animation-delay:.6s!important}.island:nth-child(7){animation-delay:.7s!important}.island:nth-child(8){animation-delay:.8s!important}.island:nth-child(9){animation-delay:.9s!important}.island:nth-child(10){animation-delay:1s!important}.island:nth-child(11){animation-delay:1.1s!important}@keyframes islandPopIn{0%{opacity:0;transform:scale(.4) translateY(30px)}100%{opacity:1;transform:scale(1) translateY(0)}}}@media (max-width:768px){.game-header{height:51px!important;padding:0 10px!important;align-items:center!important}.game-header .header-banner{display:none!important}.game-header .stat-item{padding:3px 7px!important;gap:4px!important;border-radius:10px!important}.game-header .stat-icon{width:16px!important;height:16px!important}.game-header .stat-value{font-size:13px!important;font-weight:800!important}.game-header .header-stats{gap:5px!important}.game-header .icon-btn{width:34px!important;height:34px!important}#mobile-bottom-nav{height:54px!important;padding-bottom:max(env(safe-area-inset-bottom),2px)!important}.bottom-nav-stat{padding:3px 5px!important;min-width:38px!important;gap:0!important}.bottom-nav-btn .bnav-label,.bottom-nav-stat .bnav-label{display:none!important}.bnav-icon{font-size:15px!important}.bnav-img{width:20px!important;height:20px!important}.bnav-stat-value{font-size:11px!important}.bottom-nav-btn{padding:5px 6px!important;min-width:40px!important}.map-character-pulse-ring{width:52px!important;height:52px!important}.character-image{width:46px!important}.ship-image{width:56px!important}.ship-league-badge{top:-20px!important;font-size:13px!important}.island{min-width:44px!important;min-height:44px!important}.island-label{font-size:9px!important;padding:2px 5px!important}.island-progress{display:none!important}.map-character-nameplate{font-size:9px!important;padding:2px 6px!important}.map-character-profile-hint{display:none!important}}@media (max-width:480px){.game-header{height:46px!important}#mobile-bottom-nav{height:50px!important}.character-image{width:40px!important}.ship-image{width:50px!important}.map-character-pulse-ring{width:44px!important;height:44px!important}.game-header .header-stats .stat-item:nth-child(n+3){display:none!important}}@media (max-height:480px) and (orientation:landscape){.game-header{height:38px!important}#mobile-bottom-nav{height:42px!important}.map-character-pulse-ring{width:36px!important;height:36px!important}.character-image{width:34px!important}.ship-image{width:44px!important}}