@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Russo+One&display=swap";:root{color-scheme:light;--bg-1: #f4f1ea;--bg-2: #fef7e6;--ink: #1d1a14;--muted: #6f6557;--accent: #ff7a1a;--accent-2: #3d7a6b;--card: rgba(255, 255, 255, .78);--stroke: rgba(29, 26, 20, .12);--shadow: 0 16px 40px rgba(27, 24, 20, .14);--glow-1: #ffd19a;--glow-2: #b9e7d8;--bg-image: none;--bg-overlay: rgba(0, 0, 0, .22)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(var(--bg-overlay),var(--bg-overlay)),var(--bg-image) center / cover fixed,radial-gradient(circle at top,rgba(253,242,210,.7),transparent 55%),linear-gradient(145deg,var(--bg-1),var(--bg-2));min-height:100vh}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(0px);opacity:.5;z-index:-1}body:before{mix-blend-mode:screen}body:before{width:360px;height:360px;left:-120px;top:120px;background:radial-gradient(circle,var(--glow-1),transparent 70%)}body:after{width:420px;height:420px;right:-160px;bottom:80px;background:radial-gradient(circle,var(--glow-2),transparent 70%)}#app{max-width:430px;margin:0 auto;padding:20px 18px 96px}.app-shell{display:flex;flex-direction:column;gap:18px}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{font-family:Russo One,Manrope,sans-serif;font-size:22px;letter-spacing:.6px}.badge{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-2);font-weight:700}.hero{background:var(--card);border:1px solid var(--stroke);border-radius:20px;padding:16px;box-shadow:var(--shadow);display:grid;gap:12px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 10px;border-radius:999px;background:#ffffffb3;border:1px solid var(--stroke);font-size:12px;color:var(--ink)}.hero-title{font-size:18px;font-weight:700}.hero-sub{color:var(--muted);font-size:13px}.balance-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.balance-chip{background:#fff9;border-radius:14px;padding:12px 10px;border:1px solid var(--stroke);text-align:center}.balance-chip strong{display:block;font-size:16px}.balance-chip span{color:var(--muted);font-size:12px}.card{background:var(--card);border:1px solid var(--stroke);border-radius:18px;padding:14px;display:grid;gap:10px}.card h3{margin:0;font-size:16px}.card p{margin:0;color:var(--muted);font-size:13px}.card-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border:none;border-radius:14px;padding:10px 16px;font-weight:700;cursor:pointer;background:var(--accent);color:#1d140c;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 10px 20px #ff7a1a47}.button.secondary{background:#1d1a14;color:#fff5e6;box-shadow:0 10px 20px #1d1a1433}.button.ghost{background:transparent;border:1px solid var(--stroke);color:var(--ink);box-shadow:none}.button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button:active{transform:translateY(1px) scale(.99)}.loot-list{display:flex;gap:8px;flex-wrap:wrap}.loot-chip{padding:6px 10px;border-radius:999px;border:1px dashed var(--stroke);font-size:12px;background:#fff9}.spin-wrap{position:relative;width:220px;height:220px;margin:0 auto 12px}.spin-wheel{width:100%;height:100%;border-radius:50%;border:8px solid var(--card);box-shadow:var(--shadow);position:relative;transition:transform 2s cubic-bezier(.08,.86,.24,1);overflow:hidden}.spin-wheel span{position:absolute;left:50%;top:50%;transform-origin:0 0;font-size:12px;font-weight:700;color:var(--ink)}.spin-pointer{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid var(--accent);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));z-index:2}.empty{color:var(--muted);font-size:13px}.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:min(430px,calc(100% - 24px));background:#ffffffe6;border:1px solid var(--stroke);border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-btn{background:transparent;border:none;padding:8px 6px;font-size:12px;font-weight:700;color:var(--muted);border-radius:12px;cursor:pointer}.nav-btn.active{color:var(--ink);background:#ff7a1a29}.list{display:grid;gap:8px}.rank-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;background:#ffffffa6;border:1px solid var(--stroke);border-radius:12px;padding:10px 12px}.rank-row.highlight{border-color:#ff7a1a99;background:#ffe5c499}.progress{position:relative;height:10px;background:#1d1a1414;border-radius:999px;overflow:hidden}.progress .progress-fill{display:block;height:100%;background:linear-gradient(90deg,#ff7a1a,#ffb37a);width:0}.progress-mark{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#ffffffbf;border:1px solid var(--stroke)}.progress-mark.active{background:var(--accent);box-shadow:0 0 0 3px #ff7a1a33}.checkin-progress{display:grid;gap:6px}.progress-labels{position:relative;height:16px;font-size:10px;color:var(--muted)}.progress-label{position:absolute;transform:translate(-50%);white-space:nowrap}.progress-label.active{color:var(--ink);font-weight:700}.history{display:grid;gap:8px}.history-item{padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#fff9}.history-item strong{display:block;font-size:13px}.history-item span{font-size:12px;color:var(--muted)}.toast-stack{position:fixed;top:20px;left:50%;transform:translate(-50%);display:grid;gap:8px;z-index:20}.toast{background:#1d1a14;color:#fff5e6;padding:10px 14px;border-radius:12px;font-size:13px;box-shadow:var(--shadow)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#110f0c80;display:flex;align-items:center;justify-content:center;z-index:30;padding:16px}.modal-card{background:#fffaf0;border-radius:24px;padding:22px;width:min(340px,100%);text-align:center;border:1px solid var(--stroke);box-shadow:var(--shadow)}.lootbox{width:160px;height:160px;margin:0 auto 12px;background:linear-gradient(145deg,#ffad5c,#ff7a1a);border-radius:22px;position:relative;display:grid;place-items:center;color:#1d140c;font-weight:700;letter-spacing:1px}.lootbox:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:16px;border:2px dashed rgba(255,255,255,.7)}.lootbox.opening{animation:chest-open .9s ease-in-out}@keyframes chest-open{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.08) rotate(-4deg)}60%{transform:scale(.95) rotate(3deg)}to{transform:scale(1) rotate(0)}}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:25}.confetti span{position:absolute;width:8px;height:12px;background:hsl(var(--hue),80%,60%);left:calc(var(--x) * 1%);top:-20px;animation:confetti-fall 1s ease-in forwards;animation-delay:calc(var(--delay) * 1ms)}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(260deg)}}.rules{background:#ffffffa6;border:1px dashed var(--stroke);border-radius:14px;padding:12px;font-size:13px;color:var(--muted);display:grid;gap:6px}@media (max-width: 380px){.balance-mini{grid-template-columns:1fr}.bottom-nav{grid-template-columns:repeat(2,1fr)}}