:root{--ink:#17152c;--muted:#6f6b7d;--paper:#fffaf2;--white:#fff;--lime:#c9ff3d;--purple:#7657ff;--coral:#ff6b57;--yellow:#ffd84d;--line:rgba(23,21,44,.11);--shadow:0 16px 44px rgba(41,32,91,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit}a,button{color:inherit}a{text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.topbar{width:min(1180px,calc(100% - 40px));height:80px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;z-index:20}.brand,.topbar{position:relative}.brand{display:inline-flex;align-items:baseline;font-weight:950;font-size:28px;letter-spacing:-2px;line-height:1}.brand span{color:var(--ink)}.brand strong{color:var(--purple)}.brand i{color:var(--coral);font-size:10px;margin-left:3px;transform:translateY(-13px)}.desktop-nav{display:flex;gap:34px;margin-left:90px}.desktop-nav a{color:#777283;font-size:14px;font-weight:750;transition:color .18s ease}.desktop-nav a.active,.desktop-nav a:hover{color:var(--ink)}.desktop-nav a.active:after{content:"";display:block;width:18px;height:3px;background:var(--coral);border-radius:3px;margin:6px auto 0}.header-actions{display:flex;align-items:center;gap:10px}.login-button,.search-button{border:1px solid var(--line);background:rgba(255,255,255,.72);cursor:pointer}.search-button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.search-button svg{width:19px}.login-button{height:42px;padding:0 17px;border-radius:14px;display:flex;gap:9px;align-items:center;font-size:13px;font-weight:800}.login-button svg{width:18px}.account-initial{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--purple);color:white;display:grid;place-items:center;font-size:12px;font-weight:950;line-height:1}.account-initial-loading{background:#e8e3ef;color:#8b8494}.achievement-link{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:14px;background:#fff4bf;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:900}.achievement-link span{font-size:17px}.achievement-link.compact{width:42px;padding:0;justify-content:center;border-radius:50%}main{padding-bottom:90px}.hero{width:min(1180px,calc(100% - 40px));min-height:425px;margin:14px auto 0;border-radius:35px;background:var(--ink);color:white;padding:64px 8%;position:relative;isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 77% 51%,rgba(201,255,61,.2) 0 4%,transparent 4.2%),radial-gradient(circle at 83% 45%,var(--purple) 0 16%,transparent 16.3%),radial-gradient(circle at 81% 55%,var(--coral) 0 24%,transparent 24.3%)}.hero:after{content:"FUN!";position:absolute;right:-16px;top:38px;z-index:-1;font-size:clamp(150px,20vw,280px);font-weight:1000;letter-spacing:-22px;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.1);transform:rotate(-8deg)}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:100px;font-size:11px;letter-spacing:.14em;font-weight:900;text-transform:uppercase}.eyebrow svg{width:15px;color:var(--lime)}.hero h1{max-width:650px;margin:18px 0 16px;font-size:clamp(46px,6vw,79px);line-height:.95;letter-spacing:-.062em;font-weight:950}.hero h1 span{color:var(--lime)}.hero>p{max-width:480px;color:rgba(255,255,255,.72);line-height:1.55;font-size:16px}.hero-actions{margin-top:30px;display:flex;align-items:center;gap:18px}.hero-actions>span{color:rgba(255,255,255,.48);font-size:12px}.surprise{min-height:52px;padding:0 23px;border:0;border-radius:16px;background:var(--lime);box-shadow:0 8px 0 #8daf24;display:flex;align-items:center;gap:10px;text-transform:uppercase;font-size:13px;font-weight:950;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.surprise:hover{transform:translateY(-2px);box-shadow:0 10px 0 #8daf24}.surprise:active{transform:translateY(5px);box-shadow:0 3px 0 #8daf24}.surprise svg{width:18px}.hero-sticker{position:absolute;right:8.5%;bottom:30px;width:105px;height:105px;background:var(--yellow);color:var(--ink);border-radius:50%;border:5px solid var(--ink);outline:2px solid var(--yellow);display:flex;justify-content:center;align-items:center;gap:3px;transform:rotate(9deg);box-shadow:8px 10px 0 rgba(0,0,0,.18)}.hero-sticker b{font-size:35px;letter-spacing:-3px}.hero-sticker span{font-size:9px;font-weight:950;line-height:.95}.hero-doodles span{position:absolute;font-weight:900}.hero-doodles span:first-child{right:38%;top:14%;color:var(--yellow);font-size:22px;transform:rotate(12deg)}.hero-doodles span:nth-child(2){right:5%;top:16%;color:var(--lime);font-size:12px}.hero-doodles span:nth-child(3){right:31%;bottom:15%;color:var(--coral);font-size:25px}.content-section{width:min(1180px,calc(100% - 40px));margin:72px auto 0;scroll-margin-top:20px}.content-section.compact{margin-top:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading p{margin:0 0 2px;color:var(--muted);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.section-heading h2{margin:0;font-size:26px;letter-spacing:-.04em}.section-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:24px;font-weight:950;transform:rotate(-5deg)}.section-icon.hot{background:#ffe6de;color:var(--coral)}.section-icon.fresh{background:#ebe6ff;color:var(--purple)}.section-icon.soon{background:#fff0b5;color:#9a6b00;font-size:18px}.section-icon svg{width:20px}.section-heading>a{display:flex;align-items:center;gap:2px;color:var(--muted);font-size:12px;font-weight:800}.section-heading>a svg{width:16px;transition:transform .2s ease}.section-heading>a:hover svg{transform:translateX(4px)}.card-rail{gap:18px}.card-grid,.card-rail{display:grid;grid-template-columns:repeat(3,1fr)}.card-grid{gap:24px 18px}.coming-section{padding-top:15px}.coming-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 16px}.coming-grid .card-art{height:160px}.coming-grid .card-copy h3{min-height:40px;font-size:15px;line-height:1.2}.soon-count{padding:7px 10px;border-radius:100px;background:#f2ece4;color:#827b86;font-size:8px;font-weight:900}.coming-card{cursor:default}.coming-card:focus .card-art,.coming-card:hover .card-art{transform:none;box-shadow:none}.coming-lock{color:#6d6673;font-size:17px;cursor:default}.coming-lock:hover{transform:none}.coming-more{min-width:210px;height:48px;margin:34px auto 0;padding:0 15px 0 19px;border:2px solid var(--ink);border-radius:14px;background:var(--lime);color:var(--ink);box-shadow:4px 5px 0 var(--ink);display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:900;cursor:pointer}.coming-more span{padding:4px 7px;border-radius:100px;background:var(--ink);color:white;font-size:7px}.content-card{min-width:0;outline:none;cursor:pointer}.card-art{height:190px;position:relative;overflow:hidden;border-radius:22px;transition:transform .22s ease,box-shadow .22s ease}.content-card.large .card-art{height:245px}.content-card:focus .card-art,.content-card:hover .card-art{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow)}.card-copy{padding:13px 5px 0;position:relative}.card-copy h3{margin:0 0 7px;font-size:17px;letter-spacing:-.025em}.content-card.large .card-copy h3{font-size:19px}.meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:650}.meta i{color:#c2bec9;font-style:normal}.card-copy p{position:absolute;right:4px;bottom:-2px;margin:0;color:#9a96a4;font-size:10px;font-weight:700}.interest-button{margin:10px 4px 0;padding:7px 10px;border:1px solid rgba(23,21,44,.12);border-radius:9px;background:white;color:#746e7b;font-size:8px;font-weight:850;cursor:pointer}.interest-button.selected{background:#e7ffd0;color:#3f7427;border-color:#bada9f}.round-play{position:absolute;right:14px;bottom:14px;width:43px;height:43px;border-radius:50%;border:0;background:white;display:grid;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.18);cursor:pointer;transition:transform .18s ease}.round-play:hover{transform:scale(1.08)}.round-play svg{width:19px}.art-tag{position:absolute;left:12px;top:12px;z-index:3;padding:6px 10px;background:rgba(23,21,44,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:white;border-radius:100px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.art-timer{background:#8067ff}.art-timer:before{content:"";width:270px;height:270px;border:2px solid rgba(255,255,255,.13);transform:translate(-50%,-50%);box-shadow:0 0 0 28px rgba(255,255,255,.06),0 0 0 56px rgba(255,255,255,.04)}.art-timer:before,.timer-face{position:absolute;border-radius:50%;left:50%;top:52%}.timer-face{width:154px;height:154px;transform:translate(-50%,-50%) rotate(-5deg);display:grid;place-items:center;border:9px solid white;background:var(--ink);color:white;box-shadow:7px 10px 0 rgba(23,21,44,.35);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.timer-face span{margin-left:-22px;font-size:63px;font-weight:950;letter-spacing:-5px}.timer-face small{position:absolute;left:81px;top:67px;font-size:22px;font-weight:900}.timer-face i{position:absolute;width:19px;height:12px;top:-18px;border-radius:4px;background:white}.art-reaction{background:var(--lime)}.reaction-art{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink)}.reaction-art b{position:absolute;top:24px;right:30px;font-size:31px;transform:rotate(8deg);letter-spacing:-2px}.tap-hand{z-index:2;margin-top:31px;font-size:90px;filter:drop-shadow(6px 9px 0 rgba(23,21,44,.14));transform:rotate(-8deg)}.pulse{position:absolute;width:110px;height:110px;border:3px solid var(--purple);border-radius:50%;opacity:.48}.pulse.p2{width:178px;height:178px;opacity:.2}.art-click{background:var(--coral)}.art-click:before{content:"";position:absolute;width:210px;height:210px;left:50%;top:50%;border:3px solid rgba(255,255,255,.18);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 28px rgba(255,255,255,.08),0 0 0 55px rgba(255,255,255,.05)}.click-art{height:100%;position:relative;color:var(--ink)}.click-art span{position:absolute;left:28px;bottom:22px;font-size:78px;line-height:.8;font-weight:1000;letter-spacing:-8px}.click-art small{position:absolute;left:34px;bottom:9px;font-size:9px;font-weight:950;letter-spacing:.15em}.click-art b{position:absolute;top:25px;right:34px;padding:5px 8px;background:var(--lime);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:17px;transform:rotate(8deg)}.click-art i{position:absolute;right:70px;bottom:8px;z-index:2;font-size:92px;font-style:normal;filter:drop-shadow(7px 8px 0 rgba(23,21,44,.15));transform:rotate(-10deg)}.art-satay{background:#ff9d59}.art-satay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent 0 25px,rgba(255,255,255,.08) 25px 27px)}.satay-art{position:absolute;left:50%;top:53%;width:230px;height:145px;transform:translate(-50%,-50%) rotate(-5deg)}.satay-art i{width:210px;height:9px;background:#6d3828;position:absolute;left:9px;top:73px;border-radius:5px;transform:rotate(9deg)}.satay-art span{width:48px;height:60px;position:absolute;z-index:2;top:44px;background:#d9572e;border:5px solid #6d3828;border-radius:13px 18px 11px 16px;box-shadow:inset 8px 7px 0 #ffcf6a;transform:rotate(10deg)}.satay-art span:first-child{left:20px}.satay-art span:nth-child(2){left:68px;top:37px}.satay-art span:nth-child(3){left:116px}.satay-art span:nth-child(4){left:164px;top:39px}.art-higher{background:#ffd94e}.higher-art{height:100%;padding:28px;gap:17px}.higher-art,.higher-art>div{display:flex;align-items:center;justify-content:center}.higher-art>div{width:100px;height:120px;background:rgba(255,255,255,.74);border:2px solid var(--ink);border-radius:18px;flex-direction:column;box-shadow:5px 6px 0 var(--ink);transform:rotate(-3deg)}.higher-art>div:last-child{transform:rotate(4deg)}.higher-art span{font-size:47px}.higher-art b{font-size:12px}.higher-art em{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;background:var(--coral);color:white;border:2px solid var(--ink);border-radius:50%;font-size:11px;font-style:normal;font-weight:950;z-index:2}.art-direction{background:#bcebdc}.art-direction:before{content:"";position:absolute;inset:16px;border:2px dashed rgba(23,21,44,.12);border-radius:45% 55% 48% 52%;transform:rotate(-4deg)}.direction-art{height:100%;padding:24px;display:flex;align-items:center;justify-content:center;gap:9px;position:relative}.direction-art span{padding:9px 10px;border:2px solid var(--ink);border-radius:11px;background:white;box-shadow:3px 4px 0 var(--ink);font-size:10px;font-weight:900;transform:rotate(-3deg)}.direction-art span:nth-of-type(2){transform:rotate(3deg)}.direction-art b{width:43px;height:43px;flex:0 0 auto;border-radius:50%;background:var(--purple);color:white;display:grid;place-items:center;font-size:25px;transform:rotate(-5deg)}.direction-art i{position:absolute;right:24px;top:20px;color:#397660;font-size:10px;font-style:normal;font-weight:950}.direction-art i:after{content:"↑";display:block;font-size:18px;line-height:.7}.art-soon{background:#e8e0ff}.art-soon.soon-tone-1{background:#dff4ef}.art-soon.soon-tone-2{background:#ffe1da}.art-soon.soon-tone-3{background:#fff0b8}.art-soon.soon-tone-4{background:#dff3ff}.art-soon.soon-tone-5{background:#ebffc0}.soon-art{height:100%;position:relative;display:grid;place-items:center;isolation:isolate}.soon-art:after,.soon-art:before{content:"";position:absolute;z-index:-1;border:2px solid rgba(23,21,44,.08);border-radius:50%}.soon-art:before{width:125px;height:125px;box-shadow:0 0 0 20px rgba(255,255,255,.17)}.soon-art:after{width:210px;height:210px;border-style:dashed}.soon-art>span{width:88px;height:88px;border:3px solid var(--ink);border-radius:25px;background:white;box-shadow:6px 7px 0 var(--ink);display:grid;place-items:center;font-size:48px;transform:rotate(-5deg)}.soon-art>b{position:absolute;left:18px;bottom:17px;padding:5px 8px;border:2px solid var(--ink);background:var(--lime);box-shadow:2px 3px 0 var(--ink);font-size:8px;letter-spacing:.08em;transform:rotate(4deg)}.soon-art>i{position:absolute;right:21px;top:18px;color:rgba(23,21,44,.27);font-size:26px;font-style:normal;transform:rotate(9deg)}.search-result-art .soon-art:after,.search-result-art .soon-art:before,.search-result-art .soon-art>b,.search-result-art .soon-art>i{display:none}.search-result-art .soon-art>span{width:43px;height:43px;border-width:1px;border-radius:12px;box-shadow:2px 2px 0 var(--ink);font-size:23px}.art-memory{background:#b5eaf0}.memory-art{height:100%;padding:28px;display:grid;grid-template-columns:repeat(2,70px);justify-content:center;align-content:center;gap:9px;transform:rotate(-3deg)}.memory-art span{height:62px;border:2px solid var(--ink);border-radius:13px;background:white;box-shadow:3px 4px 0 var(--ink);display:grid;place-items:center;font-size:31px;font-weight:950}.memory-art span:nth-child(2n){background:var(--purple);color:white}.art-word{background:#ffb09f}.word-art{height:100%;padding:30px;display:flex;align-items:center;justify-content:center;gap:7px;position:relative;transform:rotate(-3deg)}.word-art span{width:47px;height:58px;border:2px solid var(--ink);border-radius:11px;background:#fff8e7;box-shadow:3px 4px 0 var(--ink);display:grid;place-items:center;font-size:24px;font-weight:1000}.word-art span:nth-child(2n){background:var(--yellow);transform:translateY(-7px)}.word-art b{position:absolute;right:20px;top:18px;width:33px;height:33px;border:2px solid var(--ink);border-radius:50%;background:var(--purple);color:white;box-shadow:2px 3px 0 var(--ink);display:grid;place-items:center;font-size:17px}.art-quiz{background:#e8e0ff}.quiz-art{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-3deg)}.quiz-art span{position:absolute;font-size:91px;opacity:.28;filter:saturate(.7)}.quiz-art b{position:relative;z-index:2;font-size:56px;letter-spacing:-5px;color:var(--purple);text-shadow:3px 3px 0 white}.quiz-art small{position:relative;z-index:2;padding:4px 8px;background:var(--ink);color:white;font-size:8px;font-weight:950;letter-spacing:.13em}.art-flag{background:#dff3ff}.flag-art{height:100%;display:flex;align-items:center;justify-content:center;position:relative}.flag-art span{position:absolute;width:75px;height:75px;border:2px solid var(--ink);border-radius:50%;background:white;box-shadow:3px 4px 0 var(--ink);display:grid;place-items:center;font-size:42px}.flag-art span:first-child{margin-left:-105px;transform:rotate(-9deg)}.flag-art span:nth-child(2){z-index:2;margin-top:-23px}.flag-art span:nth-child(3){margin-left:105px;transform:rotate(9deg)}.flag-art b{position:absolute;right:26px;top:20px;width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:2px 3px 0 var(--ink);display:grid;place-items:center;font-size:17px;z-index:3}.art-school{background:#dcd3ff}.school-art{height:100%;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:7px;transform:rotate(-3deg)}.school-art span{border:2px solid var(--ink);border-radius:12px;background:white;box-shadow:3px 4px 0 var(--ink);display:grid;place-items:center;font-size:22px;font-weight:950}.school-art span:nth-child(2){background:var(--yellow)}.school-art b{position:absolute;right:19px;top:16px;width:31px;height:31px;border:2px solid var(--ink);border-radius:50%;background:var(--coral);color:white;display:grid;place-items:center;font-size:16px}.art-arcade{background:#39364e}.arcade-art{height:100%;position:relative;overflow:hidden;background:linear-gradient(90deg,#6caf45 0 12%,#39364e 12% 88%,#6caf45 88%)}.arcade-art i{position:absolute;top:-10px;bottom:-10px;width:5px;background:repeating-linear-gradient(180deg,#f7e9c9 0 23px,transparent 23px 43px)}.arcade-art i:first-child{left:39%}.arcade-art i:nth-child(2){right:39%}.arcade-art span{position:absolute;left:50%;bottom:17px;z-index:2;font-size:71px;filter:drop-shadow(6px 7px 0 rgba(0,0,0,.3));transform:translateX(-50%) rotate(-6deg)}.arcade-art b{position:absolute;right:19px;top:18px;padding:5px 8px;border:2px solid var(--ink);background:var(--coral);color:white;box-shadow:3px 3px 0 var(--ink);font-size:15px;transform:rotate(7deg)}.art-comic{background:#b9eff3}.comic-art{height:100%;position:relative;overflow:hidden}.bot,.person{position:absolute;bottom:20px;width:70px;height:70px;border:3px solid var(--ink);background:white;display:grid;place-items:center;font-weight:950}.bot{left:46px;border-radius:19px 19px 14px 14px;color:var(--purple)}.bot:before{top:-14px;width:3px;height:12px;background:var(--ink)}.bot:after,.bot:before{content:"";position:absolute}.bot:after{top:-18px;width:8px;height:8px;border-radius:50%;background:var(--coral)}.person{right:43px;border-radius:50% 50% 43% 45%;background:#ffd092;font-size:13px}.bubble{position:absolute;top:19px;left:50%;transform:translateX(-50%) rotate(2deg);padding:9px 12px;border:2px solid var(--ink);border-radius:15px;background:white;font-size:10px;font-weight:900;white-space:nowrap;box-shadow:3px 3px 0 var(--ink)}.score-banner{width:min(1180px,calc(100% - 40px));min-height:160px;margin:70px auto 0;padding:25px 34px;background:var(--ink);color:white;border-radius:25px;display:grid;grid-template-columns:150px 1fr auto;gap:27px;align-items:center;position:relative;overflow:hidden}.score-banner:after{content:"";position:absolute;width:230px;height:230px;left:-70px;top:-100px;border:32px solid rgba(118,87,255,.28);border-radius:50%}.score-visual{height:108px;position:relative;z-index:2;display:grid;place-items:center}.score-visual>span{font-size:70px;filter:drop-shadow(6px 6px 0 rgba(0,0,0,.3));transform:rotate(-9deg)}.score-visual i{position:absolute;right:-5px;bottom:2px;padding:4px 8px;border-radius:7px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:950;font-style:normal;transform:rotate(4deg)}.score-copy{position:relative;z-index:2}.score-copy small{color:var(--lime);font-size:9px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.score-copy h2{margin:5px 0;font-size:25px;letter-spacing:-.04em}.score-copy p{max-width:560px;margin:0;color:rgba(255,255,255,.56);font-size:12px;line-height:1.5}.score-banner>button{position:relative;z-index:2;height:47px;padding:0 19px;border:0;border-radius:14px;background:white;color:var(--ink);display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;font-weight:850;cursor:pointer}.score-banner>button svg{width:18px}footer{min-height:175px;padding:45px max(20px,calc((100% - 1180px)/2));background:#f2eadf;display:grid;grid-template-columns:1fr auto;align-content:center;gap:7px;color:var(--muted)}footer p{grid-column:1;margin:0;font-size:12px}footer>span{grid-column:2;grid-row:1/span 2;align-self:center;font-size:11px}footer>nav{grid-column:1;display:flex;gap:14px;margin-top:5px}footer>nav a{color:#716b7a;font-size:10px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.bottom-nav{display:none}.toast{position:fixed;left:50%;bottom:25px;z-index:100;transform:translate(-50%,20px);padding:12px 18px;border-radius:100px;background:var(--ink);color:white;box-shadow:var(--shadow);font-size:12px;font-weight:800;opacity:0;visibility:hidden;transition:.2s ease}.toast.show{opacity:1;visibility:visible;transform:translate(-50%)}.search-overlay{position:fixed;inset:0;z-index:90;padding:70px 20px 100px;background:rgba(23,21,44,.64);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:flex;justify-content:center;align-items:flex-start;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.search-overlay.open{opacity:1;visibility:visible}.search-panel{width:min(620px,100%);max-height:min(720px,calc(100vh - 130px));padding:14px;border-radius:24px;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:auto;transform:translateY(-12px);transition:transform .18s ease}.search-overlay.open .search-panel{transform:translateY(0)}.search-field{height:54px;padding:0 8px 0 16px;border:2px solid var(--ink);border-radius:16px;background:white;display:grid;grid-template-columns:24px 1fr 36px;align-items:center;gap:9px}.search-field>svg{width:20px;color:var(--purple)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:700}.search-field input::placeholder{color:#aaa4af;font-weight:600}.search-field button{width:32px;height:32px;border:0;border-radius:50%;background:#eee8df;cursor:pointer;font-size:20px}.search-results{padding:17px 2px 2px}.search-results>small{display:block;margin:0 7px 10px;color:#938d9b;font-size:8px;font-weight:900;letter-spacing:.12em}.search-result{min-height:78px;padding:8px;border-radius:16px;display:grid;grid-template-columns:92px 1fr 34px;align-items:center;gap:12px;transition:background .15s ease}.search-result:hover{background:white}.search-result.coming{cursor:default}.search-result-art{width:92px;height:62px;border-radius:12px;position:relative;overflow:hidden;display:block}.search-result-art>div{transform:scale(.42);transform-origin:center}.search-result-art .timer-face{transform:translate(-50%,-50%) rotate(-5deg) scale(.38)}.search-result-art .click-art{transform:scale(.55)}.search-result>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.search-result>span:nth-child(2) b{font-size:13px}.search-result>span:nth-child(2) small{color:var(--muted);font-size:9px;font-weight:700}.search-result>i{width:30px;height:30px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-style:normal}.search-result.coming>i{width:auto;height:auto;padding:5px 7px;border-radius:100px;background:#eee7da;color:#817a84;font-size:6px;font-weight:950;letter-spacing:.08em}.search-results>p{padding:35px 10px;color:var(--muted);text-align:center;font-size:12px}@media (max-width:800px){.topbar{width:calc(100% - 30px);height:68px}.desktop-nav,.header-actions .search-button{display:none}.login-button{width:42px;padding:0;justify-content:center;border-radius:50%;background:white}.login-button span{display:none}main{padding-bottom:65px}.hero{width:calc(100% - 20px);min-height:480px;margin-top:2px;border-radius:28px;padding:43px 25px}.hero:before{background:radial-gradient(circle at 78% 76%,var(--purple) 0 18%,transparent 18.5%),radial-gradient(circle at 78% 78%,var(--coral) 0 28%,transparent 28.5%)}.hero:after{right:-55px;top:auto;bottom:-3px;font-size:155px;letter-spacing:-14px}.hero h1{margin-top:19px;font-size:clamp(43px,13vw,62px)}.hero>p{max-width:310px;font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.hero-sticker{right:24px;bottom:31px;width:86px;height:86px}.hero-sticker b{font-size:29px}.hero-doodles span:first-child{right:10%;top:8%}.hero-doodles span:nth-child(3){right:39%;bottom:8%}.content-section{width:auto;margin-top:52px}.section-heading{margin:0 20px 17px}.section-heading h2{font-size:22px}.section-heading>a{font-size:11px}.card-rail{display:flex;gap:14px;overflow-x:auto;padding:4px 20px 20px;scroll-snap-type:x mandatory;scrollbar-width:none}.card-rail::-webkit-scrollbar{display:none}.card-rail .content-card{flex:0 0 82vw;scroll-snap-align:center}.content-card.large .card-art{height:224px}.card-grid,.coming-grid{grid-template-columns:1fr 1fr;gap:18px 12px;padding:3px 20px}.coming-grid .card-art{height:150px;border-radius:18px}.coming-grid .card-copy h3{min-height:34px;font-size:13px}.card-grid .card-art{height:164px;border-radius:18px}.card-grid .round-play{width:38px;height:38px;right:10px;bottom:10px}.card-grid .card-copy h3{font-size:14px;line-height:1.2}.card-grid .higher-art{transform:scale(.78);margin:-20px}.score-banner{width:calc(100% - 30px);min-height:auto;margin-top:45px;padding:22px;grid-template-columns:74px 1fr;gap:13px;border-radius:22px}.score-visual{height:80px}.score-visual>span{font-size:51px}.score-visual i{right:-2px}.score-copy h2{font-size:19px}.score-copy p{font-size:11px}.score-banner>button{grid-column:1/-1;justify-content:center;width:100%}footer{min-height:210px;padding:40px 24px 100px;display:block}footer p{margin:9px 0 20px}footer>nav{margin-bottom:18px}.bottom-nav{position:fixed;z-index:50;left:10px;right:10px;bottom:10px;height:66px;padding:7px 4px max(7px,env(safe-area-inset-bottom));border:1px solid rgba(23,21,44,.1);border-radius:22px;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(23,21,44,.17);display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a,.bottom-nav button{border:0;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#9893a2;font-size:9px;font-weight:750;cursor:pointer}.bottom-nav svg{width:20px;height:20px}.bottom-trophy{height:20px;font-size:18px;line-height:20px}.bottom-nav a.active,.bottom-nav button.active{color:var(--purple)}.bottom-nav a.active svg,.bottom-nav button.active svg{fill:rgba(118,87,255,.1)}.toast{bottom:88px;max-width:calc(100% - 30px);white-space:nowrap}.search-overlay{padding:16px 10px 92px;align-items:stretch}.search-panel{max-height:none;border-radius:22px}}@media (max-width:390px){.hero{min-height:500px}.hero-actions>span{max-width:130px;line-height:1.4}.card-grid,.coming-grid{grid-template-columns:1fr}.card-grid .card-art,.coming-grid .card-art{height:205px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important}}.play-gate-backdrop{position:fixed;inset:0;z-index:1000;padding:20px;background:rgba(23,21,44,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center}.play-gate-dialog{width:min(410px,100%);padding:34px 28px 28px;position:relative;border:3px solid var(--ink);border-radius:28px;background:var(--paper);box-shadow:8px 10px 0 var(--ink);text-align:center}.play-gate-close{position:absolute;top:13px;right:13px;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:white;font-size:20px;cursor:pointer}.play-gate-icon{width:82px;height:82px;margin:0 auto 16px;border:3px solid var(--ink);border-radius:24px;background:var(--yellow);box-shadow:4px 5px 0 var(--ink);display:grid;place-items:center;font-size:43px;transform:rotate(-4deg)}.play-gate-dialog>small{color:#df3239;font-size:8px;font-weight:950;letter-spacing:.12em}.play-gate-dialog h2{margin:7px 0 9px;font-size:29px;letter-spacing:-.045em}.play-gate-dialog p{margin:0 auto 20px;max-width:330px;color:var(--muted);font-size:12px;line-height:1.55}.play-gate-google{width:100%;min-height:52px;padding:9px 16px;border:0;border-radius:15px;background:var(--ink);color:white;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:900;cursor:pointer}.play-gate-google svg{width:20px}.play-gate-dialog .play-gate-legal{display:block;margin:13px auto 0;max-width:300px;color:#898391;font-size:7px;font-weight:700;line-height:1.5;letter-spacing:0;text-transform:none}.play-gate-legal a{color:#5c43d7;text-decoration:underline;text-underline-offset:2px}.reward-toast{position:fixed;right:22px;bottom:22px;z-index:1200;min-width:260px;max-width:calc(100% - 28px);padding:12px 14px;border:2px solid var(--ink);border-radius:17px;background:var(--lime);color:var(--ink);box-shadow:5px 6px 0 var(--ink);display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px;animation:reward-in .32s ease both}.reward-toast>span:first-child{width:42px;height:42px;border-radius:12px;background:white;display:grid;place-items:center;font-size:23px}.reward-toast>span:nth-child(2){display:flex;flex-direction:column}.reward-toast small{font-size:6px;font-weight:950;letter-spacing:.12em}.reward-toast b{font-size:12px}.reward-toast i{width:24px;height:24px;border-radius:50%;background:var(--ink);color:white;display:grid;place-items:center;font-size:10px;font-style:normal}@keyframes reward-in{0%{opacity:0;transform:translateY(18px) scale(.96)}}@media(max-width:650px){.reward-toast{left:14px;right:14px;bottom:90px;max-width:none}.achievement-link{display:none}}.adsense-unit{width:min(960px,calc(100% - 40px));min-height:110px;margin:32px auto 0;padding:9px 12px 12px;position:relative;border:1px solid rgba(23,21,44,.08);border-radius:16px;background:rgba(255,255,255,.54);overflow:hidden;text-align:center}.adsense-unit>small{display:block;margin-bottom:5px;color:#9a949f;font-size:6px;font-weight:850;letter-spacing:.14em}.adsense-unit-home{width:min(1180px,calc(100% - 40px));margin-top:70px}.adsense-unit-game{min-height:120px}.privacy-settings-link{position:fixed;right:18px;bottom:18px;z-index:40;padding:9px 12px;border:1px solid rgba(23,21,44,.16);border-radius:10px;background:rgba(255,250,242,.96);color:#5c43d7;box-shadow:0 5px 18px rgba(23,21,44,.12);font-size:9px;font-weight:850;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.privacy-settings-link:hover{background:white}.leaderboard-panel{width:min(960px,calc(100% - 40px));margin:42px auto 0;padding:24px;border:1px solid rgba(23,21,44,.1);border-radius:22px;background:white;color:#17152c}.leaderboard-head{display:flex;align-items:end;justify-content:space-between;gap:15px}.leaderboard-head small{color:#7657ff;font-size:7px;font-weight:950;letter-spacing:.13em}.leaderboard-head h2{margin:4px 0 0;font-size:24px}.leaderboard-head>div:last-child{display:flex;gap:5px}.leaderboard-head button{height:30px;padding:0 10px;border:1px solid rgba(23,21,44,.1);border-radius:9px;background:#f3efe9;color:#77717e;font-size:8px;font-weight:850;cursor:pointer}.leaderboard-head button.active{background:#17152c;color:white}.leaderboard-list{margin-top:17px}.leaderboard-list>div{min-height:46px;display:grid;grid-template-columns:28px 32px 1fr auto;align-items:center;border-top:1px solid rgba(23,21,44,.07);font-size:11px}.leaderboard-list>div>b{color:#918b98}.leaderboard-list>div>span{font-size:18px}.leaderboard-list>div>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list>div>em{font-style:normal;font-weight:950}.leaderboard-empty{margin-top:17px;padding:25px;border-radius:13px;background:#f5f1eb;color:#817b87;text-align:center;font-size:10px}.leaderboard-me{margin:12px 0 0;padding:9px;border-radius:10px;background:#e9e2ff;font-size:9px;text-align:center}.leaderboard-me b{color:#6545e9}@media(max-width:650px){.adsense-unit,.adsense-unit-home{width:calc(100% - 30px);min-height:90px;margin-top:44px;padding:7px 8px 9px;border-radius:13px}.privacy-settings-link{right:14px;bottom:88px}.leaderboard-panel{width:calc(100% - 30px);margin-top:35px;padding:18px 14px}.leaderboard-head{align-items:flex-start;flex-direction:column}.leaderboard-head>div:last-child{width:100%}.leaderboard-head button{flex:1 1}.leaderboard-list>div{grid-template-columns:24px 29px 1fr auto}}.game-action-button{font-size:14px!important;transition:transform .15s,background .15s}.account-actions{display:flex;gap:9px;padding:18px;border:1px solid rgba(23,21,44,.1);border-radius:16px;background:white}.account-actions a,.account-actions button{min-height:40px;padding:0 15px;border:0;border-radius:10px;background:#ebe5ff;color:#4f39ba;display:flex;align-items:center;font-size:9px;font-weight:900;cursor:pointer}.account-actions button{background:#ffe0d9;color:#a6382a}@media(max-width:500px){.account-actions{flex-direction:column}.account-actions a,.account-actions button{justify-content:center}}.game-action-button:hover:not(:disabled){transform:translateY(-2px)}.game-action-button.selected{background:#c9ff3d!important;color:#17152c!important;box-shadow:inset 0 0 0 2px #17152c}.game-action-button.selected.dislike{background:#ffb1a5!important}.game-toolbar-actions-status{position:absolute;z-index:5;right:15px;top:55px;padding:7px 10px;border-radius:8px;background:#17152c;color:white;box-shadow:0 5px 14px rgba(23,21,44,.2);font-size:7px;font-weight:800;letter-spacing:0;text-transform:none;white-space:nowrap}.report-backdrop{position:fixed;inset:0;z-index:1300;padding:20px;background:rgba(23,21,44,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center}.report-dialog{width:min(430px,100%);padding:30px 28px 27px;position:relative;border:3px solid #17152c;border-radius:27px;background:#fffaf2;color:#17152c;box-shadow:8px 10px 0 #17152c;font-weight:400;letter-spacing:normal;text-align:left;text-transform:none}.report-dialog .report-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border:1px solid rgba(23,21,44,.12);border-radius:50%;background:white;color:#17152c;font-size:20px;cursor:pointer}.report-icon{width:57px;height:57px;margin-bottom:15px;border:3px solid #17152c;border-radius:17px;background:#ff8f7d;box-shadow:4px 5px 0 #17152c;display:grid;place-items:center;color:#17152c;font-size:27px;transform:rotate(-5deg)}.report-dialog>small{color:#d64b3a;font-size:7px;font-weight:950;letter-spacing:.13em}.report-dialog h2{margin:5px 0 7px;font-size:28px;letter-spacing:-.045em}.report-dialog>p{margin:0 0 19px;color:#756f7c;font-size:10px;line-height:1.5}.report-dialog label{margin-top:12px;display:block;color:#504a58;font-size:8px;font-weight:900;letter-spacing:.03em}.report-dialog label>span{color:#aaa4ad;font-weight:700}.report-dialog select,.report-dialog textarea{width:100%;margin-top:6px;border:1px solid rgba(23,21,44,.16);border-radius:12px;outline:none;background:white;color:#17152c;font:inherit;font-size:10px}.report-dialog select{height:43px;padding:0 11px}.report-dialog textarea{padding:11px;resize:vertical;line-height:1.5}.report-dialog select:focus,.report-dialog textarea:focus{border-color:#7657ff;box-shadow:0 0 0 3px rgba(118,87,255,.12)}.report-count{margin-top:3px;color:#aaa4ad;font-size:7px;text-align:right}.report-dialog .report-submit{width:100%;height:48px;margin-top:12px;border:0;border-radius:13px;background:#7657ff;color:white;box-shadow:0 5px 0 #4d37ba;font-size:11px;font-weight:900;cursor:pointer}.report-dialog .report-submit:disabled{opacity:.65;cursor:wait}@media(max-width:650px){.game-action-button{font-size:13px!important}.report-dialog{padding:27px 22px 23px}}@media (max-width:760px){a[aria-label="Kembali ke beranda"]{min-width:92px;min-height:44px;padding:0 16px;border:1px solid rgba(23,21,44,.14);border-radius:12px;background:#fff;color:#17152c;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;line-height:1}a[aria-label="Kembali ke beranda"]>span:first-child{display:none!important}a[aria-label="Kembali ke beranda"]>span:last-child{display:inline!important}}