:root{--bg0:#0b1020;--bg1:#0a1230;--text:#e7ebff;--muted:rgba(231,235,255,.72);--card:rgba(255,255,255,.05);--card2:rgba(255,255,255,.03);--line:rgba(255,255,255,.11);--blue:#4f7cff;--blue2:#8fb3ff}
	    *{-webkit-tap-highlight-color:transparent}
	    html,body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
	    input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}
	    body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;color:var(--text);background:
	      radial-gradient(900px 450px at 20% -10%, rgba(79,124,255,.25), transparent 60%),
	      radial-gradient(900px 520px at 90% 10%, rgba(143,179,255,.18), transparent 58%),
	      radial-gradient(800px 620px at 50% 110%, rgba(91,240,178,.12), transparent 60%),
	      linear-gradient(180deg, var(--bg1), var(--bg0) 40%, #070b16)}
    header{position:sticky;top:0;z-index:10;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center;justify-content:space-between;background:rgba(11,16,32,.65);backdrop-filter:blur(10px)}
    .wrap{padding:18px;max-width:1120px;margin:0 auto;display:grid;gap:14px}
    .card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--card),var(--card2));padding:14px;box-shadow:0 12px 30px rgba(0,0,0,.22)}
    input,button{font:inherit}
    input{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e7ebff;padding:10px}
    button{background:var(--blue);border:0;color:white;border-radius:10px;padding:10px 12px;cursor:pointer}
    button.ghost{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--text)}
    button:disabled{opacity:.55;cursor:not-allowed}
    .btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;background:var(--blue);border:0;color:white;border-radius:10px;padding:10px 12px;cursor:pointer}
	    .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--text)}
	    .btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
      .navIconOnly{display:inline-flex;gap:8px;align-items:center;justify-content:center}
      .navIcon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}
      .navIcon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
      .srOnly{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
			    body.cookieBlocked #hubContent{opacity:1;filter:none}
			    body.cookieBlocked #cookieWrap{display:grid !important}
			    body.cookieBlocked #cookieWrap .card{max-width:1120px;margin:0 auto}
	  .btn.small,button.small{padding:8px 10px;font-size:14px;border-radius:10px}
    .row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
    .muted{color:var(--muted)}
    .inlineMsg{font-size:13px;white-space:nowrap}
    .inlineMsg.ok{color:rgba(203,255,236,.95)}
    .inlineMsg.err{color:rgba(255,208,217,.95)}
	    [data-msg-state="error"]{border:1px solid rgba(255,92,122,.55);background:rgba(255,92,122,.10);border-radius:12px;padding:8px 10px;color:rgba(255,208,217,.95)}
	    [data-msg-state="ok"]{border:1px solid rgba(91,240,178,.45);background:rgba(91,240,178,.08);border-radius:12px;padding:8px 10px;color:rgba(203,255,236,.95)}
	    a{color:var(--blue2)}
	    .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.14);color:rgba(231,235,255,.92);font-size:12px;white-space:nowrap}
	    .pill.runtimePill{font-weight:900;letter-spacing:.2px;background:rgba(143,179,255,.14);border-color:rgba(143,179,255,.32);color:rgba(240,244,255,.98)}
	    .pill.offerPill{font-weight:950;letter-spacing:.3px;border-color:rgba(255,92,122,.42);background:linear-gradient(135deg, rgba(255,92,122,.26), rgba(255,217,102,.18));color:rgba(255,232,238,.98);box-shadow:0 14px 38px rgba(255,92,122,.16)}
	    @keyframes offerPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}}
	    .pill.offerPill{animation:offerPulse 2.6s ease-in-out infinite}
	    @media (prefers-reduced-motion: reduce){ .pill.offerPill{animation:none} }
    .gameGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}
    .tile{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
    .tile:hover{transform:translateY(-2px);border-color:rgba(143,179,255,.35);box-shadow:0 18px 42px rgba(0,0,0,.28)}
    .tileCover{display:block;aspect-ratio:16/9;position:relative;background:rgba(0,0,0,.18)}
	    .tileCover img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.02);transition:transform .25s ease}
	    .tile:hover .tileCover img{transform:scale(1.08)}
	    .tileBody{padding:12px;display:grid;gap:10px}
	    .tileTitleRow{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
	    .tileTitleLeft{display:flex;align-items:flex-start;gap:8px;min-width:0}
	    .tileTitle{font-weight:850;letter-spacing:.2px}
	    .favBtn{padding:6px 8px;font-size:16px;line-height:1;border-radius:10px}
	    .favBtn.on{color:rgba(255,217,102,.95);border-color:rgba(255,217,102,.35);background:rgba(255,217,102,.08)}
	    .tileDesc{color:var(--muted);font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	    .tileGuide{border-top:1px dashed rgba(255,255,255,.12);padding-top:10px;margin-top:2px}
	    .tileGuide summary{cursor:pointer;list-style:none;font-size:13px;color:rgba(231,235,255,.92);font-weight:750}
	    .tileGuide summary::-webkit-details-marker{display:none}
    .tileGuide summary:after{content:"▾";float:right;opacity:.7}
    .tileGuide[open] summary:after{content:"▴"}
    .tileGuideRow{margin-top:8px;display:grid;gap:4px}
    .tileGuideK{font-size:12px;color:rgba(231,235,255,.82);font-weight:800}
    .tileGuideV{font-size:13px;line-height:1.25;color:var(--muted)}
    .badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
    .badge{padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:rgba(231,235,255,.9);font-size:12px}
    .badge.good{border-color:rgba(91,240,178,.35);color:rgba(203,255,236,.95)}
    .badge.warn{border-color:rgba(255,217,102,.35);color:rgba(255,244,209,.95)}
    .badge.bad{border-color:rgba(255,92,122,.35);color:rgba(255,208,217,.95)}
    .badge.pegi{border-color:rgba(143,179,255,.35);color:rgba(221,234,255,.95)}
    .tileActions{display:flex;gap:8px;flex-wrap:wrap}
    .topGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
    .topCard{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.16);padding:12px;display:grid;gap:10px}
	    .authGrid{display:grid;gap:12px;align-items:start}
	    @media (min-width: 980px){ .authGrid{grid-template-columns: 1.15fr 0.85fr} }
		    .promoTile{border:1px solid rgba(143,179,255,.30);border-radius:14px;background:linear-gradient(180deg, rgba(143,179,255,.08), rgba(0,0,0,.14));padding:12px;display:grid;gap:8px;box-shadow:0 16px 44px rgba(0,0,0,.26)}
	    .promoPriceRow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
	    .promoOld{text-decoration:line-through;opacity:.65}
	    .promoNew{font-weight:900}
	    .promoFeat{color:var(--muted);font-size:13px;line-height:1.25}
	    .featList{display:grid;gap:4px;margin-top:4px}
	    .featItem{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.25}
	    .featMark{width:16px;flex:0 0 16px;font-weight:900}
	    .featItem.on .featMark{color:rgba(91,240,178,.95)}
	    .featItem.off .featMark{color:rgba(255,92,122,.95)}
	    .featText{color:rgba(231,235,255,.92)}
	    .featItem.off .featText{color:rgba(231,235,255,.72)}
	    @keyframes promoShake{
	      10%, 90% { transform: translate3d(-1px, 0, 0); }
	      20%, 80% { transform: translate3d(2px, 0, 0); }
	      30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
	      40%, 60% { transform: translate3d(4px, 0, 0); }
	    }
		    .promoShake{animation:promoShake .62s cubic-bezier(.36,.07,.19,.97) both}
		    @media (prefers-reduced-motion: reduce){
		      .promoShake{animation:none}
		    }
		    #dlgAiUltra .aiPanel{border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.12);padding:12px;display:grid;gap:10px;margin-top:12px}
		    #dlgAiUltra .aiPanelHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
		    #dlgAiUltra .aiPanelTitle{font-weight:900}
		    #dlgAiUltra .aiPanelActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
		    .topHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
		    .topName{font-weight:900;letter-spacing:.2px}
		    .topStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
		    .stat{border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:8px 10px;background:rgba(255,255,255,.04)}
	    .stat .k{font-size:12px;color:var(--muted)}
	    .stat .v{font-size:18px;font-weight:800}
		    .tableWrap{max-height:320px;overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.10)}
		    .table{display:grid}
		    .trow{display:grid;grid-template-columns:50px 1.5fr 90px 90px 90px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
		    .trow:last-child{border-bottom:0}
		    .trow.head{position:sticky;top:0;background:rgba(11,16,32,.72);backdrop-filter:blur(10px);font-weight:800}
		    .trow.wagerLog{grid-template-columns:1.2fr 150px 1.2fr 120px 140px 90px 90px 130px}
		    .tcell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
		    .tcell.right{text-align:right}
		    .tcell.center{text-align:center}
		    .wagerLogCb{width:18px;height:18px;padding:0;border-radius:6px}
		    .statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}
		    .statCard{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.16)}
		    .statCover{display:block;aspect-ratio:16/9;background:rgba(0,0,0,.18)}
	    .statCover img{width:100%;height:100%;display:block;object-fit:cover}
	    .statBody{padding:12px;display:grid;gap:10px}
	    .statTitle{font-weight:900;letter-spacing:.2px}
	    .wagerList{display:grid;gap:10px;margin-top:10px}
	    .wagerCard{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(0,0,0,.16);padding:12px;display:grid;gap:10px}
	    .wagerTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
	    .wagerMain{font-weight:900}
	    .wagerMeta{color:var(--muted);font-size:13px;display:flex;gap:10px;flex-wrap:wrap}
	    details.collapsible{border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(0,0,0,.10);overflow:hidden}
	    details.collapsible>summary{list-style:none;cursor:pointer;padding:10px}
	    details.collapsible>summary::-webkit-details-marker{display:none}
	    details.collapsible[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}
	    details.collapsible>.detailsBody{padding:10px}