:root{--bg-color: #0f172a;--text-color: #f8fafc;--primary-color: #3b82f6;--secondary-color: #8b5cf6;--accent-color: #f43f5e;--card-bg: #1e293b;--card-hover: #334155;--nav-bg: rgba(15, 23, 42, .9);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", system-ui, sans-serif;--native-bg: #000000;--native-surface: #1C1C1E;--native-surface-2: #2C2C2E;--native-surface-3: #3A3A3C;--native-accent: #007AFF;--native-green: #30D158;--native-label: #FFFFFF;--native-label-secondary: rgba(235,235,245,.6);--native-label-tertiary: rgba(235,235,245,.3);--native-separator: rgba(84,84,88,.65);--native-tab-bar-height: 49px;--native-section-header-size: 13px;--safe-top: env(safe-area-inset-top, 44px);--safe-bottom: env(safe-area-inset-bottom, 34px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color)}button{cursor:pointer;font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:3px solid var(--primary-color);outline-offset:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--card-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.game-details-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;align-items:start}.game-details-info,.game-details-rules{display:flex;flex-direction:column}@media(max-width:899px){.game-details-grid{grid-template-columns:1fr;gap:2rem}.game-details-rules{order:2}.game-details-info{order:1}}.ios-home-container{min-height:100vh;width:100vw;overflow:hidden;position:relative;background:transparent;display:flex;flex-direction:column}.ios-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:1rem 0;max-width:800px;margin:0 auto;align-content:start;flex:1;animation:unlockScale .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:scale(.9)}@keyframes unlockScale{to{opacity:1;transform:scale(1)}}@media(max-width:600px){.ios-app-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:1.5rem 1.5rem 4rem}}@media(max-width:400px){.ios-app-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:2rem 1rem 4rem}}.native-app-root{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;display:flex;flex-direction:column;overflow:hidden}.native-scroll-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding-bottom:calc(var(--native-tab-bar-height) + var(--safe-bottom) + 16px)}.native-tab-bar{display:flex;align-items:stretch;background:rgba(18,18,18,.88);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-top:.5px solid var(--native-separator);padding-bottom:var(--safe-bottom);flex-shrink:0;z-index:200}.native-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px 4px;min-height:var(--native-tab-bar-height);background:none;border:none;cursor:pointer;color:var(--native-label-secondary);font-family:var(--font-family);font-size:10px;font-weight:500;letter-spacing:-.1px;transition:color .12s ease;-webkit-tap-highlight-color:transparent;min-width:44px}.native-tab-item svg{width:24px;height:24px;flex-shrink:0}.native-tab-item.active{color:var(--native-accent)}.native-tab-item.active svg{filter:drop-shadow(0 0 6px rgba(0,122,255,.5))}.native-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 14px;padding:4px 20px 8px}@media(max-width:360px){.native-app-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px}}@media(min-width:600px){.native-app-grid{grid-template-columns:repeat(5,1fr);gap:24px 16px;padding:4px 40px 8px;max-width:700px;margin:0 auto}}@media(min-width:900px){.native-app-grid{grid-template-columns:repeat(6,1fr);max-width:860px}}.native-icon-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:44px;border:none;background:none;padding:0;font-family:inherit;color:inherit}.native-icon-graphic{width:100%;aspect-ratio:1 / 1;border-radius:22%;overflow:hidden;background:var(--native-surface);box-shadow:0 2px 8px rgba(0,0,0,.5),0 0 0 .5px rgba(255,255,255,.06) inset;transition:transform .1s cubic-bezier(.4,0,.2,1),box-shadow .1s ease;will-change:transform}.native-icon-wrapper:active .native-icon-graphic{transform:scale(.88);box-shadow:0 1px 4px rgba(0,0,0,.4)}.native-icon-graphic img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.native-icon-label{color:#fff;font-size:11px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:120%;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.6)}.native-section-header{font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--native-label-secondary);padding:24px 20px 8px}.native-large-title{font-size:30px;font-weight:700;letter-spacing:-.5px;color:var(--native-label);padding:16px 20px 8px}.native-settings-group{background:var(--native-surface);border-radius:12px;margin:0 16px 8px;overflow:hidden}.native-settings-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:.5px solid var(--native-separator);min-height:44px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .1s;text-decoration:none}.native-settings-row:last-child{border-bottom:none}.native-settings-row:active{background:var(--native-surface-2)}.native-settings-row-icon{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.native-settings-row-label{flex:1;font-size:17px;color:var(--native-label)}.native-settings-row-value{font-size:15px;color:var(--native-label-secondary)}.native-settings-chevron{color:var(--native-label-tertiary);font-size:13px;margin-left:4px}.native-settings-footer{font-size:13px;color:var(--native-label-tertiary);text-align:center;padding:12px 20px 8px}.native-profile-card{display:flex;align-items:center;gap:16px;background:var(--native-surface);border-radius:12px;margin:0 16px 8px;padding:16px;cursor:default}.native-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#007aff,#5ac8fa);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff;box-shadow:0 2px 10px rgba(0,122,255,.35)}.native-avatar img{width:100%;height:100%;object-fit:cover}.native-profile-name{font-size:20px;font-weight:700;color:var(--native-label);letter-spacing:-.3px;line-height:1.2}.native-profile-sub{font-size:13px;color:var(--native-label-secondary);margin-top:2px}.native-game-player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:1000;display:flex;flex-direction:column}.native-game-player iframe{flex:1;width:100%;border:none;display:block}.native-back-pill{position:absolute;top:calc(var(--safe-top) + 10px);left:12px;z-index:1001;display:flex;align-items:center;gap:5px;padding:8px 16px 8px 10px;background:rgba(18,18,18,.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.14);border-radius:22px;color:rgba(255,255,255,.92);font-size:15px;font-weight:500;cursor:pointer;font-family:var(--font-family);transition:background .1s;-webkit-tap-highlight-color:transparent;min-height:36px;min-width:44px}.native-back-pill:active{background:rgba(18,18,18,.95)}.native-back-pill-bottom{top:auto;bottom:calc(var(--safe-bottom) + 10px);left:0;border-radius:0 22px 22px 0;padding-left:8px}@keyframes nativeGridIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.native-grid-animate{animation:nativeGridIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes nativeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.native-slide-up{animation:nativeSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}.progression-toast-overlay{position:fixed;top:-120px;left:50%;transform:translate(-50%);z-index:2000;width:90%;max-width:450px;transition:top .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.progression-toast-overlay.visible{top:24px}.progression-toast{background:rgba(30,41,59,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 10px 25px -5px rgba(0,0,0,.4),0 8px 10px -6px rgba(0,0,0,.4);overflow:hidden;pointer-events:auto}.progression-toast-gradient{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent)}.progression-toast-emoji-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 0 15px currentColor;animation:pulseEmoji 2s infinite ease-in-out}@keyframes pulseEmoji{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.progression-toast-text-content{display:flex;flex-direction:column;gap:.25rem}.progression-toast-title{font-size:1.1rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.progression-toast-subtitle{font-size:.9rem;color:#cbd5e1;line-height:1.3}.header-progression-widget{display:flex;align-items:center;gap:.75rem;background:rgba(30,41,59,.4);padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.header-level-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff;user-select:none;cursor:default}.header-xp-info{display:flex;flex-direction:column;gap:2px}.header-rank-text{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600}.header-rank-emoji{font-size:.85rem}.header-rank-name{letter-spacing:.5px;text-transform:uppercase}.header-xp-numeric{opacity:.6;font-size:.7rem;font-weight:500}.header-xp-track{width:100px;height:6px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden;position:relative}.header-xp-fill{height:100%;border-radius:3px;transition:width .4s cubic-bezier(.16,1,.3,1)}@media(max-width:767px){.header-xp-info{display:none}.header-progression-widget{padding:.2rem;gap:0;background:transparent;border:none}}
