:root{color-scheme:dark;--bg-deep: #080c18;--bg-panel: #11182c;--bg-card: #17203a;--bg-card-hover: #1e2a4a;--border-subtle: rgba(255, 255, 255, .1);--border-bright: rgba(0, 229, 255, .45);--omg-cyan: #00e5ff;--omg-pink: #ff3d9a;--omg-gold: #facc15;--omg-lime: #84cc16;--omg-purple: #a855f7;--text-main: #f8fafc;--text-muted: #94a3b8;--font-display: "Fredoka", system-ui, -apple-system, sans-serif;--font-body: "Nunito", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.42) rgba(8,12,24,.55)}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:#080c1885;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00e5ff7a,#a855f77a);border-radius:999px;border:1.5px solid rgba(8,12,24,.7)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#00e5ffd9,#ff3d9acc)}*::-webkit-scrollbar-corner{background:transparent}html,body,#root{margin:0;padding:0;min-height:100vh;background:radial-gradient(circle at 18% 0%,#1a1f47,#090d1a 52%,#050811);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.omg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#27355c,#192340);color:#fff;font-weight:800;font-size:13.5px;cursor:pointer;transition:transform .12s ease,filter .15s ease,box-shadow .15s ease;box-shadow:inset 0 1px #ffffff38,0 3px #0a0f1f,0 5px 12px #00000059;-webkit-user-select:none;user-select:none}.omg-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.1)}.omg-btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff26,0 1px #0a0f1f}.omg-btn:disabled{opacity:.45;cursor:not-allowed}.omg-btn-cyan{background:linear-gradient(180deg,#22d3ee,#0284c7);border-color:#67e8f9;color:#041322;box-shadow:inset 0 1px #ffffff73,0 3px #0369a1,0 6px 16px #00e5ff47}.omg-btn-pink{background:linear-gradient(180deg,#ff5ca8,#db2777);border-color:#f9a8d4;color:#fff;box-shadow:inset 0 1px #ffffff59,0 3px #9d174d,0 6px 16px #ff3d9a52}.omg-btn-gold{background:linear-gradient(180deg,#fde047,#eab308);border-color:#fef08a;color:#1c1917;box-shadow:inset 0 1px #ffffff8c,0 3px #a16207,0 6px 16px #facc154d}.omg-btn-lime{background:linear-gradient(180deg,#a3e635,#65a30d);border-color:#d9f99d;color:#0f172a;box-shadow:inset 0 1px #ffffff73,0 3px #3f6212,0 6px 16px #84cc1647}.omg-btn-sm{padding:6px 11px;font-size:12px;border-radius:9px}.omg-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px clamp(16px,1.8vw,34px);background:#0b1020eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,229,255,.22);box-shadow:0 6px 24px #00000073;flex-wrap:wrap}.omg-logo{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.omg-logo-badge{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:.5px;background:linear-gradient(90deg,#00e5ff,#ff3d9a 52%,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(255,61,154,.35))}.omg-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#0f172ad9;border:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:800}.omg-shell{display:grid;grid-template-columns:minmax(0,1fr) clamp(340px,23vw,460px);gap:clamp(16px,1.3vw,26px);width:100%;margin:0;padding:clamp(14px,1.2vw,22px) clamp(16px,1.8vw,34px) 28px;align-items:start}.omg-shell.chat-collapsed{grid-template-columns:minmax(0,1fr)}@media(max-width:1120px){.omg-shell{grid-template-columns:1fr}}.lameguest-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin-bottom:14px;border-radius:14px;background:linear-gradient(90deg,#ff3d9a2e,#facc1524);border:1px solid rgba(255,61,154,.4);flex-wrap:wrap}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(250px,15vw,315px),1fr));gap:clamp(14px,1.1vw,20px)}.game-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:15px;border-radius:16px;background:linear-gradient(165deg,#1c2747f2,#10172cfa);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #00000059;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;overflow:hidden}.game-card:hover{transform:translateY(-3px);border-color:#00e5ff80;box-shadow:0 12px 28px #00e5ff26}.chat-dock{position:sticky;top:74px;display:flex;flex-direction:column;height:calc(100vh - 92px);height:calc(100dvh - 92px);min-height:360px;border-radius:18px;background:#0f1629f2;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #00000073;overflow:hidden}@media(max-width:1120px){.chat-dock{position:static;height:480px;max-height:72vh}}.chat-messages{flex:1 1 0%;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#040710c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px}.modal-panel{width:100%;max-width:min(94vw,1340px);max-height:90vh;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:20px;background:linear-gradient(180deg,#16203d,#0d1428);border:1px solid rgba(0,229,255,.35);box-shadow:0 20px 60px #000000b3;padding:clamp(18px,2vw,28px)}.game-stage-shell{display:flex;flex-direction:column;min-height:calc(100vh - 108px);min-height:calc(100dvh - 108px);border-radius:18px;background:#0b1020f5;box-shadow:0 12px 36px #0000008c;overflow:hidden}.game-stage-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:clamp(12px,1.2vw,20px);width:100%}.toast-stack{position:fixed;bottom:20px;left:20px;z-index:120;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-card{pointer-events:auto;min-width:270px;max-width:360px;padding:12px 15px;border-radius:14px;background:#11182cf5;border:1.5px solid var(--omg-cyan);box-shadow:0 10px 28px #0009;animation:toastIn .22s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.omg-input{background:#080c18d9;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 12px;color:#fff;font-size:13.5px;outline:none}.omg-input:focus{border-color:var(--omg-cyan);box-shadow:0 0 0 2px #00e5ff33}
