.app *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.app{--ink:#173129;--ink2:#244f42;--gold:#c8881f;--gold-2:#e0a93b;--gold-soft:#f7ead0;--plum:#6f3d6b;--plum-soft:#efdfee;--ivory:#fbf8f1;--paper:#fff;--line:#e7dfce;--muted:#6e7d70;--good:#2f7d57;--good-soft:#dcefe2;font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.app .serif{font-family:Georgia,Iowan Old Style,Times New Roman,serif}.bg{min-height:100vh;background:linear-gradient(180deg,#203f35,#102019)}.phone{max-width:480px;margin:0 auto;background:var(--ivory);min-height:100vh;position:relative;box-shadow:0 0 60px #0000004d}.scroll{padding:16px 16px 104px}.tb{position:sticky;top:0;z-index:20;background:var(--ink);color:var(--ivory);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tb .l{display:flex;align-items:center;gap:10px;min-width:0}.tb .leaf{width:32px;height:32px;border-radius:9px;background:var(--gold);display:grid;place-items:center;color:#2a1a02;flex:none}.tb h1{font-size:14px;margin:0;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb .sub{font-size:11px;color:#a9bbad}.tb .day{background:#ffffff1a;border-radius:999px;padding:5px 11px;font-size:11.5px;white-space:nowrap}.tb .day b{color:var(--gold-2)}.prog{height:3px;background:#ffffff1f;position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:20}.prog>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2))}.avatar{width:32px;height:32px;border-radius:50%;background:var(--gold-soft);color:var(--ink);display:grid;place-items:center;font-weight:700;font-size:13px;border:none;cursor:pointer}.bn{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--paper);border-top:1px solid var(--line);display:flex;z-index:30;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.bn button{flex:1;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;color:var(--muted);font-size:10.5px;font-weight:600;cursor:pointer;border-radius:12px}.bn button.on{color:var(--ink)}.bn button.on .ico{background:var(--gold-soft)}.bn .ico{width:46px;height:30px;border-radius:999px;display:grid;place-items:center}.hello{margin:4px 0 18px}.hello h2{font-size:24px;margin:0}.hello p{color:var(--muted);font-size:13.5px;margin:3px 0 0}.bigbtns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.bigbtn{border:none;border-radius:18px;padding:18px 14px;text-align:left;cursor:pointer;color:#fff;display:flex;flex-direction:column;gap:10px;min-height:104px}.bigbtn.soul{background:linear-gradient(150deg,#caa138,#b07814);color:#2a1a02}.bigbtn.pray{background:linear-gradient(150deg,#7d4a78,#5c3258)}.bigbtn .ic{width:38px;height:38px;border-radius:11px;background:#ffffff40;display:grid;place-items:center}.bigbtn .t{font-size:16px;font-weight:700}.bigbtn .s{font-size:12px;opacity:.85;margin-top:-4px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.tile{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.tile .lab{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.tile .val{font-size:30px;font-weight:700;margin-top:5px;line-height:1}.tile .val small{font-size:13px;color:var(--muted);font-weight:600;margin-left:3px}.tile.green{background:linear-gradient(160deg,#fff,var(--good-soft));border-color:#c4e3cf}.tile.gold{background:linear-gradient(160deg,#fff,var(--gold-soft));border-color:#ecd9a8}.tile.plum{background:linear-gradient(160deg,#fff,var(--plum-soft));border-color:#e3c9e1}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:16px}.card h3{font-size:16px;margin:0 0 2px}.card .hint{font-size:12.5px;color:var(--muted);margin:0 0 14px}.spark{display:flex;align-items:flex-end;gap:7px;height:70px;margin-top:6px}.spark .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;height:100%;justify-content:flex-end}.spark .bar{width:100%;border-radius:6px 6px 3px 3px;min-height:4px}.spark .day{font-size:10px;color:var(--muted)}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px;color:var(--ink2)}.field input,.field textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:14px;font-size:16px;font-family:inherit;background:var(--ivory);color:var(--ink)}.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:#fff}.bignamewrap input{font-size:18px;padding:16px}.toggle{display:flex;gap:10px}.toggle button{flex:1;border:1.5px solid var(--line);background:var(--ivory);border-radius:14px;padding:15px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.toggle button.yes{background:var(--good-soft);border-color:var(--good);color:var(--good)}.toggle button.no{background:#f4eaea;border-color:#c98b8b;color:#9a4a4a}.expander{width:100%;background:transparent;border:none;color:var(--ink2);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;padding:10px 2px;cursor:pointer}.btn{border:none;border-radius:14px;padding:15px 18px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}.btn.ink{background:var(--ink);color:var(--ivory)}.btn.gold{background:var(--gold);color:#2a1a02}.btn.plum{background:var(--plum);color:#fff}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.btn:disabled{opacity:.45}.btn.sm{padding:11px 14px;font-size:14px;width:auto}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.chip{border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:18px 6px;font-size:16px;font-weight:700;cursor:pointer;text-align:center;color:var(--ink)}.chip:active{background:var(--plum-soft)}.chip small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.lrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f1ece0}.lrow:last-child{border-bottom:none}.lrow .main{flex:1;min-width:0}.lrow .main b{font-size:15px}.lrow .meta{font-size:12px;color:var(--muted);margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}.lrow .meta span{display:inline-flex;align-items:center;gap:4px}.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.pill.yes{background:var(--good-soft);color:var(--good)}.pill.no{background:#efe7e7;color:#8a6060}.iconbtn2{background:transparent;border:none;cursor:pointer;color:var(--muted);padding:8px;border-radius:9px}.iconbtn2:active{background:#0000000d}.seg{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px;margin-bottom:16px}.seg button{flex:1;border:none;background:transparent;padding:11px;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;color:var(--muted)}.seg button.on{background:var(--ink);color:var(--ivory)}.lbrow{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--paper);margin-bottom:10px}.lbrow.me{border-color:var(--gold);background:linear-gradient(160deg,#fff,var(--gold-soft))}.lbrow .rk{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;flex:none;background:var(--ivory);border:1px solid var(--line)}.lbrow.r1 .rk{background:linear-gradient(160deg,#ffe9a8,#e0a93b);color:#2a1a02;border-color:#c8881f}.lbrow.r2 .rk{background:linear-gradient(160deg,#fbfdff,#9fb0c2 55%,#7e90a3);color:#28323d;border-color:#7e90a3}.lbrow.r3 .rk{background:linear-gradient(160deg,#f4cd97,#c0793a 55%,#9c5e2c);color:#34200a;border-color:#9c5e2c}.lbrow .nm{flex:1;min-width:0}.lbrow .nm b{font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lbrow .nm small{font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.lbrow .big{font-size:24px;font-weight:800;text-align:right}.lbrow .big small{font-size:11px;color:var(--muted);font-weight:700;display:block}.streak{color:var(--gold);font-weight:800;display:inline-flex;align-items:center;gap:3px}.auth{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#244f42,#102019);color:var(--ivory)}.auth .brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.auth .leaf{width:50px;height:50px;border-radius:14px;background:var(--gold);display:grid;place-items:center;color:#2a1a02}.auth h1{font-size:26px;margin:0}.auth .tag{color:#b9c8bd;font-size:13.5px;margin:3px 0 0}.acard{background:var(--paper);color:var(--ink);border-radius:20px;padding:22px}.acard h2{font-size:19px;margin:0 0 4px}.acard p.s{font-size:13px;color:var(--muted);margin:0 0 18px}.err{background:#f7e6e6;color:#9a4a4a;border:1px solid #e0bcbc;padding:10px 12px;border-radius:11px;font-size:13px;margin-bottom:14px}.note{background:var(--gold-soft);border:1px solid #ecd9a8;color:#6b4d12;padding:11px 13px;border-radius:12px;font-size:12px;margin-top:14px}.empty{text-align:center;padding:34px 14px;color:var(--muted)}.empty .ic{width:52px;height:52px;border-radius:15px;background:var(--ivory);border:1px solid var(--line);display:grid;place-items:center;margin:0 auto 12px}.toast{position:fixed;bottom:88px;left:50%;transform:translate(-50%);z-index:60;background:var(--ink);color:var(--ivory);padding:12px 20px;border-radius:14px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:9px;box-shadow:0 12px 30px #0000004d;max-width:90%}.sheet{position:fixed;inset:0;z-index:50;background:#0f1e1980;display:flex;align-items:flex-end;justify-content:center}.sheet .inner{background:var(--ivory);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto}.sheet h3{margin:0 0 14px;font-size:18px;display:flex;align-items:center;justify-content:space-between}.tablewrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:9px 8px;border-bottom:1px solid #f1ece0;white-space:nowrap}.tb-logo{width:34px;height:34px;border-radius:50%;flex:none;object-fit:cover;background:#0e0e0e;box-shadow:0 0 0 1.5px #e0a93b99}.auth-badge{width:58px;height:58px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #e0a93bb3}.appearance{display:flex;gap:10px;margin-bottom:14px}.appearance button{flex:1;border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:13px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted)}.appearance button.on{border-color:var(--gold);color:var(--ink);background:var(--gold-soft)}.dialog{position:fixed;inset:0;z-index:70;background:#0f1e198c;display:flex;align-items:center;justify-content:center;padding:22px}.dialog .box{background:var(--paper);border-radius:20px;padding:22px;width:100%;max-width:360px;text-align:center}.dialog .warn{width:52px;height:52px;border-radius:50%;background:#f4eaea;color:#a3433f;display:grid;place-items:center;margin:0 auto 12px}.dialog h3{margin:0 0 6px;font-size:18px}.dialog p{margin:0 0 18px;font-size:13.5px;color:var(--muted)}.dialog .acts{display:flex;gap:10px}.btn.danger{background:#a3433f;color:#fff}.bg.dark{color:#e9efe9}.bg.dark .phone{background:#0f1714}.bg.dark .tb{background:#0b1310}.bg.dark .prog{background:#ffffff1f}.bg.dark .card,.bg.dark .tile,.bg.dark .lbrow,.bg.dark .seg,.bg.dark .bn,.bg.dark .chip,.bg.dark .appearance button{background:#18241f;border-color:#26352e}.bg.dark .tile.green{background:linear-gradient(160deg,#18241f,#143228);border-color:#234a3a}.bg.dark .tile.gold{background:linear-gradient(160deg,#18241f,#33290f);border-color:#5a4716}.bg.dark .tile.plum{background:linear-gradient(160deg,#18241f,#2e1c2d);border-color:#4a2f48}.bg.dark .field input,.bg.dark .field textarea{background:#0f1714;border-color:#2a3a32;color:#e9efe9}.bg.dark .field label,.bg.dark .expander{color:#bcd0c4}.bg.dark .hint,.bg.dark .lrow .meta,.bg.dark .tile .lab,.bg.dark .lbrow .nm small,.bg.dark .lbrow .big small,.bg.dark .spark .day,.bg.dark .bn button,.bg.dark .empty,.bg.dark .tbl th,.bg.dark .dialog p{color:#8aa093}.bg.dark .bn button.on{color:#fff}.bg.dark .bn button.on .ico{background:#33290f}.bg.dark .btn.ghost{color:#e9efe9;border-color:#2a3a32}.bg.dark .btn.ink,.bg.dark .seg button.on,.bg.dark .toast{background:#2c5a4b;color:#fff}.bg.dark .chip{color:#e9efe9}.bg.dark .lrow,.bg.dark .tbl td{border-color:#23332b}.bg.dark .lbrow.me{background:linear-gradient(160deg,#18241f,#33290f);border-color:var(--gold)}.bg.dark .lbrow .rk{background:#22312a;border-color:#2f3f37;color:#e9efe9}.bg.dark .lbrow.r1 .rk{background:var(--gold);color:#2a1a02}.bg.dark .pill.no{background:#2a2422;color:#c2a0a0}.bg.dark .pill.yes{background:#143228;color:#7fd3a6}.bg.dark .empty .ic{background:#22312a;border-color:#2f3f37}.bg.dark .avatar{background:var(--gold-soft);color:#173129}.bg.dark .sheet .inner,.bg.dark .dialog .box{background:#141d19;color:#e9efe9}.bg.dark .appearance button.on{background:#33290f;color:#fff}.bg.dark .toggle button{background:#0f1714;border-color:#2a3a32}.bg.dark .toggle button.yes{background:#143228;border-color:var(--good);color:#7fd3a6}.bg.dark .toggle button.no{background:#2a2422;border-color:#c98b8b;color:#d4a3a3}.flame-anim{display:inline-flex;line-height:0}.flame-anim svg{color:#ef7c1a;transform-origin:50% 92%;animation:flicker 1.05s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) rotate(-1deg);filter:drop-shadow(0 0 1px rgba(239,124,26,.55))}20%{transform:scale(1.14,1.2) rotate(2deg);filter:drop-shadow(0 0 4px rgba(255,170,40,.95))}45%{transform:scale(.95,1.04) rotate(-2deg);opacity:.9}70%{transform:scale(1.1,1.15) rotate(1.5deg);filter:drop-shadow(0 0 5px rgba(255,120,20,.85))}}.toast{animation:toastUp .28s cubic-bezier(.2,.8,.2,1) both}@keyframes toastUp{0%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:1}}.bigbtn{transition:transform .12s ease,box-shadow .2s ease}.bigbtn:active{transform:scale(.97)}.btn{transition:transform .1s ease,background .2s ease}.btn:active{transform:scale(.98)}.lbrow{animation:riseIn .35s ease both}@keyframes riseIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.lbrow.r1 .rk,.lbrow.r2 .rk,.lbrow.r3 .rk{position:relative}@keyframes goldPulse{0%,to{box-shadow:0 0 #c8881f8c}50%{box-shadow:0 0 0 7px #c8881f00}}.tile .val{animation:popIn .3s ease both}@keyframes popIn{0%{transform:scale(.9);opacity:.4}to{transform:scale(1);opacity:1}}.miniadmin{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--ivory);color:var(--muted);border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700;cursor:pointer}.miniadmin.on{background:var(--gold-soft);border-color:var(--gold);color:#7a560f}.rowacts{display:flex;align-items:center;gap:6px}.roletag{color:var(--muted);font-size:11.5px}.bg.dark .miniadmin{background:#18241f;border-color:#2a3a32;color:#8aa093}.bg.dark .miniadmin.on{background:#33290f;border-color:var(--gold);color:#e8c98a}@media (prefers-reduced-motion: reduce){.flame-anim svg,.toast,.lbrow,.lbrow .rk:after,.badgecoin.glow,.badgecoin.fresh:before,.tile .val{animation:none!important}}.flame-anim{position:relative}.flame-anim.l1 svg{color:#f59324;filter:drop-shadow(0 0 4px rgba(245,160,40,.9))}.flame-anim.l2 svg{color:#ffb02e;animation:flicker .82s ease-in-out infinite;filter:drop-shadow(0 0 7px rgba(255,180,40,1))}.flame-anim.l2:after{content:"\\2726";position:absolute;top:-5px;right:-5px;font-size:8px;color:#ffd97a;animation:sparkle 1.1s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:0;transform:scale(.6) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-2px)}}.levelchip{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:var(--ivory);border-radius:999px;padding:4px 11px 4px 4px;font-size:11.5px;font-weight:800}.levelchip .lv{background:var(--gold);color:#2a1a02;border-radius:999px;padding:2px 7px;font-size:11px}.xpbar{height:10px;border-radius:999px;background:var(--ivory);border:1px solid var(--line);overflow:hidden}.xpbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1)}.xpmeta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:6px;font-weight:600}.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 8px}.badge2{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;border:none;background:transparent;padding:0}.badge2 .bn{font-size:10px;text-align:center;color:var(--muted);line-height:1.15}.badge2.on .bn{color:var(--ink);font-weight:700}.badgecoin{width:54px;height:54px;display:grid;place-items:center;position:relative;background:var(--ivory);color:var(--muted);box-shadow:inset 0 0 0 2px var(--line);overflow:hidden}.badgecoin svg{width:23px;height:23px}.badgecoin.sh-circle{border-radius:50%}.badgecoin.sh-square{border-radius:15px}.badgecoin.sh-shield{clip-path:polygon(50% 0,100% 14%,100% 58%,50% 100%,0 58%,0 14%)}.badgecoin.sh-hex{clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%)}.badgecoin.sh-diamond{clip-path:polygon(50% 1%,99% 50%,50% 99%,1% 50%)}.badgecoin.sh-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.badgecoin.sh-diamond svg,.badgecoin.sh-star svg{width:18px;height:18px}.badgecoin.bronze{background:linear-gradient(160deg,#f0d9b8,#caa46a);box-shadow:inset 0 0 0 2px #b07a3a;color:#5c3a12}.badgecoin.silver{background:linear-gradient(160deg,#eef1f4,#c3ccd6);box-shadow:inset 0 0 0 2px #9aa7b5;color:#41505e}.badgecoin.gold{background:linear-gradient(160deg,#ffe9a8,#e0a93b);box-shadow:inset 0 0 0 2px #c8881f;color:#5c3a05;--gcol:rgba(224,169,59,.95)}.badgecoin.emerald{background:linear-gradient(160deg,#bff3d6,#3fae74 60%,#1f8f5a);box-shadow:inset 0 0 0 2px #1f8f5a;color:#fff;--gcol:rgba(52,190,120,.95)}.badgecoin.sapphire{background:linear-gradient(160deg,#cfe6ff,#3f86d8 60%,#2563b0);box-shadow:inset 0 0 0 2px #2563b0;color:#fff;--gcol:rgba(70,140,225,.95)}.badgecoin.diamond{background:linear-gradient(160deg,#ecfdff,#a9e6f2 55%,#7fc9da);box-shadow:inset 0 0 0 2px #6fb6c8;color:#1f4750;--gcol:rgba(150,232,245,1)}.badgecoin.ruby{background:linear-gradient(160deg,#ffc9d2,#e5436b 60%,#c01f49);box-shadow:inset 0 0 0 2px #c01f49;color:#fff;--gcol:rgba(232,80,120,.95)}.badgecoin.pink{background:linear-gradient(160deg,#ffd4f0,#f06fc0 60%,#d23da0);box-shadow:inset 0 0 0 2px #d23da0;color:#fff;--gcol:rgba(240,110,200,.95)}.badgecoin.purple{background:linear-gradient(160deg,#ffe0f0,#c08be0,#8b6df0);box-shadow:inset 0 0 0 2px #7a4fd0;color:#fff;--gcol:rgba(160,110,240,1)}.badgecoin.locked{background:var(--ivory);box-shadow:inset 0 0 0 2px var(--line);color:#cfc7b4}.badgecoin.locked svg{opacity:.4}.badgecoin.glow{animation:badgeGlow 2.4s ease-in-out infinite}@keyframes badgeGlow{0%,to{filter:drop-shadow(0 0 2px var(--gcol))}50%{filter:drop-shadow(0 0 9px var(--gcol))}}.badgecoin.fresh:before{content:"";position:absolute;top:-12%;bottom:-12%;width:48%;left:-120%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55) 35%,rgba(255,255,255,.95) 50%,rgba(255,255,255,.55) 65%,transparent);transform:skew(-15deg);filter:blur(1px);animation:shimmer 3.4s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}.tile.wide{grid-column:1 / -1}@keyframes shimmer{0%{left:-120%}34%{left:160%}to{left:160%}}.badgepop{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;background:#140f0866;animation:fadeIn .2s ease}.badgepop .pc{width:100%;max-width:460px;background:var(--paper);border-radius:20px 20px 0 0;padding:18px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #00000047;animation:sheetUp .28s cubic-bezier(.2,.8,.2,1)}.badgepop .ptop{display:flex;align-items:center;gap:13px;margin-bottom:12px}.badgepop h4{margin:0;font-size:17px}.badgepop .pmeta{margin:2px 0 0;font-size:12px;color:var(--muted);font-weight:700}.badgepop p{margin:0 0 10px;font-size:13px;color:var(--muted)}.badgepop .closex{margin-left:auto;align-self:flex-start}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shelfhdr{font-size:11px;font-weight:800;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin:4px 2px 11px}.feed{display:flex;flex-direction:column;gap:8px}.feeditem{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:10px 12px;font-size:13px}.feeditem .fdot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--gold-soft);color:#7a560f}.feeditem .fdot svg{width:16px;height:16px}.feeditem .ftx{flex:1;min-width:0}.feeditem b{font-weight:800}.feeditem small{color:var(--muted);font-size:11px;white-space:nowrap}.lbrow{cursor:pointer}.lbrow .rk{position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden}.lbrow.r1 .rk:after,.lbrow.r2 .rk:after,.lbrow.r3 .rk:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;pointer-events:none;animation:rankPulse 1.9s ease-out infinite;will-change:transform,opacity}.lbrow.r1 .rk:after{border-color:#e0a93bbf}.lbrow.r2 .rk:after{border-color:#96a8b8d9}.lbrow.r3 .rk:after{border-color:#c0793acc}@keyframes rankPulse{0%{transform:scale(.92);opacity:.9}70%{opacity:0}to{transform:scale(1.7);opacity:0}}.bg.dark .lbrow.r2 .rk{background:linear-gradient(160deg,#dfe6ee,#9aa7b6);color:#23303c;border-color:#8a98a8}.bg.dark .lbrow.r3 .rk{background:linear-gradient(160deg,#e8b483,#a86a36);color:#2a1808;border-color:#9c5e2c}.lvtag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;color:var(--gold)}@keyframes confFall{to{transform:translateY(110vh) rotate(700deg);opacity:0}}.bg.dark .badgecoin.locked{background:#18241f;color:#46554c}.bg.dark .xpbar{background:#0f1714;border-color:#2a3a32}.bg.dark .badgepop .pc{background:#16201b}.bg.dark .feeditem{background:#18241f;border-color:#26352e}.bg.dark .feeditem .fdot{background:#33290f;color:#e8c98a}.bg.dark .shelfhdr{color:#8aa093}.lvlbadge{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;isolation:isolate;--gl:rgba(255,255,255,.5);--sp:#fff;--sweep:rgba(255,255,255,.7)}.lvlshield{position:relative;display:grid;place-items:center;line-height:1;font-weight:900;z-index:1;--shm:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20%2013c0%205-3.5%207.5-7.66%208.95a1%201%200%200%201-.67-.01C7.5%2020.5%204%2018%204%2013V6a1%201%200%200%201%201-1c2%200%204.5-1.2%206.24-2.72a1.17%201.17%200%200%201%201.52%200C14.51%203.81%2017%205%2019%205a1%201%200%200%201%201%201z'%20fill='black'/%3E%3C/svg%3E");-webkit-mask:var(--shm) center/contain no-repeat;mask:var(--shm) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.28)) drop-shadow(0 0 .7px rgba(0,0,0,.5));text-shadow:0 1px 1px rgba(0,0,0,.28)}.lvlshield i{position:relative;z-index:3;font-style:normal;transform:translateY(-6%);letter-spacing:-.02em}.lvlbadge:before{content:"";position:absolute;inset:-18%;border-radius:34%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,var(--gl) 0%,transparent 72%);opacity:.5;animation:lbBreathe 2.8s ease-in-out infinite}.lvlbadge.aura:before{inset:-26%;opacity:.72}.lvlbadge.pulse:before{animation:lbPulse 1.9s ease-in-out infinite}.lvlbadge.crown:before{background:radial-gradient(closest-side,var(--gl) 0%,rgba(255,214,140,.4) 46%,transparent 74%)}.lvlbadge.sweep .lvlshield:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 40%,var(--sweep) 50%,transparent 60%);background-size:260% 100%;background-position:160% 0;animation:lbSweep 3.6s ease-in-out infinite}.lvlbadge.sweep.fast .lvlshield:before{animation-duration:2.3s}.lvlbadge.spark .lvlshield:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:screen;background-image:radial-gradient(1.5px 1.5px at 24% 26%,var(--sp) 99%,transparent),radial-gradient(1.3px 1.3px at 70% 40%,var(--sp) 99%,transparent),radial-gradient(1.1px 1.1px at 48% 64%,var(--sp) 99%,transparent),radial-gradient(1.4px 1.4px at 80% 30%,var(--sp) 99%,transparent),radial-gradient(1.2px 1.2px at 33% 50%,var(--sp) 99%,transparent);animation:lbTwinkle 1.9s ease-in-out infinite}.lvlbadge.spark.rise .lvlshield:after{background-size:100% 150%;animation:lbRise 2.6s linear infinite}@keyframes lbBreathe{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.82;transform:scale(1.05)}}@keyframes lbPulse{0%,to{opacity:.32;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes lbSweep{0%{background-position:160% 0}60%,to{background-position:-80% 0}}@keyframes lbTwinkle{0%,to{opacity:.22}50%{opacity:1}}@keyframes lbRise{0%{background-position:0 120%;opacity:.15}25%{opacity:1}to{background-position:0 -55%;opacity:0}}.lvlbadge.bt1{--gl:rgba(198,128,58,.6)}.lvlbadge.bt2{--gl:rgba(178,196,214,.6);--sweep:rgba(255,255,255,.9)}.lvlbadge.bt3{--gl:rgba(232,178,46,.72);--sp:#ffe9a6}.lvlbadge.bt4{--gl:rgba(228,234,242,.85);--sweep:rgba(255,255,255,.8)}.lvlbadge.bt5{--gl:rgba(120,210,255,.72);--sp:#e3f5ff}.lvlbadge.bt6{--gl:rgba(52,190,120,.72)}.lvlbadge.bt7{--gl:rgba(232,80,90,.72);--sp:#ffcf8a}.lvlbadge.bt8{--gl:rgba(70,134,225,.74)}.lvlbadge.bt9{--gl:rgba(240,110,200,.74);--sp:#ffd9ef}.lvlbadge.bt10{--gl:rgba(160,110,240,.8);--sp:#f0d2ff}.lvlshield.bronze{background:linear-gradient(160deg,#f0d9b8,#caa46a);color:#5c3a12}.lvlshield.silver{background:linear-gradient(160deg,#eef1f4,#c3ccd6);color:#41505e}.lvlshield.gold{background:linear-gradient(160deg,#ffe9a8,#e0a93b);color:#5c3a05}.lvlshield.platinum{background:linear-gradient(160deg,#fff,#e2e8f0 55%,#c4cdd8);color:#3d4a5a}.lvlshield.diamond{background:linear-gradient(160deg,#ecfdff,#a9e6f2 55%,#7fc9da);color:#1f4750}.lvlshield.emerald{background:linear-gradient(160deg,#bff3d6,#3fae74 60%,#1f8f5a);color:#fff}.lvlshield.ruby{background:linear-gradient(160deg,#ffc9d2,#e5436b 60%,#c01f49);color:#fff}.lvlshield.sapphire{background:linear-gradient(160deg,#cfe6ff,#3f86d8 60%,#2563b0);color:#fff}.lvlshield.pink{background:linear-gradient(160deg,#ffd4f0,#f06fc0 60%,#d23da0);color:#fff}.lvlshield.amethyst{background:linear-gradient(160deg,#ffe0f0,#c08be0,#8b6df0);color:#fff}@media (prefers-reduced-motion: reduce){.lvlbadge:before,.lvlshield:before,.lvlshield:after{animation:none!important}.lvlbadge:before{opacity:.55}.lvlbadge.sweep .lvlshield:before{display:none}}