/* Cinema collection — a compact, responsive lobby. */
body{background:#080b10;color:#fff5e8}.cinema-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#080b10 url('./assets/mobile-v1/avenue-poster.webp') center/cover}.cinema-background video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.cinema-background:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06091055 0%,#06091035 26%,#060910ad 65%,#060910ed 100%)}main{max-width:920px;padding:28px 28px 130px}header{padding-bottom:18px;border-color:#fff2;font-size:12px;letter-spacing:2.4px}header small{color:#d0c6b8;font-size:7px}.brand{font-size:18px;padding:10px 8px;border-radius:11px}.beta{color:#f0d5a5;background:#0b101a66;border-color:#d7bd8e55;font-size:8px;padding:8px 11px;letter-spacing:1.7px}
#page-games .intro{position:relative;padding:46px 0 30px}#page-games .intro .eyebrow{font-size:8px;letter-spacing:3px;color:#efd5aa}#page-games .intro h1{font:400 clamp(44px,7vw,72px)/.98 Georgia,serif;letter-spacing:-2.6px;margin:18px 0;max-width:none;text-shadow:0 3px 28px #0008}#page-games .intro h1 em{font-weight:400;color:#f3d3a0}#page-games .intro p{font-size:12px;color:#e0d8cd;letter-spacing:.2px}.motion-control{border:1px solid #fff3;border-radius:30px;background:#0b101966;color:#e6ddd0;padding:8px 12px;font-size:9px;cursor:pointer;backdrop-filter:blur(12px);margin-top:6px}
#page-games .wallet{padding:15px 19px;margin:0 0 28px;border:1px solid #e9d2aa33;background:linear-gradient(115deg,#171c24d9,#10141bb3);border-radius:16px;box-shadow:inset 0 1px #fff1;backdrop-filter:blur(18px)}.wallet small{font-size:8px;letter-spacing:1.6px;color:#c9bca9}.wallet strong{font-size:25px;color:#fff0d6}.wallet>span{font-size:10px;color:#c0b9ae}
.collection-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.collection-heading .eyebrow{font-size:7px;letter-spacing:2.5px;color:#bcaa8f}.collection-heading h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:6px 0 0}.collection-count{font:9px monospace;letter-spacing:1.5px;color:#c2b5a1}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#page-games .game-tile{min-width:0;min-height:0;margin:0;padding:0;border:1px solid #f1d8b329;border-radius:17px;overflow:hidden;background:#10151ce8;box-shadow:0 12px 30px #0004;transition:transform .2s,border-color .2s,box-shadow .2s}#page-games .game-tile:before{display:none}.game-tile>a{display:block;color:inherit;text-decoration:none;height:100%}.tile-art{height:156px;position:relative;overflow:hidden;background:#132326}.tile-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 50%,#10151c99);pointer-events:none}.tile-label{position:absolute;top:11px;left:11px;z-index:2;padding:5px 7px;background:#090f1ca6;border:1px solid #fff2;border-radius:5px;color:#fff3df;font-size:7px;letter-spacing:1.6px;backdrop-filter:blur(10px)}.tile-art img{width:100%;height:100%;object-fit:cover}.snack .tile-art{background:url('./assets/background-v2.webp') center 47%/cover}#page-games .hero .snack-logo{position:absolute;width:87%;max-width:none;height:100px;object-fit:contain;left:6.5%;top:36px;margin:0;filter:drop-shadow(0 6px 10px #000a)}.tile-info{display:flex;align-items:center;justify-content:space-between;padding:14px 13px;gap:5px}.game-tile .tile-info h2,#page-games .hero .tile-info h2{font:600 15px system-ui;letter-spacing:-.3px;margin:0}.tile-info p{font-size:9px;margin:5px 0 0;color:#aaa9aa;line-height:1.4}.tile-arrow{display:grid;place-items:center;border:1px solid #dac49a38;border-radius:50%;width:27px;height:27px;flex-shrink:0;color:#edd2a3;font-size:15px;background:#d9b66c0a}
.maison .tile-art{background:radial-gradient(ellipse at 50% 20%,#427c68,#132e28 65%)}.roulette-wheel{position:absolute;left:50%;top:15px;transform:translateX(-50%) rotate(-18deg);width:132px;height:132px;border:6px double #dfbd7e;border-radius:50%;background:repeating-conic-gradient(#852b32 0deg 9deg,#182520 9deg 18deg);box-shadow:0 8px 20px #0008,inset 0 0 0 6px #ba9757;display:grid;place-items:center}.roulette-wheel span{display:grid;place-items:center;width:72px;height:72px;border:3px double #d5b574;border-radius:50%;background:#16382c;color:#efd6a2;font-size:50px}.maison-word{position:absolute;z-index:1;bottom:9px;left:0;right:0;text-align:center;font:22px Georgia;letter-spacing:5px;color:#ffe6b9;text-shadow:0 2px 8px #000}
.oval .tile-art{background:linear-gradient(135deg,#151e34,#344253)}.race-lines{position:absolute;inset:-40px;background:repeating-linear-gradient(130deg,transparent 0 28px,#d9ee6d33 29px 31px,transparent 32px 49px);transform:rotate(-8deg)}.oval-word{position:absolute;top:40px;left:24px;font:italic 900 38px/.85 Arial;letter-spacing:-2px;transform:rotate(-7deg);text-shadow:0 5px 15px #0008}.oval-word em{color:#e0f784}.frog .tile-art img{object-position:center 43%}.shells .tile-art{background:url('./assets/mobile-v1/shells-table.webp') center/cover}.shells .tile-art img{object-fit:contain;object-position:center top;padding-top:8px;filter:drop-shadow(0 4px 6px #0008)}
.coming-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:210px;border:1px dashed #ccb98d35;border-radius:17px;background:#11151c60;backdrop-filter:blur(8px)}.coming-star{font-size:39px;line-height:1;color:#d5b77c;margin-bottom:14px}.coming-tile .eyebrow{font-size:7px;letter-spacing:2px}.coming-tile h2{font:22px/1.12 Georgia;margin:10px 0;color:#e5d5bb}.coming-tile p{font-size:9px;color:#a8a29a;margin:0 8px}.notice{color:#b6afa5;font-size:9px;line-height:1.8;margin:22px 10px}footer{font-size:7px;letter-spacing:2px;color:#9a9287;padding-top:8px}.bottom-nav{max-width:540px;background:#10161ee8;border-color:#e3c89633;backdrop-filter:blur(24px);box-shadow:0 12px 44px #0009}.bottom-nav button{min-height:57px}.bottom-nav button.active{background:linear-gradient(135deg,#dab47826,#dab47808)}.panel,.ton-card,.reward-card,.stats-grid article,.profile-card{border-radius:18px;background-color:#101820e8;backdrop-filter:blur(15px)}
@media(hover:hover){.game-tile:hover{transform:translateY(-5px);border-color:#e7c98a99!important;box-shadow:0 16px 32px #0008!important}.game-tile:hover .tile-arrow{background:#edd2a3;color:#14171d}}
@media(max-width:599px){main{padding:22px 18px 120px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#page-games .intro{padding:34px 0 24px}#page-games .intro h1{font-size:49px}.tile-art{height:139px}.tile-info{padding:12px 10px}.game-tile .tile-info h2,#page-games .hero .tile-info h2{font-size:14px}.tile-info p{font-size:8px}.tile-arrow{width:23px;height:23px}.coming-tile{min-height:200px}.collection-heading h2{font-size:19px}.collection-count{font-size:8px}.bottom-nav{width:calc(100% - 24px)}.roulette-wheel{width:118px;height:118px}.maison-word{font-size:19px}.oval-word{font-size:35px;left:18px}#page-games .hero .snack-logo{top:29px;height:91px}}
@media(max-width:359px){main{padding-left:12px;padding-right:12px}#page-games .intro h1{font-size:43px}.tile-art{height:125px}.tile-info p{font-size:7px}.tile-arrow{width:20px;height:20px}.game-grid{gap:10px}.beta{font-size:7px;padding:7px}.collection-count{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){#page-games .game-tile{transition:none}.game-tile:hover{transform:none}}

@media(max-width:599px){#page-games .intro{padding:24px 0 18px}#page-games .intro h1{font-size:44px;margin:13px 0}#page-games .intro p{font-size:10px;margin:10px 0}.motion-control{margin-top:0;padding:6px 10px;font-size:8px}#page-games .wallet{padding:12px 15px;margin-bottom:20px}.collection-heading{margin-bottom:13px}.cinema-background:after{background:linear-gradient(180deg,#06091077 0%,#06091066 30%,#060910bb 65%,#060910ef 100%)}}

.retro-preview-note{font:8px system-ui!important;letter-spacing:1.4px!important;color:#d8c098!important;margin:8px 0!important}

.next-games{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding:26px 24px;position:relative;overflow:hidden;border:1px solid #d9b97b40;border-radius:18px;background:radial-gradient(ellipse at 0% 50%,#d8a54c20,transparent 60%),linear-gradient(120deg,#192330ed,#0e1520ef);box-shadow:inset 0 1px #fff08}.next-games h2{font:25px/1.2 Georgia;color:#f4dfb8;margin:8px 0}.next-games p{color:#aeaeb6;font-size:10px;line-height:1.8;margin:0}.next-games .eyebrow{font-size:7px;letter-spacing:2px}.next-orbit{display:grid;place-items:center;width:74px;height:74px;flex-shrink:0;border-radius:50%;border:1px solid #ceaa6650;box-shadow:0 0 30px #d2a25018;position:relative}.next-orbit b{font:40px Georgia;color:#f1c879;animation:next-glow 4s ease-in-out infinite}.next-orbit:after{content:'';position:absolute;inset:8px;border:1px dashed #b5966133;border-radius:50%;animation:next-spin 30s linear infinite}.next-pill{margin-left:auto;white-space:nowrap;color:#e3c28c;font-size:8px;letter-spacing:1px;border:1px solid #b9995844;border-radius:30px;padding:7px 10px}.next-pill i{display:inline-block;width:4px;height:4px;background:#edbc63;border-radius:50%;margin-right:5px}@keyframes next-glow{50%{text-shadow:0 0 25px #e4ad50;transform:scale(1.06)}}@keyframes next-spin{to{transform:rotate(360deg)}}@media(max-width:599px){.next-games{padding:22px 16px;gap:13px;flex-wrap:wrap}.next-orbit{width:49px;height:49px}.next-orbit b{font-size:29px}.next-games h2{font-size:21px}.next-games p{font-size:9px}.next-pill{margin-left:62px;margin-top:0}}@media(prefers-reduced-motion:reduce){.next-orbit b,.next-orbit:after{animation:none}}