.game-card{position:relative;overflow:hidden;cursor:pointer;display:block;padding:0;aspect-ratio:16/9;box-shadow:var(--card-shadow);max-width:416px;max-height:234px}.game-card__logo-img{width:100%;height:100%;border-radius:0;aspect-ratio:16/9;transition:transform .5s ease}.game-card:hover>.game-card__logo-img{transform:scale(1.05)}.game-card__info{position:absolute;bottom:0;left:0;padding:15px}.game-card__title{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--text-color-basic);display:block}.game-card__dev{font-size:.85rem;opacity:.8;color:var(--secondary-text);display:block}.game-card__pill{position:relative;top:unset;right:unset;margin-left:auto;background-color:var(--pill-color);color:var(--base-color);padding:4px 8px;border-radius:15px;font-size:11px;line-height:13px;letter-spacing:.66px;text-transform:uppercase;box-shadow:0 3px 8px rgba(0,0,0,.2);z-index:2;flex-shrink:0}.game-card__item-stars{display:none}body.SwWide{.game-card{border-radius:var(--border-radius)}.game-card__title{display:none}.game-card__dev{display:none}.game-card__pill{position:absolute;top:15px;left:15px;margin-left:0}.game-card__other{align-content:end}.game-card__item-stars{display:block}}.brand-card{position:relative;overflow:hidden;cursor:pointer;display:block;padding:0;box-shadow:var(--card-shadow);max-width:416px;max-height:234px}.brand-card__logo-img{width:100%;height:100%;border-radius:0;aspect-ratio:16/9;object-fit:contain;transition:transform .5s ease}.brand-card:hover>.brand-card__logo-img{transform:scale(1.05)}.brand-card__info{position:absolute;bottom:0;left:0;padding:15px}.brand-card__name{color:var(--text-color-basic)}body.SwWide{.brand-card{border-radius:var(--border-radius)}}.badge-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;gap:.75rem;border-radius:0;box-shadow:none;border:1px solid var(--card-border);transition:var(--transitionTr);background:linear-gradient(135deg,rgba(255,255,255,5%),rgba(255,255,255,2%))}.badge-card--completed{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,6%))}.badge-card--in-progress{background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,6%))}.badge-card__logo-wrapper{position:relative;margin-bottom:.5rem;flex-shrink:0}.badge-card__logo-img{width:200px;height:200px;object-fit:contain}.badge-card__info{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;gap:.4rem}.badge-card__title{font-size:.85rem;font-weight:600;line-height:1.3;color:var(--text-color-basic-basic);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.badge-card__xp{display:inline-flex;align-items:center;gap:4px;background-color:var(--accent-color);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.15)}.badge-card--completed .badge-card__xp{background-color:#10b981}.badge-card--in-progress .badge-card__xp{background-color:#f59e0b}body.SwWide{.badge-card{padding:1.5rem;gap:10px;border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid var(--card-border);cursor:pointer}.badge-card--completed{border-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(16,185,129,6%))}.badge-card--completed:nth-child(2n), .badge-card--completed:nth-child(odd){border-right:1px solid #10b981}.badge-card--in-progress{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.12),rgba(245,158,11,6%))}.badge-card--in-progress:nth-child(2n), .badge-card--in-progress:nth-child(odd){border-right:1px solid #f59e0b}.badge-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.badge-card--completed:hover{box-shadow:0 8px 24px rgba(16,185,129,.3)}.badge-card--in-progress:hover{box-shadow:0 8px 24px rgba(245,158,11,.3)}.badge-card__logo-wrapper{margin-bottom:1rem}.badge-card__progress-ring{width:100px;height:100px}.badge-card__title{font-size:.95rem;margin-bottom:.5rem}}.developer-card{position:relative;overflow:hidden;cursor:pointer;display:block;padding:0;aspect-ratio:16/9;box-shadow:var(--card-shadow);max-width:416px;max-height:234px}.developer-card__logo{width:100%;height:100%;border-radius:0;aspect-ratio:16/9;transition:transform .5s ease}.developer-card:hover>.developer-card__logo{transform:scale(1.05)}.developer-card__icon-text{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.developer-card__info{position:absolute;bottom:0;left:0;padding:15px}.developer-card__name{display:none}body.SwWide{.developer-card{display:block;border-radius:var(--border-radius)}}.class-card{position:relative;overflow:hidden;cursor:pointer;display:block;padding:0;aspect-ratio:16/9;box-shadow:var(--card-shadow);max-width:416px;max-height:234px}.class-card__background{width:100%;height:100%;border-radius:0;aspect-ratio:16/9;transition:transform .5s ease}.class-card:hover>.class-card__background{transform:scale(1.05)}.developer-card__icon-text{font-size:1.2rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}body.SwWide{.class-card{border-radius:var(--border-radius)}}.news-card{position:relative;display:flex;align-items:center;padding:16px;gap:16px;border-radius:0;border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;overflow:hidden}.news-card__img{width:60px;height:60px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,8%),rgba(255,255,255,2%));border:1px solid var(--card-border);background-position:50%;flex-shrink:0;object-fit:contain}.news-card__body{display:flex;gap:.6rem;flex:1;padding:0}.news-card__content{display:grid;gap:.6rem;flex:1}.news-card__info-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.news-card__date,.news-card__views,.news-card__dot-seperator{font-size:.85rem;font-weight:400;opacity:.7}.news-card__title{font-size:1rem;font-weight:600;letter-spacing:.2px;line-height:1.35;margin-bottom:4px;color:var(--text-color-basic)}.news-card__card.card:hover .news-card__title{text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:2px}.news-card__channel-icon{width:40px;height:40px;align-self:center;background-color:initial;background-position:50%;background-repeat:no-repeat;object-fit:contain;padding:0;flex-shrink:0;margin-left:auto}.news-card__channel-global-icon{width:40px;height:40px;mask-repeat:no-repeat;mask-image:url(../hypnos/icons/globe.svg);mask-size:contain;mask-position:center;background-color:var(--text-color-basic);align-self:center;margin:0;margin-left:auto;flex-shrink:0}[data-cq=grid][data-view=list] .news-card{grid-template-rows:unset;grid-template-columns:64px 1fr auto;gap:1rem;padding:20px 22px;background:inherit}[data-cq=grid][data-view=list] .news-card__img{width:64px;height:64px;aspect-ratio:1/1;border-radius:14px;border:1px solid var(--card-border)}[data-cq=grid][data-view=list] .news-card__body{grid-template-columns:1fr auto;padding:0;display:flex;align-items:center;gap:1rem}[data-cq=grid][data-view=list] .news-card__content{flex:1}[data-cq=grid][data-view=list] .news-card__channel-icon,[data-cq=grid][data-view=list] .news-card__channel-global-icon{margin:0;padding:0}body.SwWide{.news-card{display:grid;grid-template-rows:200px auto;grid-template-columns:1fr;gap:0;padding:0;border-radius:var(--border-radius);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.news-card:hover{transform:translateY(-3px);box-shadow:var(--card-hover-shadow)}.news-card__img{width:100%;height:100%;border-radius:0;border:none;border-bottom:1px solid var(--card-border);object-fit:cover;cursor:pointer}.news-card__body{display:grid;grid-template-columns:1fr auto;gap:1rem;align-content:center;padding:20px 22px}.news-card__channel-icon{width:64px;height:64px}.news-card__channel-global-icon{width:40px;height:40px}.news-card__title{font-size:1.14rem;font-weight:700}}.outlet-card{display:flex;flex-direction:column-reverse;border:1px solid rgba(78,108,204,.2);overflow:hidden;position:relative;width:100%;background:var(--base-color)}.outlet-card__outlet-image{display:none}.outlet-card__brand-image{object-fit:contain;width:var(--logo-width);height:var(--logo-height)}.outlet-card__info{flex:1;min-width:0;padding:20px}.outlet-card__brand{display:flex;flex-direction:column-reverse;gap:12px;margin-bottom:16px}.outlet-card__name{color:var(--text-color-basic-basic);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:90%}.outlet-card__address{color:var(--text-color-basic-basic-light);white-space:pre-line;margin-bottom:16px;max-height:none;overflow:visible}.outlet-card__badges{display:flex;flex-wrap:wrap;gap:10px}.outlet-card__detail-section{display:flex;flex-wrap:wrap;width:100%;gap:10px}.outlet-card__detail-info{display:flex;gap:10px;flex-wrap:wrap}.outlet-card__detail-btn{display:none}.outlet-card__badge{display:inline-flex;align-items:center;background:light-dark(#d5bdaf,rgba(78,125,247,.25));color:var(--text-color-basic);font-weight:500;padding:6px 10px;border-radius:12px;font-size:clamp(.8rem,2.5vw,.9rem)}.outlet-card__badge-icon{width:14px;height:14px;mask-size:14px 14px;mask-repeat:no-repeat;background-color:#fff;vertical-align:middle;margin-right:6px}.icon-walk{mask-image:url(../hypnos/icons/person-walking.svg)}.icon-car{mask-image:url(../hypnos/icons/car-side.svg)}.icon-display{mask-image:url(../hypnos/icons/display.svg)}.icon-game{mask-image:url(../hypnos/icons/gamepad.svg)}.icon-slot{mask-image:url(../hypnos/icons/slot-machine.svg)}.icon-game-per-hour{mask-image:url(../hypnos/icons/hourglass.svg)}.outlet__display{background:var(--display-icon-color)}.outlet__game{background:var(--game-icon-color)}.outlet__per-hour{background:var(--per-hour-icon-color)}.outlet__jackpot{background:var(--jackpot-icon-color)}.outlet-card__map-container{position:relative;height:215px}.outlet-card__map{object-fit:cover;height:100%;width:100%}[data-ll-theme=dark] .outlet-card__map{filter:invert(1)hue-rotate(180deg)}.outlet-card__location-pin{position:absolute;top:calc(50% - 14px);left:calc(50% + 15px);width:var(--pin-marker);height:var(--pin-marker);transform:translate(-50%,-50%);background-size:contain;background-repeat:no-repeat;background-position:50%;z-index:20;pointer-events:none}.outlet-card__direction-btn{display:block;position:absolute;top:20px;right:15px;background-color:light-dark(#edf4fc,#2a3a4a);color:var(--text-color-basic);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px light-dark(rgba(0,0,0,.1),rgba(0,0,0,.2));border:1px solid light-dark(rgba(49,130,206,.2),rgba(49,130,206,.3));z-index:20;transition:var(--transitionTr)}.outlet-card__direction-btn:hover{background-color:light-dark(#dceaf8,#334d63);border-color:light-dark(rgba(49,130,206,.35),rgba(49,130,206,.5));box-shadow:0 4px 10px light-dark(rgba(0,0,0,.12),rgba(0,0,0,.25));transform:translateY(-2px)}body.SwWide{.outlet-card{background:var(--new-card-bg);border-radius:15px;box-shadow:0 5px 4px rgba(0,0,0,.25);align-items:stretch;min-height:220px}.outlet-card:nth-child(odd){background:linear-gradient(90deg,var(--secondary-base-color) .33%,rgba(56,5,22,0) 100.93%)}.outlet-card:hover{box-shadow:var(--card-hover-shadow)}.outlet-card__info{border-left:1px solid rgba(78,108,204,.1);border-right:1px solid rgba(78,108,204,.1)}.outlet-card__brand{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}.outlet-card__address{overflow:hidden}.outlet-card__badges{gap:12px}.outlet-card__detail-info{gap:20px}.outlet-card__detail-btn{display:block;width:26px;height:26px;background-color:var(--text-color-basic);mask-image:url(../hypnos/icons/magnifying-glass.svg);mask-size:18px;mask-repeat:no-repeat;mask-position:center;border:none;padding:0;cursor:pointer;opacity:.85;border-radius:50%;transition:transform .2s ease,background-color .2s ease,opacity .2s ease}.outlet-card__detail-btn:hover{background-color:var(--accent-color);transform:scale(1.12);opacity:1}.outlet-card__badge{padding:7px 12px}.outlet-card__map-container{position:relative;height:100%}.outlet-card__location-pin{left:calc(50% + 10px)}}body.SwLandscape{.outlet-card__outlet-image{display:block;object-fit:contain;flex-shrink:0;width:256px;height:256px}}@media(min-width:600px) and (max-width:945px){.outlet-card{flex-direction:column-reverse}.outlet-card__map{height:220px;width:100%}}@media(min-width:946px){.outlet-card{flex-direction:row}.outlet-card__map{width:350px}}.leaderboard-card{display:flex;align-items:center;padding:16px 36px;background:var(--base-color);cursor:pointer;transition:background .3s ease}.leaderboard-card:hover{background:var(--new-card-bg-hover)}.leaderboard-card--current-user{background:linear-gradient(135deg,rgba(78,125,247,.15),rgba(78,125,247,8%));border-color:rgba(78,125,247,.5);position:relative}.leaderboard-card--current-user .leaderboard-card__rank{background:var(--accent-color);color:#fff;box-shadow:0 2px 8px rgba(78,125,247,.4)}.leaderboard-card--current-user .leaderboard-card__name{color:var(--accent-color);font-weight:700}.leaderboard-card--current-user .leaderboard-card__avatar{border-color:var(--accent-color);box-shadow:0 0 12px rgba(78,125,247,.5)}.leaderboard-card__rank{font-size:17px;font-weight:600;line-height:20px;color:var(--text-color-basic-basic);flex-shrink:0;margin-right:64px}.leaderboard-card__player-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.leaderboard-card__avatar{width:var(--logo-width);height:var(--logo-height);border-radius:var(--profile-border-radius);object-fit:cover;border:1px solid var(--border-color);flex-shrink:0}.leaderboard-card__name{font-weight:600;color:var(--text-color-basic-basic);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-card__value{font-size:.9rem;font-weight:700;color:var(--text-color-basic-basic-light);white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:6px;margin-left:auto}body.SwWide{.leaderboard-card--current-user{background:linear-gradient(135deg,rgba(78,125,247,.15),rgba(78,125,247,8%));border-color:var(--accent-color);box-shadow:0 4px 20px rgba(78,125,247,.3)}.leaderboard-card--current-user:hover{box-shadow:0 8px 28px rgba(78,125,247,.4)}.leaderboard-card__player-info{align-items:center;gap:8px}.leaderboard-card__value{font-size:1rem;margin-left:0} [data-cq="grid"][data-view="list"] .leaderboard-card { aspect-ratio: unset; display: flex; align-items: center; padding: 16px; gap: 16px; border-top: 1px solid var(--card-border); border-bottom: 1px solid var(--card-border); } [data-cq="grid"][data-view="list"] .leaderboard-card--current-user { background: linear-gradient(135deg, rgba(78, 125, 247, 0.15), rgba(78, 125, 247, 0.08)); border-color: rgba(78, 125, 247, 0.5); } [data-cq="grid"][data-view="list"] .leaderboard-card--current-user::before { border-radius: 0; width: 4px; right: auto; background: var(--accent-color); -webkit-mask: none; mask: none; animation: none; } [data-cq="grid"][data-view="list"] .leaderboard-card__rank { position: relative; top: unset; left: unset; [data-cq="grid"][data-view="list"] .leaderboard-card__player-info { position: relative; bottom: unset; left: unset; right: unset; flex-direction: row; align-items: center; gap: 12px; flex: 1; } [data-cq="grid"][data-view="list"] .leaderboard-card__avatar { width: 40px; height: 40px; } [data-cq="grid"][data-view="list"] .leaderboard-card__name { color: var(--text-color-basic); font-size: 1rem; } [data-cq="grid"][data-view="list"] .leaderboard-card__value { margin-left: auto; font-size: 0.9rem; font-variant-numeric: tabular-nums; color: var(--text-color-basic); } }}.bet-history-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--new-card-bg)}.bet-history-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px}.bet-history-card__game{display:flex;align-items:center;gap:10px}.bet-history-card__game-icon{width:var(--logo-width);height:var(--logo-height);border-radius:8px;object-fit:contain;flex-shrink:0;cursor:pointer}.bet-history-card__game-info{display:flex;flex-direction:column;gap:2px}.bet-history-card__game-name{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:var(--text-color-basic-primary)}.bet-history-card__game-number{font-size:clamp(.75rem,2vw,.85rem);color:var(--text-color-basic-secondary)}.bet-history-card__date{font-size:clamp(.7rem,2vw,.8rem);color:var(--text-color-basic-secondary);text-align:right;white-space:nowrap}.bet-history-card__display-string{overflow:hidden;font-size:clamp(1.1rem,3.5vw,1.4rem);font-weight:700;font-family:monospace;color:var(--text-color-basic-basic);letter-spacing:clamp(3px,1vw,5px);text-align:center;padding:clamp(6px,3vw,8px);margin-top:0;background:var(--list-item-bg);border-radius:var(--border-radius)}.bet-history-card__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--divider-color)}.bet-history-card__outlet{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.bet-history-card__outlet-info{display:flex;flex-direction:column;gap:2px;min-width:0}.bet-history-card__outlet-name{font-size:clamp(.85rem,2.5vw,.9rem);font-weight:500;color:var(--text-color-basic-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.bet-history-card__address{font-size:clamp(.7rem,2vw,.8rem);color:var(--text-color-basic-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-history-card__amounts{display:flex;gap:clamp(12px,3vw,20px);flex-shrink:0}.bet-history-card__bet,.bet-history-card__win{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.bet-history-card__label{font-size:clamp(.65rem,1.5vw,.75rem);color:var(--text-color-basic-basic);text-transform:uppercase;letter-spacing:.5px}.bet-history-card__bet-amount,.bet-history-card__win-amount{font-size:clamp(.85rem,2.5vw,.95rem);font-weight:600;color:var(--basic-color)}.bet-history-card__win-amount{color:var(--basic-color)}.bet-history-card__win-amount--positive{color:var(--color-alert)}.bet-history-card__country{flex-shrink:0}.bet-history-card__country img{width:clamp(24px,5vw,28px);height:clamp(18px,4vw,21px);border-radius:2px;object-fit:cover;box-shadow:0 1px 3px rgba(0,0,0,.15)}body.SwWide{.bet-history-card{padding:20px;border-radius:8px;box-shadow:var(--new-card-box-shadow)} [data-cq="grid"][data-view="list"]:has(.bet-history-card) { gap: 12px; }}.event-card{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--new-card-bg)}.event-card__header{display:flex;justify-content:space-between;gap:12px}.event-card__info{display:flex;align-items:center;gap:10px;min-width:0}.event-card__type-icon{width:var(--logo-width);height:var(--logo-height);flex-shrink:0;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.event-card__type-icon--task{mask-image:url(../hypnos/icons/star.svg)}.event-card__type-icon--badge{mask-image:url(../hypnos/icons/gem.svg)}.event-card__title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.event-card__title{font-size:clamp(1rem,2.5vw,1.1rem);font-weight:600;color:var(--text-color-basic)}.event-card__date{font-size:clamp(.7rem,2vw,.8rem);color:var(--text-color-basic-light);text-align:right;white-space:nowrap;flex-shrink:0}.event-card__description{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.5;color:var(--text-color-basic);padding:clamp(6px,3vw,8px);background:var(--list-item-bg);border-radius:var(--border-radius)}.event-card__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--divider-color)}.event-card__entities{display:flex;align-items:center;justify-content:space-evenly;flex:1;gap:16px;min-width:0}.event-card__entity-group{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0}.event-card__entity-group:only-child{flex:initial;justify-content:flex-start}.event-card__entity-icon{width:62px;height:62px;flex-shrink:0}.event-card__entity-icon--link{cursor:pointer}.event-card__xp{display:inline-flex;align-items:center;gap:4px;background-color:var(--color-alert);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;width:fit-content;margin-left:auto;box-shadow:0 2px 6px rgba(0,0,0,.15)}.event-card__xp--negative{background-color:var(--color-xp-negative)}body.SwWide{.event-card{padding:20px;border-radius:8px;box-shadow:var(--new-card-box-shadow)}.event-card__entity-icon{width:76px;height:76px} [data-cq="grid"][data-view="list"]:has(.event-card) { gap: 12px; }}