*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f3f3f3;color:#000655;min-height:100vh}.wrap{max-width:420px;margin:0 auto;padding:18px}.card{background:#fff;border:1px solid #e4e4ea;border-radius:20px;padding:24px 22px;margin-bottom:14px;box-shadow:0 2px 12px rgba(0,6,85,.04)}.brand{font-size:11px;letter-spacing:3px;font-weight:800;text-transform:uppercase;opacity:.55}.brand,h1{color:#000655;text-align:center;margin-bottom:6px}h1{font-size:22px}h2{font-size:14px;margin-bottom:12px;color:#000655}.sub{font-size:13px;color:#6b6f85;text-align:center;margin-bottom:18px;line-height:1.5}label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#8a8fa3;margin-bottom:6px;margin-top:14px}input{width:100%;padding:13px 14px;background:#f3f3f3;border:1px solid #dcdce4;border-radius:10px;color:#000655;font-size:16px;font-family:inherit}input:focus{outline:none;border-color:#000655}button{width:100%;padding:14px;margin-top:18px;background:#000655;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit}button:disabled{opacity:.5}.ghost{background:#fff;color:#000655;border:1px solid #000655;font-weight:700}.msg{margin-top:14px;padding:12px;border-radius:10px;font-size:13px;text-align:center}.msg.err{background:#fdeaea;color:#c0392b}.msg.ok{background:#e7ebf7;color:#000655}.center{text-align:center;margin-top:14px}.link{color:#000655;cursor:pointer;text-decoration:underline;font-size:13px;font-weight:600;background:none;border:none;padding:0;width:auto;margin:0}.pp-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pp-name{font-size:20px;font-weight:800;color:#000655}.pp-serial{font-family:monospace;color:#000655;font-size:13px;opacity:.6}.pp-count{font-size:13px;color:#6b6f85;margin-bottom:16px}.pp-count b{color:#000655;font-size:16px}.grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:7px;gap:7px;margin-bottom:6px}.sp{aspect-ratio:1;border-radius:50%;border:1.5px solid #dcdce4;display:flex;align-items:center;justify-content:center;font-size:10px;color:#b8bcc9;background:#f3f3f3}.sp.on{background:#000655;border-color:#000655;color:#fff;font-weight:800;box-shadow:0 2px 6px rgba(0,6,85,.25)}.sp.milestone{border-color:#000655;border-width:2px}.sp.on.milestone{box-shadow:0 0 0 2px #f3f3f3,0 0 0 4px #000655}.prog{height:6px;background:#eef0f5;overflow:hidden;margin:2px 0 14px}.prog,.prog-fill{border-radius:4px}.prog-fill{height:100%;background:#000655}.tier{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eef0f5}.tier:last-child{border-bottom:none}.tier-ic{width:40px;height:40px;border-radius:10px;background:#f3f3f3;border:1px solid #e4e4ea;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.tier.done .tier-ic{background:#000655;border-color:#000655}.tier-main{flex:1 1;min-width:0}.tier-name{font-size:13px;font-weight:700;color:#000655}.tier-sub{font-size:11px;color:#8a8fa3;margin-top:2px}.tier-badge{font-size:9px;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:20px;letter-spacing:.04em;white-space:nowrap}.b-locked{background:#f3f3f3;color:#b8bcc9}.b-ready{background:#000655;color:#fff}.b-got{background:#e7ebf7;color:#000655}.qr-box{text-align:center;margin:6px 0}.qr-box img{border-radius:12px;background:#fff;padding:8px;border:1px solid #e4e4ea}.qr-lbl{font-size:11px;color:#8a8fa3;margin-top:8px}.ev{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #eef0f5}.ev:last-child{border-bottom:none}.ev-date{font-size:11px;font-weight:800;color:#000655;width:70px;flex-shrink:0}.ev-name{font-size:13px;font-weight:600;color:#000655}.ev-loc,.foot{font-size:11px;color:#8a8fa3}.foot{text-align:center;margin-top:16px;line-height:1.5}.pick-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #eef0f5}.pick-row:last-child{border-bottom:none}.pick-name{font-size:13px;font-weight:700;color:#000655}.pick-sub{font-size:11px;color:#8a8fa3}.pick-btn{width:auto;margin:0;padding:8px 14px;font-size:12px;border-radius:8px}.pick-btn.done{background:#e7ebf7;color:#000655;cursor:default}.pick-btn.locked{background:#f3f3f3;color:#b8bcc9;cursor:not-allowed}.book{position:relative;margin-bottom:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y;perspective:1600px}.flip-base{position:relative;width:100%;box-shadow:0 6px 24px rgba(0,6,85,.14)}.flip-base,.flip-turn{border-radius:10px;overflow:hidden}.flip-turn{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;box-shadow:0 8px 30px rgba(0,6,85,.22);will-change:transform}.flip-turn .ppage{border-radius:10px;overflow:hidden}.pstamp{position:absolute;pointer-events:none;mix-blend-mode:multiply}.flip-shade{background:linear-gradient(90deg,rgba(0,6,85,.28),rgba(0,6,85,.06) 30%,rgba(0,6,85,0) 65%)}.flip-curl,.flip-shade{position:absolute;inset:0;pointer-events:none;opacity:0}.flip-curl{background:linear-gradient(90deg,hsla(0,0%,100%,0) 78%,hsla(0,0%,100%,.35) 94%,hsla(0,0%,100%,.05))}.flip-turn.fwd{animation:turnFwd .68s cubic-bezier(.37,.03,.24,1) forwards}.flip-turn.bwd{transform:rotateY(-180deg);animation:turnBack .68s cubic-bezier(.37,.03,.24,1) forwards}.flip-turn.bwd .flip-shade,.flip-turn.fwd .flip-shade{animation:shadeInOut .68s ease forwards}.flip-turn.bwd .flip-curl,.flip-turn.fwd .flip-curl{animation:curlInOut .68s ease forwards}@keyframes turnFwd{0%{transform:rotateY(0deg) translateZ(0) scale(1)}50%{transform:rotateY(-90deg) translateZ(24px) scale(1.012)}to{transform:rotateY(-180deg) translateZ(0) scale(1)}}@keyframes turnBack{0%{transform:rotateY(-180deg) translateZ(0) scale(1)}50%{transform:rotateY(-90deg) translateZ(24px) scale(1.012)}to{transform:rotateY(0deg) translateZ(0) scale(1)}}@keyframes shadeInOut{0%{opacity:0}45%{opacity:1}to{opacity:0}}@keyframes curlInOut{0%{opacity:0}40%{opacity:.9}to{opacity:0}}.ppage.blank{background:#f3f3f3}.book-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:4px}.bn-btn{width:auto;margin:0;padding:4px 12px;font-size:20px;line-height:1;background:#fff;color:#000655;border:1px solid #dcdce4;border-radius:8px}.bn-btn:disabled{opacity:.35}.bn-dots{display:flex;gap:6px}.bn-dot{width:7px;height:7px;border-radius:50%;background:#dcdce4;cursor:pointer}.bn-dot.on{background:#000655}.ppage{position:relative;width:100%;aspect-ratio:1200/1600;background-size:cover;background-position:50%}.ppage.cover{border-radius:8px}.slot-reward{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:#000655;opacity:.38;text-align:center}.slot-reward span{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;max-width:80px;line-height:1.2}.slot-reward svg{width:22px;height:22px}.bn-label{font-size:12px;font-weight:700;color:#000655;letter-spacing:.3px}.prog-top{margin-bottom:16px}.prog-top-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.prog-top-count{font-size:26px;font-weight:800;color:#000655}.prog-top-total{font-size:15px;font-weight:600;opacity:.5}.prog-top-next{font-size:12px;font-weight:700;color:#000655;opacity:.7;text-align:right}.prog2{height:10px;background:#eef0f5}.prog2,.prog2-fill{border-radius:6px;overflow:hidden}.prog2-fill{height:100%;transition:width .8s ease;background:linear-gradient(90deg,#000655,#2a3a9e,#000655);background-size:200% 100%;position:relative}.prog2-fill:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);background-size:200% 100%;animation:sheen 2.6s linear infinite}@keyframes sheen{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.rules{display:flex;gap:10px;margin-top:14px}.rule{flex:1 1;background:#f3f3f3;border-radius:10px;padding:10px;font-size:11px;color:#6b6f85;text-align:center;line-height:1.4}.rule b{display:block;font-size:18px;color:#000655;margin-bottom:2px}.reward-intro{font-size:12px;color:#6b6f85;line-height:1.5;margin-bottom:14px}.reward-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;border:1px solid #eef0f5;margin-bottom:8px;opacity:.6}.reward-card.unlocked{opacity:1;border-color:#000655}.reward-thumb{width:46px;height:46px;border-radius:10px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;color:#000655;flex-shrink:0}.reward-card.unlocked .reward-thumb{background:#000655;color:#fff}.reward-main{flex:1 1;min-width:0}.reward-name{font-size:13px;font-weight:700;color:#000655}.reward-sub{font-size:11px;color:#8a8fa3;margin-top:2px}.tag{font-size:10px;font-weight:800;text-transform:uppercase;padding:4px 9px;border-radius:20px;display:inline-flex;align-items:center;gap:4px}.tag.got{background:#e7ebf7;color:#000655}.tag.ready{background:#000655;color:#fff}.tag.locked{background:#f3f3f3;color:#b8bcc9;padding:5px}.tag svg{width:13px;height:13px}.cta{background:#000655;border-radius:14px;padding:14px 16px;margin-bottom:16px;box-shadow:0 4px 16px rgba(0,6,85,.18)}.cta-label{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#9aa4e0;margin-bottom:6px}.cta-body{font-size:14px;line-height:1.5;color:#fff}.cta-body b{color:#fff;font-weight:800}.ic-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#000655;background:linear-gradient(90deg,#e7ebf7,#f3f4fb);border:1px solid #000655;padding:5px 12px;border-radius:20px;margin-bottom:12px}.ic-badge svg{width:14px;height:14px}.share-btn{margin-top:12px}.reward-card.status-tier{border-style:dashed}.reward-card.status-tier.unlocked{border-style:solid;background:linear-gradient(90deg,rgba(0,6,85,.04),transparent)}.an-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:16px}.an-stat{background:#f3f3f3;border-radius:12px;padding:12px 8px;text-align:center}.an-num{font-size:20px;font-weight:800;color:#000655;line-height:1.1}.an-lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:#8a8fa3;margin-top:4px;line-height:1.2}.an-chart{margin-bottom:20px}.an-chart-title{font-size:12px;font-weight:800;color:#000655;margin-bottom:8px}.recharts-wrapper{font-family:inherit}.mgr-toggle{text-align:left;margin-top:0}.mgr-form{background:#f3f3f3;border-radius:12px;padding:14px 16px}.mgr-form-title{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#000655;margin-bottom:4px}.mgr-form label{margin-top:10px}.mgr-form input{background:#fff}.mgr-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px 0;border-bottom:1px solid #eef0f5}.mgr-row:last-child{border-bottom:none}.mgr-row-main{min-width:0}.mgr-row-name{font-size:14px;font-weight:700;color:#000655;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mgr-stamp-thumb{width:28px;height:28px;border-radius:6px;object-fit:contain;background:#f3f3f3;border:1px solid #e4e4ea;flex-shrink:0}.mgr-row-sub{font-size:11px;color:#8a8fa3;margin-top:3px;line-height:1.4}.mgr-active-tag{font-size:8px;font-weight:800;letter-spacing:.5px;background:#000655;color:#fff;padding:2px 6px;border-radius:20px;flex-shrink:0}.mgr-row-actions{display:flex;gap:6px;flex-wrap:wrap}.mgr-row-actions .pick-btn{flex:1 1 auto;min-width:0;text-align:center}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:4px}.badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:10px 4px;border-radius:12px;border:1px solid #eef0f5}.badge.earned{border-color:#000655;background:linear-gradient(160deg,#f3f4fb,#fff)}.badge.locked{opacity:.55}.badge-ic{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f3f3;color:#b8bcc9}.badge.earned .badge-ic{background:#000655;color:#fff;box-shadow:0 3px 10px rgba(0,6,85,.25)}.badge-name{font-size:10px;font-weight:800;color:#000655;line-height:1.15}.badge.locked .badge-name{color:#8a8fa3}.badge-crit{font-size:8px;color:#b8bcc9;line-height:1.2}.lb-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:10px;border-bottom:1px solid #eef0f5}.lb-row:last-child{border-bottom:none}.lb-row.me{background:#e7ebf7;border-bottom-color:transparent}.lb-rank{font-size:15px;font-weight:800;color:#000655;width:34px;text-align:center;flex-shrink:0}.lb-medal{display:inline-flex;align-items:center;justify-content:center}.lb-medal.m1{color:#c9a227}.lb-medal.m2{color:#9aa0ab}.lb-medal.m3{color:#b06a3b}.ghost svg,.mgr-toggle svg,button svg{vertical-align:middle;margin-right:4px}.badge-ic svg,.lb-flame svg{margin-right:0}.lb-main{flex:1 1;min-width:0}.lb-name{font-size:13px;font-weight:700;color:#000655}.lb-serial{font-size:11px;color:#8a8fa3;font-family:monospace}.lb-streak{font-size:15px;font-weight:800;color:#000655;display:flex;align-items:center;gap:3px;flex-shrink:0}.lb-flame{font-size:14px}.lb-sep{text-align:center;color:#b8bcc9;font-size:16px;letter-spacing:2px;padding:4px 0}.hint-a2hs{font-size:11px;color:#6b6f85;text-align:center;margin-top:12px;background:#f3f3f3;padding:10px;border-radius:10px}