@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap");.slingo-container{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;font-family:sans-serif;background-color:#000d1a;color:#ffffff;overflow:hidden}.slingo-back-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.05);border:none;cursor:pointer;color:#93c5fd;transition:background-color .2s}.slingo-back-btn:hover{background-color:rgba(255,255,255,.1)}.slingo-title-container{flex:1 1;text-align:center}.slingo-title{font-family:Fredoka One,cursive;letter-spacing:.1em;font-size:24px;margin:0;text-transform:uppercase;background:linear-gradient(90deg,#60a5fa,#4ade80);-webkit-background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (min-width:768px){.slingo-title{font-size:32px}}.slingo-main{flex:1 1;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}@media (min-width:1024px){.slingo-main{flex-direction:row;overflow-y:hidden}}.slingo-slim-top-bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;margin-bottom:12px;background-color:rgba(0,26,51,.6);border-radius:9999px;border:1px solid rgba(255,255,255,.1)}.slingo-header-status{color:#93c5fd}.slingo-mobile-rank{display:flex;align-items:center;gap:6px;font-weight:700;color:#eab308}.slingo-game-area{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;background-image:url(https://www.transparenttextures.com/patterns/stardust.png);background-size:400px;background-color:#00152b;overflow-y:auto;position:relative}.slingo-game-area:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,rgba(0,13,26,.8) 100%);pointer-events:none}.slingo-game-content{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.slingo-hud{width:100%;display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding:0 8px}.slingo-stat-box{background-color:#002244;border-radius:12px;padding:8px 16px;display:flex;flex-direction:column;align-items:center}.slingo-stat-box.score{border:2px solid #ffcc00;box-shadow:0 0 15px rgba(255,204,0,.3)}.slingo-stat-box.spins{border:2px solid #ef4444;box-shadow:0 0 15px rgba(239,68,68,.3)}.slingo-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px}.slingo-stat-box.score .slingo-stat-label{color:#eab308}.slingo-stat-box.spins .slingo-stat-label{color:#f87171}.slingo-stat-value{font-size:24px;font-weight:900;font-family:Roboto Mono,monospace;line-height:1;margin:0;color:#ffffff}@media (min-width:640px){.slingo-stat-value{font-size:32px}}.slingo-toast-container{flex:1 1;height:48px;margin:0 16px;display:flex;align-items:center;justify-content:center;position:relative}.slingo-toast{position:absolute;color:#fde047;font-weight:700;text-align:center;font-size:14px;background-color:rgba(0,0,0,.8);padding:6px 16px;border-radius:9999px;border:1px solid rgba(234,179,8,.5);box-shadow:0 4px 12px rgba(0,0,0,.5);white-space:nowrap}@media (min-width:640px){.slingo-toast{font-size:16px}}.slingo-board-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.slingo-board{background-color:#ffcc00;padding:6px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.8),inset 0 0 15px rgba(255,255,255,.4);border-color:#ffd633 #b38f00 #b38f00 #ffd633;border-style:solid;border-width:2px 4px 6px 2px;display:flex;flex-direction:column;width:100%;max-width:400px}@media (min-width:640px){.slingo-board{padding:10px}}.slingo-columns-header{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;margin-bottom:6px}@media (min-width:640px){.slingo-columns-header{gap:6px;margin-bottom:10px}}.slingo-header-ball{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid #ffffff;box-shadow:inset -4px -4px 8px rgba(0,0,0,.4),inset 4px 4px 8px rgba(255,255,255,.5),0 4px 6px rgba(0,0,0,.4)}.slingo-header-ball.col-0{background-color:#ef4444}.slingo-header-ball.col-1{background-color:#3b82f6}.slingo-header-ball.col-2{background-color:#a855f7}.slingo-header-ball.col-3{background-color:#22c55e}.slingo-header-ball.col-4{background-color:#ec4899}.slingo-header-letter{font-family:Fredoka One,cursive;font-size:24px;color:#ffffff;-webkit-text-stroke:1px rgba(0,0,0,.8);text-shadow:2px 2px 0 rgba(0,0,0,.6);line-height:1;margin-top:4px}@media (min-width:640px){.slingo-header-letter{font-size:32px;-webkit-text-stroke:1.5px rgba(0,0,0,.8)}}.slingo-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;background-color:#ffcc00;margin-bottom:6px}@media (min-width:640px){.slingo-grid{gap:6px;margin-bottom:10px}}.slingo-cell{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;font-family:Roboto Mono,monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border-radius:4px}@media (min-width:640px){.slingo-cell{font-size:28px;border-radius:6px}}.slingo-cell.unmarked{background-color:#2563eb;color:#ffffff;box-shadow:inset 0 0 10px rgba(0,0,0,.8);border:1px solid #60a5fa;text-shadow:1px 2px 1px rgba(0,0,0,.8)}.slingo-cell.marked{background-color:#ffcc00;color:#000000}.slingo-cell.highlighted{box-shadow:0 0 0 4px #ef4444,inset 0 0 10px rgba(0,0,0,.8);cursor:pointer;animation:pulse-highlight 1.5s infinite;z-index:10;border-color:#ffffff}@keyframes pulse-highlight{0%{box-shadow:0 0 0 0 rgba(239,68,68,.8),inset 0 0 10px rgba(0,0,0,.8)}50%{box-shadow:0 0 0 12px rgba(239,68,68,0),inset 0 0 10px rgba(0,0,0,.8);background-color:#3b82f6}to{box-shadow:0 0 0 0 rgba(239,68,68,0),inset 0 0 10px rgba(0,0,0,.8)}}.slingo-cell-star-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.15}.slingo-cell-star-bg span{font-size:50px;color:#000000;transform:rotate(12deg)}.slingo-cell-content{position:relative;z-index:10}.slingo-slots{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;background-color:#111111;padding:4px;border-radius:8px;box-shadow:inset 0 4px 8px rgba(0,0,0,.8)}@media (min-width:640px){.slingo-slots{gap:6px;padding:6px}}.slingo-slot{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:3px solid #6b7280;box-shadow:inset 0 8px 16px rgba(0,0,0,.3);position:relative;overflow:hidden;border-radius:4px}.slingo-slot.active-crawfish{border-color:#f97316;background-color:#ffedd5;box-shadow:0 0 10px rgba(249,115,22,.5),inset 0 8px 16px rgba(0,0,0,.2)}.slingo-slot.used{opacity:.5}.slingo-slot.used.empty{opacity:1}.slingo-slot-glass{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent);pointer-events:none}.slingo-slot-spinner{color:#9ca3af;font-weight:900;font-size:24px;font-family:Fredoka One,cursive}.slingo-slot-content{font-weight:900;font-size:24px;z-index:10;font-family:Roboto Mono,monospace;display:flex;align-items:center;justify-content:center}@media (min-width:640px){.slingo-slot-content{font-size:32px}}.slingo-slot-number{color:#000000}.slingo-slot-emoji{font-size:36px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));line-height:1}.slingo-desktop-spin-wrapper{margin-left:24px;display:none;flex-direction:column;justify-content:flex-end}@media (min-width:768px){.slingo-desktop-spin-wrapper{display:flex}}.slingo-mobile-spin-wrapper{display:flex;width:100%;max-width:250px;margin-top:16px}@media (min-width:768px){.slingo-mobile-spin-wrapper{display:none}}.slingo-spin-btn{font-family:Fredoka One,cursive;font-size:24px;letter-spacing:.1em;text-transform:uppercase;transition:all .1s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:none;cursor:pointer;outline:none}.slingo-spin-btn.desktop{width:110px;height:110px;border-radius:50%;box-shadow:0 10px 0 #990000,0 15px 20px rgba(0,0,0,.6);border:4px solid #ff0000}.slingo-spin-btn.mobile{width:100%;padding:20px 0;border-radius:9999px;box-shadow:0 8px 0 #990000,0 12px 20px rgba(0,0,0,.6);border:3px solid #ff0000}.slingo-spin-btn.active-state{background:linear-gradient(180deg,#ef4444,#b91c1c);color:#ffffff}.slingo-spin-btn.active-state:hover{background:linear-gradient(180deg,#f87171,#dc2626)}.slingo-spin-btn.active-state.desktop:active{transform:translateY(6px);box-shadow:0 4px 0 #990000,0 5px 10px rgba(0,0,0,.6)}.slingo-spin-btn.active-state.mobile:active{transform:translateY(4px);box-shadow:0 4px 0 #990000,0 5px 10px rgba(0,0,0,.6)}.slingo-spin-btn.disabled-state{background:linear-gradient(180deg,#9ca3af,#4b5563);color:#d1d5db;border-color:#6b7280;cursor:not-allowed}.slingo-spin-btn.disabled-state.desktop{transform:translateY(6px);box-shadow:0 4px 0 #374151,0 5px 10px rgba(0,0,0,.6)}.slingo-spin-btn.disabled-state.mobile{transform:translateY(4px);box-shadow:0 4px 0 #374151,0 5px 10px rgba(0,0,0,.6)}.slingo-spin-btn.game-over-state{background:linear-gradient(180deg,#60a5fa,#2563eb);color:#ffffff;border-color:#93c5fd}.slingo-spin-btn.game-over-state.desktop{box-shadow:0 10px 0 #1e3a8a,0 15px 20px rgba(0,0,0,.6)}.slingo-spin-btn.game-over-state.mobile{box-shadow:0 8px 0 #1e3a8a,0 12px 20px rgba(0,0,0,.6)}.slingo-spin-btn.game-over-state:hover{background:linear-gradient(180deg,#93c5fd,#3b82f6)}.slingo-spin-btn.game-over-state.desktop:active{transform:translateY(6px);box-shadow:0 4px 0 #1e3a8a,0 5px 10px rgba(0,0,0,.6)}.slingo-spin-btn.game-over-state.mobile:active{transform:translateY(4px);box-shadow:0 4px 0 #1e3a8a,0 5px 10px rgba(0,0,0,.6)}.slingo-spin-btn-text{position:relative;z-index:10;text-shadow:2px 3px 0 rgba(0,0,0,.5)}.slingo-spin-btn-glass{position:absolute;top:4px;left:8px;right:8px;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);border-radius:50px 50px 0 0;pointer-events:none}.slingo-spin-btn.desktop .slingo-spin-btn-glass{border-radius:50%}.slingo-sidebar-panel{display:flex;flex-direction:column;background-color:#001122;border-top:1px solid #1f2937;flex:none;min-height:400px}@media (min-width:1024px){.slingo-sidebar-panel{width:350px;height:100%;min-height:auto;border-left:1px solid #1f2937;border-top:none}}.slingo-sidebar-content{flex:1 1;display:flex;flex-direction:column;position:relative}.slingo-sidebar-tab-content{display:flex;flex:1 1;overflow:hidden;flex-direction:column}.slingo-chat-header,.slingo-leaderboard-header{padding:12px 16px;background-color:#001a33;border-bottom:1px solid #1f2937;font-weight:700;display:flex;align-items:center;gap:8px;color:#fff}.mobile-only{display:flex}@media (min-width:1024px){.mobile-only{display:none}.leaderboard-panel{flex:0 0 45%;border-bottom:1px solid #1f2937}.chat-panel{flex:1 1}}.slingo-leaderboard-list{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.slingo-leaderboard-empty{text-align:center;color:#6b7280;padding:24px}.slingo-leaderboard-row{display:flex;align-items:center;gap:12px;background-color:rgba(255,255,255,.05);padding:8px 12px;border-radius:12px}.slingo-leaderboard-row.is-me{background-color:rgba(234,179,8,.15);border:1px solid rgba(234,179,8,.5)}.slingo-leaderboard-row .rank{font-weight:900;color:#9ca3af;width:24px}.slingo-leaderboard-row.is-me .rank{color:#eab308}.slingo-leaderboard-row .avatar{width:32px;height:32px;border-radius:50%;overflow:hidden}.slingo-leaderboard-row .avatar img{width:100%;height:100%;object-fit:cover}.slingo-leaderboard-row .fallback{width:100%;height:100%;background-color:#374151;display:flex;align-items:center;justify-content:center}.slingo-leaderboard-row .info{flex:1 1;min-width:0}.slingo-leaderboard-row .name{font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slingo-leaderboard-row .status{font-size:11px;color:#9ca3af}.slingo-leaderboard-row .score{font-weight:900;font-family:Roboto Mono,monospace;color:#4ade80}.slingo-header-status{display:flex;align-items:center;gap:6px;background-color:rgba(0,0,0,.5);padding:6px 12px;color:#3b82f6}.slingo-header-status,.slingo-spin-timer-badge{border-radius:9999px;font-weight:700;font-family:Roboto Mono,monospace}.slingo-spin-timer-badge{position:absolute;top:-12px;right:0;background-color:#ef4444;color:white;padding:4px 8px;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.5);z-index:20}.slingo-spin-timer-bar-wrapper{position:absolute;bottom:-8px;left:10%;right:10%;height:6px;background-color:rgba(255,255,255,.2);border-radius:9999px;overflow:hidden}.slingo-spin-timer-bar{height:100%;background-color:#ef4444}.app-container{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:var(--bg);background-image:linear-gradient(180deg,color-mix(in srgb,var(--bg) 96%,var(--primary) 4%) 0,var(--bg) 40%,var(--bg) 100%);color:var(--text);padding-bottom:calc(160px + var(--sticky-player-offset, 0px));overflow-x:hidden}.sticky-header-group{position:fixed;top:0;z-index:1000;width:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease}.sticky-header-group.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.main-header{height:60px;display:flex;align-items:center;padding:0 var(--sp-4);overflow:hidden;opacity:1;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform,opacity;pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--highlight-top);box-shadow:var(--shadow-sm),inset 0 -1px 0 rgba(0,0,0,.04)}.main-header.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.header-content{width:100%;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo-text span{color:var(--primary);transition:color .3s ease}.theme-toggle{background:rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--highlight-top);color:var(--text);padding:var(--sp-2);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 var(--highlight-top-strong);transition:all var(--duration-150) var(--ease-out)}.theme-toggle:hover{background:rgba(255,255,255,.14);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--highlight-top-strong)}.content-area{flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:var(--sp-5) var(--sp-4)}.view-container h2{font-size:var(--text-3xl);margin-bottom:var(--sp-6);font-weight:var(--font-extrabold)}.placeholder-content{display:flex;flex-direction:column;gap:16px}.env-switcher-footer{position:fixed;bottom:calc(80px + var(--sticky-player-offset, 0px));left:0;right:0;z-index:90;height:60px;display:flex;align-items:center;justify-content:center;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;will-change:transform,opacity;pointer-events:auto}.env-switcher-footer.nav-hidden{transform:translateY(160px);opacity:0;pointer-events:none}.switcher-wrapper{background:var(--bg-soft);border-radius:var(--radius-full);display:flex;border:1px solid var(--border);width:95%;max-width:450px;overflow:hidden;position:relative}.switcher-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--bg-soft));pointer-events:none;border-radius:0 30px 30px 0;z-index:2}.switcher-scroll{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:4px 0;gap:0;-webkit-overflow-scrolling:touch;cursor:-webkit-grab;cursor:grab}.switcher-scroll:active{cursor:-webkit-grabbing;cursor:grabbing}.switcher-scroll::-webkit-scrollbar{display:none}.sw-btn{width:33.3333%;min-width:33.3333%;max-width:33.3333%;flex:0 0 33.3333%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);padding:var(--sp-3) 0;border:none;background:transparent;color:var(--text-primary);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-300) var(--ease-in-out);scroll-snap-align:center;scroll-snap-stop:always;white-space:nowrap;opacity:.4;transform:scale(.9);box-sizing:border-box}.sw-btn.spacer{pointer-events:none;opacity:0}.sw-btn svg{margin-bottom:2px;transition:transform .3s ease}.sw-btn.active{opacity:1;transform:scale(1.05);color:var(--active-color,var(--primary))}.sw-btn.active.discover{--active-color:#06b6d4}.sw-btn.active.social{--active-color:#3b82f6}.sw-btn.active.market{--active-color:#10b981}.sw-btn.active.eats{--active-color:#f97316}.sw-btn.active.rides{--active-color:#facc15}.sw-btn.active.services{--active-color:#334155}.sw-btn.active.events{--active-color:#facc15}.sw-btn.active.wallet{--active-color:#06b6d4}.sw-btn.active.care{--active-color:#ef4444}.sw-btn.active.homes{--active-color:#14b8a6}.sw-btn.active.auto{--active-color:#94a3b8}.sw-btn.active.travel{--active-color:#84cc16}.sw-btn.active.jobs{--active-color:#172554}.sw-btn.active.faith{--active-color:#8b5cf6}.sw-btn.active.news{--active-color:#1e40af}.sw-btn.active.vendor{--active-color:#7000f4}.sw-btn.active.admin{--active-color:#8b5cf6}.sw-btn.active svg{transform:translateY(-2px)}.desktop-scroll-btn{display:none;background:transparent;border:none;color:var(--text);opacity:.6;cursor:pointer;padding:0 8px;height:100%;transition:opacity .2s,background .2s;z-index:10}.desktop-scroll-btn:hover{opacity:1;background:rgba(255,255,255,.05)}.desktop-scroll-btn.left{border-right:1px solid var(--border);border-top-left-radius:30px;border-bottom-left-radius:30px}.desktop-scroll-btn.right{border-left:1px solid var(--border);border-top-right-radius:30px;border-bottom-right-radius:30px}@media (min-width:768px){.desktop-scroll-btn{display:flex;align-items:center;justify-content:center}.switcher-wrapper{max-width:800px}.switcher-scroll{justify-content:flex-start}.sw-btn{width:auto;min-width:100px;max-width:none;flex:0 0 auto;padding:var(--sp-2-5,10px) var(--sp-3-5,14px);border-radius:var(--radius-lg);font-size:var(--text-sm)}}.top-switch-container{width:100%;display:flex;justify-content:center;padding:12px 0 8px;background:transparent;overflow:hidden;opacity:1;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform,opacity;pointer-events:auto}.top-switch-container.header-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.two-notches{gap:16px}.notch,.two-notches{display:flex;align-items:center}.notch{width:36px;height:32px;justify-content:center;cursor:pointer;opacity:.3;position:relative}.notch,.notch:after{transition:all .2s ease}.notch:after{content:"";width:100%;height:4px;border-radius:2px;background-color:currentColor}.notch:hover{opacity:.7;transform:translateY(-1px)}.notch.active{opacity:1}.notch.active:after{height:6px;box-shadow:0 0 12px currentColor}.notch-0{color:#a855f7}.notch-1{color:#06b6d4}.notch-2{color:#2563eb}.notch-3{color:#8b5cf6}@keyframes notchPulse{0%{opacity:.3;transform:scale(1)}30%{opacity:.85;transform:scale(1.25);box-shadow:0 0 10px currentColor}60%{opacity:.3;transform:scale(1)}to{opacity:.3;transform:scale(1)}}.notch.pulse:after{animation:notchPulse 1.6s ease-in-out 3}.bottom-nav{position:fixed;bottom:var(--sticky-player-offset,0);left:0;right:0;z-index:90;height:80px;padding-bottom:var(--safe-area-bottom);display:flex;align-items:center;transform:translateY(0);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease;will-change:transform,opacity;pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-top:1px solid var(--highlight-top);box-shadow:var(--shadow-xl),inset 0 1px 0 var(--highlight-top-strong)}.bottom-nav.nav-hidden{transform:translateY(80px);opacity:0;pointer-events:none}.nav-items-scroll{display:flex;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;overflow-x:auto;justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.nav-items-scroll::-webkit-scrollbar{display:none}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);min-width:72px;background:transparent;border:none;cursor:pointer;padding:var(--sp-2) 0;transition:all var(--duration-200) var(--ease-out);position:relative}.icon-wrapper{color:var(--text-muted);transition:color .2s ease,transform .2s ease;position:relative}.nav-btn.active .icon-wrapper{color:var(--primary);transform:translateY(-4px)}.nav-btn.active{color:var(--primary)}.nav-btn .label{font-size:var(--text-2xs);font-weight:var(--font-medium);color:var(--text-muted)}.nav-btn.active .label{color:var(--primary);font-weight:var(--font-bold)}.badge{position:absolute;top:-var(--sp-1);right:-var(--sp-2);background:#ef4444;color:white;font-size:var(--text-2xs);font-weight:var(--font-bold);padding:var(--sp-0-5) 5px;border-radius:var(--radius-md);border:2px solid var(--bg)}.nav-btn.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:4px;height:4px;background:var(--primary);border-radius:50%}@media (max-width:600px){.top-switch-container{padding:8px 0}.four-way-switch{width:240px}.nav-items-scroll{justify-content:flex-start}}.create-post-fab-classic{position:fixed;bottom:calc(160px + var(--sticky-player-offset, 0px));right:var(--sp-6);width:60px;height:60px;border-radius:var(--radius-full);background:var(--primary);border:none;color:white;box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9000;transition:transform var(--duration-200) var(--ease-out)}.create-post-fab-classic:hover{transform:scale(1.05)}@media (max-width:768px){.create-post-fab-classic{bottom:calc(150px + var(--sticky-player-offset, 0px));right:16px}}.create-post-fab-minimal{position:fixed;bottom:calc(24px + var(--sticky-player-offset, 0px));right:var(--sp-6);width:60px;height:60px;border-radius:var(--radius-full);background:var(--primary);border:none;color:white;box-shadow:var(--shadow-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9000;transition:transform var(--duration-200) var(--ease-out)}.create-post-fab-minimal:hover{transform:scale(1.05)}@media (max-width:768px){.create-post-fab-minimal{bottom:calc(24px + var(--sticky-player-offset, 0px));right:16px}}.optimized-image-container{position:relative;overflow:hidden;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;width:100%;height:100%}.image-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.optimized-image{width:100%;height:100%;object-fit:cover;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s ease}.optimized-image.hidden{opacity:0;transform:scale(1.05)}.optimized-image.visible{opacity:1;transform:scale(1)}.image-error{justify-content:center;width:100%;height:100%;background:var(--accent-bg);color:var(--text-muted)}.default-fallback,.image-error{display:flex;align-items:center}.default-fallback{flex-direction:column;gap:8px}.game-chat-wrapper{width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}@media (min-width:1024px){.game-chat-wrapper{pointer-events:auto}}.game-chat-wrapper.expanded{pointer-events:auto}.game-chat-collapsed-bubble{position:absolute;bottom:24px;left:16px;right:16px;background-color:rgba(0,17,34,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #1f2937;border-radius:9999px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px rgba(0,0,0,.5);cursor:pointer;pointer-events:auto;transition:transform .2s;z-index:50}@media (min-width:1024px){.game-chat-collapsed-bubble{display:none}}.game-chat-collapsed-bubble:active{transform:scale(.98)}.game-chat-bubble-icon{background-color:#3b82f6;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.game-chat-bubble-text{flex:1 1;min-width:0}.game-chat-bubble-text p{margin:0;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-chat-bubble-arrow{color:#9ca3af;flex-shrink:0}.game-chat-container{display:flex;flex-direction:column;height:50vh;background-color:#001122;border-top-left-radius:24px;border-top-right-radius:24px;border-top:1px solid #1f2937;box-shadow:0 -4px 20px rgba(0,0,0,.5);position:absolute;bottom:0;left:0;right:0;z-index:50;pointer-events:auto;overflow:hidden}@media (min-width:1024px){.game-chat-container{position:relative;height:100%;border-radius:0;border-top:none;box-shadow:none}}.game-chat-header{background-color:#002244;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-bottom:1px solid #1f2937}@media (min-width:1024px){.game-chat-header{cursor:default}.game-chat-toggle-btn{display:none}}.game-chat-header-title{display:flex;align-items:center;gap:8px;font-weight:700;color:#ffffff}.game-chat-badge{font-size:10px;background-color:rgba(255,255,255,.1);padding:2px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.game-chat-toggle-btn{background:transparent;border:none;color:#9ca3af;display:flex;align-items:center;justify-content:center}.game-chat-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.game-chat-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#6b7280;font-size:14px}.game-chat-message-row{display:flex;gap:12px}.game-chat-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;overflow:hidden;margin-top:2px}.game-chat-avatar img{width:100%;height:100%;object-fit:cover}.game-chat-avatar-fallback{width:100%;height:100%;background-color:#1f2937;display:flex;align-items:center;justify-content:center;color:#9ca3af}.game-chat-message-content{flex:1 1;min-width:0}.game-chat-message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.game-chat-user{font-weight:700;font-size:14px;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-chat-time{font-size:10px;color:#6b7280}.game-chat-text{font-size:14px;color:#d1d5db;margin:0;word-break:break-word;line-height:1.4}.game-chat-input-area{padding:12px;background-color:#001a33;border-top:1px solid #1f2937;display:flex;align-items:center;gap:8px}.game-chat-input{flex:1 1;background-color:#001122;border:1px solid #1f2937;border-radius:9999px;padding:10px 16px;font-size:14px;color:#ffffff;outline:none}.game-chat-input:focus{border-color:#3b82f6}.game-chat-send-btn{width:40px;height:40px;border-radius:50%;background-color:#3b82f6;color:#ffffff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0}.game-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.gator-chase-container{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;background-color:#000a14;color:#fff;font-family:Fredoka One,sans-serif;overflow:hidden}.gator-chase-top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:rgba(0,20,40,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid #1f3a5f}.gator-chase-back-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.1)}.gator-chase-stats{display:flex;gap:24px;font-size:18px;text-transform:uppercase}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-label{font-size:10px;color:#60a5fa;letter-spacing:1px}.gator-chase-game-area{flex:1 1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;touch-action:none}.gator-chase-board{position:relative;background-color:#000;border:4px solid #1e3a8a;border-radius:8px;box-shadow:0 0 20px rgba(30,58,138,.5);transform-origin:center}.maze-cell,.maze-row{display:flex}.maze-cell{width:24px;height:24px;align-items:center;justify-content:center}.maze-wall{background-color:#1e40af;border:1px solid #1e3a8a;border-radius:4px;width:100%;height:100%}.maze-coin{width:6px;height:6px;background-color:#fde047;border-radius:50%;box-shadow:0 0 5px #fde047}.maze-crawfish{width:16px;height:16px;background-image:url(/images/gator-chase/crawfish.png);background-size:contain;background-repeat:no-repeat;background-position:50%;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(.9)}to{transform:scale(1.1)}}.entity-player{width:24px;height:24px;z-index:10;will-change:left,top}.entity-player:after{content:"";position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 10px #60a5fa;z-index:-1}.entity-gator{position:absolute;width:24px;height:24px;z-index:9;background-size:contain;background-repeat:no-repeat;background-position:50%;background-color:transparent;will-change:left,top,transform;image-rendering:pixelated}.entity-gator.moving{animation:waddle .3s infinite alternate}@keyframes waddle{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}.entity-gator.frightened{background-image:url(/images/gator-chase/cyan_gator.png)!important;filter:hue-rotate(180deg) brightness(1.5) saturate(0);animation:frightened .5s infinite alternate,waddle .4s infinite alternate}@keyframes frightened{0%{opacity:.8}to{opacity:1}}.entity-gator.frightened-ending{animation:flash .2s infinite,waddle .4s infinite alternate}@keyframes flash{0%{filter:hue-rotate(180deg) brightness(1.5) saturate(0)}to{filter:none}}.gator-chase-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20}.overlay-title{font-size:36px;color:#fde047;margin-bottom:24px;text-shadow:0 0 10px rgba(253,224,71,.5)}.start-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;padding:12px 32px;border-radius:24px;font-size:20px;font-family:inherit;cursor:pointer;box-shadow:0 4px 15px rgba(59,130,246,.4);transition:transform .1s}.start-btn:active{transform:scale(.95)}.mobile-controls{display:none}@media (max-width:768px){.gator-chase-board{transform:scale(.85)}}@media (max-width:480px){.gator-chase-board{transform:scale(.7)}}.d-pad-container{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:200}@media (max-width:768px){.d-pad-container{display:block}.gator-chase-game-area{padding-bottom:200px}}.d-pad{display:grid;grid-template-columns:repeat(3,62px);grid-template-rows:repeat(3,62px);grid-gap:4px;gap:4px}.d-btn{width:62px;height:62px;border-radius:14px;background:rgba(30,58,138,.75);border:2px solid rgba(96,165,250,.6);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .08s,transform .08s;touch-action:none;box-shadow:0 4px 12px rgba(0,0,0,.4)}.d-btn:active{background:rgba(59,130,246,.9);transform:scale(.92)}.d-center{width:62px;height:62px;border-radius:50%;background:rgba(30,58,138,.35);border:2px solid rgba(96,165,250,.3)}.pecan-catch-container{position:fixed;inset:0;z-index:99999;background-color:#87CEEB;display:flex;flex-direction:column;overflow:hidden}.pecan-catch-container.dark{background-color:#1a1a2e}.pecan-catch-game-area{flex:1 1;position:relative;width:100%;max-width:600px;margin:0 auto;border-left:2px solid rgba(0,0,0,.1);border-right:2px solid rgba(0,0,0,.1);background-image:url(/images/pecan-catch/tree-bg.png),url(/images/pecan-catch/park-bg.png);background-position:top,bottom;background-repeat:repeat-x,no-repeat;background-size:100% 55%,100% 50%;touch-action:none;min-height:100dvh}.pecan-catch-ui{position:absolute;top:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10;pointer-events:none}.pecan-catch-lives-card,.pecan-catch-score-card{background:rgba(255,255,255,.9);padding:8px 16px;border-radius:20px;font-weight:600;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#1f2937;display:flex;align-items:center;gap:8px}.dark .pecan-catch-lives-card,.dark .pecan-catch-score-card{background:rgba(31,41,55,.9);color:#f3f4f6}.entity-player{position:absolute;bottom:20px;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5}.entity-player .avatar-container{width:100%!important;height:100%!important;box-shadow:0 4px 10px rgba(0,0,0,.3)}.entity-pecan{width:40px;height:40px;background-image:url(/images/pecan-catch/pecan.png);z-index:3}.entity-pecan,.entity-squirrel{position:absolute;transform:translateX(-50%);background-size:contain;background-repeat:no-repeat;background-position:50%}.entity-squirrel{width:60px;height:60px;background-image:url(/images/pecan-catch/squirrel.png);z-index:4;top:50px;transition:left .5s ease-out}.pecan-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pecan-modal{background:white;padding:32px;border-radius:24px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.dark .pecan-modal{background:#1f2937;color:white}.pecan-modal h2{font-size:28px;font-weight:700;margin-bottom:16px;color:#16a34a}.pecan-modal p{margin-bottom:24px;font-size:16px;color:#4b5563}.dark .pecan-modal p{color:#d1d5db}.pecan-modal-btn{width:100%;padding:14px;background:#16a34a;color:white;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:12px}.pecan-modal-btn:hover{background:#15803d;transform:translateY(-2px)}.pecan-modal-btn.secondary{background:transparent;color:#6b7280;border:1px solid #d1d5db}.dark .pecan-modal-btn.secondary{border-color:#4b5563;color:#9ca3af}.pecan-drag-zone{position:absolute;inset:0;bottom:90px;z-index:8;cursor:-webkit-grab;cursor:grab;touch-action:none}.pecan-drag-zone:active{cursor:-webkit-grabbing;cursor:grabbing}.pecan-drag-hint{position:absolute;bottom:96px;left:0;right:0;text-align:center;font-size:11px;color:rgba(0,0,0,.4);pointer-events:none;z-index:9;font-weight:500}.control-btn{width:60px;height:60px;border-radius:30px;background:rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.4);color:white;display:flex;align-items:center;justify-content:center;pointer-events:auto;cursor:pointer}.control-btn:active{background:rgba(255,255,255,.4)}.pa-container{position:fixed;inset:0;z-index:99999;background-color:#0f172a;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.pa-ui{position:absolute;top:0;left:0;right:0;padding:16px;display:flex;justify-content:space-between;align-items:center;z-index:20}.pa-lives-card,.pa-score-card{background:rgba(255,255,255,.9);padding:8px 16px;border-radius:20px;font-weight:700;color:#111;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;gap:4px}.dark .pa-lives-card,.dark .pa-score-card{background:rgba(15,23,42,.8);color:#fff;border:1px solid rgba(255,255,255,.1)}.games-back-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.pa-game-area{flex:1 1;position:relative;width:100%;max-width:600px;margin:0 auto;border-left:2px solid rgba(0,0,0,.3);border-right:2px solid rgba(0,0,0,.3);background-color:#1e3a8a;overflow:hidden;touch-action:none}.pa-water-bg{position:absolute;top:-100%;left:0;width:100%;height:300%;background:repeating-linear-gradient(180deg,#1e3a8a,#1e40af 40px,#1d4ed8 80px,#2563eb 120px,#1e40af 160px,#1e3a8a 200px);z-index:1;will-change:transform}.pa-entity-boat{position:absolute;width:60px;height:80px;z-index:10;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}.pa-entity-boat:before{content:"⛵";font-size:52px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.pa-entity-buoy{width:44px;height:44px;border-radius:50%;background:conic-gradient(#ef4444 0deg 90deg,#fff 90deg 180deg,#ef4444 180deg 270deg,#fff 270deg 1turn);border:3px solid #991b1b;z-index:5;box-shadow:0 4px 12px rgba(0,0,0,.4)}.pa-entity-buoy,.pa-entity-sandbar{position:absolute;transform:translate(-50%,-50%)}.pa-entity-sandbar{width:110px;height:55px;background:radial-gradient(ellipse at center,#d4a853 0,#b8863a 60%,#8b6520 100%);border-radius:50%;z-index:4;box-shadow:0 4px 16px rgba(0,0,0,.4);border:2px solid #a06c1a}.pa-zone-left,.pa-zone-right{position:absolute;top:0;bottom:0;width:50%;z-index:15;touch-action:none;display:flex;align-items:flex-end;padding-bottom:32px}.pa-zone-left{left:0;justify-content:flex-start;padding-left:20px}.pa-zone-right{right:0;justify-content:flex-end;padding-right:20px}.pa-zone-hint{font-size:28px;color:rgba(255,255,255,.2);transition:color .1s;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pa-zone-left:active .pa-zone-hint,.pa-zone-right:active .pa-zone-hint{color:rgba(255,255,255,.7)}.pa-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:30}.pa-modal{background:#fff;padding:32px;border-radius:16px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 25px -5px rgba(0,0,0,.1);color:#111}.dark .pa-modal{background:#1e293b;color:#fff;border:1px solid rgba(255,255,255,.1)}.pa-modal-btn{width:100%;padding:12px;border-radius:8px;border:none;background:#3b82f6;color:white;font-weight:700;font-size:16px;cursor:pointer;margin-top:16px;transition:background .2s}.pa-modal-btn:hover{background:#2563eb}.pa-modal-btn.secondary{background:#64748b}.pa-modal-btn.secondary:hover{background:#475569}.beaumont-game-area{position:fixed;inset:0;z-index:1;max-width:600px;margin:0 auto;background-image:url(/images/beaumont/bg.png);background-size:cover;background-position:bottom;overflow:hidden;touch-action:none;filter:saturate(.8)}.spindletop-target{width:100px;height:100px;border:5px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(0,0,0,.15);box-shadow:0 0 20px rgba(255,200,0,.5),inset 0 0 12px rgba(255,200,0,.2);z-index:10;transition:border-color .1s,background .1s,box-shadow .1s;pointer-events:none;animation:ringPulse var(--pulse-duration,2s) ease-in-out infinite}.spindletop-target:before{content:"";position:absolute;inset:8px;border:2px dashed rgba(255,255,255,.4);border-radius:50%;animation:rotate 3s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes ringPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 20px rgba(255,200,0,.4)}50%{transform:translate(-50%,-50%) scale(1.12);box-shadow:0 0 40px rgba(255,200,0,.9),0 0 80px rgba(255,200,0,.3)}}.spindletop-target.hit{border-color:#22c55e;background:rgba(34,197,94,.3);box-shadow:0 0 30px rgba(34,197,94,.8)}.spindletop-target.miss{border-color:#ef4444;background:rgba(239,68,68,.3);box-shadow:0 0 30px rgba(239,68,68,.8)}.oil-drop{position:absolute;left:50%;width:28px;height:40px;background:radial-gradient(circle at 35% 35%,#4b4b4b,#0a0a0a);border-radius:50% 50% 50% 50%/55% 55% 45% 45%;transform:translateX(-50%);z-index:5;box-shadow:0 4px 8px rgba(0,0,0,.4)}.oil-drop:after{content:"";position:absolute;top:5px;right:7px;width:5px;height:10px;background:rgba(255,255,255,.35);border-radius:50%;transform:rotate(-20deg)}.beaumont-streak{background:rgba(251,191,36,.9);color:#111;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.beaumont-streak.heating-up{background:linear-gradient(135deg,#f97316,#ef4444);color:white;animation:streakPulse .5s ease-in-out infinite alternate}.beaumont-streak.on-fire{background:linear-gradient(135deg,#ef4444,#dc2626);color:white;animation:streakPulse .3s ease-in-out infinite alternate}@keyframes streakPulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.spindletop-target.heating-up{border-color:#f97316;box-shadow:0 0 30px rgba(249,115,22,.7),0 0 60px rgba(249,115,22,.3)}.spindletop-target.on-fire{border-color:#ef4444;box-shadow:0 0 40px rgba(239,68,68,.9),0 0 80px rgba(239,68,68,.4)}.beaumont-strike-label.heating-up{background:rgba(249,115,22,.7);border-color:rgba(251,191,36,.9)}.beaumont-strike-label.on-fire{background:rgba(220,38,38,.75);border-color:rgba(239,68,68,1);animation:firePulse .3s ease-in-out infinite alternate}@keyframes firePulse{0%{box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 20px rgba(239,68,68,.4)}to{box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 50px rgba(239,68,68,.8)}}.beaumont-pts-hint{display:block;font-size:12px;font-weight:600;opacity:.8;margin-top:2px}.beaumont-tap-zone{position:absolute;inset:0;z-index:20;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px}.beaumont-strike-label{width:130px;height:130px;border-radius:50%;background:rgba(0,0,0,.55);border:4px solid rgba(255,255,255,.7);color:white;font-size:22px;font-weight:900;letter-spacing:2px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,.5);transition:transform .08s;pointer-events:none}.beaumont-tap-zone:active .beaumont-strike-label{transform:scale(.93);background:rgba(0,0,0,.75)}.nederland-game-area{position:fixed;inset:0;z-index:1;max-width:600px;margin:0 auto;background:linear-gradient(180deg,#38bdf8,#7dd3fc 40%,#bae6fd 60%,#4ade80 75%,#16a34a);overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nederland-game-area:before{content:"🌷";position:absolute;bottom:0;left:0;right:0;font-size:48px;text-align:center;letter-spacing:16px;padding-bottom:8px;pointer-events:none;z-index:0}.windmill-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.25);border:3px solid rgba(255,255,255,.7);box-shadow:0 0 30px rgba(255,255,255,.4),0 0 60px rgba(56,189,248,.3);display:flex;align-items:center;justify-content:center;z-index:10;overflow:hidden}.windmill-core:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px dashed rgba(255,255,255,.4);animation:spin 4s linear infinite;pointer-events:none}.debris-rock{width:46px;height:46px;background:radial-gradient(circle at 35% 30%,#9ca3af,#4b5563 60%,#374151);border-radius:40% 60% 55% 45%/50% 45% 55% 50%;box-shadow:2px 3px 8px rgba(0,0,0,.4);padding:12px;margin:-12px}.debris-branch,.debris-rock{position:absolute;transform:translate(-50%,-50%);z-index:20;cursor:pointer}.debris-branch{width:70px;height:18px;background:linear-gradient(90deg,#92400e,#78350f 50%,#92400e);border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,.3);padding:14px 8px;margin:-14px -8px}@keyframes slashFade{0%{opacity:1;transform-origin:0 50%}to{opacity:0;transform-origin:0 50%}}.nederland-swipe-hint{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:rgba(255,255,255,.5);pointer-events:none;z-index:5;font-weight:500}.nederland-floating-score{font-size:26px;pointer-events:none;animation:floatUp .9s ease-out forwards;z-index:30;text-shadow:0 2px 6px rgba(0,0,0,.5),0 0 12px rgba(34,197,94,.4);transform:translate(-50%,-50%)}@keyframes floatUp{0%{transform:translate(-50%,-50%) scale(1);opacity:1}60%{transform:translate(-50%,-120px) scale(1.3);opacity:1}to{transform:translate(-50%,-170px) scale(1.5);opacity:0}}.port-neches-game-area{position:fixed;inset:0;z-index:1;max-width:800px;margin:0 auto;border-left:2px solid rgba(0,0,0,.2);border-right:2px solid rgba(0,0,0,.2);background-color:#38bdf8;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pn-river-bg{position:absolute;top:0;left:0;width:200%;height:100%;background-image:url(/images/port-neches/bg.png);background-size:50% 100%;background-repeat:repeat-x;z-index:1;will-change:transform}.pn-ground-strip{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(0deg,#4ade80 0,#86efac 50%,transparent);z-index:2}.pn-entity-runner{position:absolute;width:56px;height:56px;z-index:10;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.4);transition:height .15s ease,transform .15s ease}.pn-entity-runner.sliding{border-radius:28px 28px 12px 12px;box-shadow:4px 2px 12px rgba(0,0,0,.4)}.pn-entity-bench{position:absolute;width:70px;height:50px;background:linear-gradient(160deg,#92400e,#78350f);border-radius:8px 8px 4px 4px;z-index:5;bottom:60px;box-shadow:0 4px 0 #451a03}.pn-entity-bench:before{content:"";position:absolute;top:10px;left:6px;right:6px;height:6px;background:#a16207;border-radius:3px}.pn-entity-bench:after{content:"";position:absolute;bottom:-12px;left:8px;right:8px;height:12px;background:#78350f;-webkit-clip-path:polygon(0 0,20% 0,20% 100%,80% 100%,80% 0,100% 0,100% 0,85% 100%,15% 100%);clip-path:polygon(0 0,20% 0,20% 100%,80% 100%,80% 0,100% 0,100% 0,85% 100%,15% 100%)}.pn-entity-tugboat{position:absolute;width:90px;height:60px;z-index:4;bottom:55px}.pn-entity-tugboat:before{content:"🚢";font-size:48px;position:absolute;bottom:0;left:0}.pn-jump-dots{position:absolute;bottom:125px;left:120px;display:flex;gap:5px;z-index:11}.pn-jump-dot{width:9px;height:9px;border-radius:50%;transition:background .15s}.pn-jump-dot.available{background:#38bdf8;box-shadow:0 0 6px rgba(56,189,248,.8)}.pn-jump-dot.used{background:rgba(255,255,255,.25);border:1.5px solid rgba(255,255,255,.4)}.pn-control-hints{position:absolute;top:70px;right:12px;display:flex;flex-direction:column;gap:4px;font-size:10px;color:rgba(255,255,255,.55);text-align:right;pointer-events:none;z-index:5}@media (max-width:640px){.pn-control-hints{display:none}}.city-leaderboard-container{display:flex;flex-direction:column;height:100%;width:100%;background:linear-gradient(180deg,#1e1b4b,#0f172a);color:white;overflow:hidden;font-family:Inter,system-ui,sans-serif}.city-leaderboard-header{display:flex;align-items:center;padding:24px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.city-leaderboard-header .back-button{background:rgba(255,255,255,.1);border:none;color:white;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:20px;transition:background .2s}.city-leaderboard-header .back-button:hover{background:rgba(255,255,255,.2)}.city-leaderboard-header .header-titles h2{margin:0 0 4px;display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.city-leaderboard-header .header-titles p{margin:0;color:#94a3b8;font-size:14px}.city-leaderboard-content{flex:1 1;overflow-y:auto;padding:24px}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center}.spinner{animation:spin 1s linear infinite;margin-bottom:16px;color:#38bdf8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rankings-list{display:flex;flex-direction:column;gap:12px;max-width:800px;margin:0 auto}.ranking-card{display:flex;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:16px 20px;transition:transform .2s,background .2s}.ranking-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.06)}.ranking-card.top-3{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.ranking-card.rank-1{background:linear-gradient(90deg,rgba(234,179,8,.1),rgba(234,179,8,.02));border-color:rgba(234,179,8,.3)}.ranking-card.rank-2{background:linear-gradient(90deg,rgba(148,163,184,.1),rgba(148,163,184,.02));border-color:rgba(148,163,184,.3)}.ranking-card.rank-3{background:linear-gradient(90deg,rgba(180,83,9,.1),rgba(180,83,9,.02));border-color:rgba(180,83,9,.3)}.rank-badge{width:48px;display:flex;justify-content:center;font-size:20px;font-weight:800;color:#64748b}.rank-badge .gold{color:#facc15;filter:drop-shadow(0 0 8px rgba(250,204,21,.4))}.rank-badge .silver{color:#94a3b8;filter:drop-shadow(0 0 8px rgba(148,163,184,.4))}.rank-badge .bronze{color:#d97706;filter:drop-shadow(0 0 8px rgba(217,119,6,.4))}.city-details{flex:1 1;margin:0 20px}.city-details h3{margin:0 0 4px;font-size:18px;font-weight:700}.player-count{font-size:13px;color:#94a3b8;background:rgba(0,0,0,.3);padding:4px 10px;border-radius:20px}.score-badge{font-size:24px;font-weight:900;color:#38bdf8;letter-spacing:-.5px}@media (max-width:600px){.city-leaderboard-content,.city-leaderboard-header{padding:16px}.ranking-card{padding:12px 16px}.score-badge{font-size:18px}.city-details h3{font-size:16px}.city-leaderboard-header .header-titles h2{font-size:20px}}.apps-store-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-primary,#f9fafb);color:var(--text,#111827);overflow:hidden;font-family:Inter,system-ui,sans-serif}.apps-store-container.dark{background-color:var(--bg-primary,#121212);color:var(--text,#ffffff)}.apps-store-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card,#ffffff);border-bottom:1px solid var(--border,#e5e7eb);z-index:10;gap:16px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.dark .apps-store-header{background:var(--bg-card,#1e1e1e);border-bottom-color:var(--border,#333)}.apps-header-left{display:flex;align-items:center;gap:16px;flex:1 1}.apps-back-btn{background:transparent;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:background .2s}.apps-back-btn:hover{background:var(--hover-color,rgba(0,0,0,.05))}.dark .apps-back-btn:hover{background:var(--hover-color,rgba(255,255,255,.1))}.apps-search-bar{flex:1 1;max-width:400px;display:flex;align-items:center;background:var(--bg-secondary,#f3f4f6);border-radius:20px;padding:8px 16px}.dark .apps-search-bar{background:var(--bg-secondary,#2a2a2a)}.apps-search-icon{color:var(--text-muted,#6b7280);margin-right:8px}.apps-search-bar input{flex:1 1;background:transparent;border:none;color:inherit;font-size:.95rem;outline:none}.apps-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(to top right,#4ade80,#3b82f6);flex-shrink:0}.apps-content{flex:1 1;overflow-y:auto;padding-bottom:96px}.apps-content-inner{max-width:896px;margin:0 auto;padding-top:24px}.apps-section{margin-bottom:32px}.apps-section-header{padding:0 16px;margin-bottom:16px}.apps-section-title{font-size:20px;font-weight:700;margin:0}.apps-leaderboard-banner{border-radius:16px;padding:20px;margin:0 16px 24px;display:flex;align-items:center;cursor:pointer;color:white;transition:transform .2s}.apps-leaderboard-banner:hover{transform:translateY(-2px)}.apps-banner-icon{background:rgba(255,255,255,.2);padding:12px;border-radius:50%;margin-right:16px}.apps-banner-text h3{margin:0 0 4px;font-size:18px;font-weight:800}.apps-banner-text p{margin:0;font-size:14px;opacity:.9}.apps-carousel{display:flex;overflow-x:auto;gap:16px;padding:0 16px 16px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.apps-carousel::-webkit-scrollbar{display:none}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:20px;gap:20px;padding:0 16px}.apps-store-card{display:flex;flex-direction:column;cursor:pointer}.apps-store-card.large{width:112px;flex-shrink:0;scroll-snap-align:start}.apps-card-icon-wrapper{width:100%;aspect-ratio:1/1;border-radius:20px;overflow:hidden;margin-bottom:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:var(--bg-card,#ffffff);display:flex;align-items:center;justify-content:center;color:white}.apps-card-icon-wrapper img{width:100%;height:100%;object-fit:cover}.apps-card-title{font-weight:600;font-size:14px;line-height:1.25;margin:0 0 4px}.apps-card-category,.apps-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-card-category{margin:0}.apps-card-category,.apps-card-rating{font-size:12px;color:var(--text-muted,#6b7280)}.apps-card-rating{display:flex;align-items:center;gap:4px;font-weight:500;margin-top:4px}.apps-empty-text{padding:32px 16px;color:var(--text-muted,#6b7280);text-align:center;width:100%;grid-column:1/-1}.apps-modal-overlay{position:absolute;inset:0;background-color:var(--bg-primary,#ffffff);z-index:100;display:flex;flex-direction:column}.apps-modal-overlay.dark{background-color:var(--bg-primary,#121212)}.apps-modal-header{padding:16px;display:flex;justify-content:space-between;align-items:center}.apps-modal-btn{background:transparent;border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%}.apps-modal-btn:hover{background:rgba(0,0,0,.05)}.dark .apps-modal-btn:hover{background:rgba(255,255,255,.1)}.apps-modal-fav-btn{background:transparent;border:none;color:var(--text-muted,#6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;transition:all .2s}.apps-modal-fav-btn.active{color:#f59e0b}.apps-modal-content{flex:1 1;overflow-y:auto;padding-bottom:48px}.apps-modal-content-inner{max-width:600px;margin:0 auto;padding:16px}.apps-modal-identity{display:flex;gap:24px;margin-bottom:32px}.apps-modal-icon{width:100px;height:100px;border-radius:24px;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;color:white}.apps-modal-icon img{width:100%;height:100%;object-fit:cover}.apps-modal-title-group{display:flex;flex-direction:column;justify-content:center}.apps-modal-title{font-size:24px;font-weight:800;margin:0 0 8px;line-height:1.2}.apps-modal-developer{color:#10b981;font-weight:600;margin:0 0 4px;font-size:15px}.apps-modal-tags{color:var(--text-muted,#6b7280);margin:0;font-size:13px}.apps-modal-stats{display:flex;justify-content:space-around;align-items:center;margin-bottom:32px;padding:0 16px}.apps-modal-stat-col{display:flex;flex-direction:column;align-items:center;text-align:center}.apps-modal-stat-col.divider{width:1px;height:32px;background-color:var(--border,#e5e7eb)}.dark .apps-modal-stat-col.divider{background-color:var(--border,#333)}.apps-modal-stat-value{font-weight:700;font-size:16px;margin:0 0 4px;display:flex;align-items:center;gap:4px}.apps-modal-stat-label{font-size:12px;color:var(--text-muted,#6b7280);margin:0}.apps-modal-actions{margin-bottom:32px}.apps-modal-install-btn{width:100%;background:#10b981;color:white;border:none;border-radius:9999px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.apps-modal-install-btn:hover{background:#059669}.apps-modal-about{margin-bottom:32px}.apps-modal-section-title{font-size:18px;font-weight:700;margin:0 0 16px}.apps-modal-about-text{font-size:15px;line-height:1.5;color:var(--text-secondary,#4b5563);margin:0}.dark .apps-modal-about-text{color:var(--text-secondary,#d1d5db)}