:root{--bg: #070a11;--panel: rgba(14, 19, 30, .86);--edge: rgba(255, 255, 255, .09);--ink: #e7ecf5;--muted: #8a94a6;--backer: #2effc0;--hater: #a7d06a;--accent: #ffd479}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,system-ui,sans-serif;overflow:hidden}.arena{position:relative;height:100%}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{display:block}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:16px;padding:12px 16px;background:linear-gradient(180deg,#070a11d9,#070a1100);z-index:10}.brand{font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:8px}.brand b{color:var(--muted);font-weight:600;margin:0 2px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--backer);box-shadow:0 0 12px var(--backer)}.tally{display:flex;gap:8px;margin-left:4px}.pill{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid var(--edge)}.pill.backer{color:var(--backer);background:#2effc014}.pill.hater{color:var(--hater);background:#a7d06a14}.tools{margin-left:auto;display:flex;gap:8px}button{font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:#ffffff0d;border:1px solid var(--edge);border-radius:9px;padding:7px 13px;cursor:pointer;transition:background .15s,transform .05s}button:hover{background:#ffffff1a}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:default}button.accent{color:#0b0f1a;background:var(--accent);border-color:transparent}button.accent:hover{background:#ffe0a0}a.cta{font:inherit;font-size:13px;font-weight:600;text-decoration:none;color:#0b0f1a;background:var(--accent);border:1px solid transparent;border-radius:9px;padding:7px 13px;cursor:pointer;white-space:nowrap;transition:background .15s,transform .05s}a.cta:hover{background:#ffe0a0}a.cta:active{transform:translateY(1px)}.importer{position:absolute;left:16px;bottom:16px;width:min(380px,calc(100vw - 32px));background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:16px 16px 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;box-shadow:0 24px 60px #00000080}.importer h2{margin:0 0 4px;font-size:16px}.importer p{margin:0 0 10px;color:var(--muted);font-size:12.5px}.importer code{color:var(--accent);background:#ffd4791a;padding:1px 5px;border-radius:5px}.importer textarea{width:100%;resize:vertical;color:var(--ink);background:#00000059;border:1px solid var(--edge);border-radius:10px;padding:10px;font:inherit;font-size:13px}.importer textarea::placeholder{color:#5b6474}.row{display:flex;gap:8px;margin-top:10px}.row .accent{margin-left:auto}.hint{margin:10px 0 0!important;font-size:11.5px!important;color:#6b7486!important}.card{position:absolute;width:300px;z-index:20;background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:12px 14px 13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 50px #0000008c;animation:pop .12s ease-out}.card.backer{border-top:3px solid var(--backer)}.card.hater{border-top:3px solid var(--hater)}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:7px}.card .who{font-weight:700;font-size:14px}.card .badge{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:999px;border:1px solid var(--edge)}.card .badge.backer{color:var(--backer);background:#2effc01a}.card .badge.hater{color:var(--hater);background:#a7d06a1a}.card .x{margin-left:auto;padding:0 6px;line-height:1;font-size:18px;background:transparent;border:none;color:var(--muted)}.card .x:hover{color:var(--ink);background:transparent}.card .comment{margin:0;font-size:13.5px;color:var(--ink);line-height:1.45}.card .lvl{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid var(--edge)}.card .lvl.backer{color:var(--backer);background:#2effc01f}.card .lvl.hater{color:var(--hater);background:#a7d06a1f}.card .lvlbar{height:5px;border-radius:999px;background:#ffffff14;margin:8px 0;overflow:hidden}.card .lvlbar .fill{height:100%;border-radius:999px}.card.backer .lvlbar .fill{background:linear-gradient(90deg,#1c8f70,var(--backer))}.card.hater .lvlbar .fill{background:linear-gradient(90deg,#5f7a3a,var(--hater))}.card .stats{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;margin-bottom:5px}.card .stats.muted{color:var(--muted)}.card .stats .badge{font-size:10px}.card .comments{max-height:148px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-top:8px;padding-top:9px;border-top:1px solid var(--edge)}.card .comments .comment{font-size:12.5px;line-height:1.4}@keyframes pop{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}.goals{position:absolute;top:58px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:9;pointer-events:none}.goal{width:220px;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:8px 12px 9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.goal.backer{border-top:2px solid var(--backer)}.goal.hater{border-top:2px solid var(--hater)}.goal-top{display:flex;align-items:baseline;gap:6px}.goal-top .age{font-weight:800;font-size:14px}.goal.backer .age{color:var(--backer)}.goal.hater .age{color:var(--hater)}.goal-top .nxt{font-size:11.5px;color:var(--muted)}.goal-top .nxt.maxed{color:var(--accent)}.bar{height:5px;border-radius:999px;background:#ffffff14;margin:6px 0 5px;overflow:hidden}.fill{height:100%;border-radius:999px;transition:width .5s ease}.goal.backer .fill{background:linear-gradient(90deg,#1c8f70,var(--backer))}.goal.hater .fill{background:linear-gradient(90deg,#5f7a3a,var(--hater))}.goal-sub{font-size:11px;color:var(--muted)}.goal-sub b{color:var(--ink);font-weight:700}.levels{position:absolute;top:96px;right:16px;z-index:11;display:flex;flex-wrap:wrap;gap:6px;max-width:660px;justify-content:flex-end;align-items:center;background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:8px 10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.levels-label{font-size:11.5px;color:var(--muted);margin-right:2px}.levels button{padding:5px 9px;font-size:11.5px;display:flex;flex-direction:column;align-items:center;line-height:1.05;gap:1px}.levels button small{font-size:9px;color:var(--muted)}.levels button.on{background:var(--accent);color:#0b0f1a;border-color:transparent}.levels button.on small{color:#0b0f1a;opacity:.65}.levels button.live{color:var(--backer)}.levels button.live.on{background:var(--backer);color:#04120d;border-color:transparent}.pill.preview{color:var(--accent);background:#ffd4791f}.search{position:relative}.search input{font:inherit;font-size:13px;width:210px;color:var(--ink);background:#00000059;border:1px solid var(--edge);border-radius:9px;padding:7px 11px}.search input::placeholder{color:#6b7486}.search input:focus{outline:none;border-color:var(--accent)}.results{position:absolute;top:40px;left:0;width:250px;z-index:30;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:5px;box-shadow:0 16px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.results button{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:none;border-radius:7px;padding:7px 9px;font-size:13px}.results button:hover{background:#ffffff14}.results button small{margin-left:auto;color:var(--muted);font-size:10.5px;text-transform:uppercase}.sdot{width:8px;height:8px;border-radius:50%;flex:none}.sdot.backer{background:var(--backer)}.sdot.hater{background:var(--hater)}