
:root{color-scheme:dark;--mint:#2affdf;--panel:#1e2524;--muted:#b6bfbd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px;background:#000}body{margin:0;background:#000;color:#f7f7f7;font:15px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button{color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.skip{position:fixed;left:-9999px;z-index:2000;padding:12px;background:#fff;color:#000}.skip:focus{left:10px}.header{position:sticky;top:0;z-index:100;height:68px;padding:0 24px;display:flex;align-items:center;gap:24px;background:#080808ed;border-bottom:1px solid #303533;backdrop-filter:blur(10px)}.brand-area{display:flex;gap:7px;align-items:center;min-width:0}.brand{display:flex;align-items:center;min-height:44px}.brand img{width:292px;height:auto}.menu-toggle,.menu-close,.search-close,.search-open,.rail-next{background:transparent;border:0;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:27px;padding:5px;flex:none}.desktop-nav{display:flex;gap:25px;align-items:center;flex:1}.desktop-nav a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:16px}.account-actions{display:flex;gap:7px;align-items:center;margin-left:auto}.flag{width:29px;height:29px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 16px;border:1px solid #ffffff20;border-radius:30px;font-weight:700;white-space:nowrap;line-height:1.2}.login{background:#363636}.register{background:#555}.register:hover,.primary{color:#061d19;background:var(--mint)}.hero{position:relative;min-height:510px;isolation:isolate;background:#000;display:flex;align-items:flex-end;justify-content:center;padding:220px 18px 35px}.hero-art{position:absolute;inset:0;z-index:-3}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center center}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000 0%,#000a 12%,#0002 48%,transparent 73%);z-index:-2}.hero-copy{max-width:790px;width:100%;text-align:center}.hero h1{font-size:17px;font-weight:500;text-shadow:0 2px 5px #000;margin-bottom:8px}.offer{font-size:clamp(24px,2.6vw,36px);font-weight:800;line-height:1.12;text-transform:uppercase;text-shadow:0 2px 6px #000}.offer-label{font-size:20px;margin-top:6px;text-shadow:0 2px 5px #000}.hero-cta{position:relative;display:flex;align-items:center;justify-content:center;margin:12px auto 9px;max-width:350px;width:100%;min-height:52px;border:1px solid #d6fff5;border-radius:7px;background:linear-gradient(16deg,#77ffed 0 22%,#22f9d8 22% 100%);color:#021914;font-size:22px;font-weight:800}.hero-legal{font-size:11px;color:#e2e8e6;max-width:610px;margin:auto;text-shadow:0 1px 4px #000}.hero-tabs{display:none}.lobby{max-width:1170px;margin:auto;padding:0 20px}.category-rail{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;background:#0b1110;padding:10px 12px;margin:0 -12px 20px}.category-rail a{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:44px;padding:7px 15px;background:#202826;border-radius:30px;font-weight:bold;color:#d5dad8}.category-rail a:hover{color:var(--mint)}.category-rail .search-open{background:#202826;border-radius:50%}.breadcrumb{padding:7px 0 6px;font-size:12px;color:var(--muted)}.breadcrumb a{display:inline-flex;align-items:center;min-height:30px}.shelf{padding:17px 0 25px;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.section-head h2{font-size:24px;text-transform:uppercase}.section-actions{display:flex;align-items:center;gap:5px}.see-all{background:#202826;padding:8px 14px;border-radius:25px;min-height:44px;display:flex;align-items:center;color:#dae0de}.rail-next{font-size:23px}.game-rail{display:flex;gap:15px;overflow-x:auto;scrollbar-width:none;padding:5px 2px 8px;scroll-snap-type:x proximity}.game-card{display:block;flex:0 0 166px;min-width:0;scroll-snap-align:start}.game-art{position:relative;display:block;aspect-ratio:166/235;background:#17211e;border-radius:5px;overflow:hidden;border:1px solid #bec2b7}.game-art img{width:100%;height:100%;object-fit:cover}.game-name{display:block;font-size:12px;color:#c7d1cd;padding:7px 2px;line-height:1.3;min-height:38px}.shelf.top .game-card{flex-basis:184px}.shelf.top .game-art{padding:16px 18px 23px;border:0;background:none;overflow:visible;aspect-ratio:184/285}.shelf.top .game-art:after{content:'';position:absolute;inset:0;background:url(https://thetiffanyluck.nl/assets/frame.webp) center/100% 100% no-repeat;pointer-events:none}.shelf.top .game-art img{border-radius:3px;object-fit:cover}.rank{position:absolute;left:-1px;bottom:1px;z-index:2;font:italic 54px/1 Georgia,serif;color:#d6d9d7;text-shadow:1px 2px 1px #000}.game-card .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0007;color:#fff;font-size:36px;opacity:0;transition:opacity .15s}.game-card:hover .play,.game-card:focus-visible .play{opacity:1}.promotion{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;padding:28px;margin:22px 0 35px;border:1px solid #34443e;border-radius:12px;background:radial-gradient(ellipse at right,#12372d,#08130f)}.promotion h2{font-size:27px;line-height:1.15;margin:5px 0 12px}.promotion p{color:#c6d2cd}.promotion .primary{margin-top:17px;max-width:240px;border-radius:6px}.bonus-steps{margin:0;padding:0;list-style:none;display:grid;gap:7px}.bonus-steps li{padding:7px 9px;background:#ffffff08;border:1px solid #ffffff10;border-radius:6px;font-size:13px}.bonus-steps b{display:inline-block;color:var(--mint);min-width:38px}.help{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;padding:32px 0 45px;border-top:1px solid #28332d}.help h2{font-size:25px;margin-bottom:15px}.help h3{font-size:18px;margin:18px 0 7px}.help p{color:#bcc7c2}.faq details{border-bottom:1px solid #2a332f}.faq summary{cursor:pointer;padding:15px 4px;min-height:48px;font-weight:bold}.faq details p{font-size:14px;padding:0 4px 18px}.eyebrow{color:var(--mint);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.footer{border-top:1px solid #25312b;background:#080d0b;padding:35px max(20px,calc((100% - 1130px)/2));color:#a4b2ab}.footer-logo{max-width:250px;height:auto;margin-bottom:22px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}.footer-links a{display:inline-flex;align-items:center;min-height:44px}.footer p{font-size:12px;max-width:970px;margin-bottom:12px}.age{display:inline-flex;width:42px;height:42px;border:1px solid #c1c9c4;border-radius:50%;align-items:center;justify-content:center;font-weight:bold;color:#eee;margin-bottom:12px}.mobile-bottom-nav{display:none}.backdrop{position:fixed;inset:0;background:#000a;z-index:150}.drawer{position:fixed;inset:0 auto 0 0;width:min(340px,100%);padding:20px;background:#101815;z-index:160;overflow-y:auto;box-shadow:10px 0 50px #0008}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:25px}.drawer-head img{width:210px;height:auto}.drawer nav{display:grid;gap:5px}.drawer nav a{display:flex;align-items:center;min-height:48px;padding:10px;border-bottom:1px solid #ffffff10}.drawer-account{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.drawer p{color:#a5b8af;font-size:12px;margin:20px 0}dialog{max-width:min(580px,calc(100% - 24px));width:100%;max-height:85dvh;border:1px solid #50685b;border-radius:12px;background:#111b16;color:#fff;padding:22px}dialog::backdrop{background:#000b}.search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-heading h2{font-size:23px}dialog label{display:block;margin:16px 0 7px}dialog input{width:100%;min-height:48px;background:#06100a;color:#fff;border:1px solid #7d9589;border-radius:6px;padding:9px;font-size:16px}.search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.search-results a{min-width:0}.search-results img{aspect-ratio:155/215;object-fit:cover;width:100%}.search-results span{font-size:12px}.search-status{font-size:13px;color:#bdcec4;margin-top:8px}.counter{position:absolute;width:1px;height:1px;left:-999px;top:0}
@media(max-width:1150px){.desktop-nav{gap:18px}.desktop-nav a:nth-last-child(-n+2){display:none}.brand img{width:255px}.header{gap:17px;padding:0 16px}}
@media(max-width:767px){html{scroll-padding-top:75px}.header{height:61px;padding:0 9px;gap:6px;background:#282e2c96;position:absolute;width:100%;border-bottom:1px solid #ffffff14}.brand-area{gap:1px}.brand img{width:53px;height:auto}.menu-toggle{width:44px;min-width:44px;font-size:26px}.account-actions{gap:5px}.flag{width:23px;height:23px}.button{font-size:14px;padding:8px 12px;min-height:44px}.desktop-nav{display:none}.hero{min-height:472px;padding:258px 18px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.hero-art img{object-position:center top}.hero-shade{background:linear-gradient(0deg,#000 0%,#000c 8%,#0007 27%,transparent 57%)}.hero-copy{max-width:480px}.hero h1{font-size:14px;line-height:1.25;margin-bottom:5px}.offer{font-size:clamp(23px,6.4vw,28px);line-height:1.13;letter-spacing:-.6px}.offer-label{font-size:17px;margin-top:6px}.hero-cta{min-height:48px;max-width:340px;margin:12px auto 8px;font-size:20px}.hero-legal{font-size:10px;line-height:1.3;max-width:335px}.hero-tabs{display:flex;justify-content:space-around;gap:8px;width:100%;margin-top:16px;border-bottom:1px solid #26443c}.hero-tabs a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:bold;font-size:18px;color:#9aa7a0}.hero-tabs a:first-child{color:#fff;text-shadow:0 0 16px #2affdf}.hero-tabs span{font-size:24px}.lobby{padding:0 14px}.category-rail{margin:0 -14px 12px;padding:8px 12px;gap:6px}.category-rail a{font-size:13px;padding:7px 12px}.category-rail .search-open{font-size:24px}.breadcrumb{font-size:11px;padding-top:0}.shelf{padding:16px 0 14px}.section-head h2{font-size:21px}.section-head{margin-bottom:9px}.game-rail{gap:12px}.game-card{flex-basis:132px}.shelf.top .game-card{flex-basis:155px}.shelf.top .game-art{padding:14px 16px 20px}.rank{font-size:48px}.game-name{font-size:11px}.promotion{grid-template-columns:1fr;gap:18px;padding:21px 16px;margin:24px 0}.promotion h2{font-size:25px}.promotion p{font-size:14px}.bonus-steps{grid-template-columns:1fr 1fr;gap:7px}.bonus-steps li{font-size:12px}.help{grid-template-columns:1fr;gap:23px;padding:28px 0 36px}.help h2{font-size:23px}.help p{font-size:14px}.footer{padding:28px 16px 120px}.footer-links{gap:7px 15px}.footer-logo{width:220px}.mobile-bottom-nav{position:fixed;left:6px;right:6px;bottom:max(7px,env(safe-area-inset-bottom));z-index:110;min-height:66px;display:flex;align-items:center;justify-content:space-around;padding:10px 4px 7px;background:#1d211fee url(https://thetiffanyluck.nl/assets/tapbar.webp) center/100% 100% no-repeat;border:1px solid #7c8a80;border-radius:16px;box-shadow:0 4px 22px #000}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:10px;min-height:45px;min-width:0;border:0;background:none;color:#f4f6f4;padding:2px}.mobile-bottom-nav span{font-size:23px;line-height:26px}.mobile-bottom-nav .join{color:#ffe684;font-weight:bold}.mobile-bottom-nav .join img{width:47px;height:40px;object-fit:contain;margin-top:-21px;margin-bottom:4px}.drawer{padding:15px}.drawer-head img{width:195px}.search-results{grid-template-columns:repeat(3,minmax(0,1fr))}.search-heading h2{font-size:21px}.bonus-steps b{min-width:30px}}
@media(max-width:340px){.flag{display:none}.button{padding:8px 10px;font-size:13px}.hero{min-height:470px;padding-top:245px}.hero h1{font-size:13px}.offer{font-size:23px}.offer-label{font-size:16px}.hero-legal{font-size:9px}.hero-tabs{margin-top:12px}.hero-tabs a{font-size:16px}.header{padding:0 8px}.search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:370px){.header .flag{display:none}.header .button{font-size:12px;padding:8px 9px}.header .account-actions{gap:4px}}
