.hub-win{-webkit-backdrop-filter:blur(20px);background:#ffffffd1;border:1px solid #0000000f;border-radius:24px;margin-top:18px;padding:24px 26px 28px;box-shadow:0 1px 3px #00000008,0 12px 40px #0000000f}.hub-sec-hd{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.hub-sec-title{letter-spacing:-.01em;color:#16161c;align-items:center;gap:9px;margin:0;font-size:19px;font-weight:800;display:inline-flex}.hub-sec-title svg{color:var(--brand);font-size:22px}.hub-sec-sub{color:var(--color-muted-foreground);font-size:13px;font-weight:600}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.hub-grid>li{display:flex}.hub-tile{width:100%;transition:transform var(--t-med), box-shadow var(--t-med);background:#fff;border:1px solid #0000000f;border-radius:20px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000d,0 10px 24px -12px #00000024}.hub-tile:hover{transform:translateY(-3px);box-shadow:0 4px 10px #00000014,0 18px 36px -12px #0003}.hub-tile:focus-visible{box-shadow:var(--focus-ring-brand);outline:none}.hub-tile-art{aspect-ratio:16/10;background:var(--brand-tint-12);display:block;position:relative;overflow:hidden}.hub-tile-portrait{object-fit:cover;object-position:var(--kadr-x,center) 34%;width:100%;height:100%;display:block}.hub-tile-icon-fallback{color:var(--brand);opacity:.5;font-size:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hub-tile-record{z-index:2;border-radius:var(--radius-pill);color:#b45309;background:#fffffff0;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #0000002e}.hub-tile-record svg{font-size:13px}.hub-tile-body{flex-direction:column;flex:1;gap:7px;padding:12px 14px 14px;display:flex}.hub-tile-name{letter-spacing:-.01em;color:#16161c;font-size:16px;font-weight:800}.hub-tile-desc{-webkit-line-clamp:2;color:var(--color-muted-foreground);-webkit-box-orient:vertical;font-size:13px;line-height:1.36;display:-webkit-box;overflow:hidden}.hub-tile-chips{flex-wrap:wrap;gap:6px;display:flex}.hub-tile-chip{border-radius:var(--radius-pill);color:var(--color-muted-foreground);border:1px solid #0000001a;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.hub-tile-chip svg{color:var(--brand);font-size:13px}.hub-tile-chip.is-gain{border-color:color-mix(in oklch, var(--c-amber) 45%, transparent);color:#92400e}.hub-tile-chip.is-gain svg{color:#d97706}:is(.hub-tile-record,.hub-tile-chip) .game-glyph{object-fit:contain;flex:none;width:16px;height:16px;margin:-2px 0}.hub-tile-cta{border-radius:var(--radius-pill);border:1.5px solid var(--brand-tint-50);min-height:36px;color:var(--brand-hover);transition:background var(--t-fast), color var(--t-fast), border-color var(--t-fast);align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:7px 16px;font-size:14px;font-weight:800;display:inline-flex}.hub-tile:hover .hub-tile-cta,.hub-tile:focus-visible .hub-tile-cta{background:var(--brand-gradient);color:#fff;border-color:#0000}.hub-act-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hub-act-card{background:#ffffffe6;border:1px solid #0000000d;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.hub-act-icon{width:44px;height:44px;color:var(--brand);place-items:center;font-size:27px;display:grid}.hub-act-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hub-act-title{color:#16161c;letter-spacing:-.01em;font-size:15px;font-weight:800}.hub-act-sub{color:var(--color-muted-foreground);font-size:12.5px}.hub-act-reward{border-radius:var(--radius-pill);color:var(--color-muted-foreground);border:1px solid #0000001a;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:700;display:inline-flex}.hub-act-reward svg{color:var(--brand)}.hub-locked{text-align:center;flex-direction:column;align-items:center;padding:56px 26px;display:flex}.hub-locked-icon{width:76px;height:76px;color:var(--brand);place-items:center;margin-bottom:16px;font-size:42px;display:grid}.hub-locked-title{color:#16161c;margin:0 0 6px;font-size:22px;font-weight:800}.hub-locked-sub{color:var(--color-muted-foreground);margin:0;font-size:15px}@media (max-width:720px){.hub-win{padding:18px 16px 20px}.hub-sec-sub{display:none}.hub-grid{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion:reduce){.hub-tile{transition:none}.hub-tile:hover{transform:none}}
.hub-tile-fx{pointer-events:none;position:absolute;inset:0}.hub-tile-fx .fx{filter:drop-shadow(0 4px 7px #1e140547);animation-delay:var(--d,0s);animation-duration:var(--dur,3s);will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.fx-bob{--dur:3s;animation-name:fx-bob}@keyframes fx-bob{0%,to{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-14%) rotate(var(--rot,0deg))}}.fx-bounce{--dur:1.6s;animation-name:fx-bounce;animation-timing-function:cubic-bezier(.36,0,.64,1)}@keyframes fx-bounce{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-70%)rotate(180deg)}}.fx-sway{--dur:2.4s;transform-origin:50% 92%;animation-name:fx-sway}@keyframes fx-sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.fx-rise{--dur:3.4s;animation-name:fx-rise;animation-timing-function:ease-out}@keyframes fx-rise{0%{opacity:0;transform:translateY(18%)}18%{opacity:1}78%{opacity:1}to{opacity:0;transform:translateY(-190%)}}.fx-swim{--dur:7s;animation-name:fx-swim;animation-timing-function:linear}@keyframes fx-swim{0%{opacity:0;transform:translate(0)}8%{opacity:1}88%{opacity:1}to{opacity:0;transform:translate(560%)}}.fx-steps{--dur:2.6s;animation-name:fx-steps}@keyframes fx-steps{0%,to{opacity:0;transform:scale(.7) rotate(var(--rot,0deg))}22%,62%{opacity:.95;transform:scale(1) rotate(var(--rot,0deg))}80%{opacity:0}}.fx-fly{--dur:7s;animation-name:fx-fly;animation-timing-function:linear}@keyframes fx-fly{0%{transform:translate(0, 0) scaleX(var(--flip,1));opacity:0}6%{opacity:1}30%{transform:translate(calc(var(--travel) * .3), -10%) scaleX(var(--flip,1))}60%{transform:translate(calc(var(--travel) * .6), 6%) scaleX(var(--flip,1))}88%{opacity:1}to{transform:translate(var(--travel), -4%) scaleX(var(--flip,1));opacity:0}}.hub-tile-fx .fx-flapper{aspect-ratio:768/871;filter:none;display:block}.fx-flapper img{filter:drop-shadow(0 4px 7px #1e140547);width:100%;height:100%;position:absolute;inset:0}.fx-flap-a{animation:.32s step-end infinite fx-flap-a}.fx-flap-b{opacity:0;animation:.32s step-end infinite fx-flap-b}@keyframes fx-flap-a{0%{opacity:1}50%{opacity:0}}@keyframes fx-flap-b{0%{opacity:0}50%{opacity:1}}.fx-leap{--dur:3.4s;animation-name:fx-leap;animation-timing-function:linear}@keyframes fx-leap{0%{transform:translate(0, 0) rotate(-35deg) scaleX(var(--flip,1));opacity:0}5%{opacity:1}28%{transform:translate(calc(var(--travel) * .5), -150%) rotate(0deg) scaleX(var(--flip,1))}52%{transform:translate(var(--travel), 0) rotate(40deg) scaleX(var(--flip,1));opacity:1}56%,to{transform:translate(var(--travel), 20%) rotate(40deg) scaleX(var(--flip,1));opacity:0}}.hub-tile-fx.is-img{inset:0 auto;left:var(--kadr-x,50%);aspect-ratio:1376/768;height:100%;translate:calc(-1 * var(--kadr-x,50%)) 0}.fx-hop{--dur:1.5s;animation-name:fx-hop}@keyframes fx-hop{0%,to{animation-timing-function:cubic-bezier(.45,0,.9,.55);transform:translateY(-48%)rotate(-25deg)}48%{animation-timing-function:cubic-bezier(.1,.45,.55,1);transform:translateY(0)rotate(12deg)scale(1.05,.93)}54%{transform:translateY(-3%)rotate(16deg)scale(1)}}.hub-tile-fx .fx-pour{filter:none}.fx-pour-strumien{clip-path:polygon(8% 0,96% 0,66% 100%,4% 100%);position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 82%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 82%,#0000 100%)}.fx-pour-strumien:before{content:"";will-change:transform;background:url(/img/games/props/piasek-strumien.webp?v=1) top/12px 48px repeat-y;height:calc(100% + 48px);animation:.42s linear infinite fx-sand-flow;position:absolute;top:-48px;left:0;right:0}@keyframes fx-sand-flow{to{transform:translateY(48px)}}.fx-pour>.fx-odprysk{width:2px;height:2px;animation:fx-odprysk .6s ease-out var(--gd,0s) infinite;background:#f1d49a;border-radius:50%;position:absolute;bottom:6%;left:50%;box-shadow:0 0 0 .5px #96642880}@keyframes fx-odprysk{0%{opacity:0;transform:translate(0)}15%{opacity:1}45%{transform:translate(calc(var(--dx) * .6), -5px)}to{transform:translate(var(--dx), 2px);opacity:0}}.hub-tile-portrait{transition:transform var(--t-med)}@media (hover:hover){.hub-tile:hover .hub-tile-fx .fx{animation-duration:calc(var(--dur,3s) / 1.7)}.hub-tile:hover .hub-tile-portrait{transform:scale(1.045)}}@media (prefers-reduced-motion:reduce){.hub-tile-fx .fx{opacity:.9;animation:none!important}.hub-tile-fx :is(.fx-fly,.fx-leap){display:none}.fx-flap-a,.fx-flap-b,.fx-pour-strumien:before,.fx-pour>.fx-odprysk{animation:none}.fx-pour>.fx-odprysk{opacity:0}.hub-tile:hover .hub-tile-portrait{transform:none}}
.hub-about{gap:10px;display:grid}.hub-about .hub-sec-title{margin-bottom:4px}.hub-about-p{color:#3d3d48;max-width:72ch;margin:0;font-size:15px;font-weight:600;line-height:1.55}.hub-about-h3{color:#16161c;margin:12px 0 0;font-size:16.5px;font-weight:800}.hub-about-games{margin:0;padding:0;list-style:none;display:grid}.hub-about-games li{border-top:1px solid #00000012;grid-template-columns:minmax(150px,.32fr) 1fr auto;align-items:baseline;gap:4px 16px;padding:11px 0;display:grid}.hub-about-games li:last-child{border-bottom:1px solid #00000012}.hub-about-game{color:var(--brand);font-size:15px;font-weight:800;text-decoration:none}.hub-about-game:hover{text-decoration:underline}.hub-about-game:focus-visible{box-shadow:var(--focus-ring-brand);border-radius:6px;outline:none}.hub-about-desc{color:#4a4a56;font-size:14px;font-weight:600;line-height:1.45}.hub-about-meta{color:var(--color-muted-foreground);white-space:nowrap;font-size:13px;font-weight:800}.hub-about-steps{color:#3d3d48;gap:6px;margin:0;padding-left:22px;font-size:14.5px;font-weight:600;line-height:1.5;list-style:decimal;display:grid}.hub-about-links{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.hub-about-links a{border-radius:var(--radius-pill);color:#16161c;min-height:44px;transition:transform var(--t-fast), border-color var(--t-fast);background:#fff;border:1px solid #00000017;align-items:center;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}@media (hover:hover){.hub-about-links a:hover{border-color:color-mix(in oklch, var(--brand) 45%, transparent);transform:translateY(-1px)}}.hub-about-links a:focus-visible{box-shadow:var(--focus-ring-brand);outline:none}@media (max-width:600px){.hub-about-p{font-size:14.5px}.hub-about-games li{grid-template-columns:1fr auto}.hub-about-desc{grid-area:2/1/auto/-1}}