*{margin: 0;padding: 0;box-sizing: border-box;-webkit-tap-highlight-color: transparent}a, a:visited, a:hover, a:active{text-decoration: none !important;color: inherit !important;outline: none}body{background: #050505;min-height: 100vh;overflow: hidden;font-family: 'Inter', system-ui, -apple-system, sans-serif;display: flex;align-items: center;justify-content: center;color: white;position: relative}.purple-thingys{position: fixed;inset: 0;z-index: 0;pointer-events: none;background:radial-gradient(circle at 50% 0%,rgba(80, 40, 150, 0.4)0%, transparent 45%),radial-gradient(circle at 15% 85%, rgba(30, 40, 120, 0.2)0%, transparent 60%),radial-gradient(circle at 85% 90%, rgba(90, 30, 150, 0.15) 0%, transparent 30%)}.bg-glow{position: fixed;inset: 0;z-index: 0;pointer-events: none;background:radial-gradient(circle at 50% 0%,rgba(80, 40, 150, 0.4)0%, transparent 45%),radial-gradient(circle at 15% 85%, rgba(30, 40, 120, 0.2)0%, transparent 60%),radial-gradient(circle at 85% 90%, rgba(90, 30, 150, 0.15) 0%, transparent 30%)}#stars{position: fixed;inset: 0;z-index: 1;pointer-events: none;opacity: 0.8;background: transparent}#snow{position: fixed;inset: 0;pointer-events: none;z-index: 1}.side-nav{position: fixed;left: 20px;top: 50%;transform: translateY(-50%);z-index: 100;padding: 10px;background: rgba(255, 255, 255, 0.02);border: 1px solid rgba(255, 255, 255, 0.05);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border-radius: 16px}.nav-items{display: flex;flex-direction: column;gap: 16px}.sidebar-item{display: flex;align-items: center;justify-content: center;width: 42px;height: 42px;border-radius: 10px;transition: background 0.2s ease;cursor: pointer}.sidebar-item img{width: 22px;height: 22px;object-fit: contain;opacity: 0.4;transition: opacity 0.2s ease, filter 0.2s ease}.sidebar-item:hover{background: rgba(255, 255, 255, 0.05)}.sidebar-item:hover img{opacity: 1;filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.2))}.top-bar{display: flex;align-items: center;gap: 12px;padding: 10px 14px;position: relative;z-index: 200}.logo-brand{display: flex;align-items: center;gap: 8px;font-size: 18px;font-weight: 900;color: #fff;text-decoration: none;letter-spacing: -0.5px;background: rgba(255, 255, 255, 0.06);border-radius: 10px;padding: 6px 14px;transition: background 0.15s}.logo-brand:hover{background: rgba(255, 255, 255, 0.12)}.logo-brand img{height: 26px;width: 26px;object-fit: contain}.search-wrap{margin-left: auto;flex-shrink: 0}#btn-search{display: flex;align-items: center;gap: 8px;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(77, 166, 255, 0.25);border-radius: 10px;padding: 6px 12px;color: rgba(255, 255, 255, 0.7);font-size: 13px;font-weight: 600;cursor: pointer;transition: background 0.15s}#btn-search:hover{background: rgba(255, 255, 255, 0.1)}#btn-search i{color: rgba(255, 255, 255, 0.5);font-size: 14px}.center-ui{position: relative;z-index: 10;width: 100%;max-width: 580px;padding: 0 20px;margin: auto}.logo-text{color: #ffffff;font-size: 3.5rem;font-weight: 300;letter-spacing: -1px;margin-bottom: 2rem;text-align: center;opacity: 0.9;user-select: none}.search-container{display: flex;align-items: center;gap: 16px;padding: 14px 22px;background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 14px;transition: all 0.25s ease}.search-container:hover{background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.12)}.search-container:focus-within{background: rgba(255, 255, 255, 0.06);border-color: rgba(255, 255, 255, 0.2);box-shadow: 0 0 20px rgba(255, 255, 255, 0.02)}.search-container i{color: rgba(255, 255, 255, 0.3);font-size: 1.1rem}.search-container input{flex: 1;background: none;border: none;outline: none;color: #ffffff;font-size: 1rem;font-family: inherit}.search-container input::placeholder{color: rgba(255, 255, 255, 0.2)}body:not(.game-page):not(.games-page) iframe,body:not(.game-page):not(.games-page) embed,body:not(.game-page):not(.games-page) object{position: fixed !important;top: 0 !important;left: 0 !important;width: 100vw !important;height: 100vh !important;z-index: 9999 !important;border: none !important}main, .center-ui{width: 100%;height: 100%}#app, #scramjet, #uv, #__scramjet{width: 100vw !important;height: 100vh !important}body.games-page{overflow-y: auto !important;display: block !important;align-items: unset !important;justify-content: unset !important;background: #050505;font-family: 'Segoe UI', system-ui, sans-serif}body.games-page iframe,body.games-page embed,body.games-page object{position: static !important;width: 100% !important;height: 100% !important;z-index: auto !important}.page-wrap{position: relative;z-index: 10;margin-left: 100px;min-height: 100vh;display: flex;flex-direction: column;padding: 20px 12px 48px}.games-search-wrap{position: relative;max-width: 420px;margin-bottom: 16px;display: flex;align-items: center;gap: 8px;background: rgba(255, 255, 255, 0.06);border: 1px solid rgba(77, 166, 255, 0.25);border-radius: 10px;padding: 7px 13px;transition: 0.15s}.games-search-wrap:hover,.games-search-wrap:focus-within{background: rgba(255, 255, 255, 0.1);border-color: rgba(77, 166, 255, 0.45)}.games-search-wrap i{color: rgba(255, 255, 255, 0.5);font-size: 14px;pointer-events: none}#search-bar{background: none;border: none;outline: none;color: white;font-size: 13px;font-family: inherit;width: 100%}#search-bar::placeholder{color: rgba(255, 255, 255, 0.35)}:root{--sidebar-w: 82px;--gap: 8px;--grid-cols: 10;--card: calc((100vw - var(--sidebar-w) - (var(--grid-cols) 1) * var(--gap)) / var(--grid-cols))}#game-grid{position: relative;z-index: 2;display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));grid-auto-rows: 140px;gap: var(--gap);flex: 1}.game-card{border-radius: 10px;overflow: hidden;position: relative;cursor: pointer;background: rgba(10, 28, 58, 0.9);border: 1.5px solid rgba(40, 90, 200, 0.25);transition: transform 0.2s, box-shadow 0.2s}.game-card:hover{transform: translateY(-4px) scale(1.03);box-shadow: 0 16px 40px rgba(0, 60, 200, 0.5)}.game-card img{width: 100%;height: 100%;object-fit: cover}.game-name,.card-label{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(transparent, rgba(2, 15, 40, 0.95));font-weight: 800;font-size: 9px;padding: 10px;opacity: 0;text-align: center;transition: opacity 0.2s}.game-card:hover .game-name,.game-card:hover .card-label{opacity: 1}.game-card.big{grid-column: span 2;grid-row: span 2}.game-card.active{border-color: #3b82f6;box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4)}body.game-page{overflow: hidden !important;display: flex !important;align-items: stretch !important;justify-content: flex-start !important;background: #050505;font-family: 'Segoe UI', system-ui, sans-serif;height: 100vh}body.game-page iframe,body.game-page embed,body.game-page object{position: absolute !important;top: 0 !important;left: 0 !important;width: 100% !important;height: 100% !important;z-index: auto !important;border: none !important}.game-grid{display: grid;grid-template-columns: repeat(var(--grid-cols), var(--card));grid-auto-rows: var(--card);gap: var(--gap);padding: var(--gap) var(--gap);position: relative;z-index: 2;flex: 1;margin-left: var(--sidebar-w);height: 100vh;align-content: start}.player-cell{border-radius: 12px;overflow: hidden;position: relative;background: #010810;border: 1.5px solid rgba(40, 90, 200, 0.3);box-shadow:0 0 0 1px rgba(77, 166, 255, 0.06),inset 0 0 40px rgba(0, 30, 80, 0.4);z-index: 5;width: 100%;height: 100%}.player-placeholder{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;color: rgba(77, 166, 255, 0.2);pointer-events: none}.player-placeholder i{font-size: 48px;opacity: 0.5}.player-placeholder span{font-size: 10px;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;opacity: 0.5}.player-placeholder.hidden{display: none}#game-frame{position: absolute;inset: 0;width: 100%;height: 100%;border: none;display: none}.player-actions{position: absolute;bottom: 12px;left: 12px;right: 12px;display: flex;align-items: center;justify-content: space-between;z-index: 10;gap: 8px}.player-title{font-size: 13px;font-weight: 700;color: #ffffff;text-shadow: 0 1px 8px rgba(0, 0, 0, 0.9);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background: rgba(0, 0, 0, 0.55);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 20px;padding: 5px 11px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 40%}.player-btns{display: flex;gap: 6px;align-items: center}.player-btn{display: flex;align-items: center;gap: 5px;padding: 5px 11px;border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.15);background: rgba(0, 0, 0, 0.55);color: rgba(255, 255, 255, 0.7);font-size: 11px;font-weight: 600;cursor: pointer;transition: 0.15s;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}.player-btn:hover{background: rgba(255, 255, 255, 0.12);border-color: rgba(255, 255, 255, 0.3);color: #ffffff}.player-btn.report:hover{background: rgba(239, 68, 68, 0.2);border-color: rgba(239, 68, 68, 0.5);color: #f87171}#player-owner{font-size: 11px;font-weight: 700;color: rgba(255, 255, 255, 0.7);background: rgba(0, 0, 0, 0.55);border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 20px;padding: 5px 11px;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px)}#player-owner:empty{display: none}.search-overlay{position: fixed;inset: 0;background: rgba(2, 13, 31, 0.96);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index: 999;display: none;flex-direction: column;padding: 20px}.search-overlay.open{display: flex}.search-overlay-bar{display: flex;align-items: center;gap: 10px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(77, 166, 255, 0.3);border-radius: 10px;padding: 12px 16px;transition: border-color 0.15s, background 0.15s}.search-overlay-bar:focus-within{background: rgba(255, 255, 255, 0.07);border-color: rgba(77, 166, 255, 0.55);box-shadow: 0 0 0 3px rgba(77, 166, 255, 0.08)}.search-overlay-bar i{color: rgba(77, 166, 255, 0.5);font-size: 15px;flex-shrink: 0}.search-overlay-bar input{flex: 1;background: none;border: none;outline: none;color: white;font-size: 16px;font-family: inherit}.search-overlay-bar input::placeholder{color: rgba(255, 255, 255, 0.25)}#btn-search-close{background: none;border: none;color: rgba(255, 255, 255, 0.35);font-size: 18px;cursor: pointer;transition: color 0.15s;flex-shrink: 0;line-height: 1}#btn-search-close:hover{color: white}.search-overlay-label{margin-top: 16px;margin-bottom: 10px;font-size: 13px;color: rgba(255, 255, 255, 0.35)}.search-results{display: grid;grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: 12px;overflow-y: auto;padding-bottom: 20px}.search-results::-webkit-scrollbar{width: 4px}.search-results::-webkit-scrollbar-track{background: transparent}.search-results::-webkit-scrollbar-thumb{background: rgba(40, 90, 200, 0.4);border-radius: 4px}.search-item{background: rgba(10, 28, 58, 0.9);border: 1.5px solid rgba(40, 90, 200, 0.25);border-radius: 10px;overflow: hidden;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s}.search-item:hover{transform: translateY(-4px) scale(1.03);box-shadow: 0 16px 40px rgba(0, 60, 200, 0.5);border-color: rgba(77, 166, 255, 0.5)}.search-item img{width: 100%;height: 80px;object-fit: cover}.search-item-name{padding: 6px;font-size: 11px;font-weight: 800;text-align: center;color: rgba(255, 255, 255, 0.85)}.search-empty{text-align: center;padding: 40px 20px;color: rgba(77, 166, 255, 0.3);font-size: 13px;font-weight: 600;letter-spacing: 0.5px}.site-footer{background: #010c1f;border-top: 1px solid rgba(20, 60, 140, 0.5);padding: 40px 0 0;color: #3a6aad;font-size: 13px;position: relative;z-index: 2}.site-footer::before{content: '';position: absolute;inset: 0;background: #010c1f;z-index: -1}.footer-inner{display: flex;gap: 48px;padding: 0 40px 32px;flex-wrap: wrap}.footer-brand{flex: 2;min-width: 200px}.footer-logo{font-size: 20px;font-weight: 900;color: #2256a8;margin-bottom: 6px}.footer-desc{margin-top: 6px}.footer-col{display: flex;flex-direction: column;gap: 8px;min-width: 120px}.footer-heading{font-size: 11px;font-weight: 800;letter-spacing: 1.5px;text-transform: uppercase;color: #1e3d6e}.footer-col a{color: #2a5090;text-decoration: none}.footer-col a:hover{color: #4a7acc}.footer-bottom{border-top: 1px solid rgba(20, 60, 140, 0.3);padding: 14px 40px;font-size: 11px;color: #1a3360}.search-wrapper{display: flex;flex-direction: column;align-items: center;gap: 12px}.search-row{display: flex;align-items: stretch;gap: 10px}.search-container{display: flex;align-items: center;gap: 6px;background: rgba(0,0,0,0.25);border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;padding: 6px 10px}.search-container input{width: 320px;background: transparent;border: none;outline: none;color: white}.search-btn{background: transparent;border: none;color: white;font-size: 18px;cursor: pointer}.engine-btn{background: #000;border: 1px solid rgba(255,255,255,0.15);color: white;padding: 6px 12px;border-radius: 10px;cursor: pointer;width: 160px;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: 0.2s}.engine-btn:hover{border-color: rgba(255,255,255,0.4);transform: scale(1.03)}.engine-label{font-size: 9px;opacity: 0.6}.engine-name{font-size: 13px;font-weight: bold}.discord-shortcut{position: fixed;right: 12px;bottom: 12px;z-index: 9999;text-decoration: none}.shortcut-home{display: flex;align-items: center;gap: 6px;padding: 6px 8px;border-radius: 10px;background: rgba(20, 20, 20, 0.45);backdrop-filter: blur(8px);color: white;box-shadow: 0 0 10px rgba(0,0,0,0.3);transition: 0.15s ease}.shortcut-home:hover{transform: scale(1.05);background: rgba(40, 40, 40, 0.6)}.shortcut-home i{font-size: 16px}.shortcut-home h3{font-size: 12px;margin: 0;font-weight: 400}