:root{
  --bg:#050b14;
  --bg2:#08111f;
  --panel:rgba(9,18,31,.78);
  --panel2:rgba(15,28,47,.68);
  --line:rgba(255,255,255,.095);
  --line-gold:rgba(248,196,90,.28);
  --text:#f7f4ea;
  --muted:#8fa1b8;
  --soft:#c5d0df;
  --gold:#f8c45a;
  --gold2:#fff1a6;
  --amber:#c77b22;
  --blue:#58a8ff;
  --violet:#aa7bff;
  --green:#5ce084;
  --red:#ff6d8c;
  --radius:28px;
  --shadow:0 24px 70px rgba(0,0,0,.42);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:#050b14;color:var(--text)}
body{display:flex;justify-content:center;overflow-x:hidden;background:
  radial-gradient(circle at 50% -7%, rgba(74,141,255,.2), transparent 30%),
  radial-gradient(circle at 100% 5%, rgba(248,196,90,.13), transparent 28%),
  linear-gradient(180deg,#07111d 0%,#08111f 42%,#050b14 100%)}
button,input{font:inherit}
button{border:0;color:inherit;cursor:pointer;background:transparent}
button:disabled{opacity:.58;cursor:not-allowed}
img{display:block;max-width:100%}
.app{position:relative;width:min(430px,100%);min-height:100vh;padding:18px 14px calc(96px + env(safe-area-inset-bottom));overflow:hidden;isolation:isolate}
.ambient{position:fixed;border-radius:50%;filter:blur(50px);pointer-events:none;z-index:-3;opacity:.26}
.ambient-a{top:-110px;left:calc(50% - 260px);width:270px;height:270px;background:#3d8cff}
.ambient-b{bottom:140px;right:calc(50% - 270px);width:250px;height:250px;background:#f8c45a;opacity:.14}
.stars-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:
  radial-gradient(circle at 17% 12%, rgba(255,244,185,.65) 0 1px, transparent 1.5px),
  radial-gradient(circle at 83% 15%, rgba(98,180,255,.45) 0 1px, transparent 1.5px),
  radial-gradient(circle at 72% 48%, rgba(255,220,110,.42) 0 1px, transparent 1.5px),
  radial-gradient(circle at 22% 68%, rgba(255,255,255,.36) 0 1px, transparent 1.5px),
  radial-gradient(circle at 50% 90%, rgba(255,220,110,.36) 0 1px, transparent 1.5px);
  opacity:.72}
.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-icon{width:52px;height:52px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}.brand h1{margin:0;color:#f9c95d;font-size:32px;line-height:.95;font-weight:1000;letter-spacing:-.055em;text-shadow:0 2px 0 rgba(255,255,255,.1),0 0 26px rgba(248,196,90,.26)}.brand p{margin:5px 0 0;color:#c9d3e2;font-size:13px;line-height:1.24}.icon-btn{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid var(--line);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,0,0,.22)}.icon-btn span{filter:drop-shadow(0 0 8px rgba(255,255,255,.25))}
.profile-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:10px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03)),rgba(4,10,19,.76);box-shadow:0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(20px)}
.profile-card:before{content:"";position:absolute;inset:1px;border-radius:23px;background:linear-gradient(90deg,rgba(248,196,90,.16),transparent 28%,rgba(88,168,255,.1));pointer-events:none}.avatar-wrap{position:relative;display:flex;align-items:center;gap:10px;z-index:1}.avatar{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:radial-gradient(circle at 40% 20%,rgba(248,196,90,.45),transparent 35%),linear-gradient(135deg,#221b3b,#0b1727);border:1px solid rgba(248,196,90,.38);box-shadow:0 0 24px rgba(157,114,255,.16), inset 0 0 0 1px rgba(255,255,255,.06);font-size:25px}.level-row{display:flex;align-items:center;gap:5px}.level-row b{font-size:15px}.level-chevron{color:#fff2b0;font-size:12px}.avatar-wrap small{color:var(--muted);font-size:11px}.mini-stats{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.mini-stat{min-width:68px;padding:8px 10px;border-radius:17px;background:rgba(11,20,34,.82);border:1px solid rgba(255,255,255,.08);text-align:center;box-shadow:inset 0 0 18px rgba(0,0,0,.22)}.mini-stat strong{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:19px;color:#fff}.mini-stat span{display:block;color:var(--muted);font-size:10px;margin-top:1px}.dust-stat img{display:inline;width:22px;height:22px;margin-right:2px;vertical-align:middle;filter:drop-shadow(0 0 8px rgba(248,196,90,.3))}.dust-stat strong{color:#ffe58e}
.screen{display:none;animation:screenIn .32s ease both}.screen.active{display:block}@keyframes screenIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.wheel-card,.vault-card,.accelerate-card,.task-block,.streak-card,.ref-hero,.levels,.dust-hero,.shop-grid,.prize-strip{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.078),rgba(255,255,255,.028)),radial-gradient(circle at 50% 0%,rgba(116,79,255,.13),transparent 45%),rgba(7,15,27,.74);box-shadow:var(--shadow);overflow:hidden}.wheel-card{padding:16px 14px 18px}.wheel-card:before,.vault-hero:before,.ref-hero:before,.dust-hero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(circle at 50% 0%,rgba(248,196,90,.2),transparent 40%);pointer-events:none;opacity:.9}.wheel-head,.section-top,.block-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.overline{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:900;margin-bottom:3px}.wheel-head h2,.section-top h2{margin:0;font-size:21px;line-height:1.1;letter-spacing:-.03em}.status-pill{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:8px 10px;border-radius:999px;color:#ffeeb1;background:rgba(248,196,90,.11);border:1px solid rgba(248,196,90,.24);font-size:11px;font-weight:800}.status-pill img{width:18px;height:18px}.wheel-stage{position:relative;width:min(348px,89vw);height:min(348px,89vw);margin:5px auto 14px;display:grid;place-items:center}.wheel-lights{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,220,106,.9) 0deg 2deg,transparent 2deg 15deg);filter:drop-shadow(0 0 8px rgba(248,196,90,.56));opacity:.88}.wheel{--seg:30deg;position:absolute;inset:12px;border-radius:50%;background:
 conic-gradient(from -15deg,
 rgba(248,196,90,.24) 0deg 30deg,
 rgba(88,168,255,.15) 30deg 60deg,
 rgba(124,91,255,.18) 60deg 90deg,
 rgba(248,196,90,.18) 90deg 120deg,
 rgba(255,255,255,.06) 120deg 150deg,
 rgba(88,168,255,.13) 150deg 180deg,
 rgba(248,196,90,.26) 180deg 210deg,
 rgba(124,91,255,.18) 210deg 240deg,
 rgba(248,196,90,.18) 240deg 270deg,
 rgba(88,168,255,.14) 270deg 300deg,
 rgba(255,255,255,.065) 300deg 330deg,
 rgba(248,196,90,.22) 330deg 360deg);
 border:1px solid rgba(248,196,90,.38);box-shadow:
 inset 0 0 0 10px rgba(3,8,15,.78),
 inset 0 0 0 12px rgba(248,196,90,.22),
 inset 0 0 45px rgba(0,0,0,.55),
 0 28px 55px rgba(0,0,0,.45),
 0 0 46px rgba(248,196,90,.15);
 transition:transform 4.7s cubic-bezier(.12,.74,.05,1);will-change:transform;overflow:hidden}
.wheel:before{content:"";position:absolute;inset:37px;border-radius:50%;border:1px solid rgba(255,255,255,.095);box-shadow:inset 0 0 36px rgba(4,8,16,.7)}.wheel:after{content:"";position:absolute;inset:12px;border-radius:50%;background:repeating-conic-gradient(from -15deg,rgba(255,255,255,.12) 0deg 1deg,transparent 1deg 30deg);opacity:.42}.wheel.spinning .wheel-item{filter:blur(.25px)}
.wheel-item{--angle:0deg;position:absolute;left:50%;top:50%;width:60px;height:72px;margin-left:-30px;margin-top:-36px;transform:rotate(var(--angle)) translateY(-116px) rotate(calc(-1 * var(--angle)));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;z-index:2;transition:filter .25s ease, transform .25s ease}.wheel-item img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 8px 9px rgba(0,0,0,.45)) drop-shadow(0 0 7px rgba(248,196,90,.18))}.wheel-item .wheel-label{display:inline-flex;align-items:center;gap:2px;font-size:10px;line-height:1;font-weight:900;color:#ffe286;text-shadow:0 2px 4px rgba(0,0,0,.7);padding:2px 4px;border-radius:8px;background:rgba(3,7,13,.28)}.wheel-item .wheel-label img{width:12px;height:12px;filter:none}.wheel-item.dust img{width:40px;height:40px}.wheel-item.ticket img{width:40px;height:40px}.wheel-item.active img{animation:activePrize .9s ease both;filter:drop-shadow(0 10px 12px rgba(0,0,0,.52)) drop-shadow(0 0 18px rgba(248,196,90,.72))}.wheel-item.active .wheel-label{color:#fff8cc;background:rgba(248,196,90,.16)}@keyframes activePrize{0%{transform:scale(1)}50%{transform:scale(1.18)}100%{transform:scale(1.06)}}
.pointer{position:absolute;top:-1px;left:50%;transform:translateX(-50%);z-index:7;width:56px;height:62px;display:grid;place-items:start center;filter:drop-shadow(0 12px 16px rgba(0,0,0,.45)) drop-shadow(0 0 14px rgba(248,196,90,.56))}.pointer span{display:block;width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:0;border-bottom:34px solid var(--gold);position:relative}.pointer span:after{content:"";position:absolute;left:-12px;top:5px;width:24px;height:18px;background:linear-gradient(180deg,#fff4b9,#e69c2e);clip-path:polygon(50% 100%,0 0,100% 0);opacity:.92}.wheel-center{position:absolute;width:104px;height:104px;border-radius:50%;z-index:5;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff8bb 0 9%,#f4bd43 25%,#8f5014 72%,#311605 100%);border:6px solid rgba(9,18,31,.9);box-shadow:0 0 0 2px rgba(248,196,90,.55),0 0 25px rgba(248,196,90,.28),inset 0 8px 18px rgba(255,255,255,.28),inset 0 -11px 17px rgba(0,0,0,.38)}.wheel-center span{font-size:52px;color:#fff8cf;text-shadow:0 2px 0 rgba(104,55,11,.5),0 0 18px rgba(255,242,173,.7)}.wheel-center:active{transform:scale(.98)}.wheel-caption{position:relative;margin:0 6px 14px;color:#f5ead0;font-size:15px;text-align:center;line-height:1.35}.primary-btn,.ghost-btn,.secondary-btn{position:relative;width:100%;min-height:54px;border-radius:18px;font-weight:950;letter-spacing:.01em;overflow:hidden}.primary-btn{background:linear-gradient(180deg,#ffd675 0%,#c98222 48%,#7a3e09 100%);border:1px solid rgba(255,235,157,.84);box-shadow:0 12px 30px rgba(195,121,28,.28),inset 0 2px 0 rgba(255,255,255,.32),inset 0 -7px 12px rgba(0,0,0,.18);color:#fff7da;text-shadow:0 2px 4px rgba(60,29,2,.52);font-size:17px}.primary-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.28) 45%,transparent 72%);transform:translateX(-120%);animation:buttonShine 4s ease-in-out infinite}@keyframes buttonShine{0%,52%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}.ghost-btn,.secondary-btn{display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(248,196,90,.24);color:#ffe3a0;font-weight:900}.ghost-btn.small{min-height:42px;border-radius:15px;font-size:14px;margin-top:10px}.hidden{display:none!important}
.mechanics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.mechanic{position:relative;padding:13px 12px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03)),rgba(8,16,28,.74);border:1px solid var(--line);min-height:92px;box-shadow:0 16px 42px rgba(0,0,0,.22);overflow:hidden}.mechanic:after{content:"";position:absolute;right:-18px;top:-18px;width:58px;height:58px;border-radius:50%;background:rgba(248,196,90,.08)}.mechanic span{font-size:24px;display:block;margin-bottom:6px}.mechanic b{display:block;font-size:13px;margin-bottom:3px}.mechanic small{display:block;color:var(--muted);font-size:11px;line-height:1.22}.section-top{margin:2px 2px 14px}.section-top .status-pill{margin-top:2px}.vault-hero{position:relative;height:232px;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 67%,rgba(248,196,90,.18),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(6,13,23,.75);box-shadow:var(--shadow);overflow:hidden;margin-bottom:12px}.vault-glow{position:absolute;left:50%;bottom:12px;width:210px;height:88px;border-radius:50%;transform:translateX(-50%);background:rgba(248,196,90,.28);filter:blur(28px);animation:pulseGlow 2.8s ease-in-out infinite}.chest-img{position:absolute;left:50%;bottom:0;width:330px;max-width:96%;transform:translateX(-50%);filter:drop-shadow(0 24px 28px rgba(0,0,0,.55))}.vault-gift-float{position:absolute;left:50%;top:54px;transform:translateX(-50%);width:74px;height:74px;display:grid;place-items:center;animation:floatGift 3.4s ease-in-out infinite}.vault-gift-float img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(0,0,0,.55)) drop-shadow(0 0 16px rgba(248,196,90,.52))}.vault-card,.accelerate-card,.task-block,.streak-card,.ref-hero,.levels,.dust-hero,.shop-grid,.prize-strip{padding:15px;margin-bottom:12px}.vault-card h3{margin:0 0 6px;font-size:21px}.vault-card p{margin:0;color:#c7d1df;line-height:1.42;font-size:14px}.timer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.timer-cell{border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(0,0,0,.18);padding:10px;text-align:center}.timer-cell b{display:block;font-size:20px;color:#ffe391}.timer-cell span{display:block;color:var(--muted);font-size:10px}.vault-actions{display:grid;gap:8px}.card-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.card-title span{font-size:22px}.card-title b{font-size:16px}@keyframes pulseGlow{0%,100%{opacity:.58;transform:translateX(-50%) scale(.92)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}@keyframes floatGift{0%,100%{transform:translateX(-50%) translateY(0) rotate(-2deg)}50%{transform:translateX(-50%) translateY(-10px) rotate(2deg)}}
.streak-card{padding:15px}.streak-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.streak-head b{display:block}.streak-head small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.chest-mini{font-size:34px;filter:drop-shadow(0 0 14px rgba(248,196,90,.35))}.week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.week-dot{height:38px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#9caac0;font-size:12px;font-weight:900;position:relative}.week-dot.done{color:#271800;background:linear-gradient(180deg,#ffe087,#b66c17);border-color:#ffe7a3;box-shadow:0 8px 20px rgba(248,196,90,.16)}.week-dot.special:after{content:"🎁";position:absolute;right:-3px;top:-8px;font-size:14px}.block-head h3{margin:0;font-size:18px}.block-head small{color:var(--muted);font-size:12px}.sponsor-list,.task-list{display:grid;gap:8px}.sponsor-card,.task-row{position:relative;width:100%;display:flex;align-items:center;gap:11px;min-height:64px;padding:10px 12px;border-radius:19px;background:rgba(9,19,33,.72);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);text-align:left;overflow:hidden}.sponsor-card:active,.task-row:active,.shop-item:active{transform:scale(.99)}.sponsor-card.done,.task-row.done{border-color:rgba(92,224,132,.34);background:linear-gradient(90deg,rgba(92,224,132,.11),rgba(9,19,33,.75))}.sponsor-card.opened{border-color:rgba(248,196,90,.24);background:linear-gradient(90deg,rgba(248,196,90,.08),rgba(9,19,33,.75))}.sponsor-logo,.task-icon{flex:0 0 auto;width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(248,196,90,.18),rgba(88,168,255,.12));border:1px solid rgba(255,255,255,.08);font-size:23px}.task-icon img{width:30px;height:30px}.sponsor-card span,.task-row span:nth-child(2){display:block;min-width:0}.sponsor-card b,.task-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sponsor-card small,.task-row small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.sponsor-card em,.task-row em{margin-left:auto;color:#ffe289;font-style:normal;font-size:13px;font-weight:900}.sponsor-card.done em,.task-row.done em{color:#7df4a0}.task-row.compact{min-height:58px;margin-top:7px}.task-row.compact em{color:#ffd77b}.task-row.compact.disabled{opacity:.55;pointer-events:none}#claimWelcomeBtn{margin-top:10px}
.ref-hero{padding:18px;text-align:center;background:radial-gradient(circle at 50% 18%,rgba(248,196,90,.24),transparent 45%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03)),rgba(7,15,27,.76)}.cup{width:92px;height:92px;margin:0 auto 12px;border-radius:31px;display:grid;place-items:center;font-size:55px;background:radial-gradient(circle at 50% 34%,rgba(255,231,143,.45),transparent 45%),rgba(9,18,31,.82);border:1px solid rgba(248,196,90,.28);box-shadow:0 0 35px rgba(248,196,90,.18)}.ref-hero h3{margin:0 0 7px;font-size:21px;line-height:1.12}.ref-hero p{margin:0 auto 16px;color:#c9d2e0;font-size:14px;line-height:1.38;max-width:300px}.ref-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:var(--soft);font-size:13px}.ref-progress-top b{color:#ffe28c}.progress{height:12px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.06);margin-bottom:14px}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffcf65,#a96b1c);box-shadow:0 0 18px rgba(248,196,90,.45)}.levels{display:grid;gap:9px}.level-row-ref{display:flex;align-items:center;gap:11px;min-height:62px;padding:9px 11px;border-radius:19px;background:rgba(9,19,33,.7);border:1px solid rgba(255,255,255,.08)}.level-row-ref.done{border-color:rgba(92,224,132,.32)}.level-row-ref.current{border-color:rgba(248,196,90,.36);background:linear-gradient(90deg,rgba(248,196,90,.12),rgba(9,19,33,.7))}.level-badge{width:42px;height:42px;border-radius:15px;background:rgba(248,196,90,.12);border:1px solid rgba(248,196,90,.24);display:grid;place-items:center;font-size:22px}.level-row-ref b{display:block;font-size:14px}.level-row-ref small{display:block;color:var(--muted);margin-top:1px}.level-row-ref em{margin-left:auto;font-style:normal;font-weight:900;color:#ffe28c}.info-dot{width:34px;height:34px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#dde8f4;font-weight:900}.dust-hero{display:flex;align-items:center;gap:14px;padding:16px}.dust-hero img{width:86px;height:86px;filter:drop-shadow(0 0 24px rgba(248,196,90,.3))}.dust-hero h3{margin:0 0 5px;font-size:22px}.dust-hero p{margin:0;color:#c8d3e0;line-height:1.35;font-size:14px}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shop-item{min-height:82px;border-radius:20px;padding:12px;text-align:left;background:rgba(9,19,33,.72);border:1px solid rgba(255,255,255,.08)}.shop-item b{display:block;font-size:14px;margin-bottom:7px}.shop-item small{color:#ffe08a}.prize-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.prize-row::-webkit-scrollbar{display:none}.prize-mini{flex:0 0 72px;text-align:center}.prize-mini .pic{height:56px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.prize-mini img{width:48px;height:48px;object-fit:contain}.prize-mini b{display:block;margin-top:5px;font-size:12px;color:#ffe08a}
.bottom-nav{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(410px,calc(100% - 20px));height:69px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(5,11,20,.82);box-shadow:0 -18px 40px rgba(0,0,0,.38),inset 0 0 0 1px rgba(255,255,255,.025);backdrop-filter:blur(20px);z-index:30}.nav-item{border-radius:18px;color:#8997ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.nav-item span{font-size:21px;filter:grayscale(.3)}.nav-item small{font-size:10px;font-weight:700}.nav-item.active{background:linear-gradient(180deg,rgba(248,196,90,.18),rgba(88,168,255,.08));color:#ffe39b;box-shadow:inset 0 0 0 1px rgba(248,196,90,.16)}.nav-item.active span{filter:drop-shadow(0 0 8px rgba(248,196,90,.42))}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:end center;padding:16px}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(406px,100%);border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(180deg,rgba(24,38,60,.96),rgba(6,12,22,.98));box-shadow:0 30px 90px rgba(0,0,0,.58);padding:20px;animation:modalIn .28s ease both;overflow:hidden}.modal-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 50% 0%,rgba(248,196,90,.22),transparent 38%);pointer-events:none}.modal-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);z-index:2;font-size:22px;color:#dbe6f3}.result-card{text-align:center}.result-art{position:relative;width:128px;height:128px;margin:5px auto 12px;border-radius:40px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(248,196,90,.28),transparent 60%),rgba(8,16,28,.72);border:1px solid rgba(248,196,90,.2);box-shadow:0 0 42px rgba(248,196,90,.13)}.result-art img{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.5)) drop-shadow(0 0 14px rgba(248,196,90,.32))}.modal-card h2{position:relative;margin:0 0 7px;font-size:24px}.modal-card p{position:relative;margin:0 0 18px;color:#c8d3df;line-height:1.42}.settings-card{text-align:left}.settings-card h2{margin-bottom:8px}.settings-list{position:relative;display:grid;gap:8px;margin:16px 0}.settings-list label{min-height:50px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.settings-list span{font-weight:800}.settings-list b{color:#ffe08a}.toast{position:fixed;left:50%;bottom:94px;transform:translate(-50%,20px);z-index:120;width:max-content;max-width:min(360px,calc(100% - 34px));padding:12px 14px;border-radius:16px;background:rgba(7,14,25,.92);border:1px solid rgba(248,196,90,.2);box-shadow:0 18px 50px rgba(0,0,0,.42);color:#fff0c1;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes modalIn{from{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.confetti{position:absolute;width:6px;height:10px;border-radius:2px;background:var(--gold);animation:confetti .92s ease-out forwards;z-index:20;pointer-events:none}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(380deg);opacity:0}}
@media (max-width:370px){.app{padding-left:10px;padding-right:10px}.brand h1{font-size:28px}.brand-icon{width:47px;height:47px}.wheel-stage{width:326px;height:326px}.wheel-item{transform:rotate(var(--angle)) translateY(-105px) rotate(calc(-1 * var(--angle)))}.wheel-item img{width:38px;height:38px}.wheel-center{width:92px;height:92px}.wheel-center span{font-size:46px}.mini-stat{min-width:62px}.mechanics-grid{gap:8px}.bottom-nav{width:calc(100% - 14px)}.nav-item small{font-size:9px}}
.wheel-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .18s ease;transform-origin:center}

/* v0.3 premium wheel and Telegram-ready store refinements */
body.debug .debug-only{display:grid!important}.debug-only{display:none!important}
.wheel-stage{width:min(358px,90vw);height:min(358px,90vw)}
.wheel-lights{inset:1px;background:repeating-conic-gradient(from 0deg,rgba(255,221,116,.92) 0deg 2.4deg,transparent 2.4deg 14.8deg);opacity:.84;filter:drop-shadow(0 0 10px rgba(248,196,90,.5))}
.wheel{inset:16px;background:
 radial-gradient(circle at 50% 50%,rgba(255,235,150,.10) 0 23%,rgba(8,14,26,.34) 24% 38%,transparent 39%),
 conic-gradient(from -15deg,
  rgba(245,184,68,.28) 0deg 30deg,
  rgba(20,45,76,.84) 30deg 60deg,
  rgba(46,36,89,.78) 60deg 90deg,
  rgba(136,81,29,.62) 90deg 120deg,
  rgba(14,28,51,.82) 120deg 150deg,
  rgba(37,60,93,.74) 150deg 180deg,
  rgba(245,184,68,.24) 180deg 210deg,
  rgba(43,34,92,.75) 210deg 240deg,
  rgba(125,74,28,.62) 240deg 270deg,
  rgba(18,43,72,.80) 270deg 300deg,
  rgba(12,24,43,.88) 300deg 330deg,
  rgba(212,151,55,.24) 330deg 360deg);
 border:1px solid rgba(255,214,120,.52);box-shadow:
 inset 0 0 0 8px rgba(5,10,18,.78),
 inset 0 0 0 10px rgba(255,216,117,.20),
 inset 0 0 52px rgba(0,0,0,.58),
 0 26px 60px rgba(0,0,0,.50),
 0 0 48px rgba(248,196,90,.18)}
.wheel:after{content:"";position:absolute;inset:10px;border-radius:50%;background:
 radial-gradient(circle at 50% 50%,transparent 0 34%,rgba(255,255,255,.055) 35% 35.8%,transparent 36.2%),
 radial-gradient(circle at 50% 50%,transparent 0 78%,rgba(255,218,125,.18) 79% 79.8%,transparent 80.5%);
 opacity:.85;z-index:1;pointer-events:none}
.wheel:before{z-index:1;inset:42px;border-color:rgba(255,255,255,.085);box-shadow:inset 0 0 40px rgba(3,7,14,.72)}
.wheel-item{width:54px;height:66px;margin-left:-27px;margin-top:-33px;transform:rotate(var(--angle)) translateY(-108px) rotate(calc(-1 * var(--angle)));z-index:4}
.wheel-face{position:relative;width:54px;height:64px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .18s ease;transform-origin:center;background:radial-gradient(circle at 50% 34%,rgba(255,225,128,.13),rgba(3,8,16,.08) 56%,transparent 72%)}
.wheel-face:before{content:"";position:absolute;inset:7px 7px 16px;border-radius:16px;background:rgba(1,6,13,.18);filter:blur(2px);z-index:-1;opacity:.65}
.wheel-item img{width:35px;height:35px;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.55)) drop-shadow(0 0 7px rgba(248,196,90,.24))}
.wheel-item.dust img{width:38px;height:38px}.wheel-item.ticket img{width:36px;height:36px}
.wheel-item .wheel-label{font-size:9.5px;line-height:1;font-weight:950;color:#ffe68c;text-shadow:0 2px 5px rgba(0,0,0,.75);padding:2px 4px;border-radius:8px;background:rgba(2,6,12,.42);border:1px solid rgba(255,221,123,.10)}
.wheel-item .wheel-label img{width:10px;height:10px;filter:none}.wheel-item.active .wheel-face{background:radial-gradient(circle at 50% 34%,rgba(255,231,141,.28),rgba(3,8,16,.12) 60%,transparent 74%)}
.wheel-item.active img{animation:activePrize .9s ease both;filter:drop-shadow(0 10px 12px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(248,196,90,.80))}.wheel-item.active .wheel-label{background:rgba(248,196,90,.18);border-color:rgba(255,236,166,.26)}
.pointer{top:-4px}.pointer span{border-left-width:17px;border-right-width:17px;border-bottom-width:32px}.wheel-caption{font-size:14.5px;color:#fff2d2}.wheel-card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),radial-gradient(circle at 50% 8%,rgba(248,196,90,.15),transparent 45%),radial-gradient(circle at 50% 35%,rgba(116,79,255,.14),transparent 55%),rgba(7,15,27,.78)}
.weekly-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:14px;border:1px solid rgba(248,196,90,.20);border-radius:22px;background:linear-gradient(135deg,rgba(248,196,90,.11),rgba(88,168,255,.06)),rgba(9,19,33,.74);box-shadow:0 18px 45px rgba(0,0,0,.24);overflow:hidden}.weekly-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 15% 0%,rgba(248,196,90,.20),transparent 38%);pointer-events:none}.weekly-main{position:relative;display:flex;align-items:center;gap:12px;min-width:0}.weekly-main img{width:54px;height:54px;filter:drop-shadow(0 0 16px rgba(248,196,90,.23))}.weekly-main b{display:block;font-size:16px}.weekly-main small{display:block;color:#c8d3e2;font-size:12px;line-height:1.32;margin-top:2px}.ticket-badge{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;padding:9px 10px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);font-weight:950;color:#ffe28c}
.case-store{display:grid;gap:10px;margin:10px 0}.case-card{position:relative;min-height:98px;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(255,255,255,.085);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028)),rgba(9,19,33,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);overflow:hidden}.case-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 0% 0%,rgba(248,196,90,.16),transparent 36%);pointer-events:none}.case-card.locked{opacity:.62}.case-media{position:relative;width:64px;height:64px;border-radius:21px;display:grid;place-items:center;background:radial-gradient(circle at 50% 38%,rgba(248,196,90,.22),transparent 62%),rgba(7,14,25,.82);border:1px solid rgba(248,196,90,.18);box-shadow:0 12px 28px rgba(0,0,0,.22)}.case-media img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45)) drop-shadow(0 0 9px rgba(248,196,90,.18))}.case-media .emoji{font-size:35px;filter:drop-shadow(0 0 12px rgba(248,196,90,.22))}.case-body{position:relative;min-width:0}.case-body b{display:block;font-size:14.5px}.case-body small{display:block;margin-top:3px;color:#9fb0c7;font-size:12px;line-height:1.26}.case-price{display:inline-flex;align-items:center;gap:3px;margin-top:7px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);font-size:11px;font-weight:900;color:#ffe28c}.case-price img{width:15px;height:15px}.case-buy{position:relative;min-width:78px;min-height:38px;border-radius:14px;background:linear-gradient(180deg,#ffd675 0%,#bd751e 55%,#7a3e09 100%);border:1px solid rgba(255,235,157,.72);box-shadow:0 10px 24px rgba(195,121,28,.21),inset 0 1px 0 rgba(255,255,255,.28);color:#fff7dc;font-size:12px;font-weight:950;text-shadow:0 2px 3px rgba(60,29,2,.45)}.case-buy:disabled{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.09);box-shadow:none;color:#9dabbd;text-shadow:none}.case-card.special{border-color:rgba(170,123,255,.25);background:linear-gradient(135deg,rgba(170,123,255,.14),rgba(248,196,90,.06)),rgba(9,19,33,.74)}
.settings-card .debug-only{margin-top:10px}
@media (max-width:370px){.wheel-stage{width:326px;height:326px}.wheel-item{transform:rotate(var(--angle)) translateY(-99px) rotate(calc(-1 * var(--angle)));width:50px;height:62px;margin-left:-25px;margin-top:-31px}.wheel-face{width:50px;height:60px}.wheel-item img{width:32px;height:32px}.case-card{grid-template-columns:56px 1fr;gap:10px}.case-buy{grid-column:1 / -1;width:100%}.case-media{width:56px;height:56px}.weekly-main img{width:48px;height:48px}}


/* v0.4 final clean premium wheel
   Goal: remove heavy radial separators that visually cut through gift icons.
   We keep soft colored sectors, outer premium rim and precise pointer targeting. */
.wheel-stage{
  width:min(352px,88vw);
  height:min(352px,88vw);
  margin:2px auto 14px;
}

.wheel-lights{
  inset:0;
  opacity:.95;
  filter:drop-shadow(0 0 12px rgba(248,196,90,.48));
  background:
    radial-gradient(circle at 50% 50%, transparent 0 78%, rgba(255,225,128,.28) 79%, transparent 80.5%),
    repeating-conic-gradient(from 0deg, rgba(255,218,111,.95) 0deg 1.6deg, transparent 1.6deg 15deg);
  -webkit-mask:radial-gradient(circle at 50% 50%, transparent 0 82%, #000 82.5% 100%);
  mask:radial-gradient(circle at 50% 50%, transparent 0 82%, #000 82.5% 100%);
}

.wheel{
  inset:18px;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,232,142,.11) 0 18%, rgba(255,232,142,.04) 19% 34%, transparent 35%),
    radial-gradient(circle at 50% 50%, transparent 0 69%, rgba(255,218,119,.11) 70%, transparent 72%),
    conic-gradient(from -15deg,
      rgba(244,185,74,.32) 0deg 30deg,
      rgba(21,45,76,.82) 30deg 60deg,
      rgba(47,38,94,.78) 60deg 90deg,
      rgba(133,83,35,.64) 90deg 120deg,
      rgba(16,31,55,.84) 120deg 150deg,
      rgba(40,63,98,.75) 150deg 180deg,
      rgba(244,185,74,.27) 180deg 210deg,
      rgba(43,36,94,.75) 210deg 240deg,
      rgba(126,75,30,.62) 240deg 270deg,
      rgba(19,44,73,.80) 270deg 300deg,
      rgba(12,25,46,.88) 300deg 330deg,
      rgba(214,153,57,.27) 330deg 360deg);
  border:1px solid rgba(255,218,126,.50);
  box-shadow:
    inset 0 0 0 7px rgba(5,10,18,.82),
    inset 0 0 0 9px rgba(255,217,119,.16),
    inset 0 0 44px rgba(0,0,0,.58),
    0 24px 58px rgba(0,0,0,.52),
    0 0 44px rgba(248,196,90,.16);
}

/* remove old spoke/separator overlay */
.wheel:after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 34%, rgba(255,255,255,.045) 35%, transparent 36.2%),
    radial-gradient(circle at 50% 50%, transparent 0 76%, rgba(255,221,133,.17) 77%, transparent 78.2%),
    radial-gradient(circle at 50% 50%, rgba(255,224,131,.05), transparent 62%);
  opacity:1;
}

.wheel:before{
  content:"";
  position:absolute;
  inset:44px;
  border-radius:50%;
  z-index:1;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 0 38px rgba(3,7,14,.74), 0 0 28px rgba(248,196,90,.05);
}

.wheel-item{
  width:48px;
  height:58px;
  margin-left:-24px;
  margin-top:-29px;
  transform:rotate(var(--angle)) translateY(-104px) rotate(calc(-1 * var(--angle)));
  z-index:5;
}

.wheel-face{
  width:48px;
  height:58px;
  border-radius:16px;
  background:transparent !important;
  gap:2px;
}

.wheel-face:before{display:none!important;}

.wheel-item img{
  width:31px;
  height:31px;
  object-fit:contain;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.58)) drop-shadow(0 0 8px rgba(248,196,90,.22));
}

.wheel-item.dust img{width:34px;height:34px;}
.wheel-item.ticket img{width:32px;height:32px;}

.wheel-item .wheel-label{
  font-size:9px;
  line-height:1;
  padding:2px 5px;
  border-radius:999px;
  background:rgba(2,7,14,.58);
  border:1px solid rgba(255,221,123,.13);
  box-shadow:0 4px 9px rgba(0,0,0,.22);
}

.wheel-item .wheel-label img{width:9px;height:9px;}

.wheel-item.active .wheel-face{
  background:radial-gradient(circle at 50% 40%, rgba(255,232,151,.20), transparent 64%) !important;
}

.pointer{top:-1px;}
.pointer span{
  border-left-width:16px;
  border-right-width:16px;
  border-bottom-width:31px;
}

@media (max-width:370px){
  .wheel-stage{width:326px;height:326px;}
  .wheel{inset:17px;}
  .wheel-item{
    width:46px;
    height:56px;
    margin-left:-23px;
    margin-top:-28px;
    transform:rotate(var(--angle)) translateY(-96px) rotate(calc(-1 * var(--angle)));
  }
  .wheel-face{width:46px;height:56px;}
  .wheel-item img{width:29px;height:29px;}
}

/* v0.7 cases + cleaner wheel */
.bottom-nav{grid-template-columns:repeat(6,1fr);height:72px}.nav-item span{font-size:19px}.nav-item small{font-size:9.3px}
.wheel-card:before{opacity:.35!important}.wheel{box-shadow:inset 0 0 0 7px rgba(5,10,18,.82),inset 0 0 0 9px rgba(255,217,119,.12),inset 0 0 24px rgba(0,0,0,.34),0 18px 40px rgba(0,0,0,.35),0 0 22px rgba(248,196,90,.08)!important}.wheel:after{display:none!important}.wheel:before{box-shadow:inset 0 0 18px rgba(3,7,14,.38)!important}.wheel-face{filter:none!important}.wheel-item img{filter:drop-shadow(0 5px 6px rgba(0,0,0,.42)) drop-shadow(0 0 5px rgba(248,196,90,.16))!important}.wheel-lights{opacity:.7!important;filter:drop-shadow(0 0 7px rgba(248,196,90,.35))!important}
.cases-hero{position:relative;display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;margin-bottom:12px;padding:16px;border:1px solid rgba(248,196,90,.18);border-radius:26px;background:linear-gradient(135deg,rgba(248,196,90,.12),rgba(88,168,255,.055)),rgba(8,17,30,.76);box-shadow:0 18px 48px rgba(0,0,0,.28);overflow:hidden}.cases-hero:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 8% 0%,rgba(248,196,90,.23),transparent 38%);pointer-events:none}.case-orbit{position:relative;width:82px;height:82px;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(248,196,90,.25),transparent 62%),rgba(7,14,25,.82);border:1px solid rgba(248,196,90,.18)}.case-orbit img{width:58px;height:58px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.42)) drop-shadow(0 0 15px rgba(248,196,90,.18))}.cases-hero h3{position:relative;margin:0 0 4px;font-size:18px}.cases-hero p{position:relative;margin:0;color:#c5d0df;font-size:12.5px;line-height:1.35}.case-inventory{display:grid;gap:10px}.inventory-case{position:relative;display:grid;grid-template-columns:68px 1fr auto;gap:12px;align-items:center;min-height:104px;padding:12px;border:1px solid rgba(255,255,255,.085);border-radius:23px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),rgba(8,17,30,.72);overflow:hidden}.inventory-case:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 0 0,rgba(248,196,90,.15),transparent 38%);pointer-events:none}.inventory-case.locked{opacity:.62}.inventory-case-media{position:relative;width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 50% 35%,rgba(248,196,90,.26),transparent 62%),rgba(5,11,20,.82);border:1px solid rgba(248,196,90,.18)}.inventory-case-media span{position:absolute;right:5px;top:4px;font-size:18px;z-index:2}.inventory-case-media img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.42))}.inventory-case-body{position:relative;min-width:0}.inventory-case-body b{display:block;font-size:15px}.inventory-case-body small{display:block;margin-top:3px;color:#aebbd0;font-size:12px;line-height:1.28}.inventory-case-body em{display:inline-flex;margin-top:7px;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);color:#ffe28c;font-size:11px;font-style:normal;font-weight:900}
.case-open-card{overflow:hidden}.case-open-title{text-align:center;position:relative;margin-bottom:12px}.case-open-title h2{margin:0}.case-reel-window{position:relative;height:104px;margin:8px 0 16px;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)),rgba(4,10,19,.84);border:1px solid rgba(248,196,90,.18);box-shadow:inset 0 0 32px rgba(0,0,0,.38)}.case-reel-pointer{position:absolute;z-index:4;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,#ffe28c,transparent);box-shadow:0 0 14px rgba(248,196,90,.7)}.case-reel-track{position:absolute;left:50%;top:14px;display:flex;gap:10px;transform:translateX(-48px)}.case-reel-track.rolling{animation:caseRoll 2.25s cubic-bezier(.1,.74,.08,1) forwards}.case-reel-item{width:74px;height:74px;flex:0 0 auto;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle at 50% 38%,rgba(248,196,90,.22),transparent 62%),rgba(7,15,27,.82);border:1px solid rgba(255,255,255,.08)}.case-reel-item img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.45))}.case-open-result{position:relative;text-align:center;min-height:58px;margin-bottom:14px}.case-open-result b{display:block;color:#fff2c2;font-size:18px}.case-open-result small{display:block;margin-top:5px;color:#c7d2df;line-height:1.35}@keyframes caseRoll{from{transform:translateX(0)}to{transform:translateX(-1320px)}}
.vault-list-title{margin:14px 0 8px;color:#ffe28c;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.vault-gift-list{display:grid;gap:8px}.vault-gift-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:8px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.vault-gift-row.active{border-color:rgba(248,196,90,.2);background:rgba(248,196,90,.06)}.vault-gift-row img{width:40px;height:40px;object-fit:contain}.vault-gift-row b{display:block;font-size:12.5px}.vault-gift-row small{display:block;color:#aab7ca;font-size:11px;margin-top:2px}.vault-gift-row em{font-style:normal}
@media (max-width:370px){.bottom-nav{grid-template-columns:repeat(6,1fr);gap:2px}.nav-item span{font-size:17px}.nav-item small{font-size:8px}.inventory-case{grid-template-columns:58px 1fr}.inventory-case .case-buy{grid-column:1/-1;width:100%}.cases-hero{grid-template-columns:68px 1fr}.case-orbit{width:64px;height:64px}.case-orbit img{width:46px;height:46px}}