@font-face{font-family:Fredoka One;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/fredoka-one-400.woff2) format("woff2")}@font-face{font-family:Nunito;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/nunito-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/nunito-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC}@font-face{font-family:Nunito;font-style:normal;font-weight:100 900;font-display:block;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC}:root{--bg-cream: #F5EDD8;--bg-card: #FFF8EC;--bg-card-dark: #EDE0C4;--bg-nav: #F0E2C0;--brown-dark: #3D1F00;--brown-mid: #6B3A1F;--brown-light: #9C6840;--brown-border: #C4935A;--brown-soft: #D4B896;--green-btn: #4CAF50;--green-btn-dark: #388E3C;--green-btn-light: #66BB6A;--gold: #F5A623;--gold-light: #FFD166;--gold-dark: #C47D0E;--text-dark: #3D1F00;--text-mid: #6B3A1F;--text-light: #9C7A5A;--text-muted: #BFA080;--shadow-card: 0 4px 12px rgba(61, 31, 0, .12);--shadow-btn: 0 4px 8px rgba(61, 31, 0, .25);--shadow-nav: 0 -2px 16px rgba(61, 31, 0, .12)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg-cream);color:var(--text-dark);font-family:Nunito,sans-serif;font-weight:400;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 20%,rgba(164,120,72,.06) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(164,120,72,.06) 0%,transparent 50%);pointer-events:none;z-index:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:var(--brown-soft);border-radius:4px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounce-in{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes reward-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}70%{transform:translate(-50%,-50%) scale(.95)}to{transform:translate(-50%,-80%) scale(1);opacity:0}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin-wheel{0%{transform:rotate(var(--spin-from, 0deg))}to{transform:rotate(var(--spin-to, 1800deg))}}@keyframes prize-pop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-10deg);opacity:0}55%{transform:translate(-50%,-50%) scale(1.18) rotate(3deg);opacity:1}75%{transform:translate(-50%,-50%) scale(.94) rotate(-1deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}}@keyframes prize-exit{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.8);opacity:0}}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(120px) rotate(720deg);opacity:0}}@keyframes coin-burst{0%{transform:translate(var(--cx,0px),var(--cy,0px)) scale(0);opacity:1}60%{opacity:1}to{transform:translate(var(--cx,0px),calc(var(--cy,0px) + 60px)) scale(.4);opacity:0}}@keyframes wheel-glow{0%,to{box-shadow:0 0 #f5a62300}50%{box-shadow:0 0 32px 8px #f5a6238c}}@keyframes pointer-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}.stagger-1{animation:slide-up .4s ease-out .05s both}.stagger-2{animation:slide-up .4s ease-out .1s both}.stagger-3{animation:slide-up .4s ease-out .15s both}.stagger-4{animation:slide-up .4s ease-out .2s both}.stagger-5{animation:slide-up .4s ease-out .25s both}.card{background:var(--bg-card);border:2px solid var(--brown-border);border-radius:20px;box-shadow:var(--shadow-card)}.bone-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card-dark);border:2px solid var(--brown-border);border-radius:24px;padding:6px 14px;font-family:Fredoka One,cursive;color:var(--brown-dark);font-size:1rem}.page-content{padding:16px 16px 100px;position:relative;z-index:1;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;position:sticky;top:0;background:var(--bg-cream);z-index:50;border-bottom:2px solid var(--brown-border)}.page-title{font-family:Fredoka One,cursive;font-size:1.5rem;color:var(--brown-dark);text-align:center;flex:1}.ref-input{flex:1;background:transparent;border:none;outline:none;font-family:Nunito,sans-serif;font-size:.8rem;color:var(--text-mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,#fff3dc,#ffe8b8);border-top:2.5px solid var(--brown-border);box-shadow:0 -6px 28px #3d1f002e;z-index:100;padding:8px 10px calc(8px + env(safe-area-inset-bottom)) 10px}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;color:var(--brown-soft);text-decoration:none}.nav-icon-wrap{width:46px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative}.nav-item.active .nav-icon-wrap{background:linear-gradient(145deg,#f5a623,#c47d0e);box-shadow:0 4px 12px #c47d0e73,0 1px #ffffff4d inset;transform:translateY(0) scale(1.05)}.nav-item.active{color:var(--brown-dark)}.nav-label{font-size:10px;font-family:Fredoka One,cursive;transition:all .2s;letter-spacing:.2px}.nav-item.active .nav-label{color:var(--brown-dark);font-size:10.5px}.btn-green{background:linear-gradient(180deg,var(--green-btn-light) 0%,var(--green-btn) 50%,var(--green-btn-dark) 100%);border:2px solid #2E7D32;border-radius:24px;color:#fff;font-family:Fredoka One,cursive;font-size:1rem;padding:10px 24px;box-shadow:0 4px #1b5e20,0 6px 12px #0003;cursor:pointer;transition:all .1s;display:inline-flex;align-items:center;gap:6px}.btn-green:active{box-shadow:0 1px #1b5e20;transform:translateY(3px)}.btn-brown{background:linear-gradient(180deg,#c47d3a,#9c5820,#7a3f10);border:2px solid #5C2E08;border-radius:24px;color:#ffe4b0;font-family:Fredoka One,cursive;font-size:1rem;padding:10px 24px;box-shadow:0 4px #3d1800,0 6px 12px #0003;cursor:pointer;transition:all .1s;display:inline-flex;align-items:center;gap:6px}.btn-brown:active{box-shadow:0 1px #3d1800;transform:translateY(3px)}.paw-bg{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23C4935A' fill-opacity='0.08'%3E%3Ccircle cx='10' cy='10' r='3'/%3E%3Ccircle cx='8' cy='7' r='1.5'/%3E%3Ccircle cx='12' cy='7' r='1.5'/%3E%3Ccircle cx='6' cy='11' r='1.5'/%3E%3C/g%3E%3C/svg%3E")}