:root{--p:#6d29ef;--p2:#b992ff;--ink:#24114b;--gold:#ffbf22}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(160deg,#3f0cc7,#bda2ff);color:#fff;min-height:100vh}#app{max-width:480px;margin:auto;min-height:100vh;position:relative;padding-bottom:78px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:18px}.round,.balance{border:0;background:#ffffff24;color:white;border-radius:18px;padding:11px;font-weight:800}.logo{width:160px;max-height:58px;object-fit:contain}main{padding:0 16px}.hero{text-align:center}.mascot{width:75%;max-height:250px;object-fit:contain}.card{background:#ffffffef;color:var(--ink);border-radius:24px;padding:18px;margin:12px 0;box-shadow:0 12px 30px #26006f40}.attempts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.attempt{background:#efe8ff;border-radius:16px;padding:12px 6px;text-align:center}.attempt b{font-size:20px}.gold{width:100%;border:0;border-radius:17px;padding:16px;font-size:17px;font-weight:900;background:linear-gradient(#ffd84f,#ffab00);color:#7a3200;box-shadow:0 8px 0 #df7f00}.list{display:flex;flex-direction:column;gap:10px}.item{display:flex;align-items:center;gap:12px;background:white;color:var(--ink);border-radius:18px;padding:12px}.item img{width:64px;height:64px;object-fit:contain}.item .grow{flex:1}.pill{background:#7d35ef;color:#fff;border-radius:999px;padding:6px 10px;font-size:12px}.slot{height:430px;overflow:hidden;position:relative;border-radius:26px;background:#ffffff33;padding:10px}.slot:after{content:"";position:absolute;left:4px;right:4px;top:178px;height:76px;border:4px solid #ffd350;border-radius:18px;box-shadow:0 0 25px #ffd350}.slot-track{transition:transform 5s cubic-bezier(.1,.7,.05,1)}.slot .item{height:76px;margin:8px 0}.tabs{display:flex;gap:8px;overflow:auto}.tabs button{border:0;padding:9px 14px;border-radius:99px}.tabs .active{background:var(--p);color:#fff}.win{text-align:center}.win img{width:70%;max-height:280px}.muted{opacity:.7;font-size:13px}input{width:100%;padding:14px;border:1px solid #ddd;border-radius:14px;margin:8px 0}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);display:flex;background:#ffffffee;padding:10px 4px max(10px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0}nav button{flex:1;border:0;background:none;color:#776a91;font-size:18px}nav span{display:block;font-size:10px}nav button.active{color:#6d29ef}@media(min-width:700px){#app{border-radius:30px;overflow:hidden;margin-top:20px;min-height:850px}}