:root{--bg: #0c0c0d;--bg-2: #121214;--surface: #161618;--border: #242429;--text: #f2f2f3;--muted: #a7a7ab;--primary: #ff4d5a;--accent: #ff6b6b;--success: #22c55e;--font-ui: "Outfit", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial;--font-heading: "Russo One", var(--font-ui)}*{box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden;max-width:100vw}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow-x:hidden;max-width:100vw;position:relative}.app{min-height:100%;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 72px);position:relative;width:100%;max-width:100vw;overflow-x:hidden}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% -10%,#2b1113 0%,transparent 60%);opacity:.2;pointer-events:none}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,rgba(0,0,0,.85),rgba(0,0,0,.4) 70%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;max-width:100vw;overflow-x:hidden}.topbar__left{display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;cursor:pointer;flex-shrink:0}.topbar__x{width:28px;height:28px;border-radius:999px;background:#151518;display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.topbar__spacer{flex:1;min-width:0}.topbar__stats{display:flex;gap:8px;align-items:center;flex-shrink:0}.counter{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;background:#121214;border:1px solid #1f1f24;font-weight:800;white-space:nowrap;font-size:13px}.topbar__profile-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#151518;border:1px solid #1f1f24;border-radius:12px;color:#fff;font-weight:800;font-size:13px;cursor:pointer;flex-shrink:0;transition:all .2s}.topbar__profile-btn:active{transform:scale(.95);background:#1a1a1e}.avatar{width:36px;height:36px;border-radius:999px;background:#151518;border:1px solid #1f1f24;display:grid;place-items:center;font-weight:900;cursor:pointer;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:64px;height:64px;border-radius:999px;overflow:hidden;background:#151518;border:1px solid #1f1f24;display:grid;place-items:center}.avatar-fallback{font-weight:900}.avatar-hint{margin-left:6px;background:#121214;color:#fff;border:1px solid #1f1f24;border-radius:12px;padding:6px 10px;font-weight:800}.topbar__menu{margin-left:8px;background:#151518;border:1px solid #1f1f24;color:#fff;border-radius:10px;padding:6px 10px}.segmented{display:flex;gap:8px;padding:8px 0;overflow:auto}.segmented button{background:#0f0f11;border:1px solid #1f1f24;color:#a7a7ab;padding:10px 14px;border-radius:999px;font-weight:800}.segmented button.active{color:#fff;border-color:#2a2a33;background:#18181c;box-shadow:inset 0 0 0 1px #2a2a33}.tasks{display:flex;flex-direction:column;gap:12px;margin-top:12px}.task-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#121214;border:1px solid #1f1f24;border-radius:16px;padding:14px}.task-main{display:flex;align-items:center;gap:12px}.task-title{font-weight:900;letter-spacing:.3px}.task-reward{color:#22c55e;font-weight:800}.task-btn{background:#1a1a1e;border:1px solid #2a2a33;color:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.btn-outline{background:transparent;border:1px solid #2a2a33;color:#fff;padding:10px 14px;border-radius:12px;font-weight:800}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:40}.modal__inner{width:min(92vw,520px);background:#101012;border:1px solid #1f1f24;border-radius:18px;box-shadow:0 20px 60px #000;padding-bottom:12px}.grid7{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.day{background:#121214;border:1px solid #1f1f24;border-radius:14px;padding:12px;text-align:center}.day.active{outline:2px solid #ffd400}.day__title{color:var(--muted);font-weight:800;margin-bottom:6px}.day__box{font-weight:900}.tabs-underline{display:flex;gap:24px;align-items:flex-end;margin-top:6px;border-bottom:1px solid #1f1f24}.tabs-underline>div{padding:10px 6px;font-family:var(--font-heading);letter-spacing:.5px;color:#a7a7ab}.tabs-underline>div.active{color:#fff;border-bottom:2px solid #fff;margin-bottom:-1px}.sidepanel{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:35}.sidepanel.open{opacity:1;pointer-events:auto}.sidepanel__inner{position:absolute;top:0;right:0;bottom:0;width:min(84vw,360px);background:#101012;border-left:1px solid #1f1f24;box-shadow:-20px 0 60px #0006;padding:16px;display:flex;flex-direction:column;gap:12px}.sidepanel__header{display:flex;align-items:center;justify-content:space-between}.sidepanel__title{font-family:var(--font-heading);letter-spacing:.5px}.sidepanel__links{display:flex;flex-direction:column;gap:8px}.sidepanel__links a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#0f0f11;border:1px solid #1f1f24}a{color:inherit;text-decoration:none}p{margin:0}h1,h2,h3{margin:0 0 8px;font-family:var(--font-heading);letter-spacing:.5px;text-transform:uppercase}.h-subtle{color:var(--muted);font-weight:600;letter-spacing:.3px}.bottom-nav{position:fixed;left:50%;transform:translate(-50%);bottom:8px;width:min(calc(100% - 16px),720px);height:calc(64px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));background:#0f0f11cc;border:1px solid #1f1f24;border-radius:16px;box-shadow:0 2px 8px #00000040;padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-nav a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:var(--muted);font-weight:600;font-size:11px;padding-top:6px;margin:6px;border-radius:12px;transition:background .2s ease,color .2s ease,transform .1s ease}.bottom-nav a .icon{font-size:18px;line-height:1}.bottom-nav a.active{color:var(--primary);background:transparent;box-shadow:none}.panel{padding:16px;max-width:560px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.card{background:#101012;border:1px solid #1f1f24;border-radius:16px;box-shadow:0 10px 30px #00000059;padding:12px}.btn,.btn-3d,.btn-3d-outline,.btn-yellow,.pill-btn,.task-btn,.btn-outline,.btn-accept{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;line-height:1;letter-spacing:.2px;border-radius:14px;padding:12px 16px;font-weight:900;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.btn{background:var(--primary);color:#fff;border:1px solid var(--accent);transition:transform .05s ease,filter .15s ease;box-shadow:none}.btn[disabled],.btn-3d[disabled],.btn-3d-outline[disabled],.btn-yellow[disabled],.pill-btn[disabled],.task-btn[disabled],.btn-outline[disabled],.btn-accept[disabled]{opacity:.5}.btn:active,.btn-3d:active,.btn-3d-outline:active,.btn-yellow:active,.pill-btn:active,.task-btn:active,.btn-outline:active,.btn-accept:active{transform:translateY(1px)}.btn-3d{background:var(--primary);color:#fff;border:1px solid var(--accent);box-shadow:none}.btn-3d:active{transform:translateY(1px)}.btn-3d-outline{background:#0f0f11;border:1px solid #2a2a33;color:#fff;box-shadow:none}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#121214;border:1px solid #1f1f24;font-weight:800}.ring-avatar{width:88px;height:88px;padding:2px;border-radius:999px;background:transparent;border:2px solid var(--primary)}.ring-avatar>.inner{width:100%;height:100%;border-radius:999px;background:#151518;display:grid;place-items:center;overflow:hidden}.ring-avatar img{width:100%;height:100%;object-fit:cover;border-radius:999px}.glass{background:#ffffff05;border:1px solid #1f1f24;border-radius:16px;box-shadow:0 2px 8px #0003}.grid-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.stat{background:#121214;border:1px solid #1e1e22;border-radius:12px;padding:10px 12px;text-align:center}.stat .label{color:var(--muted);font-size:11px}.stat .value{font-weight:800;font-size:14px}.progress{height:12px;background:#121214;border:1px solid #1f1f24;border-radius:999px;overflow:hidden;margin:8px 0 4px}.progress>div{height:100%;background:var(--primary)}.progress-caption{color:var(--muted);font-size:12px}.clicker-wrap{display:flex;justify-content:center;margin-top:20px}.clicker-btn{width:min(70vw,320px);height:min(70vw,320px);border-radius:50%;border:2px solid #ffffff33;background:radial-gradient(70% 70% at 30% 30%,#2a2a2f,#1a1a1f);color:#e5e5e7;font-size:16px;box-shadow:0 10px 30px #00000070,inset 0 0 40px #0005}.section{margin-top:16px}.grid-board{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.board-cell{aspect-ratio:1;border-radius:14px;background:#121214;box-shadow:inset 0 0 0 1px #1f1f24;display:flex;align-items:center;justify-content:center;position:relative}.board-cell__level{position:absolute;right:6px;top:6px;background:var(--primary);color:#fff;border-radius:8px;font-weight:900;font-size:12px;padding:2px 6px}.board-cell__placeholder{width:64%;height:64%;border:2px dashed #2a2a2f;border-radius:12px}.btn-lg{padding:12px 18px;font-size:15px}.btn-accept{background:linear-gradient(180deg,#ff7878,var(--primary));box-shadow:0 6px 16px #ff646e59,inset 0 -2px #00000059}.clicker-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;background:none;border:none}.clicker-btn.hat{width:min(82vw,360px);padding:0}.clicker-btn.hat .hat-img{width:100%;height:auto;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.clicker-btn.hat:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}.clicker-btn:not([disabled]) .hat-img{animation:breathe 2.2s ease-in-out infinite}.hero-metric{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:42px;font-weight:900;letter-spacing:.5px;margin:6px 0 10px}.hero-metric .unit{font-size:22px;opacity:.9}.card-frame{position:relative;margin:12px auto;width:min(92vw,520px);aspect-ratio:3/4;border-radius:18px;background:radial-gradient(140% 120% at 50% 0%,#0f0f11,#0a0a0b 40%,#0b0b0d);box-shadow:inset 0 0 0 1px #242429;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-angle{position:absolute;right:12px;top:8px;transform:rotate(8deg);color:#a7a7ab;font-weight:900;letter-spacing:.4px}.lvl-badge{position:absolute;left:12px;top:8px;background:#0f0f11;border:1px solid #1f1f24;border-radius:10px;padding:4px 8px;font-weight:900}.dots{display:flex;gap:8px;justify-content:center;align-items:center;margin:10px 0}.dot{width:8px;height:8px;border-radius:999px;background:#2a2a2e}.dot.active{background:#fff}.bottom-panel{background:#101012;border:1px solid #1f1f24;border-radius:18px;box-shadow:0 2px 8px #0000002e;padding:12px;margin-top:12px}.pill-btn{background:#121214;border:1px solid #26262b;color:#fff}.clicker-compact .hero-metric{font-size:36px}.clicker-compact .card-frame{max-height:48vh;aspect-ratio:3/5}.clicker-compact .clicker-btn.hat{width:min(74vw,300px)}.clicker-compact .bottom-panel{padding:10px}@media (max-height: 740px){.topbar{padding:8px 12px;gap:6px}.topbar__stats{gap:6px}.counter{padding:5px 8px;font-size:12px}.topbar__profile-btn{padding:5px 10px;font-size:12px}.hero-metric{font-size:36px}.card-frame{max-height:48vh;aspect-ratio:3/5}.clicker-btn.hat{width:min(74vw,300px)}.dots{gap:6px}.dot{width:7px;height:7px}}@media (max-width: 480px){.topbar__stats{gap:4px}.counter{padding:4px 8px;font-size:11px}.counter img{width:14px;height:14px}.topbar__profile-btn{padding:5px 8px;font-size:11px;gap:4px}.topbar__profile-btn span{display:none}}