:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef4ff;background:#0b1020;font-synthesis:none;--text:#eef4ff;--muted:#a0afc9;--border:#ffffff1c;--card:#171e33;--sky:#3ba5ff;--blue:#5088ff;--pink:#ff69a8;--purple:#9d75ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(ellipse at 15% 8%,#263c7840,transparent 48%),radial-gradient(ellipse at 92% 26%,#59276a27,transparent 43%),#0b1020;-webkit-tap-highlight-color:transparent}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8ddcff;outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.ambient{pointer-events:none;position:fixed;width:550px;height:550px;filter:blur(110px);opacity:.16;z-index:-1;border-radius:50%}.ambient-a{left:-350px;top:120px;background:#577aff}.ambient-b{right:-330px;top:450px;background:#a13efa}#app{width:min(1200px,100% - 64px);margin:auto;padding-bottom:max(25px,env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0 24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-avatar{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:15px;overflow:hidden;background:linear-gradient(150deg,#7a58f6,#3699ff);box-shadow:inset 0 0 0 1px #ffffff45}.brand-avatar img{height:51px;width:auto;max-width:100%;object-fit:contain;align-self:end}.brand-name{display:block;letter-spacing:-1.1px;font-size:23px;line-height:1;font-weight:950;white-space:nowrap}.brand-name span{color:#83b3ff}.brand-name small{display:block;margin-top:5px;font-size:9px;letter-spacing:3.1px;font-weight:800;color:#8292b2}.top-actions{display:flex;align-items:center;gap:10px}.wallet{min-width:84px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:1px solid #ff92b845;border-radius:14px;background:#ff608d14;font-weight:800;box-shadow:0 4px 20px #ff5f8810}.wallet span{font-size:22px;line-height:1;color:#ff5c90}.icon-btn{display:inline-grid;place-items:center;border:1px solid var(--border);width:43px;height:43px;border-radius:14px;background:#ffffff0e;font-weight:900;font-size:22px;transition:background .2s,transform .2s}.icon-btn:hover{background:#ffffff20;transform:translateY(-1px)}.hero{position:relative;display:grid;grid-template-columns:1.04fr .96fr;min-height:515px;border:1px solid #ffffff1d;border-radius:34px;overflow:hidden;background:linear-gradient(116deg,#1b2346 2%,#172952 45%,#183c72 95%);box-shadow:0 24px 70px #0509144f}.hero:before{position:absolute;content:"";width:720px;height:720px;right:-300px;top:-180px;border:1px solid #ffffff17;border-radius:50%}.hero:after{position:absolute;content:"";width:550px;height:550px;right:-230px;top:-80px;border:1px solid #ffffff13;border-radius:50%}.hero-content{padding:63px 0 48px 55px;z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;color:#b7cafa;line-height:1.55}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5cf5c6;box-shadow:0 0 16px #5cf5c6;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(40px,4.4vw,65px);letter-spacing:-3.6px;line-height:1.07;margin:22px 0 22px;font-weight:900}.hero h1 em{font-style:normal;color:#92bbff}.hero-content>p{max-width:460px;font-size:16px;color:#c0cdec;line-height:1.75;margin:0}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:33px}.primary-btn{display:inline-flex;gap:18px;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(110deg,#79bbff,#5477ff);padding:16px 21px;color:#0c1a37;font-weight:900;font-size:14px;box-shadow:0 9px 28px #386eff4a;transition:transform .2s,box-shadow .2s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px #386eff6b}.primary-btn span{font-size:18px}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:1px solid #b9cbff40;border-radius:14px;color:#e1eaff;font-weight:700;font-size:14px}.ghost-btn:hover{background:#ffffff15}.hero-stats{display:flex;gap:38px;margin-top:47px}.hero-stats span{display:grid;gap:5px}.hero-stats strong{font-size:27px;letter-spacing:-1px}.hero-stats small{font-size:10px;letter-spacing:1.4px;color:#a6b9de;font-weight:800}.hero-art{position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 48%,#55c3fa65 0,#4777d82b 33%,transparent 60%)}.halo{position:absolute;width:min(80%,430px);aspect-ratio:1;background:linear-gradient(140deg,#9fd0ff,#70a1fda0 35%,#e36bc17a);border-radius:50%;filter:drop-shadow(0 0 100px #80adff77);box-shadow:inset 0 0 20px #ffffff70,0 0 0 24px #ffffff12,0 0 0 52px #ffffff0a}.hero-face{position:relative;z-index:2;width:auto;height:min(76%,425px);max-width:85%;object-fit:contain;filter:drop-shadow(0 24px 18px #0e103a65);transform:rotate(-8deg);animation:face-bob 4s ease-in-out infinite}.hero-orbit{position:absolute;border:2px dashed #c1e3ff35;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:84%;aspect-ratio:1}.orbit-two{width:110%;aspect-ratio:1}.float-chip{position:absolute;z-index:3;background:#f4f8fff0;color:#1b2552;border:1px solid white;box-shadow:0 10px 35px #0b122b4d;border-radius:14px;padding:13px 17px;font-size:12px;font-weight:950;letter-spacing:.3px;transform:rotate(-8deg);white-space:nowrap}.chip-a{left:2%;top:24%}.chip-b{right:1%;bottom:20%;transform:rotate(9deg)}.hero-spark{position:absolute;color:#f5d48a;text-shadow:0 0 24px #f5d48a}.s1{font-size:36px;left:20%;bottom:25%}.s2{font-size:27px;right:15%;top:14%;color:#ff78a5}.s3{font-size:40px;right:12%;bottom:44%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:48px 0 20px}.section-heading h2{margin:7px 0 0;font-size:29px;letter-spacing:-1px}.section-heading p{margin:0 0 3px;color:var(--muted);font-size:13px}.count-pill{font-size:13px;border-radius:9px;background:#ffffff18;color:#cfdafa;padding:4px 8px;vertical-align:middle;margin-left:4px}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.game-tile{position:relative;display:flex;min-height:275px;overflow:hidden;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid #ffffff35;border-radius:25px;padding:22px;background:#213458;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;isolation:isolate}.game-tile:hover{transform:translateY(-5px);border-color:#ffffff88;box-shadow:0 18px 35px #0003}.game-tile:before{content:"";inset:0;position:absolute;z-index:-1;background:radial-gradient(circle at 60% 49%,#ffffff26,transparent 55%)}.tile-flappy{background:linear-gradient(142deg,#3189e6,#3147b6)}.tile-dash{background:linear-gradient(135deg,#724bbf,#372b85)}.tile-catch{background:linear-gradient(138deg,#e34f99,#9f3c92)}.tile-match{background:linear-gradient(138deg,#209d9f,#245c8f)}.tile-whack{background:linear-gradient(138deg,#df8446,#a24b69)}.featured-tile{grid-column:span 2}.game-number{position:relative;z-index:2;font-size:10px;letter-spacing:1.7px;color:#eff7ffcf;font-weight:900}.tile-art{position:absolute;inset:36px 0 62px;display:grid;place-items:center;pointer-events:none}.tile-art>img{height:165px;width:auto;object-fit:contain;filter:drop-shadow(0 13px 12px #09215370);transform:rotate(-12deg);z-index:2;transition:transform .3s}.game-tile:hover .tile-art>img{transform:translateY(-9px) rotate(-5deg)}.featured-tile .tile-art>img{height:173px}.fake-pipe{position:absolute;width:67px;height:110px;background:linear-gradient(90deg,#11783a,#6cf776 36%,#0ba244 70%,#076a35);box-shadow:inset -4px 0 #003b2838;right:12%;border:5px solid #085d38;border-radius:5px}.fake-pipe:after{content:"";position:absolute;left:-9px;right:-9px;height:25px;background:#28c867;border:4px solid #085d38;border-radius:8px}.pipe-top{top:-42px}.pipe-top:after{bottom:-3px}.pipe-bottom{bottom:-47px}.pipe-bottom:after{top:-3px}.featured-tile .tile-art{inset:20px 0 45px}.featured-tile .fake-pipe{right:18%}.dash-lane{position:absolute;width:150px;height:220px;top:0;transform:perspective(100px) rotateX(24deg);border:3px dashed #cdb8ff69;border-top:none;border-bottom:none}.tile-emoji{position:absolute;top:12%;right:20%;font-size:33px;filter:drop-shadow(0 5px 10px #0005)}.heart-cloud{position:absolute;top:0;font-size:36px;word-spacing:20px;color:#ffdff1;text-shadow:0 0 20px #fda8d9;transform:rotate(-15deg)}.tile-memory-art{display:flex;align-items:center;justify-content:center;gap:8px}.tiny-card{display:grid;place-items:center;width:71px;height:106px;border-radius:13px;background:#123c62a8;border:2px solid #ffffff50;font-size:30px;font-weight:900;box-shadow:0 10px 18px #1525583d}.tiny-card.flipped{background:#98e5ff66}.tiny-card img{width:80%;height:80%;object-fit:contain}.tile-whack-art .hole{position:absolute;width:180px;height:65px;background:#5120479f;bottom:8px;border-radius:50%;box-shadow:0 8px 7px #4f254d63,inset 0 5px 10px #160e30}.tile-whack-art>img{transform:translateY(5px) rotate(5deg);height:148px}.tile-bottom{z-index:2;position:relative;display:flex;justify-content:space-between;align-items:end;gap:8px}.tile-bottom strong{display:block;font-weight:900;letter-spacing:-.4px;font-size:24px}.tile-bottom small{display:block;font-size:12px;color:#f5f8ffe0;margin-top:5px}.tile-arrow{display:grid;place-items:center;flex-shrink:0;background:#ffffff2e;width:36px;height:36px;border:1px solid #ffffff3c;border-radius:12px;font-size:21px}.tile-decor{position:absolute;font-size:42px;top:18%;left:12%;opacity:.25}.footer{display:flex;justify-content:space-between;gap:12px;margin-top:37px;padding:18px 2px;border-top:1px solid var(--border);color:#8190af;font-size:12px}
/* Game room */
.play-screen{padding-bottom:18px}.play-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 0 20px;gap:12px}.back-btn,.pill-btn{border:1px solid var(--border);background:#ffffff12;border-radius:13px;font-size:13px;font-weight:800;padding:13px 17px;width:max-content}.back-btn:hover,.pill-btn:hover{background:#ffffff22}.play-top .pill-btn{justify-self:end}.play-heading{text-align:center}.play-heading h2{font-size:30px;letter-spacing:-1.2px;margin:2px 0 0}.play-layout{display:grid;grid-template-columns:minmax(0,450px) minmax(220px,1fr);justify-content:center;gap:24px;align-items:start;max-width:950px;margin:auto}.play-main{min-width:0}.stage-shell{position:relative;width:100%;aspect-ratio:400/620;overflow:hidden;border-radius:27px;border:2px solid #ffffff38;background:#72bdff;isolation:isolate;box-shadow:0 22px 50px #050d2370;touch-action:none;user-select:none;-webkit-user-select:none}#game-canvas{width:100%;height:100%;display:block;touch-action:none;object-fit:fill}.stage-hud{pointer-events:none;position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;padding:18px 20px;z-index:3}.hud-box{display:grid;align-content:start;gap:2px;text-shadow:0 2px 12px #12254784}.hud-box small{font-size:10px;letter-spacing:1.6px;font-weight:900;color:#fff}.hud-box strong{font-size:29px;line-height:1.1;font-weight:950;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#fff}.align-right{text-align:right}.game-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:linear-gradient(180deg,#0a153366,#101e54aa);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:22px;overflow:auto}.overlay-card{width:100%;max-width:310px;text-align:center;color:white}.overlay-face{display:grid;place-items:center;width:119px;height:119px;margin:0 auto 19px;border-radius:50%;background:radial-gradient(circle at 40% 28%,#a8d4ff,#728aff 45%,#554ee7);border:4px solid #ffffffa1;box-shadow:0 0 0 13px #ffffff16,0 16px 30px #1c276a55;overflow:hidden}.overlay-face img{width:76px;height:107px;object-fit:contain;margin-top:10px}.overlay-kicker{font-size:11px;color:#a4eaff;font-weight:950;letter-spacing:2px;margin-top:20px}.overlay-card h3{font-size:35px;line-height:1.07;letter-spacing:-1.5px;margin:11px 0}.overlay-card p{font-size:14px;line-height:1.65;color:#e2edff;margin:0 auto 20px;max-width:270px}.overlay-results{display:flex;justify-content:center;gap:15px;padding:0 0 19px}.overlay-results span{display:grid;min-width:84px;padding:9px 12px;background:#ffffff1e;border-radius:12px}.overlay-results strong{font-size:23px;letter-spacing:-.7px}.overlay-results small{font-size:9px;letter-spacing:1.2px;font-weight:900;color:#d5e6ff}.overlay-button{width:100%;padding:16px 18px}.text-btn{margin-top:15px;background:none;border:0;color:#d5e4fa;font-size:12px;font-weight:800;padding:9px}.touch-hint{display:flex;align-items:center;justify-content:center;gap:8px;min-height:47px;color:#a3b1d6;letter-spacing:1.4px;font-size:11px;font-weight:900}.touch-hint span{color:#ff91c4}.game-info{display:grid;gap:15px}.info-card{background:linear-gradient(135deg,#1b263f,#171c30);border:1px solid var(--border);padding:23px;border-radius:22px}.info-card h3{font-size:25px;letter-spacing:-.8px;margin:12px 0}.info-card p{font-size:14px;line-height:1.7;color:#abb9d1;margin:0}.tips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tips span{display:inline-block;border:1px solid #ffffff1b;background:#ffffff0f;color:#c3d8fb;border-radius:10px;padding:8px 9px;font-size:11px;font-weight:700}.big-best{font-size:52px;line-height:1.1;letter-spacing:-2px;font-weight:950;color:#8cbdff;margin:10px 0 8px}.suggested-games{display:grid;gap:9px;margin-top:13px}.suggested-game{width:100%;display:flex;align-items:center;justify-content:space-between;background:#ffffff10;border:1px solid #ffffff1a;border-radius:11px;padding:13px 12px;text-align:left;font-weight:800;font-size:13px}.suggested-game:hover{background:#ffffff20}.pause-badge{position:absolute;top:16px;left:50%;transform:translateX(-50%);background:#121a39dd;border:1px solid #ffffff56;padding:10px;border-radius:10px;color:white;z-index:4;font-size:12px}
/* DOM-based games */
.dom-stage{position:absolute;inset:0;z-index:1;overflow:hidden;background:linear-gradient(145deg,#394887,#393064 65%,#1a2151);padding:92px 16px 24px}.dom-stage.match-theme{background:radial-gradient(circle at 50% 48%,#557cbf70,transparent 55%),linear-gradient(150deg,#135e78,#2c477c 60%,#222b55)}.dom-stage.whack-theme{background:radial-gradient(circle at 52% 40%,#e18ba766,transparent 70%),linear-gradient(160deg,#6f3377,#392f73)}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));gap:9px;width:100%;height:100%;max-height:485px;align-content:center}.memory-card{position:relative;min-height:0;overflow:hidden;border:1px solid #ffffff75;border-radius:13px;background:linear-gradient(130deg,#5e90d9,#354b97);box-shadow:0 5px 0 #12225755;transition:background .18s,transform .18s}.memory-card:not(:disabled):active{transform:scale(.94)}.memory-card:disabled{cursor:default}.memory-card:before{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(19px,5vw,35px);font-weight:950;color:#e9ecff}.memory-card:after{content:"✦";position:absolute;bottom:7px;right:10px;color:#ffffff6d;font-size:15px}.memory-card .card-inside{position:absolute;inset:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:9px;background:linear-gradient(145deg,var(--card-color),#223e84);opacity:0;transform:scale(.65);transition:opacity .16s,transform .16s}.memory-card .card-inside img{max-width:84%;height:72%;object-fit:contain;min-height:0;filter:drop-shadow(0 5px 3px #182b7a66)}.memory-card .card-inside span{position:absolute;right:2px;top:0px;font-size:clamp(14px,3.2vw,25px);filter:drop-shadow(0 1px 2px #0009)}.memory-card.revealed .card-inside,.memory-card.matched .card-inside{opacity:1;transform:scale(1)}.memory-card.matched{border-color:#aaffdb;background:#1f9e93}.memory-card.matched .card-inside{opacity:.8}.memory-card.revealed:before,.memory-card.matched:before,.memory-card.revealed:after,.memory-card.matched:after{display:none}.dom-meta{position:absolute;left:0;right:0;bottom:7px;text-align:center;font-size:11px;font-weight:800;letter-spacing:1.2px;color:#d8e3ff}.whack-board{height:100%;max-height:455px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:11px;align-items:stretch}.whack-hole{position:relative;overflow:hidden;border:2px solid #ffffff27;border-radius:19px;background:linear-gradient(180deg,#211d55aa,#10133ec9);padding:3px;touch-action:manipulation}.whack-hole:after{content:"";position:absolute;left:7%;right:7%;bottom:4%;height:21%;border-radius:50%;background:#090d32a6;box-shadow:inset 0 2px 7px #0009}.whack-hole img{position:absolute;left:50%;top:50%;max-height:91%;max-width:84%;width:auto;transform:translate(-50%,35%) scale(.6);opacity:0;transition:transform .15s ease-out,opacity .15s;z-index:2;filter:drop-shadow(0 3px 8px #000a)}.whack-hole.active img{transform:translate(-50%,-52%) scale(1);opacity:1}.whack-hole.bad img{filter:grayscale(.4) drop-shadow(0 0 15px #ff436e)}.whack-hole .bomb{position:absolute;z-index:3;font-size:28px;top:1%;right:1%;display:none}.whack-hole.bad.active .bomb{display:block}.whack-hole.hit{background:#37b89595}.whack-hole.bad.hit{background:#fe426e99}
/* Settings and toast */
.settings-dialog{width:min(450px,calc(100% - 32px));color:#edf3ff;background:#181f37;border:1px solid #ffffff35;border-radius:24px;padding:25px;box-shadow:0 30px 100px #0009;max-height:90dvh;overflow:auto}.settings-dialog::backdrop{background:#070c1aba;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-heading h2{margin:3px 0 0;letter-spacing:-1px}.settings-dialog p{font-size:13px;line-height:1.75;color:#a6b7d0}.settings-dialog h3{font-size:14px;letter-spacing:.2px;margin:22px 0 12px}.skins{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skin-choice{display:flex;align-items:center;flex-direction:column;gap:7px;justify-content:center;border:2px solid #ffffff26;background:#ffffff0a;padding:14px 9px;border-radius:17px}.skin-choice[aria-pressed="true"]{border-color:#8bb5ff;background:#5378ff25}.skin-choice img{height:90px;width:100px;object-fit:contain}.skin-choice strong{font-size:13px}.skin-choice small{color:#a4b6de;font-size:9px;letter-spacing:1px}.setting-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;background:#ffffff0b;border:1px solid #ffffff1b;padding:14px;border-radius:13px;margin-top:20px}.setting-row span{font-size:14px;font-weight:800}.setting-row small{display:block;font-size:11px;color:#a0afd0;margin-top:3px;font-weight:400}.setting-row strong{font-size:12px;color:#b8c9ff}.dialog-note{margin-bottom:0}.toast-area{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:50%;z-index:100;display:grid;gap:10px;transform:translateX(-50%);pointer-events:none;width:min(360px,calc(100% - 28px))}.toast{padding:13px 16px;border:1px solid #a8d8ff99;border-radius:15px;background:#1b2d55f2;box-shadow:0 10px 30px #0009;color:white;text-align:center;font-size:13px;font-weight:850;animation:toast-in .2s ease-out}
@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes face-bob{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-14px) rotate(-5deg)}}
@media(max-width:950px){#app{width:min(100% - 36px,800px)}.hero{min-height:465px}.hero-content{padding:50px 0 38px 38px}.hero h1{font-size:clamp(37px,5vw,52px);letter-spacing:-2px}.hero-stats{gap:20px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-tile{grid-column:span 2}}
@media(max-width:740px){#app{width:calc(100% - 28px)}.topbar{padding:15px 0 18px}.hero{grid-template-columns:1fr;min-height:unset}.hero-content{padding:40px 30px 0}.hero h1{font-size:clamp(39px,8vw,53px);letter-spacing:-2.5px}.hero-art{height:295px}.hero-face{height:250px}.halo{height:255px;width:255px}.chip-a{left:10%;top:20%}.chip-b{right:8%;bottom:17%}.hero-stats{margin-top:25px}.section-heading{margin-top:35px}.section-heading h2{font-size:23px}.section-heading p{display:none}.play-layout{grid-template-columns:minmax(0,450px);gap:15px}.play-top{padding:5px 0 12px}.play-heading h2{font-size:23px}.game-info{grid-template-columns:repeat(2,minmax(0,1fr))}.game-info .another-card{display:none}.info-card{padding:16px}.info-card h3{font-size:18px}.info-card p{font-size:12px}.tips{margin-top:9px}.tips span{padding:5px 7px}.big-best{font-size:34px}.stage-shell{margin:auto;max-width:450px}.touch-hint{min-height:35px}}
@media(max-width:480px){.brand-avatar{width:39px;height:39px;border-radius:12px}.brand-avatar img{height:43px}.brand-name{font-size:17px;letter-spacing:-.6px}.brand-name small{font-size:7px;letter-spacing:2px}.wallet{min-width:64px;padding:8px 9px;gap:5px}.icon-btn{width:37px;height:37px;border-radius:11px}.top-actions{gap:6px}.hero{border-radius:25px}.hero-content{padding:35px 22px 0}.hero h1{font-size:clamp(34px,9vw,47px);letter-spacing:-2px;margin:16px 0}.hero-content>p{font-size:14px;line-height:1.6}.hero-actions{margin-top:22px;gap:9px}.primary-btn,.ghost-btn{font-size:13px;padding:14px 15px;gap:9px}.hero-stats{margin-top:27px;gap:24px}.hero-stats strong{font-size:23px}.hero-stats small{font-size:9px}.hero-art{height:260px}.hero-face{height:240px}.halo{width:235px;height:235px}.float-chip{font-size:9px;padding:10px}.chip-a{left:5%}.chip-b{right:5%}.section-heading h2{font-size:22px}.games-grid{gap:11px}.game-tile{border-radius:19px;padding:15px;min-height:220px}.featured-tile{min-height:225px}.tile-art{inset:25px 0 48px}.tile-art>img{height:108px}.featured-tile .tile-art>img{height:142px}.tile-bottom strong{font-size:18px}.tile-bottom small{font-size:10px;line-height:1.4}.tile-arrow{width:28px;height:28px;font-size:18px}.game-number{font-size:8px;letter-spacing:1px}.tiny-card{width:38px;height:73px}.heart-cloud{font-size:25px}.tile-emoji{font-size:26px}.footer{font-size:10px;line-height:1.6;flex-direction:column}.play-top{grid-template-columns:1fr auto 1fr;gap:5px}.back-btn,.pill-btn{padding:10px 9px;font-size:11px}.play-heading h2{font-size:20px}.play-heading .eyebrow{font-size:8px;letter-spacing:1px}.stage-shell{border-radius:22px}.stage-hud{padding:13px 15px}.hud-box strong{font-size:25px}.hud-box small{font-size:9px}.touch-hint{font-size:10px}.game-info{grid-template-columns:1fr;gap:9px}.info-card{padding:13px 15px}.info-card h3{font-size:17px;margin:4px 0}.info-card .eyebrow{font-size:9px}.best-card{display:none}.tips{display:none}.dom-stage{padding:83px 12px 21px}.memory-board{gap:7px}.memory-card{border-radius:9px}.whack-board{gap:8px}.whack-hole{border-radius:12px}.overlay-face{width:95px;height:95px}.overlay-face img{height:83px;width:64px}.overlay-card h3{font-size:30px}.overlay-kicker{margin-top:13px}.overlay-card p{font-size:13px;margin-bottom:13px}}
@media(max-height:710px) and (max-width:700px){.play-top{padding:0 0 7px}.touch-hint{display:none}.stage-shell{max-width:min(100%,calc((100dvh - 153px)*400/620))}.game-info{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}

/* Malik-only identity / trophy shelf */
.malik-records{margin:30px 0 12px;padding:26px;border:1px solid #fff2;border-radius:26px;background:linear-gradient(110deg,#151f3e,#26204d 65%,#19355a)}
.records-heading h2{font-size:clamp(22px,3vw,30px);margin:4px 0 8px;letter-spacing:-.8px}
.records-heading p{color:#abbcdd;font-size:13px;margin:0 0 20px;line-height:1.6}
.trophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.trophy{min-width:0;display:flex;align-items:center;gap:12px;padding:13px;border-radius:15px;background:#ffffff09;border:1px solid #fff1;opacity:.67}
.trophy-earned{opacity:1;border-color:#ffda8c75;background:#ffd06a16}
.trophy-icon{display:grid;place-items:center;flex-shrink:0;font-size:25px;width:43px;height:43px;border-radius:12px;background:#ffffff12}
.trophy-copy{min-width:0;display:grid;gap:4px}
.trophy-copy strong{font-size:12px;font-weight:850;color:#e8f0ff}
.trophy-copy small{font-size:10px;color:#aab9d8;line-height:1.45}
.brand-name{letter-spacing:-.7px}.brand-name span{color:#8ec8ff}
@media(max-width:800px){.trophy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.brand-name{font-size:16px}.brand-name small{letter-spacing:1.3px}.malik-records{padding:18px 12px;border-radius:20px}.trophy-grid{gap:7px}.trophy{padding:10px 8px;gap:7px}.trophy-icon{width:34px;height:36px;font-size:20px}.trophy-copy strong{font-size:11px}.trophy-copy small{font-size:9px}}