.devPlaceholderContainer{box-sizing:border-box;isolation:isolate;color:#fff;background-color:#121212;background-image:radial-gradient(#2a2a2a 1px,#0000 1px);background-size:20px 20px;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.devPlaceholderContainer,.devPlaceholderContainer *{box-sizing:border-box}.cardTopbar{justify-content:flex-end;align-items:center;gap:2px;margin:-8px -8px 12px;display:flex}.navBtn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.navBtn svg{stroke:#999;width:16px;height:16px}.navBtn:hover{background:#ffffff1a}.navBtn:hover svg{stroke:#ccc}.card{z-index:10;background-color:#1c1c1e;border-radius:24px;width:100%;max-width:420px;padding:24px;position:relative;box-shadow:0 0 0 1px #ffffff14,0 20px 40px #0006}.header{align-items:flex-start;margin-bottom:28px;display:flex}.headerContent{gap:16px;display:flex}.iconBox{background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.iconInner{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.iconInner img{object-fit:contain;width:100%;height:100%;display:block}.textGroup{flex:1;min-width:0}.textGroup h2{color:#fff;margin-bottom:4px;font-size:17px;font-weight:600}.textGroup p{color:#888;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:13px}.menuWrapper{position:relative}.popupMenu{opacity:0;visibility:hidden;z-index:100;background:linear-gradient(145deg,#2a2a2a,#1f1f1f);border:1px solid #ffffff1a;border-radius:10px;margin-top:8px;padding:6px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;right:0;transform:translateY(-10px);box-shadow:0 10px 30px #00000080}.show{opacity:1;visibility:visible;transform:translateY(0)}.popupItem{color:#e0e0e0;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.popupItem:hover{background:#ffffff1a}.popupItem svg{stroke:#34d399;flex-shrink:0;width:14px;height:14px}.progressSection{margin-bottom:20px}.statsRow{justify-content:space-between;align-items:flex-end;margin-bottom:8px;font-size:14px;display:flex}.label{color:#888;font-weight:500}.statsRight{align-items:center;gap:12px;display:flex}.percentageChange{font-size:13px;font-weight:600}.green{color:#4ade80}.totalValue{color:#fff;font-size:16px;font-weight:700}.pillBar{gap:3px;width:100%;height:24px;display:flex}.pill{background-color:#2c2c2e;border-radius:4px;flex:1;height:100%;transition:background .3s}.filledGreen{background-color:#6ee7b7;background-image:linear-gradient(#6ee7b7 0%,#34d399 100%);box-shadow:0 0 8px #34d39966}.filledBlue{background-color:#93c5fd;background-image:linear-gradient(#93c5fd 0%,#60a5fa 100%);box-shadow:0 0 8px #60a5fa66}.footerAlert{color:#34d399;background-color:#064e3b66;border:1px solid #34d39933;border-radius:12px;justify-content:space-between;align-items:center;margin-top:24px;padding:14px 16px;display:flex}.footerAlert p{font-size:13px;font-weight:500}.footerAlert svg{stroke:#34d399;flex-shrink:0;width:16px;height:16px}.footerCta{width:100%;color:inherit;cursor:pointer;will-change:transform,box-shadow;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:flex}.footerCta:hover,.footerCta:focus{background-color:#064e3b99;outline:none;transform:translateY(-4px);box-shadow:0 10px 30px #34d3991f}.footerCta:active{transform:translateY(-1px)}.footerCta:focus-visible{box-shadow:0 0 0 4px #34d3991f}.backHomeLink{color:#c8c8c8;align-items:center;gap:8px;margin-top:12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .18s,transform .18s;display:inline-flex}.backHomeLink svg{stroke:currentColor;flex-shrink:0;width:14px;height:14px}.backHomeLink:hover,.backHomeLink:focus-visible{color:#fff;outline:none;transform:translate(-2px)}.lightTheme .backHomeLink{color:#4b5563}.lightTheme .backHomeLink:hover,.lightTheme .backHomeLink:focus-visible{color:#1f2937}.dinoScene{z-index:1;pointer-events:none;opacity:0;transition:opacity 1s;position:absolute;inset:0;overflow:hidden}.active{opacity:1}.dinoSprite{image-rendering:pixelated;filter:invert()opacity(.3);background-image:url(/img/100-offline-sprite.png);background-repeat:no-repeat;background-size:1233px 68px;animation-fill-mode:backwards;position:absolute}.dinoGroundWrap{width:100%;height:12px;position:absolute;bottom:4%;left:0;overflow:hidden}.dinoGround{width:calc(100% + 600px);height:12px;image-rendering:pixelated;filter:invert()opacity(.12);background:url(/img/100-offline-sprite.png) -2px -54px/1233px 68px repeat-x;animation:4s linear infinite groundScroll;position:absolute;top:0;left:0}@keyframes groundScroll{0%{transform:translate(0)}to{transform:translate(-600px)}}.dinoRunner{width:44px;height:47px;animation:.15s step-end infinite dinoRunSprite;bottom:calc(4% + 10px);left:10%}@keyframes dinoRunSprite{0%,49.9%{background-position:-936px -2px}50%,to{background-position:-980px -2px}}.jump{background-position:-848px -2px;animation:.55s ease-out forwards dinoJump}@keyframes dinoJump{0%{transform:translateY(0)}35%{transform:translateY(-55px)}65%{transform:translateY(-55px)}to{transform:translateY(0)}}.duck{width:59px;height:27px;animation:.15s step-end infinite dinoDuckSprite;bottom:calc(4% + 10px)}@keyframes dinoDuckSprite{0%,49.9%{background-position:-1112px -20px}50%,to{background-position:-1171px -20px}}@keyframes obstaclePass{0%{transform:translate(calc(100vw + 60px))}to{transform:translate(-120px)}}.dinoPtero{width:46px;height:40px;animation:.25s step-end infinite pteroFlap,4s linear forwards obstaclePass;bottom:calc(4% + 40px);left:0}@keyframes pteroFlap{0%,49.9%{background-position:-134px -2px}50%,to{background-position:-180px -2px}}.dinoCactusLg{background-position:-332px -2px;width:25px;height:50px;animation:4s linear forwards obstaclePass;bottom:calc(4% + 10px);left:0}.dinoCloud{filter:invert()opacity(.06);background-position:-86px -2px;width:46px;height:14px;animation:22s linear infinite driftLeft}@keyframes driftLeft{0%{transform:translate(calc(100vw + 60px))}to{transform:translate(-120px)}}.lightTheme{color:#1a1a1a;background-color:#f7f7f7;background-image:radial-gradient(#e0e0e0 1px,#0000 1px)}.lightTheme .card{background-color:#fff;box-shadow:0 0 0 1px #0000000f,0 20px 40px #00000014}.lightTheme .textGroup h2{color:#1a1a1a}.lightTheme .textGroup p{color:#666}.lightTheme .iconBox{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border-color:#00000014;box-shadow:inset 0 1px 1px #fff9}.lightTheme .navBtn{color:#666}.lightTheme .navBtn svg{stroke:#666}.lightTheme .navBtn:hover{background:#0000000f}.lightTheme .navBtn:hover svg{stroke:#333}.lightTheme .popupMenu{background:linear-gradient(145deg,#fff,#f5f5f5);border-color:#00000014;box-shadow:0 10px 30px #0000001f}.lightTheme .popupItem{color:#333}.lightTheme .popupItem:hover{background:#0000000d}.lightTheme .label{color:#777}.lightTheme .totalValue{color:#1a1a1a}.lightTheme .pill{background-color:#e8e8e8}.lightTheme .footerAlert{background-color:#064e3b14;border-color:#34d3994d}.lightTheme .footerCta:hover,.lightTheme .footerCta:focus{background-color:#064e3b1f}.lightTheme .dinoSprite{filter:opacity(.15)}.lightTheme .dinoGround{filter:opacity(.08)}.lightTheme .dinoCloud{filter:opacity(.06)}@media (max-width:480px){.devPlaceholderContainer{padding:12px}.card{border-radius:20px;padding:20px}.header{margin-bottom:20px}.headerContent{gap:12px}.iconBox{border-radius:12px;width:40px;height:40px}.iconInner{width:20px;height:20px}.textGroup h2{font-size:15px}.textGroup p{font-size:12px}.statsRow{font-size:13px}.totalValue{font-size:14px}.pillBar{gap:2px;height:18px}.footerAlert{border-radius:10px;margin-top:18px;padding:12px 14px}.footerAlert p{font-size:12px}.dinoScene{transform-origin:bottom;transform:scale(.75)}}@media (max-width:360px){.devPlaceholderContainer{padding:8px}.card{border-radius:16px;padding:16px}.headerContent{gap:10px}.iconBox{border-radius:10px;width:36px;height:36px}.iconInner{width:18px;height:18px}.textGroup h2{font-size:14px}.textGroup p{font-size:11px}.pillBar{gap:2px;height:14px}.pill{border-radius:3px}.footerAlert{padding:10px 12px}.footerAlert p{font-size:11px}.footerAlert svg{width:14px;height:14px}.dinoScene{transform-origin:bottom;transform:scale(.6)}}