@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700&family=IBM+Plex+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{--font:"Manrope", system-ui, sans-serif;--font-display:"Bricolage Grotesque", "Manrope", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--bg:#07090d;--surface:#121821b8;--surface-solid:#121821;--surface-2:#1a222d;--ink:#f3f6f8;--muted:#80919f;--muted-2:#b7c4ce;--accent:#37c2b0;--accent-2:#f0b429;--accent-dim:#37c2b024;--accent-2-dim:#f0b42924;--line:#ffffff12;--line-2:#ffffff1f;--danger:#ff7b86;--ok:#62d49a;--radius:14px;--radius-sm:10px;--shadow:0 18px 50px #00000059;font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;color:var(--ink);background:var(--bg)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}button,input{font:inherit}::selection{background:#37c2b059}.reward-track{background:radial-gradient(80% 60% at 50% 100%,#0000008c,#0000 70%),linear-gradient(#2a2218 0%,#1a1510 40%,#120e0b 100%);border-radius:12px;margin:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffe6b414}.reward-track:before{content:"";pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 3px,#50371e1f 3px 4px);position:absolute;inset:0}.reward-track-scroll{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#e2a53a73 transparent;gap:.25rem;padding:.85rem .75rem .7rem;display:flex;position:relative;overflow-x:auto}.reward-track-scroll::-webkit-scrollbar{height:6px}.reward-track-scroll::-webkit-scrollbar-thumb{background:#e2a53a66;border-radius:999px}.tier-card{scroll-snap-align:center;text-align:center;flex-direction:column;flex:0 0 8rem;align-items:center;gap:.28rem;padding:.35rem .3rem .15rem;display:flex}.tier-name{letter-spacing:.01em;color:#f2f0ea;text-shadow:0 1px 2px #000000b3;margin:0;font-size:.95rem;font-weight:600}.tier-status{letter-spacing:.01em;color:#d8d2c6;min-height:1.1rem;margin:0;font-size:.68rem;font-weight:500}.tier-status.status-completed{color:#6fce5a}.tier-status.status-active{color:#f2f0ea}.tier-status.status-locked{color:#b8b0a4}.tier-pips{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.18rem;min-height:1.15rem;margin:.1rem 0 .15rem;display:flex}.tier-pips .pip{flex:none}.pip{color:#f5f2ebe0;cursor:pointer;background:0 0;border:0;place-items:center;width:1.05rem;height:1.05rem;padding:0;transition:transform .12s,color .12s,filter .12s;display:grid}.pip svg{width:100%;height:100%;display:block}.pip:hover{color:#fff;transform:scale(1.12)}.pip-done{color:#f4f1ea;filter:drop-shadow(0 0 2px #ffffff59)}.pip-active{color:#fff;filter:drop-shadow(0 0 5px #ffffffbf);animation:1.6s ease-in-out infinite pip-pulse}.pip-locked{color:#e6e1d78c}.tier-chest-btn{cursor:pointer;background:0 0;border:0;place-items:center;width:5.8rem;height:5.8rem;padding:0;transition:transform .15s;display:grid}.tier-chest-btn:hover{transform:translateY(-2px)}.tier-chest-btn img,.chest-icon{object-fit:contain;image-rendering:auto;width:5.6rem;height:5.6rem}.chest-icon.is-dimmed{opacity:.72}@keyframes pip-pulse{0%,to{filter:drop-shadow(0 0 4px #ffffff8c)}50%{filter:drop-shadow(0 0 8px #fffffff2)}}@media (width<=700px){.tier-card{flex-basis:6.6rem}.tier-chest-btn,.tier-chest-btn img{width:4.8rem;height:4.8rem}}.app{z-index:1;width:min(1200px,100% - 1.5rem);margin:0 auto;padding:1rem 0 2rem;position:relative}.bg{z-index:0;pointer-events:none;background:radial-gradient(1000px 520px at 0 -10%,#37c2b029,#0000 55%),radial-gradient(800px 420px at 100% 0,#f0b42914,#0000 50%),radial-gradient(700px 500px at 50% 110%,#28466440,#0000 60%),#07090d;position:fixed;inset:0}.bg:after{content:"";opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{border-bottom:1px solid var(--line);align-items:flex-end;margin-bottom:1.1rem;padding:.2rem 0 .95rem;animation:.35s both in;display:flex}.brand-block{border-left:3px solid var(--accent);flex-direction:column;gap:.45rem;padding-left:.75rem;display:flex}.brand-row{flex-wrap:wrap;align-items:baseline;gap:.65rem .85rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);margin:0;font-size:1.75rem;font-weight:700;line-height:1.05}.tag{letter-spacing:.01em;color:var(--muted-2);margin:0;font-size:.86rem;font-weight:500}.blurb{max-width:36rem;color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}.api-section{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);margin-bottom:.85rem;padding:.85rem;animation:.35s 50ms both in}.api-bar{grid-template-columns:1fr auto auto;gap:.4rem;display:grid}.api-bar input{border:1px solid var(--line);border-radius:var(--radius-sm);min-width:0;height:2.2rem;color:var(--ink);background:#00000038;padding:0 .85rem;font-size:.8rem}.api-bar input::placeholder{color:var(--muted)}.api-bar input:focus{outline-offset:1px;border-color:#37c2b059;outline:2px solid #37c2b066}.api-section .ghost,.api-section .primary{border-radius:var(--radius-sm)}button{cursor:pointer;border:1px solid #0000;border-radius:999px;height:2.2rem;padding:0 .9rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s,transform .12s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:wait}.primary{color:#041210;background:linear-gradient(#4ad4c2,#2aaea0)}.primary:hover:not(:disabled){filter:brightness(1.05)}.ghost{border-color:var(--line-2);color:var(--muted-2);background:0 0}.ghost:hover{color:var(--ink);border-color:var(--muted-2);background:#ffffff08}.banner{border-top:1px solid var(--line);margin-top:.65rem;padding:.55rem 0;font-size:.8rem;line-height:1.35;animation:.25s both in}.banner.is-ok{color:var(--muted-2)}.banner.is-ok strong{color:var(--ink)}.banner.is-error{color:var(--danger)}.track-block{margin-bottom:.85rem;animation:.4s 40ms both in}.shell{grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);align-items:start;gap:.85rem;animation:.4s 80ms both in;display:grid}.inputs{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);gap:0;padding:.85rem;display:grid}.section+.section{border-top:1px solid var(--line);margin-top:.85rem;padding-top:.85rem}.block-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.55rem;display:flex}.block-head h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.meta{font-family:var(--mono);color:var(--muted);font-size:.68rem}.api-link{color:var(--accent);text-decoration:none}.api-link:hover{color:#6ee0d0;text-decoration:underline}.seg-control{background:#00000038;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.25rem;display:grid}.seg-control label{color:var(--muted-2);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.5rem .55rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.seg-control label:hover,.seg-control label.active{color:var(--ink)}.seg-control label.place-first.active{background:#f0b42929;border-color:#f0b4298c;box-shadow:0 0 0 1px #f0b4291a}.seg-control label.place-first.active em{color:#f0b429}.seg-control label.place-second.active{background:#c0ccd624;border-color:#c0ccd68c;box-shadow:0 0 0 1px #c0ccd61a}.seg-control label.place-second.active em{color:#c8d2da}.seg-control label.place-third.active{background:#c47a3a29;border-color:#c47a3a8c;box-shadow:0 0 0 1px #c47a3a1a}.seg-control label.place-third.active em{color:#d08a45}.seg-control input{opacity:0;pointer-events:none;position:absolute}.seg-control em,.chip em,.toggle em{font-family:var(--mono);color:var(--accent-2);font-size:.72rem;font-style:normal;font-weight:500}.chip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.28rem;display:grid}.chip{border:1px solid var(--line);color:var(--muted-2);cursor:pointer;background:#00000029;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:baseline;gap:.05rem .35rem;padding:.35rem .45rem;transition:background .15s,border-color .15s,color .15s;display:grid;position:relative}.chip:hover{border-color:var(--line-2);color:var(--ink)}.chip.active{background:var(--accent-dim);color:var(--ink);border-color:#37c2b066}.chip input{opacity:0;pointer-events:none;position:absolute}.chip-name{text-transform:capitalize;font-size:.74rem;font-weight:700;line-height:1.15}.chip-range{font-family:var(--mono);color:var(--muted);grid-column:1;font-size:.7rem;line-height:1.2}.chip em{grid-area:1/2/span 2;align-self:center;font-size:.68rem}.toggle-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.toggle{border:1px solid var(--line);color:var(--muted-2);cursor:pointer;background:#00000029;border-radius:999px;justify-content:space-between;align-items:center;gap:.35rem;padding:.55rem .7rem;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.toggle:hover{color:var(--ink)}.toggle.active{background:var(--accent-2-dim);color:var(--ink);border-color:#f0b42966}.toggle input{opacity:0;pointer-events:none;position:absolute}.results{position:relative}.results-sticky{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);background:linear-gradient(165deg,#37c2b014,#0000 40%),#0c1016d9;padding:.95rem;position:sticky;top:.75rem}.kpi-grid{grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.85rem;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius-sm);background:#00000038;padding:.65rem .7rem}.kpi span{letter-spacing:.02em;color:var(--muted);margin-bottom:.2rem;font-size:.68rem;font-weight:600;display:block}.kpi strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.55rem;font-weight:700;line-height:1.05;display:block}.kpi strong small{color:var(--muted);margin:0 .12rem;font-size:.58em;font-weight:600}.kpi.accent{background:var(--accent-dim);border-color:#37c2b059}.kpi.accent strong{color:var(--accent)}.meters{gap:.55rem;margin-bottom:.85rem;display:grid}.meter-head{color:var(--muted-2);justify-content:space-between;gap:.5rem;margin-bottom:.28rem;font-size:.75rem;font-weight:600;display:flex}.meter-head span:last-child{font-family:var(--mono);color:var(--muted);font-size:.68rem;font-weight:500}.bar{background:#ffffff0f;border-radius:999px;height:.42rem;overflow:hidden}.fill{border-radius:inherit;background:linear-gradient(90deg,#2aaea0,#6ee0d0);width:0;height:100%;transition:width .35s}.fill.tickets{background:linear-gradient(90deg,#c9921c,#f0b429)}.breakdown{border-top:1px solid var(--line);gap:.3rem;margin:0;padding:.7rem 0 0;list-style:none;display:grid}.breakdown li{color:var(--muted-2);justify-content:space-between;gap:.75rem;font-size:.8rem;display:flex}.breakdown li span:last-child{font-family:var(--mono);color:var(--accent);font-size:.76rem}.breakdown .zero{color:var(--muted)!important}.breakdown .total{border-top:1px solid var(--line);color:var(--ink);margin-top:.25rem;padding-top:.4rem;font-weight:700}.breakdown .total span:last-child{color:var(--accent-2)}.footnote{color:var(--muted);margin:.75rem 0 0;font-size:.7rem;line-height:1.45}.footer{border:1px solid var(--line);border-radius:calc(var(--radius) + 2px);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);margin-top:1.25rem;padding:.9rem 1rem}.footer-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{flex-direction:column;gap:.15rem;display:flex}.footer-brand strong{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:.95rem;font-weight:600}.footer-brand span{color:var(--muted);font-size:.72rem}.footer-links{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.footer-chip{border:1px solid var(--line);background:#0000002e;border-radius:999px;align-items:baseline;gap:.4rem;padding:.4rem .7rem;display:flex}.footer-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:600}.footer-value{font-family:var(--mono);color:var(--muted-2);font-size:.8rem;font-weight:500}.footer-kofi{color:#1a0a06;background:linear-gradient(#ff8a6a,#ff5e3a);border-radius:999px;justify-content:center;align-items:center;padding:.45rem .9rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:filter .15s,transform .12s;display:inline-flex}.footer-kofi:hover{filter:brightness(1.06)}.footer-kofi:active{transform:translateY(1px)}@media (width<=700px){.footer-main{flex-direction:column;align-items:stretch}.footer-links{justify-content:space-between}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.shell{grid-template-columns:1fr}.results-sticky{position:static}}@media (width<=700px){.api-bar{grid-template-columns:1fr auto auto}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-row{grid-template-columns:1fr}.seg-control{border-radius:var(--radius-sm);grid-template-columns:1fr}.seg-control label{border-radius:var(--radius-sm)}}