@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-display:swap;font-weight:700}@font-face{font-family:Text;src:url('assets/text.ttf') format('truetype');font-display:swap;font-weight:400 800}
:root{--ink:#111412;--paper:#f5f3ea;--lime:#d5ff3f;--muted:#797b72;--line:#dad9d0;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.2,1.5,.5,1);font-family:Text,Arial,sans-serif;color:var(--ink);background:#e8e6dd;font-synthesis:weight;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{cursor:default;opacity:.42}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #76a113;outline-offset:4px}button:active:not(:disabled){transform:scale(.96)}button{transition:transform .25s var(--spring),background .2s,color .2s}a{color:inherit}button svg{pointer-events:none}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Display,'Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase}h1{font-size:clamp(56px,16.8vw,80px);line-height:1.04;letter-spacing:-2.8px}h2{font-size:26px;line-height:1.1;letter-spacing:-.6px}h3{font-size:22px;line-height:1.1}.app{max-width:480px;min-height:100dvh;margin:auto;background:var(--paper);position:relative;isolation:isolate;box-shadow:0 0 0 1px #11141210;transition:background .35s,color .35s;padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow:clip}.app.dark{background:var(--ink);color:var(--paper);--line:#343730;--muted:#969b90}main{outline:none;position:relative;min-height:calc(100dvh - 180px)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 16px;gap:10px;background:inherit;position:relative;z-index:20}.wordmark{border:0;background:none;font-size:28px;font-weight:900;letter-spacing:-2.2px;padding:0;line-height:1}.wordmark span{position:relative}.wordmark span:before{content:'';position:absolute;top:-4px;left:7px;width:8px;height:5px;background:var(--lime);border-radius:50% 50% 0 0;transform:rotate(-20deg)}.header-right{display:flex;align-items:center;gap:6px}.icon-button{width:35px;height:35px;border:0;background:transparent;display:grid;place-items:center;padding:6px}.icon-button svg{width:18px;height:18px}.wallet{display:flex;align-items:center;gap:5px;border:0;border-radius:24px;padding:5px 5px 5px 6px;background:#11141208;font-size:13px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.dark .wallet{background:#ffffff0a;border:1px solid #ffffff16}.wallet-plus{width:23px;height:23px;background:#1114120c;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:400}.dark .wallet-plus{background:#ffffff12}.candy-symbol{display:inline-block;flex-shrink:0;width:22px;height:22px;background-image:url('assets/collectibles.png');background-size:400% 200%;background-position:0 0;vertical-align:middle;filter:drop-shadow(0 2px 2px #0002)}.amount{white-space:nowrap;font-variant-numeric:tabular-nums}.amount .candy-symbol{width:19px;height:19px;margin-right:3px}.section-pad{padding:0 22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 22px 21px;gap:8px}.page-heading h1{font-size:62px;line-height:1.03;letter-spacing:-2px}.page-heading .icon-button{margin-top:8px;border:1px solid var(--line);border-radius:50%}.eyebrow,.micro{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;font-weight:800}.eyebrow{color:var(--muted);margin-bottom:9px}.subtitle{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px;max-width:290px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 0 13px;gap:8px}.section-title small{font-size:10px;color:var(--muted);font-family:Text,sans-serif;text-transform:none;letter-spacing:0}.text-link{background:none;border:0;padding:5px 0;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.text-link svg{width:13px;height:13px}.action{width:100%;min-height:52px;border:0;border-radius:12px;background:var(--lime);color:var(--ink);padding:14px 17px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden}.action svg{width:19px;height:19px}.action.black{background:var(--ink);color:var(--paper)}.action.secondary{background:transparent;border:1px solid var(--line);color:inherit}.action.small{min-height:37px;width:auto;padding:9px 17px;font-size:11px;border-radius:9px}.action:after{content:'';position:absolute;inset:0;transform:translateX(-130%) skew(-20deg);background:linear-gradient(90deg,transparent,#ffffff4a,transparent);pointer-events:none}.round-arrow{border:0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:var(--lime);color:var(--ink);flex-shrink:0}.round-arrow.black{background:var(--ink);color:var(--paper)}.round-arrow svg{width:22px;height:22px}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);padding:6px 9px;border-radius:20px;font-size:10px;white-space:nowrap}.pill.lime{background:var(--lime);color:var(--ink);border-color:var(--lime)}.pill.orange{background:#ffb55d24;color:#ff8a2f;border-color:#ff8a2f44}.muted{color:var(--muted);font-size:11px;line-height:1.6}.divider{height:1px;background:var(--line);margin:20px 0}.spacer{height:16px}.item-art{display:block;width:100%;aspect-ratio:1;background-image:url('assets/collectibles.png');background-size:400% 200%;background-repeat:no-repeat;filter:drop-shadow(0 7px 8px #0002);flex-shrink:0}.hero{position:relative;padding:12px 22px 0;min-height:330px;overflow:hidden}.hero h1{position:relative;z-index:2;width:64%;font-size:clamp(64px,18.7vw,91px);letter-spacing:-3.8px;line-height:1.06;padding-bottom:6px}.hero .hero-art{position:absolute;width:72%;max-width:none;right:-53px;top:18px;z-index:1;transform-origin:55% 75%;animation:hero-float 6s ease-in-out infinite;filter:drop-shadow(0 14px 18px #00000016)}.hero-copy{position:relative;z-index:3;font-size:11px;line-height:1.45;max-width:165px;margin-top:13px;padding-bottom:43px}.hero-note{position:absolute;right:21px;bottom:8px;font-size:9px;letter-spacing:1px;color:#55584a}.reward-strip{margin:0 22px 13px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:12px;position:relative;z-index:3}.reward-strip small{font-size:10px;color:#bfc3b7;display:block;margin-bottom:4px}.reward-strip strong{font-family:Display,sans-serif;font-size:32px;line-height:1;letter-spacing:-1px;display:flex;align-items:center;gap:5px}.reward-strip strong .candy-symbol{width:27px;height:27px}.spin-hero{border:0;text-align:left;width:calc(100% - 44px);margin:0 22px;background:var(--ink);color:var(--paper);border-radius:15px;position:relative;overflow:hidden;min-height:238px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.spin-hero .eyebrow{color:#bfc3b7;position:relative;z-index:2}.spin-hero h2{font-size:37px;letter-spacing:-1.4px;line-height:1.05;color:var(--lime);max-width:210px;position:relative;z-index:2}.spin-hero img{width:225px;position:absolute;right:-37px;bottom:36px;transform:rotate(-8deg);filter:drop-shadow(0 5px 8px #0005);animation:hero-float 7s ease-in-out infinite reverse}.spin-hero .action{margin-top:21px;z-index:3}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-tile{position:relative;text-align:left;border:0;background:#eeece1;border-radius:12px;min-height:136px;padding:15px;overflow:hidden}.quick-tile h3{position:relative;z-index:2;max-width:85px;font-size:24px}.quick-tile small{font-size:10px;line-height:1.4;display:block;max-width:82px;margin-top:8px;position:relative;z-index:2;color:#62665a}.quick-tile .item-art{position:absolute;width:97px;right:-5px;bottom:-6px;transform:rotate(-16deg)}.quick-tile .tile-face{position:absolute;width:116px;max-width:none;right:-30px;bottom:-12px}.quick-tile .round-arrow{position:absolute;width:27px;height:27px;right:11px;top:12px;background:var(--paper)}.quick-tile .round-arrow svg{width:14px;height:14px}.home-footer{padding:21px 22px 12px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);z-index:40;display:grid;grid-template-columns:repeat(5,1fr);padding:12px 9px calc(14px + env(safe-area-inset-bottom));background:#111412f5;color:var(--paper);border-top:1px solid #ffffff13;backdrop-filter:blur(18px);isolation:isolate}.bottom-nav button{border:0;background:transparent;color:#b8bdb2;min-height:43px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px;position:relative;padding:3px;z-index:1}.bottom-nav button svg{width:22px;height:22px;transition:transform .5s var(--spring),stroke .3s}.bottom-nav button.active{color:var(--lime)}.bottom-nav button.active svg{transform:translateY(-3px)}.nav-glider{position:absolute;top:0;height:2px;width:35px;left:0;background:var(--lime);border-radius:0 0 5px 5px;transition:transform .55s var(--spring);box-shadow:0 2px 15px #d5ff3f55}.tabs{display:flex;gap:4px;padding:4px;background:#11141208;border-radius:11px;margin:12px 0 20px;position:relative}.dark .tabs{background:#ffffff08}.tabs button{flex:1;border:0;background:none;padding:11px 4px;border-radius:8px;font-size:10px;color:var(--muted);min-height:38px;z-index:1;white-space:nowrap}.tabs button.active{background:var(--lime);color:var(--ink);font-weight:800}.tabs.line{padding:0;background:none!important;border-radius:0;border-bottom:1px solid var(--line);gap:14px}.tabs.line button{border-radius:0;padding:10px 0;min-height:35px;flex:initial}.tabs.line button.active{background:none;color:inherit;box-shadow:0 2px 0 currentColor}.task-card{border-top:1px solid var(--line);padding:16px 0}.task-main{display:flex;gap:13px;align-items:center}.task-icon{width:40px;height:40px;border-radius:12px;background:#e9e7da;display:grid;place-items:center;flex-shrink:0}.dark .task-icon{background:#292e25}.task-icon .item-art{width:38px}.task-icon svg{width:22px;height:22px}.task-copy{flex:1;min-width:0}.task-copy strong{font-size:12px;line-height:1.35;display:block}.task-copy small{font-size:10px;line-height:1.5;color:var(--muted);display:block;margin-top:4px}.task-price{font-size:12px;white-space:nowrap;font-weight:800}.task-tail{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-left:53px;gap:12px}.progress{height:4px;border-radius:4px;background:#1114120d;overflow:hidden;flex:1}.dark .progress{background:#ffffff12}.progress i{height:100%;background:#a7d128;display:block;border-radius:inherit;transform-origin:left;animation:grow .8s var(--ease)}.task-tail .muted{white-space:nowrap}.task-tail .action{margin-left:auto}.empty{text-align:center;padding:26px 0}.empty .empty-gift{width:190px;margin:0 auto 20px;animation:hero-float 6s ease-in-out infinite}.empty h2{font-size:35px;max-width:290px;margin:auto}.empty p{font-size:12px;line-height:1.7;color:var(--muted);margin:12px auto 22px;max-width:250px}.raffle-card{border:0;background:var(--ink);color:var(--paper);border-radius:14px;padding:19px;width:100%;text-align:left;position:relative;overflow:hidden}.raffle-card .art-duo{height:170px;display:flex;align-items:center;justify-content:center}.art-duo .item-art{width:145px;animation:hero-float 6s ease-in-out infinite}.art-duo .item-art+ .item-art{width:120px;margin-left:-10px;animation-delay:-2s}.raffle-card h2{font-size:32px}.raffle-card .muted{color:#b5bcac}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:20px 0;text-align:center}.stats strong{font-family:Display,sans-serif;font-size:26px;display:block}.stats small{font-size:9px;color:var(--muted)}.winner-strip{background:var(--lime);color:var(--ink);padding:14px;border-radius:9px;font-size:12px;display:flex;gap:12px;align-items:center}.list-row{display:flex;gap:11px;align-items:center;border-top:1px solid var(--line);padding:13px 0;font-size:12px}.list-row .list-num{width:20px;color:var(--muted);font-size:10px}.list-row .avatar-mini{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#dce0cf;color:#3a4433;font-size:12px;flex-shrink:0}.list-row .row-title{flex:1;min-width:0}.row-title small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.list-row .item-art{width:38px}.list-row .score{font-size:11px;color:var(--lime);white-space:nowrap}.app:not(.dark) .score{color:#547a0e}.game-banner{display:block;position:relative;background:#222b1b;overflow:hidden;border:1px solid #ffffff19;border-radius:14px;min-height:220px;width:100%;text-align:left;padding:20px;color:var(--paper)}.game-banner h2{font-size:51px;position:relative;z-index:2;line-height:.99}.game-banner p{font-size:11px;position:relative;z-index:2;margin-top:11px;max-width:150px;color:#d3d8c7}.game-banner img{width:250px;position:absolute;right:-56px;bottom:-44px;transform:rotate(-9deg);animation:hero-float 7s infinite ease-in-out}.game-banner .round-arrow{position:absolute;bottom:17px;left:20px;z-index:3}.game-banner.roulette-banner{background:#262821}.game-banner .huge-gift{position:absolute;width:220px;right:-19px;bottom:15px;transform:rotate(-12deg)}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:11px}.game-card{border:1px solid #ffffff17;color:var(--paper);background:#1c201a;border-radius:13px;position:relative;text-align:left;min-height:188px;overflow:hidden;padding:16px}.game-card h3{position:relative;z-index:2;font-size:29px}.game-card .muted{font-size:9px;color:#bec4b5;position:relative;z-index:2;max-width:100px;display:block;margin-top:6px}.game-card .item-art{width:113px;position:absolute;right:7px;bottom:7px;animation:hero-float 6s infinite ease-in-out}.game-card .round-arrow{position:absolute;width:28px;height:28px;bottom:13px;left:13px;background:var(--paper)}.game-card .round-arrow svg{width:16px;height:16px}.mini-plinko{position:absolute;right:8px;bottom:8px;width:106px;height:95px;background-image:radial-gradient(circle,#bfc5b4 1.8px,transparent 2px);background-size:17px 17px;clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-plinko:after{content:'';width:16px;height:16px;background:var(--lime);position:absolute;top:40px;left:50px;border-radius:50%;box-shadow:0 0 15px #d5ff3f44;animation:hero-float 3s infinite ease-in-out}.mini-road{position:absolute;bottom:0;right:10px;width:92px;height:115px;background:#30342c;transform:rotate(-18deg);border-left:4px solid var(--lime);border-right:4px solid var(--lime)}.mini-road:before{content:'';height:100%;border-left:2px dashed #dfe4d6;position:absolute;left:50%}.mini-road:after{content:'';width:34px;height:20px;position:absolute;bottom:33px;left:5px;background-image:url('assets/omnom.png');background-size:contain;background-repeat:no-repeat}.leader-link{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--lime);color:var(--ink);padding:15px;border-radius:10px;margin:15px 0;font-weight:800;font-size:12px}.roulette-title h1{font-size:clamp(62px,19vw,91px);letter-spacing:-3px}.roulette-title .subtitle{margin-top:5px}.mode-tabs{display:flex;gap:5px;margin:0 22px 16px}.mode-tabs button{flex:1;border:1px solid var(--line);background:transparent;color:inherit;border-radius:8px;font-size:9px;padding:10px 2px}.mode-tabs button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.reel-shell{border-top:1px solid #717864;border-bottom:1px solid #717864;position:relative;margin:14px 0 17px;background:radial-gradient(ellipse at center,#34402666,transparent 65%);height:226px;overflow:visible}.reel-window{overflow:hidden;height:100%;position:relative;border-radius:8px}.reel-window:before,.reel-window:after{content:'';position:absolute;top:0;bottom:0;width:28px;z-index:3;pointer-events:none}.reel-window:before{left:0;background:linear-gradient(90deg,var(--ink),transparent)}.reel-window:after{right:0;background:linear-gradient(270deg,var(--ink),transparent)}.reel-track{display:flex;height:100%;will-change:transform;transform:translateX(0)}.reel-item{width:140px;flex:0 0 140px;text-align:center;padding:17px 9px 12px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #ffffff0b}.reel-item .item-art{width:118px;margin:auto}.reel-item strong{font-size:10px;font-weight:500;margin:4px 0 7px;display:block;white-space:nowrap}.reel-item small{font-size:10px;color:#b9c3aa;display:block}.reel-indicator{position:absolute;left:50%;transform:translateX(-50%);z-index:6;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent}.reel-indicator.top{top:-3px;border-top:12px solid var(--lime)}.reel-indicator.bottom{bottom:-3px;border-bottom:12px solid var(--lime)}.reel-center{position:absolute;left:50%;transform:translateX(-50%);width:140px;top:0;bottom:0;border-left:1px solid #d5ff3f44;border-right:1px solid #d5ff3f44;pointer-events:none;z-index:4}.reel-item.winner .item-art{animation:win-pop .75s var(--spring) both}.reel-shell.settled .reel-center{background:linear-gradient(0deg,#d5ff3f12,transparent)}.multiply{display:flex;border:1px solid var(--line);border-radius:12px;margin-bottom:11px;padding:3px}.multiply button{flex:1;border:0;border-radius:9px;padding:10px;background:transparent;color:inherit;font-size:12px}.multiply button.active{background:var(--lime);color:var(--ink);font-weight:800}.spin-caption{font-size:10px;color:var(--muted);text-align:center;padding:11px 0 0}.prize-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.prize-cell{min-width:0;border:1px solid var(--line);border-radius:11px;padding:10px 8px 12px;background:#ffffff03;text-align:left;color:inherit}.prize-cell .item-art{width:100%;margin-bottom:9px;transition:transform .45s var(--spring)}.prize-cell strong{display:block;font-size:9px;line-height:1.4}.prize-cell small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.chance-note{font-size:9px;line-height:1.6;color:var(--muted);margin:16px 0}.profile-top{display:flex;align-items:center;gap:13px;padding:10px 22px 0}.profile-top img{width:69px;height:69px;object-fit:cover;border-radius:50%;border:3px solid var(--ink)}.profile-top strong{font-size:18px}.profile-top small{font-size:11px;color:var(--muted);display:block;margin-top:4px}.profile-top .icon-button{margin-left:auto}.profile-heading{padding:8px 22px 18px;text-align:right;font-size:72px;line-height:1.05}.streak-mini{display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);border-radius:13px;padding:13px 16px;border:0;text-align:left;width:100%}.streak-number{font-family:Display,sans-serif;font-size:70px;line-height:1;color:#ff8d32}.streak-mini h3{font-size:21px;color:#ff8d32}.streak-mini .muted{font-size:9px;color:#b9bcaf}.week{display:flex;gap:5px;margin-top:10px;justify-content:space-between}.day-dot{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;color:var(--muted)}.day-dot i{border:1px solid #adb3a2;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font-style:normal;font-size:10px}.day-dot.done i{background:var(--lime);border-color:var(--lime);color:var(--ink)}.promo-link{display:flex;align-items:center;justify-content:space-between;border:0;background:var(--lime);color:var(--ink);padding:13px 15px;border-radius:10px;width:100%;margin-top:10px;font-size:12px}.collection{display:grid;grid-template-columns:1fr 1fr;gap:15px 10px}.collect-card{background:#efede3;border-radius:11px;padding:10px;position:relative;text-align:left;border:0}.collect-card .item-art{width:100%;max-width:155px;margin:auto}.collect-card strong{font-size:10px;display:block;margin:8px 0 5px}.collect-card small{font-size:10px}.collect-count{position:absolute;right:9px;top:8px;background:var(--paper);font-size:9px;border-radius:10px;padding:4px 7px}.referral{margin-top:19px;padding:16px;border-radius:12px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:9px}.referral strong{font-family:Display,sans-serif;font-size:27px}.referral .muted{font-size:9px;color:#bac1b1}.podium{display:flex;justify-content:center;align-items:end;gap:9px;padding:28px 0 0;min-height:210px}.podium-person{flex:1;text-align:center;min-width:0}.podium-person .face{width:54px;height:54px;border-radius:50%;background:#252c1c;color:var(--paper);display:grid;place-items:center;margin:0 auto 8px;font-size:20px;border:2px solid #b5b9a9;overflow:hidden}.podium-person img{width:100%;height:100%;object-fit:cover}.podium-person strong{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-person small{font-size:10px;display:block;margin:6px 0 9px}.podium-pillar{height:62px;border:1px solid #9a9d92;border-radius:12px 12px 0 0;background:linear-gradient(100deg,#aaa,#fff 15%,#b8bbad 28%,#fff 46%,#848a77 75%,#ddd);font-family:Display,sans-serif;font-size:48px;text-shadow:0 1px 1px #fff;color:#252c1c;line-height:1.15}.podium-person.first .podium-pillar{height:95px;color:#4a661b}.podium-person.first .face{border-color:#9ab63b}.podium-person.third .podium-pillar{height:45px}.my-rank{background:var(--ink);color:var(--paper);padding:15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:13px 0}.streak-hero{padding:10px 22px 0;position:relative}.streak-hero h1{font-size:70px;max-width:280px;line-height:1.04}.fire-sculpture{display:flex;align-items:center;justify-content:center;height:220px;position:relative;margin-top:-10px}.fire-sculpture .big-day{font-family:Display,sans-serif;font-size:200px;color:var(--ink);letter-spacing:-14px;line-height:1}.flame{position:absolute;left:calc(50% - 85px);top:50px;width:72px;height:107px;border-radius:55% 8% 50% 50%;background:linear-gradient(120deg,#ff3500,#ffb13b 60%,#ffec7e);transform:rotate(32deg);box-shadow:inset 8px 0 10px #ffdc8b88,0 10px 20px #f67b0c33;animation:flame-move 3s infinite ease-in-out}.flame:after{content:'';position:absolute;width:30px;height:65px;border-radius:50% 10% 50% 50%;background:#fff0a2;bottom:8px;left:30px;transform:rotate(-10deg)}.streak-week{background:var(--ink);border-radius:13px;padding:18px;margin:9px 0 16px}.streak-week .week{margin:0}.streak-week .day-dot{font-size:10px;color:#c3c7bc}.streak-week .day-dot i{width:29px;height:29px;font-size:13px}.settings-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:16px 0;font-size:12px;gap:10px}.settings-row button{border:1px solid var(--line);border-radius:20px;background:transparent;padding:7px 11px;font-size:10px}.game-toolbar{display:flex;justify-content:space-between;margin-top:-8px;margin-bottom:13px;font-size:10px;align-items:center;color:var(--muted)}.game-board{border:1px solid #42483b;background:#1a2017;border-radius:15px;position:relative;overflow:hidden;width:100%}.game-board canvas{display:block;width:100%;aspect-ratio:1;touch-action:manipulation}.game-label{position:absolute;top:13px;left:13px;font-size:10px;color:#b7c5a3;z-index:2;pointer-events:none}.game-label b{color:var(--lime)}.risk-picker{margin:12px 0}.bet-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin:17px 0 8px}.bet-input{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:10px 11px}.bet-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:inherit;font-family:Display,sans-serif;font-size:25px;appearance:textfield;-moz-appearance:textfield}.bet-input input::-webkit-inner-spin-button{appearance:none}.bet-input button{border:1px solid var(--line);background:transparent;color:inherit;min-width:32px;height:30px;border-radius:8px;font-size:11px}.bet-chips{display:flex;gap:6px;margin:9px 0 14px}.bet-chips button{flex:1;padding:8px 2px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:10px;border-radius:7px}.bet-chips button.active{color:var(--lime);border-color:#687938}.game-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:14px}.game-stat{border:1px solid var(--line);border-radius:9px;padding:9px 6px}.game-stat small{display:block;font-size:8px;text-transform:uppercase;color:var(--muted)}.game-stat strong{display:block;font-family:Display,sans-serif;font-size:23px;margin-top:5px;color:var(--lime)}.mines-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#1b2018}.mine-cell{aspect-ratio:1;border-radius:9px;border:1px solid #4a5140;background:linear-gradient(140deg,#30372c,#21271e);display:grid;place-items:center;position:relative;overflow:hidden}.mine-cell svg{width:19px;height:19px;color:#718264;pointer-events:none}.mine-cell .item-art{width:86%;pointer-events:none;animation:win-pop .45s var(--spring)}.mine-cell.safe{background:#4a5b27;border-color:#8dba28}.mine-cell.bomb{background:#68341f;border-color:#d3603e}.mine-cell.bomb:after{content:'×';font-size:32px;color:#ff9270}.mine-cell:disabled{opacity:1}.arena-board{height:320px;background:radial-gradient(ellipse at 30% 20%,#b8e9b633,transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent 48px,#d6efce08 49px,transparent 50px),#2d663c;border:3px solid #96ad6e;box-shadow:inset 0 0 0 7px #bcc6b71c}.arena-board:before{content:'';position:absolute;inset:24px;border:1px solid #d5ecd580;border-radius:3px;pointer-events:none}.arena-board:after{content:'';position:absolute;width:130px;height:130px;border:1px solid #d5ecd580;border-radius:50%;top:calc(50% - 65px);left:calc(50% - 65px);pointer-events:none}.arena-player{width:55px;height:55px;position:absolute;left:calc(25% - 27px);top:calc(50% - 27px);border-radius:50%;background:var(--lime);border:3px solid #f5ffb5;overflow:hidden;box-shadow:0 4px 0 #1a422c,0 9px 15px #0004;z-index:3;will-change:transform}.arena-player img{width:100%;height:100%;object-fit:cover}.arena-player.bot{left:calc(75% - 27px);background:#d9e0d0;display:grid;place-items:center;color:#20291a;font-size:22px;border-color:#e5eadf}.arena-puck{position:absolute;left:calc(50% - 7px);top:calc(50% - 7px);width:14px;height:14px;background:#101a13;border:2px solid #ced9be;border-radius:50%;z-index:3}.road-board{height:325px;background:#30352d}.road-lane{position:absolute;left:0;right:0;height:calc(100% / 7);border-bottom:1px dashed #89967c66}.road-lane:nth-child(2n){background:#ffffff03}.road-car{position:absolute;width:55px;height:26px;border-radius:6px;background:#cbd7d5;border:4px solid #97adb6;box-shadow:0 3px 4px #0008;left:-65px;top:10px;animation:car-pass var(--speed,3s) linear infinite;animation-delay:var(--delay,0s)}.road-car:before{content:'';position:absolute;width:22px;height:15px;background:#253e3a;top:2px;left:12px;border-left:3px solid #7d968d;border-right:3px solid #7d968d}.road-car:after{content:'';position:absolute;left:2px;top:-5px;width:7px;height:3px;background:#111;box-shadow:31px 0 #111,0 25px #111,31px 25px #111}.road-character{position:absolute;width:48px;height:48px;bottom:2px;left:calc(50% - 24px);z-index:4;transition:bottom .5s var(--spring),transform .4s}.road-character img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 5px 4px #0005)}.road-mult{position:absolute;right:9px;top:9px;font-size:9px;color:#d9e3ce;z-index:2}.cashout-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.history-row{display:flex;align-items:center;gap:8px;font-size:10px;padding:12px 0;border-top:1px solid var(--line)}.history-row small{color:var(--muted);flex:1}.history-row strong.positive{color:var(--lime)}.history-row strong.negative{color:#ff876a}.rocket-board{height:320px;background:radial-gradient(circle at 40% 60%,#35431c33,transparent 55%),#161c14;background-image:radial-gradient(#ffffff26 .8px,transparent .8px);background-size:30px 30px}.rocket-number{position:absolute;top:32px;width:100%;text-align:center;font-family:Display,sans-serif;font-size:64px;z-index:3}.rocket-ship{position:absolute;width:42px;height:90px;background:linear-gradient(90deg,#bcc1b5,#f3f4ed,#a1ac94);border-radius:50% 50% 20% 20%;bottom:25px;left:45%;transform:rotate(30deg);transition:transform .5s}.rocket-ship:before{content:'';position:absolute;width:20px;height:20px;border:4px solid #647441;background:#b3dd55;border-radius:50%;left:11px;top:25px}.rocket-ship:after{content:'';position:absolute;width:23px;height:40px;background:linear-gradient(#f6e5b2,#ed852a,transparent);left:10px;top:83px;border-radius:0 0 70% 40%;animation:flame-move .15s infinite alternate}.ice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:15px}.ice-cell{aspect-ratio:1;border:1px solid #a4d6c650;border-radius:13px;background:linear-gradient(130deg,#b3f9df77,#508e8d44);color:#d9ffe9;display:grid;place-items:center}.ice-cell svg{width:27px;height:27px}.ice-cell .item-art{width:70%}.ice-cell.opened{background:#799b3d66;border-color:#d5ff3f77}.ice-cell:disabled{opacity:1}.desktop-note,.desktop-help{position:fixed;top:27%;width:220px}.desktop-note{right:calc(50% + 290px)}.desktop-note .micro{color:#808174;font-size:8px;letter-spacing:1.4px}.desktop-note>div{font-family:Display,sans-serif;font-size:70px;line-height:1.04;letter-spacing:-2px;margin:25px 0 18px}.lime-dot{color:#849c25}.desktop-note p,.desktop-help p{font-size:12px;line-height:1.7;color:#797b6d}.desktop-tag{display:block;font-size:9px;letter-spacing:.8px;margin-top:37px;text-transform:uppercase;color:#8c8c7d}.desktop-help{left:calc(50% + 290px);top:45%}.desktop-help .text-link{margin-top:20px}.orbit-circle{display:block;width:46px;height:46px;border:1px solid #aeb3a1;border-radius:50%;margin-bottom:22px;position:relative}.orbit-circle:before{content:'';position:absolute;inset:7px;border:1px solid #aeb3a1;border-radius:50%}.orbit-circle:after{content:'';width:9px;height:9px;background:#9db830;border-radius:50%;position:absolute;top:1px;left:10px}#toast{position:fixed;bottom:110px;left:50%;width:max-content;max-width:min(90%,400px);padding:13px 18px;color:var(--paper);background:#252a20f5;border:1px solid #74825b55;border-radius:12px;font-size:12px;line-height:1.5;z-index:100;pointer-events:none;opacity:0;transform:translate(-50%,20px);transition:opacity .3s,transform .4s var(--spring);backdrop-filter:blur(18px)}#toast.show{opacity:1;transform:translate(-50%,0)}#overlay{position:fixed;inset:0;background:#0009;z-index:80;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(8px);padding:12px;animation:overlay-in .3s}#overlay[hidden]{display:none}.sheet{max-width:450px;width:100%;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);border-radius:25px 25px 17px 17px;padding:21px 24px 26px;position:relative;box-shadow:0 -10px 80px #0003;animation:sheet-in .55s var(--ease)}.sheet:before{content:'';display:block;width:34px;height:4px;background:#d2d3c7;border-radius:10px;margin:-9px auto 20px}.sheet-close{position:absolute;right:15px;top:17px;background:#e9e8dd;border:0;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.sheet-close svg{width:16px;height:16px}.sheet h2{font-size:38px;margin-bottom:12px;padding-right:22px}.sheet p{font-size:12px;line-height:1.75;color:#73786a;margin:10px 0 18px}.sheet .item-art.reward-art{width:190px;margin:5px auto 15px;animation:reward-turn 1s var(--spring)}.sheet .big-reward{font-family:Display,sans-serif;font-size:49px;text-align:center;line-height:1.1}.sheet .sheet-form{display:flex;gap:7px;margin:15px 0}.sheet input{width:100%;min-width:0;background:#eeece1;border:1px solid #d3d5c8;padding:13px;border-radius:10px;font-size:16px}.sheet .action{margin-top:9px}.sheet-note{text-align:center;font-size:9px!important;line-height:1.5!important}.receipt-list{display:flex;justify-content:center;gap:8px}.receipt-list .item-art{width:85px}.receipt-value{text-align:center;font-size:12px;color:#6c7661}.page-old{position:absolute;inset:0;z-index:11;pointer-events:none;background:var(--paper);color:var(--ink)}.page-old.was-dark{background:var(--ink);color:var(--paper)}#confetti{position:fixed;inset:0;z-index:110;pointer-events:none;width:100%;height:100%}.info-banner{border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.status-light{width:5px;height:5px;background:var(--lime);border-radius:50%;display:inline-block;margin-right:5px;box-shadow:0 0 7px #d5ff3f33}.attention{animation:win-pop .4s var(--spring)}.spin-loading{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rotate .6s linear infinite}.no-motion *,body.reduce-motion *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@keyframes hero-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -9px;rotate:1deg}}@keyframes grow{from{scale:0 1}to{scale:1 1}}@keyframes win-pop{0%{scale:.6;rotate:-8deg;opacity:0}65%{scale:1.13;rotate:3deg;opacity:1}100%{scale:1;rotate:0;opacity:1}}@keyframes reward-turn{0%{scale:.4;rotate:-20deg;opacity:0}100%{scale:1;rotate:0;opacity:1}}@keyframes flame-move{0%,100%{scale:1;rotate:32deg}50%{scale:.93 1.04;rotate:29deg}}@keyframes car-pass{from{left:-70px}to{left:110%}}@keyframes button-shine{to{transform:translateX(130%) skew(-20deg)}}@keyframes overlay-in{from{opacity:0}to{opacity:1}}@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes rotate{to{transform:rotate(360deg)}}
@media(min-width:700px){.app{margin:28px auto;min-height:calc(100dvh - 56px);border-radius:22px 22px 0 0}.app-header{border-radius:22px 22px 0 0}.bottom-nav{border-radius:0;bottom:0}.sheet{align-self:center;border-radius:22px}}@media(max-width:1100px){.desktop-note,.desktop-help{display:none}}@media(max-width:370px){.app-header{padding:19px 16px 13px}.section-pad{padding:0 16px}.hero{padding-left:16px;padding-right:16px;min-height:300px}.hero h1{font-size:69px;letter-spacing:-3px}.hero .hero-art{width:76%;right:-54px;top:36px}.hero-copy{font-size:10px;max-width:145px}.reward-strip{margin-left:16px;margin-right:16px;padding:13px}.spin-hero{width:calc(100% - 32px);margin:0 16px;padding:17px;min-height:222px}.spin-hero h2{font-size:32px;max-width:185px}.spin-hero img{width:205px;right:-48px}.page-heading{padding:12px 16px 19px}.page-heading h1{font-size:55px}.profile-heading{font-size:64px;padding-right:16px}.task-main{gap:9px}.task-copy strong{font-size:11px}.task-price{font-size:10px}.game-card{padding:13px;min-height:176px}.game-card h3{font-size:25px}.bottom-nav button{font-size:8px}.sound-toggle{width:28px}.wallet{font-size:11px}.wordmark{font-size:26px}.roulette-title h1{font-size:65px}.mode-tabs{margin-left:16px;margin-right:16px}.reel-item{width:125px;flex-basis:125px}.reel-center{width:125px}.reel-item .item-art{width:106px}.reel-shell{height:215px}.prize-cell{padding:7px}.prize-cell strong{font-size:8px}.streak-number{font-size:60px}.game-board canvas{aspect-ratio:.95}.game-stats strong{font-size:21px}.mine-cell svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.spin-hero h2{font-size:34px;width:285px;max-width:none;transform:scaleX(.79);transform-origin:left top;white-space:nowrap}.spin-hero{min-height:226px}.spin-hero img{bottom:38px}.spin-hero .action{margin-top:27px}.wordmark{font-family:Text,Arial,sans-serif;font-weight:900;letter-spacing:-2px}.profile-heading{font-size:70px}.page-heading h1{font-stretch:condensed}.streak-hero h1{font-size:65px}@media(max-width:370px){.spin-hero h2{font-size:30px;width:260px}.spin-hero{min-height:214px}.profile-heading{font-size:60px}}

/* Character scenes and illustrated mode banners. */
.hero.hero-peek{min-height:270px;padding-top:28px;isolation:isolate}
.hero.hero-peek h1{font-size:clamp(54px,15.6vw,75px);line-height:1.08;letter-spacing:-2.5px;width:66%;pointer-events:none}
.hero.hero-peek .peek-art{width:57%;height:250px;object-fit:contain;object-position:right center;right:-2px;top:5px;z-index:3;filter:drop-shadow(-6px 9px 10px #11141214);transform:none;transform-origin:right center;animation:peek-in 900ms var(--ease) both}
.screen-edge{position:absolute;right:0;top:0;height:100%;width:5px;background:var(--paper);box-shadow:-3px 0 8px #11141212;z-index:2}
.spin-hero.spin-scene-card{padding:21px 20px 18px;min-height:352px;display:block;background:radial-gradient(ellipse at 65% 50%,#344024,transparent 65%),var(--ink)}
.spin-scene-card h2{font-size:33px;line-height:1.04;transform:none;width:auto;white-space:normal;color:var(--paper);letter-spacing:-.5px}
.spin-scene{position:relative;width:100%;height:200px;margin-top:-4px;isolation:isolate;pointer-events:none}
.spin-hero.spin-scene-card .wheel-host{position:absolute;width:53%;height:190px;object-fit:contain;right:-1%;bottom:-1px;transform:none;filter:drop-shadow(0 12px 9px #0006);transform-origin:60% 100%;animation:wheel-push 9s infinite;z-index:3}
.preview-wheel{position:absolute;width:150px;height:150px;left:4%;top:19px;filter:drop-shadow(0 9px 9px #0006)}
.wheel-disc{position:absolute;inset:0;border:7px solid #c3cbb9;border-radius:50%;background:conic-gradient(from -22.5deg,#d5ff3f 0 45deg,#2e3925 45deg 90deg,#f5f3ea 90deg 135deg,#26311e 135deg 180deg,#d5ff3f 180deg 225deg,#2e3925 225deg 270deg,#f5f3ea 270deg 315deg,#26311e 315deg);box-shadow:inset 0 0 0 3px #111412,0 0 0 2px #647253;animation:preview-wheel-spin 9s infinite}
.wheel-prize{position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);width:18px;height:18px;transform:rotate(calc(var(--i)*45deg)) translateY(-45px);color:#111412}
.wheel-prize:nth-child(even){color:var(--lime)}.wheel-prize svg{width:18px;height:18px;stroke-width:1.8}
.wheel-hub{position:absolute;width:31px;height:31px;left:calc(50% - 15.5px);top:calc(50% - 15.5px);border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#ccd3bc 40%,#758464 85%);border:3px solid #111412;box-shadow:0 3px 6px #0006}
.wheel-pointer{position:absolute;right:-7px;top:calc(50% - 9px);border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:21px solid #d5ff3f;filter:drop-shadow(-2px 2px 1px #0008);z-index:4;animation:pointer-tick 9s infinite}
.wheel-stand{position:absolute;top:80%;height:60px;width:37px;left:calc(50% - 18.5px);background:linear-gradient(90deg,#57664c,#c5cfb7,#637154);clip-path:polygon(35% 0,65% 0,70% 85%,100% 90%,100% 100%,0 100%,0 90%,30% 85%)}
.spin-scene-card .action{margin-top:4px}
.scene-tile{min-height:185px;background:#172017;color:var(--paper);padding:14px}
.scene-tile .tile-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;max-width:none;transition:transform .6s var(--ease)}
.scene-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b120b99,transparent 45%,#0b120b33);pointer-events:none}
.scene-tile h3{z-index:2;font-size:23px;max-width:none;position:absolute;left:13px;top:14px;text-shadow:0 2px 9px #000b}
.scene-tile .round-arrow{z-index:3;top:auto;bottom:12px;right:12px;background:var(--lime)}
.mode-banners{display:flex;flex-direction:column;gap:14px}
.mode-banner{position:relative;width:100%;height:226px;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;background:#1c251b;color:var(--paper);padding:22px;text-align:left;isolation:isolate;display:block}
.mode-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;transition:transform .8s var(--ease)}
.mode-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c130de6 0%,#0c130d7a 36%,transparent 70%);z-index:-1;pointer-events:none}
.mode-banner h2{position:relative;font-size:38px;line-height:1.05;letter-spacing:-.8px;max-width:60%;text-shadow:0 3px 12px #0007}
.mode-banner .round-arrow{position:absolute;bottom:19px;left:22px;width:34px;height:34px;background:var(--lime)}
.mode-banners .leader-link{margin-top:1px}
.catalog-ice{min-height:210px;background:radial-gradient(ellipse at 80% 30%,#576d5244,transparent),#1c281e}
.ice-banner-scene{position:absolute;right:5px;bottom:5px;width:205px;height:185px;transform:rotate(-8deg)}
.ice-block{position:absolute;width:75px;height:75px;border:1px solid #c2ffdf99;border-radius:13px;background:linear-gradient(135deg,#d4ffec88,#679f9c33 50%,#b4f0bb77);box-shadow:inset 5px 5px 0 #e9fff329,inset -5px -5px 0 #264b3b99,0 13px 15px #0003;transform:rotate(-8deg)}
.ice-block.one{left:15px;bottom:15px}.ice-block.two{left:101px;bottom:22px;transform:rotate(8deg)}.ice-block.three{left:65px;bottom:80px}
.pickaxe-shape{position:absolute;width:13px;height:117px;background:linear-gradient(90deg,#6a7f39,#d5ff3f,#7d9736);border-radius:5px;right:43px;top:5px;transform:rotate(32deg);box-shadow:3px 4px 6px #0005}
.pickaxe-shape:before{content:'';position:absolute;width:93px;height:30px;left:-40px;top:3px;background:linear-gradient(#eff5e7,#9ea898 55%,#526047);clip-path:polygon(0 85%,12% 38%,35% 0,65% 0,88% 38%,100% 85%,60% 42%,40% 42%)}
.catalog-rocket{bottom:18px;left:auto;right:38px;scale:.95}
.fire-sculpture .big-day{position:relative;z-index:2;font-size:190px;letter-spacing:-9px;padding-right:9px}.fire-sculpture .flame{left:calc(50% - 96px);z-index:1}
@keyframes peek-in{from{transform:translateX(55%) rotate(8deg);opacity:0}to{transform:translateX(0) rotate(0);opacity:1}}
@keyframes wheel-push{0%,5%,58%,100%{transform:translateX(0) rotate(0)}10%{transform:translateX(-8px) rotate(-4deg)}17%{transform:translateX(2px) rotate(2deg)}25%,50%{transform:translateX(0) rotate(0)}}
@keyframes preview-wheel-spin{0%,9%{transform:rotate(0);animation-timing-function:cubic-bezier(.12,.7,.04,1)}62%,100%{transform:rotate(1440deg)}}
@keyframes pointer-tick{0%,9%,62%,100%{transform:rotate(0)}12%,16%,20%,25%,31%,39%,48%,57%{transform:rotate(-13deg)}14%,18%,22%,28%,35%,43%,52%,60%{transform:rotate(0)}}
@media(max-width:370px){.hero.hero-peek{min-height:235px;padding-top:22px}.hero.hero-peek h1{font-size:53px;width:68%;letter-spacing:-2px}.hero.hero-peek .peek-art{height:225px;top:0;width:55%}.spin-hero.spin-scene-card{padding:18px 16px 16px;min-height:327px}.spin-scene-card h2{font-size:30px}.spin-scene{height:185px}.preview-wheel{width:135px;height:135px;left:1%;top:23px}.wheel-prize{transform:rotate(calc(var(--i)*45deg)) translateY(-39px)}.spin-hero.spin-scene-card .wheel-host{height:174px;right:-4%;width:56%}.mode-banner{height:205px;padding:18px}.mode-banner h2{font-size:33px}.mode-banner .round-arrow{left:18px;bottom:17px}.scene-tile{min-height:162px}.scene-tile h3{font-size:21px;left:10px}}
@media(prefers-reduced-motion:reduce){.hero.hero-peek .peek-art,.wheel-host,.wheel-disc,.wheel-pointer{animation:none!important}}

/* Illustrated mini games, collection disclosure, and application-wide themes. */
:root{--surface:#f5f3ea;--surface-raised:#efede3;--text:#111412;--muted:#666c60;--line:#d5d6ca;--accent-text:#49670e}
:root[data-theme="dark"]{--surface:#111412;--surface-raised:#20261e;--text:#f5f3ea;--muted:#aeb5a5;--line:#3c4436;--accent-text:#d5ff3f;background:#090d0a;color:var(--text)}
.app,.app.dark{background:var(--surface);color:var(--text);--line:inherit;--muted:inherit}
.app.dark{--line:#3c4436;--muted:#aeb5a5}
.app:not(.dark){--line:#d5d6ca;--muted:#666c60}
.app-header{background:var(--surface)}.screen-edge{background:var(--surface)}
.page-old,.page-old.was-dark{background:var(--surface);color:var(--text)}
.collect-card{background:var(--surface-raised);color:var(--text);border:1px solid var(--line)}
.collect-count{background:var(--surface);color:var(--text);border:1px solid var(--line)}
.collection-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-top:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-raised);color:var(--text);font-size:12px;font-weight:800}
.collection-toggle span{font-size:22px;font-weight:400;line-height:1}
.dark .reward-strip,.dark .streak-mini,.dark .referral,.dark .my-rank,.dark .streak-week{background:#20261e;border:1px solid var(--line)}
.dark .profile-top img{border-color:var(--line)}
.dark .action.black{background:var(--lime);color:var(--ink)}
.action.secondary{color:var(--text)}
.sheet{background:var(--surface);color:var(--text)}.sheet p{color:var(--muted)}
.sheet-close{background:var(--surface-raised);color:var(--text)}.sheet input{background:var(--surface-raised);color:var(--text);border-color:var(--line)}
[data-theme="dark"] .sheet .action.black{background:var(--lime);color:var(--ink)}
[data-theme="dark"] .sheet:before{background:#59654d}
[data-theme="dark"] .settings-row button{color:var(--text)}
.settings-theme{padding:10px 0 18px;border-bottom:1px solid var(--line);font-size:12px}
.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:12px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised)}
.theme-picker button{border:0;background:transparent;color:var(--muted);border-radius:8px;min-height:43px;font-size:12px;font-weight:800}
.theme-picker button[aria-pressed="true"]{background:var(--lime);color:var(--ink);box-shadow:0 3px 9px #0001}
.reel-window:before{background:linear-gradient(90deg,var(--surface),transparent)}.reel-window:after{background:linear-gradient(270deg,var(--surface),transparent)}
.reel-item small{color:var(--muted)}.reel-item{border-right-color:var(--line)}
.game-stat strong,.history-row strong.positive{color:var(--accent-text)}
.bet-chips button.active{color:var(--accent-text);border-color:var(--accent-text);background:#98b64214}
.game-board{color:var(--paper)}
.app:not(.dark) .game-toolbar{color:#59634e}
.app:not(.dark) .reel-center{border-color:#8d9c68}
.app:not(.dark) .reel-indicator.top{border-top-color:#809c28}.app:not(.dark) .reel-indicator.bottom{border-bottom-color:#809c28}
.app:not(.dark) .history-row strong.negative{color:#b84120}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.catalog-banner{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:1/1.12;border:1px solid #899e5666;border-radius:15px;overflow:hidden;text-align:left;color:#fff;background:#20331d;padding:14px}
.catalog-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--ease)}
.catalog-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#081a1199 0%,transparent 44%,#081a1122 80%,#081a1188 100%);pointer-events:none}
.catalog-banner h2,.catalog-banner h3{position:absolute;top:13px;left:14px;font-size:clamp(25px,7vw,33px);letter-spacing:-.5px;line-height:1;text-shadow:0 2px 7px #0008}
.catalog-banner-wide{aspect-ratio:2/1}.catalog-banner-wide h2{font-size:43px;top:18px;left:19px}
.catalog-banner .round-arrow{position:absolute;right:12px;bottom:12px;width:29px;height:29px;background:var(--lime);box-shadow:0 2px 9px #0004}
.catalog-banner .round-arrow svg{width:17px;height:17px}
.spin-hero.roulette-feature{min-height:332px;padding:21px 20px 18px;background:#141b13;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.roulette-feature .roulette-feature-art{position:absolute;inset:0;z-index:-2;overflow:hidden}
.spin-hero.roulette-feature img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:61% center;transform:none;animation:none;filter:none}
.roulette-feature:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0d150bd9 0%,#0d150b55 30%,transparent 55%,#0d150b66 82%,#0d150bd9 100%);pointer-events:none}
.spin-hero.roulette-feature h2{font-size:34px;letter-spacing:-.5px;line-height:1.03;color:var(--paper);transform:none;width:auto;white-space:normal;max-width:90%;text-shadow:0 3px 12px #0008}
.spin-hero.roulette-feature .action{margin-top:220px}
.roulette-glint{position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 43%,#f5ffcf22 48%,#fff3 50%,transparent 56%);transform:translateX(-120%);animation:roulette-light 9s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}
.fire-sculpture{height:290px;margin:0;isolation:isolate}
.streak-fire{position:absolute;width:250px;height:285px;object-fit:contain;left:50%;top:0;transform:translateX(-50%);z-index:0;filter:drop-shadow(0 6px 18px #ff8b1222);animation:streak-flare 3.2s ease-in-out infinite;transform-origin:50% 92%;pointer-events:none}
.fire-sculpture .big-day{font-size:174px;color:#17170f;position:relative;z-index:1;margin-top:61px;letter-spacing:-6px;padding-right:6px;line-height:1;text-shadow:0 1px 0 #ffeca266,0 3px 12px #ffcf5433}
.dark .fire-sculpture .big-day{color:#17170f}
@keyframes roulette-light{0%,55%{transform:translateX(-120%)}84%,100%{transform:translateX(120%)}}
@keyframes streak-flare{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(.98,1.025)}}
@media(max-width:370px){.catalog-grid{gap:10px}.catalog-banner{padding:11px}.catalog-banner h3{left:11px;font-size:26px}.catalog-banner-wide h2{font-size:38px}.spin-hero.roulette-feature{padding:18px 16px 16px;min-height:307px}.spin-hero.roulette-feature h2{font-size:30px}.spin-hero.roulette-feature .action{margin-top:190px}.fire-sculpture{height:265px}.streak-fire{width:235px;height:265px}.fire-sculpture .big-day{font-size:155px}}
@media(prefers-reduced-motion:reduce){.streak-fire,.roulette-glint{animation:none!important}}
.spin-hero.roulette-feature{height:345px;min-height:345px}
.roulette-feature .roulette-feature-art{inset:62px 0 65px}
.spin-hero.roulette-feature img{object-fit:contain;object-position:center bottom}
.spin-hero.roulette-feature .action{margin-top:0}
@media(max-width:370px){.spin-hero.roulette-feature{height:320px;min-height:320px}.roulette-feature .roulette-feature-art{inset:62px 0 62px}}

/* Streak v4: typography, compact flame emblem, seven day calendar. */
.streak-page .page-heading{padding-top:10px;padding-bottom:20px;align-items:center}
.streak-page .page-heading h1{font-size:clamp(42px,12vw,56px);letter-spacing:-1.5px;white-space:nowrap}
.streak-page .page-heading .icon-button{margin-top:0}
.streak-summary{padding:19px 21px 0;border-radius:20px;background:#111412;color:#f5f3ea;overflow:hidden;position:relative;border:1px solid #30372b}
.streak-summary-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;letter-spacing:1.6px;color:#b7bfb0}
.streak-emblem{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d5ff3f38;background:#d5ff3f0c;border-radius:12px;color:#d5ff3f;transform:rotate(7deg)}
.streak-emblem svg{width:25px;height:25px;stroke-width:1.35;fill:#d5ff3f18;animation:streak-breathe-v4 3.4s ease-in-out infinite;transform-origin:50% 85%}
.streak-counter{display:flex;gap:19px;align-items:center;padding:5px 0 22px;min-height:126px}
.streak-counter>strong{font-family:Display,'Arial Narrow',sans-serif;font-size:108px;font-weight:700;line-height:.95;letter-spacing:-4px;color:#d5ff3f;font-variant-numeric:tabular-nums;animation:streak-count-v4 .6s var(--ease) both}
.streak-counter>span{font-family:Display,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:1.02;font-size:32px;font-weight:700;letter-spacing:-.4px}
.streak-summary-bottom{border-top:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;font-size:11px;color:#b7bfb0}
.streak-summary-bottom strong{font-size:11px;color:#f5f3ea;display:flex;align-items:center;gap:5px}
.streak-summary-bottom svg{width:14px;height:14px;color:#d5ff3f}
.streak-block-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px}
.streak-block-title h2{font-size:23px;letter-spacing:-.3px}
.streak-block-title>span{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}
.streak-page .streak-week,.dark .streak-page .streak-week{border:0;background:transparent;margin:0;padding:0;border-radius:0}
.streak-page .week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0}
.streak-page .day-dot{min-width:0;color:var(--muted);font-size:9px;gap:8px}
.streak-page .day-dot i{width:100%;max-width:48px;height:auto;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);color:var(--muted);font-size:16px}
.streak-page .day-dot.done i{border-color:#a6cb25;background:var(--lime);color:var(--ink);animation:streak-day-v4 .5s var(--spring) backwards}
.streak-page .day-dot:nth-child(2) i{animation-delay:70ms}.streak-page .day-dot:nth-child(3) i{animation-delay:140ms}.streak-page .day-dot:nth-child(4) i{animation-delay:210ms}.streak-page .day-dot:nth-child(5) i{animation-delay:280ms}.streak-page .day-dot:nth-child(6) i{animation-delay:350ms}.streak-page .day-dot:nth-child(7) i{animation-delay:420ms}
.streak-milestone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.streak-milestone{border:1px solid var(--line);border-radius:14px;background:var(--surface-raised);padding:14px;min-width:0}
.streak-milestone.reached{border-color:#9ab238}
.streak-milestone-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;margin-bottom:14px}
.streak-milestone-top>span:last-child{width:22px;height:22px;display:grid;place-items:center;color:var(--muted)}
.streak-milestone-top svg{width:17px;height:17px}
.streak-milestone.reached .streak-milestone-top>span:last-child{background:var(--lime);color:var(--ink);border-radius:50%}
.streak-milestone>strong{display:block;font-family:Display,'Arial Narrow',sans-serif;font-size:34px;letter-spacing:-.6px;line-height:1}
.streak-milestone .amount{display:flex;align-items:center;gap:6px}
.streak-milestone .candy-symbol{width:25px;height:25px;margin:0}
.streak-milestone>small{display:block;font-size:9px;line-height:1.4;color:var(--muted);margin-top:9px}
.streak-track{height:4px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:13px}
.streak-track>span{display:block;width:var(--streak-progress);height:100%;border-radius:inherit;background:#91b422;transform-origin:left;animation:grow .9s var(--ease) both}
[data-theme="dark"] .streak-track>span{background:var(--lime)}
.streak-instruction{font-size:10px;line-height:1.6;color:var(--muted);margin:19px 0 12px;max-width:270px}
.streak-continue{margin-bottom:15px}
@keyframes streak-breathe-v4{0%,100%{transform:scale(1)}50%{transform:scale(.96,1.09)}}
@keyframes streak-count-v4{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes streak-day-v4{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
@media(max-width:370px){.streak-summary{padding:16px 17px 0;border-radius:17px}.streak-counter{gap:16px;min-height:112px;padding-bottom:17px}.streak-counter>strong{font-size:94px}.streak-counter>span{font-size:29px}.streak-page .week{gap:5px}.streak-page .day-dot i{border-radius:10px;font-size:14px}.streak-milestone{padding:12px}.streak-milestone>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.streak-page *{animation:none!important}}
.reduce-motion .streak-page *{animation:none!important}

.free-roulette-card{display:block;position:relative;isolation:isolate;width:calc(100% - 44px);margin:0 22px;padding:21px 20px 18px;border:1px solid #485136;border-radius:18px;background:radial-gradient(ellipse at 50% 55%,#344023,#141b13 68%);color:var(--paper);text-align:left;overflow:hidden}
.free-roulette-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:3}
.free-roulette-heading h2{font-size:34px;line-height:1.02;letter-spacing:-.7px}
.free-token{display:grid;place-items:center;width:35px;height:35px;flex-shrink:0;border-radius:50%;background:var(--lime);color:var(--ink)}
.free-token svg{width:19px;height:19px}
.free-roulette-scene{position:relative;isolation:isolate;width:min(100%,290px);aspect-ratio:1;margin:-9px auto -3px;pointer-events:none}
.free-machine-art{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:machine-arrive .9s var(--ease) both;filter:drop-shadow(0 10px 16px #0005)}
.free-reel-window{position:absolute;left:15%;top:60%;width:70%;height:20%;overflow:hidden;border-radius:8px;background:#111412;box-shadow:inset 0 0 12px #000b;isolation:isolate}
.free-reel-window:before,.free-reel-window:after{content:'';position:absolute;top:0;bottom:0;width:13%;pointer-events:none;z-index:2}.free-reel-window:before{left:0;background:linear-gradient(90deg,#111412,transparent)}.free-reel-window:after{right:0;background:linear-gradient(270deg,#111412,transparent)}
.free-reel-track{display:flex;width:600%;height:100%;animation:free-reel-spin 10s 1s infinite;will-change:transform}
.free-reel-item{display:grid;place-items:center;flex:0 0 calc(100% / 18);min-width:0;height:100%;padding:2px}
.free-reel-item .item-art{width:auto;height:95%;aspect-ratio:1;filter:drop-shadow(0 3px 3px #0005)}
.free-reel-selection{position:absolute;inset:2px 33.333%;border:1px solid #d5ff3f99;border-radius:7px;pointer-events:none;box-shadow:0 0 9px #d5ff3f15;z-index:3}
.free-roulette-card>.action{position:relative;z-index:3;margin:0;min-height:49px}
@keyframes machine-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes free-reel-spin{0%,10%{transform:translateX(0);animation-timing-function:cubic-bezier(.12,.65,.03,1)}70%,100%{transform:translateX(-66.6666667%)}}
.promo-label{display:block;font-size:11px;font-weight:800;margin:20px 0 9px;color:var(--text)}
.promo-password-wrap{position:relative}.promo-password-wrap input{padding-right:85px}.promo-password-wrap button{position:absolute;right:7px;top:7px;bottom:7px;border:0;border-radius:7px;background:var(--surface);padding:0 9px;font-size:10px;color:var(--text)}
.sheet .promo-demo{font-size:10px;line-height:1.5;margin:14px 0 18px;color:var(--muted)}
.sheet .promo-error{font-size:11px;color:#b53421;margin:10px 0 0}.sheet .promo-error[hidden]{display:none}[data-theme="dark"] .sheet .promo-error{color:#ff9e88}
.sheet input[aria-invalid="true"]{border-color:#bc654d}
body.reduce-motion .free-machine-art,body.reduce-motion .free-reel-track{animation:none!important}
@media(max-width:370px){.free-roulette-card{width:calc(100% - 32px);margin:0 16px;padding:18px 16px 16px}.free-roulette-heading h2{font-size:30px}.free-token{width:30px;height:30px}.free-reel-window{border-radius:6px}}
@media(prefers-reduced-motion:reduce){.free-machine-art,.free-reel-track{animation:none!important}}
.free-reel-window{left:12.5%;top:62.8%;width:75%;height:15.8%;border-radius:10px}
.free-machine-art{animation:none}.free-roulette-scene{animation:machine-arrive .9s var(--ease) both}
body.reduce-motion .free-roulette-scene{animation:none!important}
@media(prefers-reduced-motion:reduce){.free-roulette-scene{animation:none!important}}

/* Profile: three equal navigation buttons, complete collection and invited friends. */
.profile-menu{display:grid;gap:10px;margin:17px 0 8px}
.profile-menu .profile-menu-button{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;margin:0;padding:15px 16px;background:var(--surface-raised);color:var(--text);border:1px solid var(--line);border-radius:12px;text-align:left;font-size:13px;font-weight:800}
.profile-menu-button>svg{width:20px;height:20px;flex:none}
.profile-menu-button>span{flex:1;min-width:0}
.profile-menu-button>small{font-size:11px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}
.profile-menu-button>svg:last-child{width:17px;height:17px}
.profile-support{margin:20px auto}
.collection-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:3px 0 19px;color:var(--muted);font-size:12px}
.collection-summary strong{font-size:15px;color:var(--text)}
.collection-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.collection-modal-grid .collect-card{min-width:0;padding:11px}
.collection-modal-grid .collect-card .item-art{width:100%;max-width:150px}
.collection-modal-grid .collect-card strong{line-height:1.4;overflow-wrap:anywhere}
.collection-modal-grid .collect-count{z-index:1}
.profile-modal-empty{padding:18px 0 4px;text-align:center}
.profile-modal-empty .empty-line-icon{display:grid;place-items:center;width:66px;height:66px;margin:0 auto 19px;border:1px solid var(--line);border-radius:20px;background:var(--surface-raised);color:var(--accent-text)}
.profile-modal-empty .empty-line-icon svg{width:31px;height:31px}
.profile-modal-empty h3{font-size:25px;line-height:1.15;max-width:260px;margin:auto}
.profile-modal-empty p{max-width:260px;margin:12px auto 22px;font-size:12px}
.friends-summary{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9px;margin:17px 0 18px}
.friends-summary>div{background:var(--surface-raised);border:1px solid var(--line);border-radius:12px;padding:13px 12px;min-width:0}
.friends-summary small{display:block;color:var(--muted);font-size:9px;line-height:1.5}
.friends-summary strong{display:block;margin-top:6px;font-family:Display,sans-serif;font-size:30px;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.friends-summary .amount{white-space:normal}
.friends-summary .candy-symbol{width:23px;height:23px}
.friends-list{margin:0 0 20px}
.friend-entry{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.friend-initial{flex:none;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface-raised);display:grid;place-items:center;font-size:13px;font-weight:800}
.friend-copy{flex:1;min-width:0}
.friend-copy strong{display:block;font-size:12px;overflow-wrap:anywhere}
.friend-copy small{display:block;margin-top:4px;color:var(--muted);font-size:9px;line-height:1.4}
.friend-reward{flex:none;font-size:11px;font-weight:800;color:var(--accent-text)}
.friend-reward .candy-symbol{width:17px;height:17px}
.friends-empty{padding-top:9px}
@media(max-width:370px){.profile-menu .profile-menu-button{padding:14px;font-size:12px;gap:10px}.collection-modal-grid .collect-card{padding:8px}.friends-summary>div{padding:11px 9px}.friends-summary strong{font-size:26px}.friend-entry{gap:7px}.friend-initial{width:29px;height:29px}.friend-reward{font-size:10px}}

/* Task categories, recorded progress and invitation summary. */
.task-invite-v5{padding:20px;border-radius:21px;background:#d5ff3f;color:#111412;margin-bottom:24px}
.task-invite-heading{display:flex;align-items:center;gap:12px}.task-invite-heading>span{display:grid;place-items:center;flex:none;width:41px;height:41px;border:1px solid #11141235;border-radius:13px}.task-invite-heading small{font-size:8px;letter-spacing:1.2px;font-weight:800}.task-invite-heading h2{font-size:29px;line-height:1.1;margin-top:5px}
.task-invite-stats{display:grid;grid-template-columns:1fr 1fr;margin:21px 0 15px}.task-invite-stats>div{min-width:0}.task-invite-stats>div+div{padding-left:16px;border-left:1px solid #11141225}.task-invite-stats strong{display:block;font-size:24px;letter-spacing:-.8px;overflow-wrap:anywhere}.task-invite-stats small{display:block;margin-top:5px;font-size:10px;opacity:.66}.task-invite-stats .amount{white-space:normal}.task-invite-stats .candy-symbol{width:23px;height:23px}.task-invite-v5>p{font-size:11px;line-height:1.6;margin-bottom:16px}
.task-invite-actions{display:grid;grid-template-columns:1.1fr 1fr;gap:8px}.task-invite-actions .action{font-size:11px;min-height:43px;padding:10px 8px;background:#111412;color:#f5f3ea}.task-invite-actions .action.secondary{background:transparent;color:#111412;border-color:#11141245}.task-invite-actions svg{width:15px;height:15px}
.tasks-v5 .task-v5-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;border-radius:15px;background:#11141208;overflow:visible;margin:0}.task-v5-tabs button{min-width:0;white-space:normal;min-height:38px;padding:8px 5px;font-size:11px;border-radius:10px;flex:none}.tasks-v5 .task-v5-tabs button.active{background:#111412;color:#f5f3ea}.task-v5-category-note{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:15px 1px 17px;font-size:10px;line-height:1.6;color:var(--muted)}.task-v5-category-note strong{white-space:nowrap;font-size:11px;color:inherit}
.task-v5-card{border:1px solid var(--line);border-radius:17px;padding:17px;margin-bottom:11px;background:transparent}.task-v5-top{display:flex;align-items:flex-start;gap:12px}.task-v5-icon{flex:none;display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#11141207}.task-v5-icon svg{width:21px;height:21px}.task-v5-copy{min-width:0}.task-v5-copy strong{display:block;font-size:13px;line-height:1.45}.task-v5-copy p{font-size:10px;line-height:1.65;color:var(--muted);margin-top:6px}.task-v5-progress{display:flex;align-items:center;gap:13px;margin:16px 0 13px}.task-v5-progress .progress{flex:1;height:4px;background:#11141210;margin:0}.task-v5-progress .progress i{background:#87aa20}.task-v5-progress>span{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.task-v5-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-v5-reward{font-size:14px;font-weight:800}.task-v5-reward .candy-symbol{width:20px;height:20px}.task-v5-claimed .task-v5-icon{background:#d5ff3f;color:#111412}.task-v5-claimed .action:disabled{opacity:.7;background:transparent;border:1px solid var(--line);color:var(--muted)}.task-v5-demo-note{font-size:10px;line-height:1.7;color:var(--muted);padding:8px 2px 2px}
.dark .tasks-v5 .task-v5-tabs{background:#ffffff09}.dark .tasks-v5 .task-v5-tabs button.active{background:#d5ff3f;color:#111412}.dark .task-v5-icon{background:#ffffff0b}.dark .task-v5-progress .progress{background:#ffffff12}.dark .task-v5-progress .progress i{background:#d5ff3f}.dark .task-v5-claimed .task-v5-icon{background:#d5ff3f;color:#111412}
@media(max-width:370px){.task-invite-v5{padding:16px}.task-invite-heading{gap:10px}.task-invite-heading h2{font-size:26px}.task-invite-heading small{font-size:7px}.task-invite-stats strong{font-size:22px}.task-v5-card{padding:14px}.task-v5-copy strong{font-size:12px}.task-v5-copy p{font-size:10px}.task-v5-top{gap:10px}.task-v5-tabs button{font-size:10px}}

/* Raffle cards share the same prize, pool and participation layout in both states. */
.raffle-v5-card{padding:15px;border:1px solid var(--line);border-radius:21px;background:var(--surface-raised);color:var(--text);margin-bottom:16px;overflow:hidden}
.raffle-v5-demo{display:flex;justify-content:space-between;align-items:center;gap:9px;color:var(--muted);font-size:9px;margin-bottom:15px}
.raffle-v5-status{display:inline-flex;align-items:center;gap:5px;background:#d5ff3f;color:#243405;border-radius:20px;padding:5px 8px;font-weight:800}
.raffle-v5-status:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}
.raffle-v5-status.is-finished{background:transparent;border:1px solid var(--line);color:var(--muted)}
.raffle-v5-header{display:flex;align-items:center;gap:8px}
.raffle-v5-header>svg{width:20px;height:20px;color:var(--accent-text)}
.raffle-v5-header h2{font-size:24px;line-height:1.15;letter-spacing:-.5px;flex:1;min-width:0}
.raffle-v5-count{padding:4px 8px;border-radius:9px;border:1px solid var(--line);font-size:11px;font-weight:800;color:var(--accent-text)}
.raffle-v5-organizer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;line-height:1.5;margin:10px 0 15px}
.raffle-v5-organizer span{color:var(--muted)}
.raffle-v5-organizer strong{font-size:11px}
.raffle-v5-prizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.raffle-v5-prize{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}
.raffle-v5-prize-art{width:100%;aspect-ratio:1;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:3px;display:grid;place-items:center;margin-bottom:8px}
.raffle-v5-prize-art .item-art{width:100%;max-width:130px;filter:drop-shadow(0 4px 4px #0002)}
.raffle-v5-prize>strong{font-size:11px;line-height:1.35;min-height:29px;display:flex;align-items:center;justify-content:center}
.raffle-v5-prize>small{font-size:9px;color:var(--muted);margin:2px 0 4px}
.raffle-v5-value{font-size:12px;font-weight:800}
.raffle-v5-value .candy-symbol{width:17px;height:17px}
.raffle-v5-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0 10px}
.raffle-v5-stats>div{padding:13px 6px 11px;text-align:center;border:1px solid var(--line);border-radius:13px;background:var(--surface)}
.raffle-v5-stats small{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:10px;line-height:1.4}
.raffle-v5-stats small svg{width:15px;height:15px;color:var(--accent-text)}
.raffle-v5-stats strong{font-family:Display,sans-serif;font-size:25px;display:block;line-height:1.2;margin-top:7px;font-variant-numeric:tabular-nums}
.raffle-v5-participation{display:flex;align-items:center;justify-content:center;gap:10px;background:#d5ff3f29;border:1px solid #7f9c3455;border-radius:13px;padding:12px 8px;color:var(--accent-text)}
.raffle-v5-participation>svg{width:21px;height:21px}
.raffle-v5-participation>span{font-size:10px;line-height:1.4}
.raffle-v5-participation strong{display:block;font-size:14px;margin-top:2px}
.raffle-v5-card>.action{margin-top:10px;min-height:42px;font-size:11px}
.raffle-v5-disclaimer{font-size:10px;line-height:1.65;color:var(--muted);margin:15px 1px 23px}
.raffle-v5-rules{padding:5px 0 8px}
.raffle-v5-rules h2{font-size:26px;margin:14px 0}
.raffle-v5-rules p{font-size:12px;line-height:1.75;margin:10px 0;color:var(--muted)}
.raffle-v5-winners .list-row{min-width:0}
.raffle-v5-winners .row-title{min-width:0;overflow-wrap:anywhere}
.raffle-v5-winners .item-art{width:48px}
.raffle-v5-winners+.action{margin-top:12px}
.raffle-v5-ended{padding:25px 15px;border:1px solid var(--line);border-radius:20px;text-align:center}
.raffle-v5-ended h2{font-size:28px}
.raffle-v5-ended p{font-size:12px;color:var(--muted);line-height:1.7;margin:15px 0}
[data-theme="dark"] .raffle-v5-card{background:linear-gradient(145deg,#233021,#19231b);border-color:#40503a}
[data-theme="dark"] .raffle-v5-prize-art,[data-theme="dark"] .raffle-v5-stats>div{background:#121c15;border-color:#42503b}
@media(max-width:360px){.raffle-v5-card{padding:12px}.raffle-v5-header h2{font-size:21px}.raffle-v5-prizes{gap:6px}.raffle-v5-prize>strong{font-size:10px}.raffle-v5-stats strong{font-size:23px}.raffle-v5-organizer{font-size:9px}.raffle-v5-organizer strong{font-size:10px}}

/* Individual gift tracks, sized to the selected number of spins. */
.roulette-machine{--cell:92px;--gift:70px;--row:140px;padding:12px;background:linear-gradient(145deg,#183e2b,#0d2418);border:1px solid #426244;border-radius:23px;margin:0 0 15px;color:#f5f8ed;box-shadow:inset 0 1px 0 #ffffff0b}
.roulette-machine.rows-2{--cell:80px;--gift:57px;--row:114px}
.roulette-machine.rows-3{--cell:68px;--gift:48px;--row:96px}
.roulette-machine .reel-shell{height:var(--row);padding:12px 0;margin:0;background:#0b2015;border:1px solid #35533a;border-radius:19px;overflow:hidden;position:relative;box-shadow:none}
.roulette-machine .reel-shell+.reel-shell{margin-top:12px}
.roulette-machine .reel-window{height:100%;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);position:relative}
.roulette-machine .reel-track{display:flex;gap:9px;height:100%;width:max-content;align-items:stretch;will-change:transform}
.roulette-machine .reel-item{flex:0 0 var(--cell);width:var(--cell);height:100%;padding:5px 3px 8px;border-radius:15px;border:1px solid #3d5a3f;background:linear-gradient(155deg,#193726,#25391c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;opacity:1}
.roulette-machine .reel-item .item-art{width:var(--gift);height:var(--gift);margin:0;filter:drop-shadow(0 3px 5px #0004)}
.roulette-machine .reel-item small{font:800 11px Text,sans-serif;color:#f8f8eb;line-height:15px;margin:0}
.roulette-machine .reel-item .candy-symbol{width:14px;height:14px;margin-right:2px}
.roulette-machine .reel-indicator{left:50%;transform:translateX(-50%);border-left-width:7px;border-right-width:7px;z-index:5;filter:drop-shadow(0 0 5px #d5ff3f50)}
.roulette-machine .reel-indicator.top{top:-1px;border-top-width:9px}.roulette-machine .reel-indicator.bottom{bottom:-1px;border-bottom-width:9px}
.mini-referral-balance{display:flex;justify-content:space-between;align-items:center;padding:10px 0 14px;font-size:12px;color:var(--muted)}
.mini-referral-balance strong{color:var(--text);font-size:19px}.mini-invite{margin-top:13px}
.free-roulette-card.compact-free{display:block;min-height:0;padding:16px;margin:0 22px;width:calc(100% - 44px);background:#12271b;border:1px solid #3a5338;border-radius:20px;color:#f5f3ea;text-align:left;overflow:hidden}
.compact-free .free-roulette-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0;position:static}
.compact-free .free-roulette-heading h2{font-size:26px;line-height:1.05;letter-spacing:-.6px;color:#d5ff3f;max-width:none}
.compact-free .free-roulette-heading>span{font-size:10px;color:#c4cdb9;border:1px solid #536347;border-radius:20px;padding:6px 8px;white-space:nowrap}
.compact-free .home-reel-preview{--cell:81px;--gift:57px;--row:111px;border:0;box-shadow:none;background:none;padding:0;margin:0 0 12px}
.compact-free .action{min-height:43px;padding:10px;font-size:12px;margin:0;position:static}
.streak-summary-bottom{justify-content:flex-start;font-size:12px}.streak-bonus-receipt{text-align:center;color:var(--accent-text)!important;font-weight:800}
@media(max-width:350px){.roulette-machine{padding:9px;--cell:81px;--gift:60px;--row:128px}.roulette-machine.rows-3{--cell:60px;--gift:42px;--row:90px}.roulette-machine .reel-item small{font-size:10px}.compact-free .free-roulette-heading h2{font-size:22px}.free-roulette-card.compact-free{padding:12px}.compact-free .home-reel-preview{--cell:73px;--gift:51px;--row:104px}}