:root{--bg0:#070A12;--bg1:#0B1220;--card: rgba(255,255,255,.06);--card2: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--accent: #ffd36a;--accent2: #7dd3fc;--danger: #fb7185;--ok: #86efac;--shadow: 0 16px 50px rgba(0,0,0,.55);--radius: 18px}*{box-sizing:border-box}html,body{--h: 48;height:100%}body{--h: 48;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(900px 500px at 20% 0%,rgba(255,211,106,.14),transparent 60%),radial-gradient(800px 400px at 90% 20%,rgba(125,211,252,.12),transparent 60%),radial-gradient(1200px 800px at 50% 110%,rgba(56,189,248,.08),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:inherit}.container{max-width:720px;margin:0 auto;padding:16px 16px 86px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}.badges{display:flex;gap:10px;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.badge b{font-size:14px}.muted{color:var(--muted)}.h1{margin:14px 0 10px;font-size:20px;letter-spacing:.2px}.panel{margin-top:14px;padding:14px;border-radius:var(--radius);background:var(--card);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.block{height:92px;border-radius:16px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #00000059;position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.block:active{transform:scale(.98)}.block.disabled{opacity:.45;cursor:not-allowed}.shine{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.25),transparent 55%);transform:rotate(20deg);opacity:.35}.block .label{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffffffc7}.btnRow{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.btn{padding:10px 12px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer}.btn.primary{background:#ffd36a26;border-color:#ffd36a59}.btn.danger{background:#fb71851f;border-color:#fb718559}.nav{position:fixed;left:0;right:0;bottom:0;padding:10px 12px;background:#080c16bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08)}.navInner{max-width:720px;margin:0 auto;display:flex;gap:10px}.tab{flex:1;padding:10px 12px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-align:center;cursor:pointer;font-size:14px}.tab.active{background:#ffd36a26;border-color:#ffd36a59}.toast{margin-top:10px;padding:10px 12px;border-radius:14px;background:#ffffff12;border:1px solid rgba(255,255,255,.1)}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(560px,100%);border-radius:18px;background:#0a101eeb;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);padding:16px}.modal h2{margin:0 0 8px}.list{display:flex;flex-direction:column;gap:10px}.itemCard{padding:12px;border-radius:16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.itemCard .row{display:flex;justify-content:space-between;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:12px;color:#ffffffd1}.crack{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(120px 80px at 30% 30%,rgba(255,255,255,.22),transparent 60%),radial-gradient(140px 90px at 70% 60%,rgba(255,211,106,.18),transparent 65%),linear-gradient(135deg,transparent 0 40%,rgba(255,255,255,.18) 45%,transparent 52%),linear-gradient(45deg,transparent 0 55%,rgba(255,255,255,.15) 60%,transparent 70%);filter:blur(.2px);transform:scale(1.05);transition:opacity .24s ease}.crack.show{opacity:.9}.container{--a1: hsla(var(--h), 90%, 70%, .22);--a2: hsla(calc(var(--h) + 120), 85%, 65%, .18);--a3: hsla(calc(var(--h) + 240), 85%, 65%, .12)}.block{background:radial-gradient(140px 90px at 30% 20%,rgba(255,255,255,.12),transparent 55%),radial-gradient(120px 70px at 80% 60%,var(--a1),transparent 60%),radial-gradient(160px 90px at 40% 90%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,#ffffff1a,#ffffff0a)}.block.opening{animation:blockHit .42s ease-out}@keyframes blockHit{0%{transform:translateY(0) scale(1)}20%{transform:translateY(2px) scale(.96)}45%{transform:translateY(-2px) scale(1.01)}to{transform:translateY(0) scale(1)}}.block.opening:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.2),transparent 55%),radial-gradient(circle at 55% 60%,rgba(255,211,106,.18),transparent 60%),radial-gradient(circle at 30% 70%,rgba(255,255,255,.12),transparent 65%);animation:dust .52s ease-out forwards;pointer-events:none}@keyframes dust{0%{opacity:0;transform:scale(.9) rotate(0)}15%{opacity:1}to{opacity:0;transform:scale(1.15) rotate(12deg)}}.rarity-common{border-color:#ffffff1f!important}.rarity-rare{border-color:hsla(calc(var(--h) + 40),90%,70%,.55)!important}.rarity-epic{border-color:hsla(calc(var(--h) + 140),90%,70%,.55)!important}.rarity-legendary{border-color:hsla(calc(var(--h) + 220),90%,70%,.7)!important}.rarity-mythic{border-color:#ffd36ad9!important;box-shadow:0 14px 40px #ffd36a1a,0 10px 25px #00000059}.revealCard{width:min(260px,86vw);border-radius:18px;background:#0a101eeb;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 55px #0000008c;padding:14px 14px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.revealIcon{font-size:28px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.revealText{font-weight:800;letter-spacing:.6px;font-size:12px;opacity:.92}.collapseOverlay{animation:screenShake .65s ease-out}@keyframes screenShake{0%{transform:translate(0)}10%{transform:translate(-6px,3px)}20%{transform:translate(5px,-3px)}35%{transform:translate(-4px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,1px)}to{transform:translate(0)}}.block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 55%),radial-gradient(160px 120px at 30% 10%,rgba(255,255,255,.1),transparent 60%),radial-gradient(140px 90px at 80% 70%,rgba(0,0,0,.22),transparent 60%);mix-blend-mode:screen;opacity:.55;pointer-events:none}.block:after{border-radius:16px}.block{transform-style:preserve-3d}.block:hover{transform:translateY(-1px)}.crack{opacity:0;transition:opacity .24s ease,filter .24s ease}.crack.stage-1{opacity:.3;filter:blur(.3px)}.crack.stage-2{opacity:.55;filter:blur(.15px)}.crack.stage-3{opacity:.8;filter:blur(0px)}.crack.show{opacity:.95}.texture-0{background-image:radial-gradient(140px 90px at 30% 20%,rgba(255,255,255,.12),transparent 55%),radial-gradient(120px 70px at 80% 60%,var(--a1),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.04) 0 6px,transparent 6px 12px),linear-gradient(180deg,#ffffff1a,#ffffff0a)}.texture-1{background-image:radial-gradient(160px 100px at 70% 25%,rgba(255,255,255,.1),transparent 60%),radial-gradient(120px 70px at 20% 70%,var(--a2),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 7px,transparent 7px 14px),linear-gradient(180deg,#ffffff1a,#ffffff0a)}.texture-2{background-image:radial-gradient(160px 100px at 40% 15%,rgba(255,255,255,.12),transparent 60%),radial-gradient(120px 70px at 80% 80%,var(--a3),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 5px,transparent 5px 10px),linear-gradient(180deg,#ffffff1a,#ffffff0a)}.rarity-rare{box-shadow:0 0 #0000;animation:glowRare 2.4s ease-in-out infinite}.rarity-epic{animation:glowEpic 2.1s ease-in-out infinite}.rarity-legendary{animation:glowLeg 1.9s ease-in-out infinite}.rarity-mythic{animation:glowMyth 1.7s ease-in-out infinite}@keyframes glowRare{0%,to{box-shadow:0 10px 25px #00000059}50%{box-shadow:0 12px 34px hsla(calc(var(--h) + 40),90%,70%,.18),0 10px 25px #00000059}}@keyframes glowEpic{0%,to{box-shadow:0 10px 25px #00000059}50%{box-shadow:0 12px 38px hsla(calc(var(--h) + 140),90%,70%,.22),0 10px 25px #00000059}}@keyframes glowLeg{0%,to{box-shadow:0 10px 25px #00000059}50%{box-shadow:0 14px 44px hsla(calc(var(--h) + 220),90%,70%,.26),0 10px 25px #00000059}}@keyframes glowMyth{0%,to{box-shadow:0 10px 25px #00000059}50%{box-shadow:0 16px 52px #ffd36a38,0 10px 25px #00000059}}.pickaxe{position:absolute;width:72px;height:72px;right:-10px;top:-6px;opacity:0;transform:rotate(-30deg) translateY(-8px);pointer-events:none;background:radial-gradient(20px 20px at 50% 30%,rgba(255,255,255,.18),transparent 70%),linear-gradient(90deg,#ffffff38,#ffffff0f);border-radius:20px;filter:blur(.1px);-webkit-mask-image:radial-gradient(circle at 30% 30%,black 40%,transparent 60%);mask-image:radial-gradient(circle at 30% 30%,black 40%,transparent 60%)}.pickaxe.show{opacity:1;animation:pickaxeHit .42s ease-out forwards}@keyframes pickaxeHit{0%{transform:rotate(-35deg) translateY(-10px) translate(8px);opacity:0}20%{opacity:1}55%{transform:rotate(25deg) translateY(14px) translate(-10px)}to{transform:rotate(-10deg) translateY(-6px) translate(4px);opacity:0}}.eventBanner{margin-top:10px;padding:10px 12px;border-radius:16px;background:linear-gradient(90deg,#ffd36a24,#7dd3fc1a);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 44px #00000040}