:root {
  --green-950: #123629;
  --green-800: #1f6a3a;
  --green-600: #3fb24a;
  --green-100: #dcf1db;
  --cream: #f6f3ea;
  --paper: #fffdf8;
  --ink: #17231e;
  --muted: #65716b;
  --line: #e6e8df;
  --gold: #f3b73b;
  --coral: #e97052;
  --shadow: 0 16px 40px rgba(25, 62, 43, .10);
}

* { box-sizing: border-box; }
html { background: #dfe5df; }
body { margin: 0; color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at 20% 0%, #eef5ed, #dfe5df 55%); min-height: 100vh; }
button { color: inherit; font: inherit; min-height: 48px; }
button, [data-route] { -webkit-tap-highlight-color: transparent; }
.account-lock{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 0%,#eaf3e8,#d8e0d8 65%)}.account-lock.connected{display:none}.account-lock-card{width:min(100%,430px);padding:31px 25px;border-radius:28px;background:var(--paper);border:1px solid rgba(31,106,58,.12);box-shadow:0 22px 60px rgba(25,62,43,.18);text-align:center}.account-lock-card img{width:82px;height:82px;border-radius:50%;margin-bottom:14px;border:1px solid #dfe8dd}.account-lock-card h1{margin-bottom:10px}.account-lock-card p:not(.eyebrow){font-size:14px;margin-bottom:20px}.account-lock-card .primary-button{text-decoration:none}.account-lock-card small{display:block;margin-top:14px;color:var(--muted);font-size:11px;line-height:1.5}
.app-shell { width: min(100%, 520px); min-height: 100vh; margin: 0 auto; background: var(--cream); position: relative; padding-bottom: calc(88px + env(safe-area-inset-bottom)); box-shadow: 0 0 55px rgba(30, 60, 43, .12); }
.topbar { height: 76px; padding: 12px 20px; display: flex; justify-content: space-between; align-items: center; background: rgba(246, 243, 234, .92); backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 20; border-bottom: 1px solid rgba(31, 106, 58, .08); }
.brand { display: flex; align-items: center; gap: 10px; border: 0; background: none; padding: 0; cursor: pointer; text-align: left; }
.brand img { width: 43px; height: 43px; border-radius: 50%; border: 1px solid #e4e9e1; }
.brand span { display: flex; flex-direction: column; line-height: 1; }
.brand strong { font: 800 18px/1 "Manrope", sans-serif; text-transform: uppercase; letter-spacing: .02em; color: var(--green-800); }
.brand small { font: 800 11px/1.4 "Manrope", sans-serif; letter-spacing: .2em; color: var(--gold); }
.coin-pill { border: 1px solid #dce5d9; background: var(--paper); border-radius: 18px; padding: 7px 11px 7px 8px; display: flex; gap: 8px; align-items: center; box-shadow: 0 5px 14px rgba(31, 106, 58, .06); cursor: pointer; }
.coin-pill > span:last-child { display: flex; flex-direction: column; text-align: left; line-height: 1.1; }
.coin-pill strong { font: 800 14px/1.1 "Manrope"; }
.coin-pill small { color: var(--muted); font-size: 9px; margin-top: 3px; }
.coin-icon { width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; background: var(--gold); color: #6d4a00; font: 800 15px/1 "Manrope"; border: 2px solid #ffd979; box-shadow: inset 0 0 0 2px #d99a1a; flex: 0 0 auto; }
.coin-icon.large { width: 50px; height: 50px; font-size: 24px; }

.view { display: none; padding: 23px 20px 12px; animation: fade-in .22s ease; }
.view.active { display: block; }
@keyframes fade-in { from { opacity: 0; transform: translateY(5px); } }
.eyebrow { margin: 0 0 5px; color: var(--green-800); font: 800 10px/1.3 "Manrope"; letter-spacing: .16em; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Manrope", sans-serif; }
h1 { font-size: clamp(25px, 6vw, 32px); line-height: 1.13; letter-spacing: -.035em; margin-bottom: 8px; }
h2 { font-size: 20px; line-height: 1.2; letter-spacing: -.025em; margin-bottom: 5px; }
h3 { font-size: 17px; line-height: 1.2; margin-bottom: 5px; }
p { color: var(--muted); line-height: 1.45; }
.welcome-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin: 4px 0 23px; }
.welcome-row h1 { max-width: 355px; margin: 0; }
.avatar, .profile-avatar { width: 48px; height: 48px; flex: 0 0 auto; border-radius: 50%; border: 3px solid var(--paper); color: white; background: linear-gradient(145deg, var(--green-600), var(--green-800)); box-shadow: 0 5px 15px rgba(31, 106, 58, .25); font-weight: 700; cursor: pointer; }
.mission-card { background: var(--green-950); border-radius: 24px; padding: 18px; color: white; box-shadow: var(--shadow); overflow: hidden; position: relative; }
.mission-card::after { content: ""; position: absolute; width: 130px; height: 130px; border: 24px solid rgba(255,255,255,.035); border-radius: 50%; right: -52px; top: -65px; }
.mission-copy { display: flex; gap: 13px; align-items: center; position: relative; z-index: 1; }
.mission-icon { width: 45px; height: 45px; flex: 0 0 auto; border-radius: 15px; display: grid; place-items: center; color: #6e4a00; background: var(--gold); font-size: 20px; transform: rotate(-4deg); }
.mission-card .eyebrow { color: #8fdaa0; }
.mission-card h2 { margin-bottom: 3px; font-size: 18px; }
.mission-card p { margin: 0; font-size: 12px; color: #bed2c7; }
.mission-card p strong { color: white; }
.progress-track { height: 7px; border-radius: 99px; background: rgba(255,255,255,.14); margin-top: 15px; overflow: hidden; }
.progress-track span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--gold), #ffd976); transition: width .45s ease; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin: 30px 0 14px; }
.section-heading h2 { margin: 0; font-size: 23px; }
.game-count { font-size: 12px; color: var(--muted); background: #e9ece4; border-radius: 99px; padding: 6px 10px; }
.game-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.game-card { background: var(--paper); border: 1px solid rgba(31, 106, 58, .09); border-radius: 22px; overflow: hidden; box-shadow: 0 9px 25px rgba(26, 52, 39, .06); }
.game-card.featured { grid-column: 1 / -1; display: grid; grid-template-columns: 44% 56%; min-height: 235px; }
.game-art { position: relative; overflow: hidden; background: #214d3a; min-height: 235px; }
.game-art::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(#8cae9d 1px, transparent 1px), linear-gradient(90deg, #8cae9d 1px, transparent 1px); background-size: 24px 24px; }
.block { position: absolute; width: 44px; height: 44px; border-radius: 6px; box-shadow: inset 0 0 0 4px rgba(255,255,255,.17), 0 5px 0 rgba(0,0,0,.12); }
.b1 { background: #f2b83e; left: 18px; bottom: 18px; }.b2 { background: #f2b83e; left: 62px; bottom: 18px; }.b3 { background: #e66d4f; left: 62px; bottom: 62px; }.b4 { background: #e66d4f; left: 106px; bottom: 62px; }.b5 { width: 34px; height: 34px; background: #63c8d5; left: 45px; top: 34px; }.b6 { width: 34px; height: 34px; background: #63c8d5; left: 79px; top: 34px; }
.art-score { position: absolute; top: 21px; right: 13px; color: white; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18); border-radius: 99px; padding: 5px 8px; font-size: 10px; font-weight: 700; }
.game-info { padding: 17px 16px 15px; display: flex; flex-direction: column; align-items: flex-start; }
.tag { display: inline-block; color: #758179; font: 800 8px/1 "Manrope"; letter-spacing: .11em; background: #edf0e9; border-radius: 99px; padding: 5px 7px; margin-bottom: 8px; }
.tag.live { background: var(--green-100); color: var(--green-800); }
.tag.new { background:#fff0bd;color:#785509; }
.game-info h3 { font-size: 21px; }
.game-info p { font-size: 12px; margin-bottom: 10px; }
.game-meta { display: flex; flex-direction: column; gap: 3px; color: var(--muted); font-size: 10px; margin-bottom: 12px; }
.primary-button { width: 100%; min-height:48px; border: 0; border-radius: 13px; padding: 12px 14px; background: var(--green-600); color: white; font-weight: 700; cursor: pointer; box-shadow: 0 7px 16px rgba(63, 178, 74, .22); display: flex; align-items: center; justify-content: center; gap: 10px; touch-action:manipulation; }
.primary-button:active { transform: translateY(1px); box-shadow: none; }
.primary-button:disabled{opacity:.68;cursor:wait;transform:none}
.compact { min-height: 185px; }
.compact > div:last-child { padding: 13px 12px 14px; }
.compact h3 { font-size: 15px; }
.compact p { font-size: 11px; margin: 0; }
.mini-art { height: 82px; position: relative; overflow: hidden; background: #e3eadd; }
.product-atlas-icon{display:block;background-image:url("assets/product-library/product-atlas-preview.webp");background-repeat:no-repeat;background-size:1000% 1000%;filter:drop-shadow(0 4px 3px rgba(67,45,24,.2))}.atlas-004{background-position:33.333% 0}.atlas-006{background-position:55.556% 0}.atlas-007{background-position:66.667% 0}.atlas-016{background-position:55.556% 11.111%}.atlas-020{background-position:100% 11.111%}.atlas-024{background-position:33.333% 22.222%}.atlas-031{background-position:0 33.333%}.atlas-035{background-position:44.444% 33.333%}.atlas-050{background-position:100% 44.444%}.atlas-055{background-position:44.444% 55.556%}.atlas-063{background-position:22.222% 66.667%}.atlas-072{background-position:11.111% 77.778%}.atlas-077{background-position:66.667% 77.778%}.atlas-088{background-position:77.778% 88.889%}
.snake-art { background: #f0c955; }.snake-art i { width: 17px; height: 17px; position: absolute; background: #1f6a3a; border-radius: 5px; top: 31px; left: 30px; }.snake-art i:nth-child(2){left:47px}.snake-art i:nth-child(3){left:64px}.snake-art i:nth-child(4){left:64px;top:14px}.snake-art b{position:absolute;width:11px;height:11px;border-radius:50%;background:#df6249;right:35px;top:24px}
.maze-art { background: #263d79; }.maze-art span{position:absolute;color:#f3b73b;font-size:26px;left:27px;top:23px}.maze-art i{position:absolute;background:#91acef;border-radius:3px}.maze-art i:nth-of-type(1){width:4px;height:60px;left:78px;top:11px}.maze-art i:nth-of-type(2){width:75px;height:4px;left:78px;top:11px}.maze-art i:nth-of-type(3){width:4px;height:46px;right:27px;bottom:0}
.cards-art { background: #e9d7cb; display:flex;justify-content:center;gap:10px;align-items:center}.cards-art i{width:45px;height:57px;display:grid;place-items:center;background:#e86f55;color:white;border-radius:7px;font-style:normal;font-weight:800;box-shadow:0 4px 0 rgba(0,0,0,.1)}.cards-art i:last-child{background:#fff;color:#1f6a3a;transform:rotate(5deg)}
.match-art { background:#ddb078;display:grid;grid-template-columns:repeat(2,36px);place-content:center;gap:2px}.match-art .product-atlas-icon{width:36px;height:36px}
.brick-art{background:#293d68;display:grid;grid-template-columns:repeat(4,32px);place-content:center;gap:5px}.brick-art i{height:13px;border-radius:3px;background:#f2b83e}.brick-art i:nth-child(2),.brick-art i:nth-child(4){background:#e97052}.brick-art b{position:absolute;width:58px;height:7px;border-radius:99px;background:white;bottom:9px;left:50%;transform:translateX(-50%)}
.merge-art{background:linear-gradient(145deg,#123b2d,#245d46);display:grid;grid-template-columns:repeat(2,34px);place-content:center;gap:5px}.merge-art i{width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:#edf5e8;color:#184632;box-shadow:0 4px 8px rgba(4,25,17,.24);display:grid;place-items:center;font-style:normal;font:800 10px "Manrope"}.merge-art i:nth-child(2){background:#cde6c2}.merge-art i:nth-child(3){background:#55a879;color:white}.merge-art i:nth-child(4){background:#f3b73b;color:#173129}
.bubble-art{background:#d9efec}.bubble-art .product-atlas-icon{position:absolute;width:35px;height:35px}.bubble-art .product-atlas-icon:nth-child(1){left:30px;top:10px}.bubble-art .product-atlas-icon:nth-child(2){left:64px;top:34px}.bubble-art .product-atlas-icon:nth-child(3){left:101px;top:9px}.bubble-art .product-atlas-icon:nth-child(4){left:133px;top:38px}.bubble-art .product-atlas-icon:nth-child(5){left:12px;top:46px}
.slide-art{background:#ded1b8;display:grid;grid-template-columns:repeat(3,31px);place-content:center;gap:3px}.slide-art i{width:31px;height:31px;border-radius:5px;background:#fffaf0;display:grid;place-items:center;font-style:normal;font:800 11px "Manrope";color:#1f6a3a;box-shadow:0 2px 0 #b7a789}
.target-art{background:#e8f0e8;display:grid;place-items:center}.target-art .product-atlas-icon{width:66px;height:66px}
.bolt-art{background:#315167}.bolt-art i{position:absolute;width:24px;height:24px;border:6px solid #e9f0ec;border-radius:50%;background:#e97052;box-shadow:0 3px 5px rgba(0,0,0,.25)}.bolt-art i:after{content:"";position:absolute;left:4px;right:4px;top:5px;height:3px;background:#fff;border-radius:3px}.bolt-art i:nth-child(1){left:25px;top:18px}.bolt-art i:nth-child(2){left:69px;top:40px;background:#f3b73b}.bolt-art i:nth-child(3){right:28px;top:16px;background:#55a879}.bolt-art i:nth-child(4){right:68px;top:7px;background:#8f77cf}.bolt-art b{position:absolute;left:17px;right:17px;bottom:8px;height:7px;background:rgba(255,255,255,.3);border-radius:99px}
.sort-art{background:#f0e5cd;display:flex;align-items:center;justify-content:center;gap:1px}.sort-art:after{content:"";position:absolute;left:17px;right:17px;bottom:13px;height:6px;border-radius:4px;background:#9c6a3b;box-shadow:0 5px 0 rgba(79,47,20,.16)}.sort-art .product-atlas-icon{width:41px;height:41px;z-index:1}
.parking-art{background:#445561}.parking-art:before{content:"";position:absolute;inset:8px;background:repeating-linear-gradient(90deg,transparent 0 37px,rgba(255,255,255,.18) 38px 40px)}.parking-art i{position:absolute;width:48px;height:22px;border-radius:8px;background:#f3b73b;border:2px solid white}.parking-art i:nth-child(1){left:20px;top:16px}.parking-art i:nth-child(2){right:19px;top:44px;background:#55a879;transform:rotate(90deg)}.parking-art i:nth-child(3){left:69px;top:49px;background:#e97052}.parking-art b{position:absolute;right:9px;top:10px;color:white;font-size:24px}
.hole-art{background:radial-gradient(circle at 50% 50%,#edf5eb,#d2e4d4)}.hole-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(31,106,58,.13) 1.5px,transparent 1.5px);background-size:18px 18px}.hole-art i{position:absolute;z-index:2;width:58px;height:34px;border-radius:50%;background:#102e23;left:53px;top:29px;border:3px solid #f3b73b;box-shadow:0 7px 0 rgba(16,46,35,.18),inset 0 0 14px rgba(0,0,0,.35)}.hole-art b{position:absolute;z-index:1;width:19px;height:18px;border-radius:5px;background:#f3b73b;border:2px solid rgba(255,255,255,.75);box-shadow:0 4px 7px rgba(28,61,43,.18)}.hole-art b:after{content:"";position:absolute;left:7px;top:0;bottom:0;width:3px;background:rgba(255,238,184,.8)}.hole-art b:nth-of-type(1){left:25px;top:15px}.hole-art b:nth-of-type(2){right:27px;top:21px;width:23px;background:#e97052}.hole-art b:nth-of-type(3){right:48px;bottom:8px;border-radius:50%;background:#55a879}.hole-art b:nth-of-type(3):after{left:3px;right:3px;top:7px;bottom:auto;width:auto;height:3px}
.tower-art{background:#203f35}.tower-art i{position:absolute;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font:800 10px "Manrope";color:white;border:4px solid rgba(255,255,255,.75);background:#3fb24a}.tower-art i:nth-child(1){left:16px;top:28px}.tower-art i:nth-child(2){left:67px;top:9px;background:#89968e}.tower-art i:nth-child(3){right:17px;top:36px;background:#e97052}.tower-art b{position:absolute;height:3px;background:rgba(255,255,255,.35);transform-origin:left center}.tower-art b:nth-of-type(1){width:58px;left:45px;top:42px;transform:rotate(-19deg)}.tower-art b:nth-of-type(2){width:62px;left:94px;top:35px;transform:rotate(25deg)}
.playable{cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.playable:hover{transform:translateY(-2px);box-shadow:0 14px 29px rgba(26,52,39,.11)}.playable:focus-visible{outline:3px solid rgba(63,178,74,.35);outline-offset:2px}.playable:active{transform:translateY(0)}
.tournament-banner { margin-top: 18px; border-radius: 23px; padding: 20px; background: linear-gradient(135deg, #efe1bc, #f7edd5); border: 1px solid #e8d5a6; }
.tournament-banner .eyebrow { color: #8b671a; }.tournament-banner h2 { margin-bottom:5px}.tournament-banner p:not(.eyebrow){font-size:13px;margin-bottom:15px;color:#655b44}.tournament-banner p strong{color:#594310}
.secondary-button { border: 1px solid #bda463; border-radius: 12px; padding: 10px 14px; background: rgba(255,255,255,.5); color: #705516; font-weight: 700; cursor: pointer; }

.page-title { margin: 7px 0 26px; }.page-title p:last-child{font-size:13px}.podium{height:218px;display:flex;align-items:end;justify-content:center;gap:5px;margin:0 0 18px;padding:0 8px}.podium-player{width:31%;height:146px;border-radius:18px 18px 4px 4px;background:#e8ebe4;display:flex;flex-direction:column;align-items:center;padding:13px 5px;position:relative}.podium-player.first{height:183px;background:linear-gradient(#f4d677,#eabd3a)}.podium-player.third{height:126px;background:#e7cfbf}.podium-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--paper);border:3px solid rgba(255,255,255,.7);color:var(--green-800);font-weight:800}.podium-player strong{font-size:12px;margin-top:8px}.podium-player span:not(.crown){font-size:11px;color:#59655f}.podium-player i{position:absolute;bottom:6px;font:800 21px "Manrope";font-style:normal;color:rgba(18,54,41,.7)}.podium-player .crown{position:absolute;top:-29px;color:#b47e00;font-size:28px}.rank-list{background:var(--paper);border-radius:20px;overflow:hidden;border:1px solid var(--line)}.rank-list>div{display:flex;align-items:center;gap:11px;padding:12px 14px;border-bottom:1px solid var(--line)}.rank-list>div:last-child{border:0}.rank-list>div>b{width:18px;text-align:center;font-size:12px;color:var(--muted)}.list-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e2ebdf;color:var(--green-800);font-size:11px;font-weight:800}.rank-list p{display:flex;flex-direction:column;margin:0;flex:1}.rank-list p strong{font-size:13px;color:var(--ink)}.rank-list p small{font-size:10px}.rank-list em{font-style:normal;font-weight:800;font-size:13px}.rank-list .current-user{background:#e2f2df;border:1px solid #acd2a7}.reward-note{display:flex;align-items:center;gap:12px;background:#fff8e6;border:1px solid #eedaa8;padding:14px;border-radius:17px;margin-top:14px}.reward-note>span{font-size:24px}.reward-note p{font-size:11px;margin:0;color:#61583f}
.wallet-card{background:linear-gradient(135deg,var(--green-950),#2b7e49);padding:20px;border-radius:24px;color:white;box-shadow:var(--shadow)}.wallet-card>div{display:flex;align-items:center;gap:14px}.wallet-card div p{display:flex;flex-direction:column;margin:0}.wallet-card div small{color:#b8d7c2}.wallet-card div strong{font:800 30px "Manrope"}.wallet-card>p{margin:18px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#c4dfcd}.wallet-card>p strong{color:white}.reward-grid{display:grid;gap:10px}.reward-grid article{display:flex;align-items:center;gap:13px;background:var(--paper);padding:13px;border:1px solid var(--line);border-radius:18px}.reward-grid article>span{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#f6db8b;color:#70500a;font-weight:800}.reward-grid article>div{flex:1}.reward-grid h3{font-size:14px;margin-bottom:2px}.reward-grid p{font-size:10px;margin-bottom:3px}.reward-grid strong{font-size:11px;color:var(--green-800)}.redeem-button{min-width:48px;min-height:48px;border:0;border-radius:10px;padding:9px 10px;background:var(--green-100);color:var(--green-800);font-size:10px;font-weight:800;cursor:pointer}.redeem-button:disabled{opacity:.4;cursor:not-allowed}.fine-print{font-size:10px;margin:16px 5px;text-align:center}
.profile-hero{display:flex;align-items:center;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:23px;padding:19px;margin-top:5px}.profile-avatar{width:67px;height:67px;display:grid;place-items:center;font-size:20px}.profile-hero h1{font-size:23px;margin-bottom:3px}.profile-hero p:last-child{font-size:12px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.stats-grid article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 7px;text-align:center}.stats-grid strong{display:block;font:800 17px "Manrope";color:var(--green-800)}.stats-grid span{font-size:9px;color:var(--muted)}.profile-menu{background:var(--paper);border:1px solid var(--line);border-radius:20px;overflow:hidden}.profile-menu button{width:100%;border:0;border-bottom:1px solid var(--line);background:none;padding:15px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.profile-menu button:last-child{border:0}.profile-menu button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf0e7;color:var(--green-800);font-size:20px}.profile-menu p{display:flex;flex-direction:column;flex:1;margin:0}.profile-menu strong{font-size:13px;color:var(--ink)}.profile-menu small{font-size:10px}.profile-menu b{color:#9aa29e}

.bottom-nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: min(100%, 520px); height: calc(70px + env(safe-area-inset-bottom)); padding: 7px 12px env(safe-area-inset-bottom); display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(255,253,248,.96); backdrop-filter: blur(14px); border-top: 1px solid var(--line); z-index: 30; }
.bottom-nav button { border: 0; background: none; color: #7e8882; font-size: 9px; font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; cursor: pointer; }
.bottom-nav button span { font-size: 21px; line-height: 1; font-family: serif; }
.bottom-nav button.active { color: var(--green-800); }

.game-screen { position: fixed; inset: 0; z-index: 100; background: var(--green-950); color: white; display: none; flex-direction: column; align-items: center; overflow-y: auto; padding-bottom: calc(15px + env(safe-area-inset-bottom)); }
.game-screen.open { display: flex; }
.objective-panel{width:min(calc(100% - 30px),490px);margin:0 15px 10px;padding:10px 12px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(255,255,255,.065)}.objective-copy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.objective-copy span{color:#f3b73b;font:800 9px "Manrope";letter-spacing:.12em}.objective-copy strong{font:700 11px "Manrope";white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.objective-copy small{color:#9fc2ae;font-size:9px}.objective-track{height:4px;margin-top:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.objective-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f3b73b,#ffe189);transition:width .25s ease}.tutorial-coach{position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%) translateY(-8px);width:calc(100% - 24px);padding:9px 12px;border-radius:13px;background:rgba(10,34,26,.94);border:1px solid rgba(243,183,59,.5);box-shadow:0 8px 24px rgba(0,0,0,.28);display:flex;align-items:center;gap:9px;opacity:0;pointer-events:none;transition:.2s}.tutorial-coach.visible{opacity:1;transform:translateX(-50%) translateY(0)}.tutorial-coach.success{border-color:#75d282;background:rgba(24,77,43,.96)}.tutorial-coach span{width:34px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f3b73b;color:#664500;font:800 9px "Manrope"}.tutorial-coach strong{font:700 10px/1.3 "Manrope"}
.game-header { width: min(100%, 520px); padding: calc(10px + env(safe-area-inset-top)) 15px 8px; display: flex; align-items: center; justify-content: space-between; }
.game-header>div { display:flex;flex-direction:column;text-align:center }.game-header small{font-size:9px;letter-spacing:.17em;color:#8fd29b}.game-header strong{font:800 16px "Manrope"}.icon-button{width:42px;height:42px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:white;border-radius:13px;font-weight:800;cursor:pointer}.score-strip{width:min(calc(100% - 30px),490px);display:grid;grid-template-columns:repeat(3,1fr);margin:4px 15px 10px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10);border-radius:16px}.score-strip>div{padding:8px;text-align:center;border-right:1px solid rgba(255,255,255,.09)}.score-strip>div:last-child{border:0}.score-strip small{display:block;font-size:8px;letter-spacing:.13em;color:#8cb19d}.score-strip strong{font:800 17px "Manrope"}.game-stage{width:min(calc(100% - 30px),360px);position:relative;border-radius:12px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.35);background:#0c251c;flex:0 0 auto}.game-stage canvas{display:block;width:100%;height:auto;background:#102e23;touch-action:none}.game-overlay{position:absolute;inset:0;background:rgba(8,30,22,.91);backdrop-filter:blur(5px);display:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:26px}.game-overlay.visible{display:flex}.overlay-mark{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:var(--gold);color:#684800;font-size:30px;margin-bottom:13px}.game-overlay h2{font-size:28px;margin-bottom:8px}.game-overlay p{color:#bfd0c7;font-size:13px;max-width:270px;margin-bottom:18px}.game-overlay .primary-button{max-width:220px}.game-overlay small{color:#8fb09d;font-size:10px;margin-top:11px}.game-controls{width:min(calc(100% - 30px),420px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:11px}.game-controls button{height:48px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.10);color:white;font-size:22px;font-weight:800;cursor:pointer;touch-action:manipulation}.game-controls button:active{background:var(--green-600);transform:scale(.97)}.game-controls .rotate-control{color:#f5ca5a}.game-controls .drop-control{grid-column:1/-1;height:48px;background:var(--green-600);font-size:11px;letter-spacing:.12em}.control-hint{font-size:9px;color:#749482;margin:8px 0 0;text-align:center}
.toast{position:fixed;z-index:200;left:50%;bottom:95px;transform:translate(-50%,20px);width:min(calc(100% - 40px),430px);background:#132d24;color:white;border-radius:14px;padding:13px 16px;text-align:center;font-size:12px;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width: 390px) {
  .topbar{padding-left:15px;padding-right:15px}.view{padding-left:15px;padding-right:15px}.game-card.featured{grid-template-columns:42% 58%}.game-info{padding:14px 12px}.game-info h3{font-size:18px}.game-info p{font-size:11px}.block{width:38px;height:38px}.b1{left:10px}.b2{left:48px}.b3{left:48px;bottom:56px}.b4{left:86px;bottom:56px}.b5{left:29px}.b6{left:63px}.primary-button{font-size:12px}}
@media (min-width: 700px) { .app-shell{margin-top:24px;margin-bottom:24px;min-height:calc(100vh - 48px);border-radius:30px;overflow:hidden}.bottom-nav{bottom:24px;border-radius:0 0 30px 30px}.topbar{border-radius:30px 30px 0 0}.game-screen{width:520px;left:50%;transform:translateX(-50%);box-shadow:0 0 60px rgba(0,0,0,.35)} }
@media (prefers-reduced-motion: reduce) { *{scroll-behavior:auto!important;animation:none!important;transition:none!important} }

/* 10-game arcade and privacy refinements */
.podium-player strong{font-size:10px;white-space:nowrap}.list-avatar{font-size:9px}
.privacy-note{display:flex;align-items:center;gap:12px;background:#eaf3e8;border:1px solid #c7ddc3;padding:14px;border-radius:17px;margin-top:10px}.privacy-note>span{font-size:24px;color:var(--green-800)}.privacy-note p{font-size:11px;margin:0;color:#4d6255}
.game-controls{grid-template-columns:repeat(var(--control-count,4),1fr)}.game-controls:empty{display:none}.game-controls button.active{background:var(--green-600);transform:scale(.97)}.game-controls .accent-control{color:#f5ca5a}.game-controls .wide-control{grid-column:1/-1;height:48px;background:var(--green-600);font-size:11px;letter-spacing:.12em}.control-hint{min-height:13px}

/* Game feel layer */
.game-header{display:grid;grid-template-columns:108px 1fr 108px}.game-header>.icon-button{justify-self:start}.game-header>.game-actions{display:flex;flex-direction:row;justify-content:flex-end;gap:6px}.game-header>.icon-button,.game-actions .icon-button{width:48px;height:48px;min-height:48px;touch-action:manipulation}.icon-button.muted{opacity:.52;text-decoration:line-through}
.game-stage>#game-canvas{position:relative;z-index:0}.game-stage>#fx-canvas{position:absolute;inset:0;z-index:3;background:transparent;pointer-events:none}.game-overlay{z-index:2}
.game-stage.shake{animation:stage-shake .28s ease}.game-stage.big-shake{animation:stage-shake-big .38s ease}
@keyframes stage-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
@keyframes stage-shake-big{0%,100%{transform:translate(0)}20%{transform:translate(-7px,2px)}40%{transform:translate(6px,-2px)}60%{transform:translate(-4px,1px)}80%{transform:translate(3px,-1px)}}

/* Full-screen, edge-to-edge mobile game surface */
.game-screen{overflow:hidden;padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:none}
.game-header{padding:calc(7px + env(safe-area-inset-top)) 12px 6px;flex:0 0 auto}
.score-strip{width:min(calc(100% - 24px),496px);margin:2px 12px 7px;border-radius:14px;flex:0 0 auto}
.score-strip>div{padding:7px}
.objective-panel{width:min(calc(100% - 24px),496px);margin:0 12px 7px;padding:8px 11px;border-radius:13px;flex:0 0 auto}
.game-stage{width:min(100%,520px);min-height:280px;border-radius:0;box-shadow:none;flex:1 1 auto;touch-action:none;user-select:none;-webkit-user-select:none}
.game-stage canvas{width:100%;height:100%;touch-action:none}
.game-overlay p{max-width:290px}
.product-discovery{margin-top:12px;color:var(--game-muted);font-size:10px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--game-line);padding:5px 2px}.product-discovery:hover,.product-discovery:focus{color:#fff}.product-discovery[hidden]{display:none}
.game-controls{width:min(calc(100% - 24px),496px);margin-top:7px;flex:0 0 auto}
.control-hint{margin:5px 12px 4px;color:#8fb09d;flex:0 0 auto}
@media (max-height:700px){.game-header{padding-top:calc(4px + env(safe-area-inset-top));padding-bottom:3px}.game-header>.icon-button,.game-actions .icon-button{width:42px;height:42px;min-height:42px}.score-strip{margin-bottom:4px}.score-strip>div{padding:4px}.objective-panel{margin-bottom:4px;padding:6px 10px}.objective-track{margin-top:5px}.control-hint{margin-top:3px}}

/* Setiap permainan memiliki atmosfer visualnya sendiri */
.game-screen{--game-bg:#102e23;--game-panel:rgba(255,255,255,.07);--game-line:rgba(255,255,255,.12);--game-muted:#9fc2ae;--game-accent:#f3b73b;--game-overlay:rgba(8,30,22,.92);background:var(--game-bg);transition:background .25s ease}
.game-screen .score-strip,.game-screen .objective-panel{background:var(--game-panel);border-color:var(--game-line)}
.game-screen .icon-button{background:var(--game-panel);border-color:var(--game-line)}
.game-screen .game-header small,.game-screen .score-strip small,.game-screen .objective-copy small,.game-screen .control-hint{color:var(--game-muted)}
.game-screen .objective-copy span{color:var(--game-accent)}.game-screen .objective-track span{background:linear-gradient(90deg,var(--game-accent),#fff1a8)}
.game-screen .game-stage{border-top:3px solid var(--game-accent)}.game-screen .game-overlay{background:var(--game-overlay)}.game-screen .overlay-mark{background:var(--game-accent)}
.game-screen[data-game="block"]{--game-bg:#21143d;--game-panel:rgba(171,124,255,.12);--game-line:rgba(198,165,255,.22);--game-muted:#c6b2ed;--game-accent:#b88cff;--game-overlay:rgba(24,12,49,.93)}
.game-screen[data-game="snake"]{--game-bg:#47370d;--game-panel:rgba(255,220,87,.12);--game-line:rgba(255,225,117,.23);--game-muted:#eadb98;--game-accent:#f0c955;--game-overlay:rgba(52,39,6,.94)}
.game-screen[data-game="maze"]{--game-bg:#142653;--game-panel:rgba(132,163,239,.12);--game-line:rgba(155,181,247,.22);--game-muted:#b3c6f3;--game-accent:#f3b73b;--game-overlay:rgba(11,27,65,.94)}
.game-screen[data-game="memory"]{--game-bg:#4a2227;--game-panel:rgba(255,183,166,.11);--game-line:rgba(255,196,181,.22);--game-muted:#e7b9b4;--game-accent:#ff947c;--game-overlay:rgba(59,20,25,.94)}
.game-screen[data-game="match"]{--game-bg:#064044;--game-panel:rgba(116,224,220,.11);--game-line:rgba(142,235,231,.22);--game-muted:#a3d8d4;--game-accent:#62d2ca;--game-overlay:rgba(3,49,52,.94)}
.game-screen[data-game="brick"]{--game-bg:#0d2446;--game-panel:rgba(96,149,222,.12);--game-line:rgba(130,177,238,.22);--game-muted:#a8c0e0;--game-accent:#f0a93c;--game-overlay:rgba(6,25,55,.94)}
.game-screen[data-game="merge"]{--game-bg:#0b241b;--game-panel:rgba(80,166,113,.12);--game-line:rgba(117,196,145,.22);--game-muted:#a9cdb8;--game-accent:#f3b73b;--game-overlay:rgba(6,29,20,.94)}
.game-screen[data-game="bubble"]{--game-bg:#153d54;--game-panel:rgba(104,203,224,.12);--game-line:rgba(141,219,235,.22);--game-muted:#aed5df;--game-accent:#63d1de;--game-overlay:rgba(10,44,61,.94)}
.game-screen[data-game="slide"]{--game-bg:#4b3a22;--game-panel:rgba(236,211,163,.12);--game-line:rgba(241,221,181,.22);--game-muted:#d8c5a1;--game-accent:#e6bd72;--game-overlay:rgba(55,40,19,.94)}
.game-screen[data-game="target"]{--game-bg:#4b1f1b;--game-panel:rgba(255,135,108,.12);--game-line:rgba(255,165,145,.22);--game-muted:#e4b0a5;--game-accent:#ff765b;--game-overlay:rgba(59,20,16,.94)}
.game-screen[data-game="bolt"]{--game-bg:#263e4a;--game-panel:rgba(177,207,220,.11);--game-line:rgba(194,220,231,.22);--game-muted:#b9d0d9;--game-accent:#7fc5df;--game-overlay:rgba(26,48,59,.95)}
.game-screen[data-game="sort"]{--game-bg:#46351d;--game-panel:rgba(242,213,157,.12);--game-line:rgba(248,225,183,.23);--game-muted:#ddc9a5;--game-accent:#f3b73b;--game-overlay:rgba(54,38,16,.95)}
.game-screen[data-game="parking"]{--game-bg:#29373e;--game-panel:rgba(188,210,218,.10);--game-line:rgba(207,224,230,.20);--game-muted:#b8cbd1;--game-accent:#70c5a0;--game-overlay:rgba(27,40,46,.95)}
.game-screen[data-game="hole"]{--game-bg:#174334;--game-panel:rgba(152,222,181,.11);--game-line:rgba(177,232,198,.21);--game-muted:#afd7bd;--game-accent:#8bd7a8;--game-overlay:rgba(13,53,39,.94)}
.game-screen[data-game="tower"]{--game-bg:#3f3020;--game-panel:rgba(229,194,132,.13);--game-line:rgba(239,210,158,.24);--game-muted:#d8c29b;--game-accent:#e6b75f;--game-overlay:rgba(52,37,20,.95)}

/* Arcade journey and benchmark-inspired original games */
.journey-card{margin-top:11px;padding:14px;border-radius:20px;background:linear-gradient(135deg,#fffdf8,#edf4e9);border:1px solid #dbe6d7;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;box-shadow:0 8px 20px rgba(26,52,39,.045)}
.journey-badge{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f3b73b,#ffd875);color:#6d4b05;font-size:18px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}
.journey-copy .eyebrow{margin-bottom:2px}.journey-copy h2{font-size:14px;margin:0}.journey-copy p:not(.eyebrow){font-size:9px;margin:2px 0 7px}.journey-card>strong{align-self:start;border-radius:99px;padding:5px 7px;background:#1f6a3a;color:white;font:800 7px "Manrope";letter-spacing:.09em}.journey-track{height:4px;border-radius:99px;background:#dce5d9;overflow:hidden}.journey-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3fb24a,#f3b73b);transition:width .4s ease}
.tag.premium{background:linear-gradient(90deg,#203f77,#694890);color:#fff}.benchmark-card{border-color:rgba(77,91,157,.20);box-shadow:0 11px 26px rgba(38,48,93,.08)}.card-level{display:inline-flex;margin-top:8px;padding:4px 7px;border-radius:99px;background:#edf2ea;color:#52705d;font:800 7px "Manrope";letter-spacing:.1em}
.blast-art{background:#172b43}.blast-art:before{content:"";position:absolute;inset:9px;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:18px 18px;border-radius:10px}.blast-art i,.blast-art b{position:absolute;width:16px;height:16px;border-radius:4px;background:#5ec7d8;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}.blast-art i:nth-child(1){left:34px;top:21px}.blast-art i:nth-child(2){left:50px;top:21px}.blast-art i:nth-child(3){left:66px;top:21px}.blast-art i:nth-child(4){left:66px;top:37px}.blast-art b{background:#f3b73b}.blast-art b:nth-of-type(1){right:48px;bottom:15px}.blast-art b:nth-of-type(2){right:32px;bottom:15px}.blast-art b:nth-of-type(3){right:32px;bottom:31px}
.runner-art{background:linear-gradient(#687be0 0 40%,#91d7ed 40% 52%,#4d9c65 52%)}.runner-art:before{content:"";position:absolute;z-index:1;left:39px;right:39px;top:38px;bottom:-20px;background:#283247;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);border-left:3px solid #f5d75e;border-right:3px solid #f5d75e}.runner-art:after{content:"";position:absolute;z-index:2;left:50%;bottom:0;width:2px;height:54px;background:repeating-linear-gradient(#fff 0 8px,transparent 8px 15px);box-shadow:-28px 12px 0 -1px rgba(255,255,255,.78),28px 12px 0 -1px rgba(255,255,255,.78)}.runner-art i{position:absolute;z-index:4;left:50%;bottom:12px;width:19px;height:29px;border-radius:10px 10px 7px 7px;background:#24a067;border:2px solid #c9f4d6;transform:translateX(-50%);box-shadow:0 5px 8px rgba(12,22,40,.28)}.runner-art i:before{content:"";position:absolute;left:3px;top:-10px;width:9px;height:9px;border-radius:50%;background:#f2b17d;border-top:4px solid #20375e}.runner-art span{position:absolute;z-index:5;left:50%;bottom:20px;transform:translateX(-50%);color:#fff;font-weight:900}.runner-art b{position:absolute;z-index:3;width:25px;height:19px;border-radius:6px;background:#d96a3f;border:2px solid #ffd0a5;bottom:16px}.runner-art b:nth-of-type(1){left:26px}.runner-art b:nth-of-type(2){right:25px;background:#ffd64d;border-color:#fff3a7}
.board-art{background:linear-gradient(160deg,#a9dcea,#e9efd8 48%,#d5b17c);box-shadow:inset 0 0 0 1px rgba(56,83,65,.12)}.board-art:before{content:"";position:absolute;inset:8px 17px;border:14px solid #c8aa78;border-radius:21px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.55),0 5px 10px rgba(68,54,33,.13)}.board-art i{position:absolute;z-index:2;width:16px;height:16px;border-radius:5px;background:#fff;border:2px solid #d4c19b;transform:rotate(45deg)}.board-art i:nth-child(1){left:30px;top:13px;border-color:#22a867}.board-art i:nth-child(2){right:30px;top:13px;border-color:#f0b83f}.board-art i:nth-child(3){left:30px;bottom:13px;border-color:#5d88c8}.board-art i:nth-child(4){right:30px;bottom:13px;border-color:#e97052}.board-art span{position:absolute;z-index:2;left:42px;right:42px;bottom:8px;height:5px;border-radius:99px;background:linear-gradient(90deg,#22a867 72%,rgba(255,255,255,.5) 72%)}.board-art b{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:41px;height:41px;border-radius:13px;display:grid;place-items:center;background:#fff7dd;color:#263f37;font-size:23px;border:2px solid #e1c98c;box-shadow:0 7px 13px rgba(66,47,23,.2)}
.pool-art{background:radial-gradient(circle at 50% 45%,#159368,#086045);border:7px solid #5e3826;box-shadow:inset 0 0 0 3px #be8150}.pool-art:before{content:"";position:absolute;left:25px;top:42px;width:125px;height:3px;border-radius:3px;background:linear-gradient(90deg,#f0d0a0,#8d4b2e);transform:rotate(-17deg);transform-origin:left center;box-shadow:0 1px 2px rgba(0,0,0,.2)}.pool-art i,.pool-art b{position:absolute;border-radius:50%}.pool-art i{width:19px;height:19px;background:radial-gradient(circle at 35% 30%,#fff,#f3b73b 36%,#9b690d);top:24px;left:78px;border:1px solid white;box-shadow:0 3px 6px rgba(0,0,0,.3)}.pool-art i:nth-child(2){background:radial-gradient(circle at 35% 30%,#fff,#5d88c8 36%,#24457e);left:99px;top:15px}.pool-art i:nth-child(3){background:radial-gradient(circle at 35% 30%,#fff,#e97052 36%,#913928);left:99px;top:36px}.pool-art b{width:17px;height:17px;background:radial-gradient(circle at 35% 30%,#fff,#d4d5cd);left:37px;top:25px;box-shadow:45px 0 0 -7px #06100c,-34px -23px 0 -5px #06100c,103px 27px 0 -5px #06100c}.pool-art span{position:absolute;left:13px;right:13px;bottom:5px;height:4px;border-radius:99px;background:linear-gradient(90deg,#5dd498 38%,#f1c857 38% 74%,#e96757 74%)}
.crowd-art{background:linear-gradient(#83c3e6 0 34%,#5c986d 34% 45%,#59636c 45%);overflow:hidden}.crowd-art:before{content:"";position:absolute;left:50%;top:31px;bottom:-6px;width:2px;background:repeating-linear-gradient(#fff 0 8px,transparent 8px 15px);opacity:.55}.crowd-art i{position:absolute;z-index:2;top:7px;width:53px;height:28px;border-radius:8px;background:#347fd0;color:#fff;display:grid;place-items:center;font-style:normal;font:900 12px "Manrope";border:1px solid rgba(255,255,255,.65);box-shadow:0 4px 8px rgba(22,55,78,.18)}.crowd-art i:first-child{left:19px}.crowd-art i:nth-child(2){right:19px;background:#30ad75}.crowd-art b{position:absolute;z-index:2;width:10px;height:10px;border-radius:50%;background:#317dcc;bottom:8px;border-top:3px solid #ccecff;box-shadow:0 3px 4px rgba(0,0,0,.18)}.crowd-art b:nth-of-type(1){left:54px}.crowd-art b:nth-of-type(2){left:73px;bottom:20px}.crowd-art b:nth-of-type(3){right:73px;bottom:20px}.crowd-art b:nth-of-type(4){right:54px}.crowd-art span{position:absolute;z-index:3;left:50%;bottom:4px;transform:translateX(-50%);padding:2px 7px;border-radius:99px;background:#226cad;color:#fff;font:900 7px "Manrope";border:1px solid rgba(255,255,255,.7)}
.shopmerge-art{background:linear-gradient(155deg,#ffe6b4,#cf9f69);box-shadow:inset 0 0 0 1px rgba(90,57,27,.12)}.shopmerge-art:before{content:"";position:absolute;inset:7px 13px 21px;border-radius:13px;background:rgba(255,250,237,.62);box-shadow:inset 0 0 0 1px rgba(110,72,34,.14)}.shopmerge-art .product-atlas-icon{position:absolute;z-index:2;width:46px;height:46px;top:13px;background-color:#fffaf0;border-radius:12px;border:2px solid rgba(255,255,255,.9);box-shadow:0 5px 9px rgba(74,45,20,.2)}.shopmerge-art .product-atlas-icon:first-child{left:25px}.shopmerge-art .product-atlas-icon:nth-child(2){right:25px}.shopmerge-art b{position:absolute;z-index:3;left:50%;top:21px;transform:translateX(-50%);font-size:25px;color:#6f4d25;text-shadow:0 1px #fff}.shopmerge-art em{position:absolute;z-index:3;left:50%;bottom:3px;transform:translateX(-50%);white-space:nowrap;font:900 7px "Manrope";letter-spacing:.08em;color:#4e3716;background:#f3b73b;border-radius:99px;padding:4px 8px;box-shadow:0 3px 6px rgba(85,51,17,.16)}.shopmerge-art i{position:absolute;z-index:3;right:12px;top:5px;width:17px;height:17px;border-radius:50%;background:#26704b;border:2px solid #fff;box-shadow:inset 0 0 0 4px #e8b867}
.game-screen[data-game="blast"]{--game-bg:#0f2035;--game-panel:rgba(94,199,216,.11);--game-line:rgba(126,214,228,.21);--game-muted:#a9c7da;--game-accent:#5ec7d8;--game-overlay:rgba(9,24,42,.95)}
.game-screen[data-game="runner"]{--game-bg:#342c4c;--game-panel:rgba(239,154,104,.12);--game-line:rgba(255,184,137,.22);--game-muted:#d8bfcd;--game-accent:#ef9a68;--game-overlay:rgba(36,27,58,.95)}
.game-screen[data-game="board"]{--game-bg:#4b3926;--game-panel:rgba(243,231,201,.12);--game-line:rgba(250,239,212,.23);--game-muted:#d9c6a4;--game-accent:#f0b83f;--game-overlay:rgba(54,38,21,.95)}
.game-screen[data-game="pool"]{--game-bg:#102d24;--game-panel:rgba(58,182,126,.12);--game-line:rgba(111,215,169,.22);--game-muted:#afd6c4;--game-accent:#3ab67e;--game-overlay:rgba(8,38,29,.96)}
.game-screen[data-game="crowd"]{--game-bg:#1a3852;--game-panel:rgba(84,157,219,.13);--game-line:rgba(123,190,234,.23);--game-muted:#b2d1e3;--game-accent:#5b9fda;--game-overlay:rgba(15,45,68,.95)}
.game-screen[data-game="shopmerge"]{--game-bg:#523722;--game-panel:rgba(236,204,150,.13);--game-line:rgba(246,222,181,.23);--game-muted:#ddc5a1;--game-accent:#e8b867;--game-overlay:rgba(61,38,20,.96)}