*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#0d0b08;min-height:100dvh;margin:0}#root{min-height:100dvh}:root{--bg:#14100b;--bg-2:#1b160f;--surface:#221c14;--surface-2:#2b2318;--surface-3:#352b1e;--line:#ffeed21a;--line-2:#ffeed22e;--text:#f7efe0;--text-2:#b8a98f;--text-3:#84775f;--ember:#ff5a1f;--ember-2:#ff7a38;--ember-dim:#7c2c10;--gold:#ffc23d;--char:#8c8175;--accent:var(--ember);--accent-ink:#fff;--accent-soft:color-mix(in srgb, var(--accent) 15%, var(--bg));--accent-glow:color-mix(in srgb, var(--accent) 40%, transparent);--r-lg:22px;--r-md:16px;--r-sm:11px;--disp:"Anton", "Archivo", sans-serif;--ui:"Archivo", system-ui, sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px)}body{font-family:var(--ui);color:var(--text);background:var(--bg)}::selection{background:var(--accent);color:#fff}.platetex{background-image:repeating-linear-gradient(45deg,#ffffff06 0 2px,#0000 2px 9px),repeating-linear-gradient(-45deg,#0000002e 0 2px,#0000 2px 9px)}.kick{font-family:var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:700}.kick--ember{color:var(--accent)}.disp{font-family:var(--disp);letter-spacing:.01em;font-weight:400;line-height:.92}.score{font-family:var(--disp);letter-spacing:.01em;line-height:.82}.h1{font-family:var(--ui);letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.05}.h2{font-family:var(--ui);letter-spacing:-.01em;font-size:17px;font-weight:700}.body{color:var(--text);font-size:15px;line-height:1.4}.muted{color:var(--text-2)}.dim{color:#9d9075}.tiny{font-size:12.5px;line-height:1.35}.t13{font-size:13.5px}.up{text-transform:uppercase;letter-spacing:.04em}.ember-tx{color:var(--accent)}.gold-tx{color:var(--gold)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 2px 8px #00000059}.card--raise{background:var(--surface-2)}.card--ember{border-color:color-mix(in srgb, var(--accent) 55%, transparent);box-shadow:0 0 0 1px var(--accent-glow), 0 8px 26px -10px var(--accent-glow), 0 2px 8px #0006}.pad{padding:15px}.pad-lg{padding:18px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.col{flex-direction:column;display:flex}.col>*{flex-shrink:0}.grow{flex:auto;min-width:0}.wrap{flex-wrap:wrap}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.gap14{gap:14px}.divline{background:var(--line);border:0;height:1px}.btn{font-family:var(--ui);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:15.5px;font-weight:700;transition:transform 80ms,filter .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--cta{background:linear-gradient(180deg, var(--ember-2), var(--accent));color:#fff;box-shadow:0 6px 18px -6px var(--accent-glow), inset 0 1px 0 #ffffff40}.btn--ghost{background:var(--surface-2);color:var(--text);border-color:var(--line-2)}.btn--done{background:var(--surface-2);color:var(--text-2);border-color:var(--line)}.btn--sm{border-radius:11px;width:auto;padding:9px 13px;font-size:13.5px}.chip{border:1px solid var(--line-2);background:var(--surface-2);color:var(--text-2);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.chip--on{background:var(--accent);color:#fff;border-color:#0000}.chip--ghost{background:0 0}.chip--gold{background:color-mix(in srgb, var(--gold) 18%, var(--surface));color:var(--gold);border-color:color-mix(in srgb, var(--gold) 40%, transparent)}.tag{white-space:nowrap;background:var(--surface-3);color:var(--text-2);letter-spacing:.02em;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.tag--ember{background:color-mix(in srgb, var(--accent) 22%, var(--bg));color:#ffc2a4}.avatar{background:var(--surface-3);color:var(--text);border:1.5px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:16px;font-weight:800;display:grid;overflow:hidden}.avatar--sm{width:32px;height:32px;font-size:13px}.avatar--lg{width:60px;height:60px;font-size:22px}.avatar--ring{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.crest{width:34px;height:38px;font-family:var(--disp);color:#fff;clip-path:polygon(50% 0,100% 14%,100% 62%,50% 100%,0 62%,0 14%);background:var(--surface-3);flex:none;place-items:center;font-size:13px;display:grid;position:relative}.crest--sm{width:26px;height:29px;font-size:10px}.reactbar{flex-wrap:wrap;gap:7px;display:flex}.react{border:1px solid var(--line);background:var(--bg-2);color:var(--text-2);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:700;transition:transform .1s,background .12s,border-color .12s;display:inline-flex}.react:active{transform:scale(1.12)}.react__e{filter:saturate(1.1);font-size:15px;line-height:1}.react--on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%, transparent);color:var(--text)}.streakpill{background:linear-gradient(180deg, color-mix(in srgb,var(--gold) 22%, var(--surface)), var(--surface));border:1px solid color-mix(in srgb,var(--gold) 35%, transparent);font-family:var(--disp);color:var(--gold);border-radius:999px;align-items:center;gap:6px;padding:6px 11px 6px 9px;font-size:16px;display:inline-flex}.meter{background:var(--surface-3);border-radius:999px;height:9px;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--ember-2), var(--accent));border-radius:999px;height:100%;display:block}.rankno{text-align:center;width:26px;font-family:var(--disp);color:var(--text-3);flex:none;font-size:20px}.rankno--top{color:var(--gold)}.coin{background:radial-gradient(circle at 38% 32%, var(--surface-3), var(--surface));border:1.5px solid var(--line-2);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:25px;display:grid}.coin--on{border-color:color-mix(in srgb,var(--accent) 60%, transparent);box-shadow:0 0 0 1px var(--accent-glow), 0 6px 16px -8px var(--accent-glow);background:radial-gradient(circle at 38% 32%, var(--accent-soft), var(--surface))}.coin--lock{filter:grayscale()brightness(.6);opacity:.5}.sechead{justify-content:space-between;align-items:baseline;padding:2px 2px 0;display:flex}.app-shell{background:var(--bg);max-width:480px;min-height:100dvh;margin:0 auto;position:relative}.app-content{padding-bottom:calc(72px + var(--safe-bottom))}.feed{flex-direction:column;gap:12px;padding:12px 13px 26px;display:flex}.fc-scroll::-webkit-scrollbar{display:none}.fc-scroll{scrollbar-width:none}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{transform:translateY(7px)}to{transform:none}}.rise{animation:.3s cubic-bezier(.2,.7,.3,1) both rise}.tabbar{max-width:480px;padding:8px 6px calc(8px + var(--safe-bottom));background:color-mix(in srgb, var(--bg-2) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:100;grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:4px 0;display:flex}.tabbar__icon{border-radius:10px;place-items:center;width:38px;height:30px;transition:background .15s;display:grid}.tabbar__label{letter-spacing:.02em;font-size:10.5px;font-weight:600}
