:root{--bg: #070605;--gold: #e2c57a;--muted: #9a8c74;--kick: #53fc18;--display: "Forum", "Times New Roman", serif;--font: "Barlow Condensed", "Segoe UI", sans-serif;--kick-font: "Outfit", "Segoe UI", sans-serif;--radius: 14px;--glass: rgba(12, 10, 8, .55);--glass-border: rgba(226, 197, 122, .32)}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg);color:#f3ead4;font-family:var(--font)}body{min-height:100dvh;display:flex;justify-content:center}body:before{content:"";position:fixed;inset:0;z-index:0;background:url(/bg/dota-map.png) center 42% / cover no-repeat;filter:saturate(1.05) contrast(1.08)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 45% at 50% 8%,rgba(90,18,8,.28),transparent 58%),linear-gradient(180deg,#07060538,#07060566 28%,#07060585 52%,#070605b3)}.stage{position:relative;z-index:1;width:min(430px,100%);min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch}.bust{appearance:none;border:0;background:none;margin:8px auto 0;cursor:pointer}.portrait-ring{position:relative;display:block;width:min(300px,78vw);height:min(300px,78vw);padding:6px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#f0d48a,#c4a056 18%,#5c4218 50%,#e2c57a 78%,#8a6424);box-shadow:0 16px 36px #000000b3,0 0 28px #8c180c38,0 0 0 2px #2a1c08,inset 0 1px #ffecba8c,inset 0 -2px #281808a6;transition:box-shadow .16s ease}.portrait-ring:after{content:"";position:absolute;inset:6px;border-radius:8px;pointer-events:none;background:radial-gradient(ellipse 78% 72% at 50% 40%,transparent 58%,rgba(0,0,0,.42) 100%);opacity:.4;transition:opacity .16s ease}.bust.is-reacting .portrait-ring{box-shadow:0 16px 36px #000000b3,0 0 32px #e2c57a47,0 0 0 2px #2a1c08,inset 0 1px #ffecbabf,inset 0 -2px #281808a6}.bust.is-reacting .portrait-ring:after{opacity:.75}.portrait-clip{display:block;width:100%;height:100%;overflow:hidden;border-radius:8px;background:#1a1008}.portrait-clip img{width:100%;height:100%;object-fit:cover;object-position:center 38%;display:block;transform:scale(1.14);transform-origin:center 42%}.portrait-ring.pop img{animation:pop .18s ease-out}@keyframes pop{50%{transform:scale(1.2)}}h1{margin-top:6px;text-align:center;font-family:var(--display);font-size:clamp(44px,13vw,58px);font-weight:400;letter-spacing:.2em;line-height:.95;color:var(--gold);text-shadow:0 2px 0 #2a1c08,0 0 24px rgba(226,197,122,.18)}.tag{text-align:center;margin:8px 0 18px;color:var(--muted);font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.rows{display:grid;gap:8px}.row,.donate a,.strip a,.strip button{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:12px;min-height:64px;padding:6px 14px 6px 6px;text-decoration:none;color:inherit}.row-kick{min-height:72px;background:#0a160a8c;border-color:#53fc1847;box-shadow:0 0 24px #53fc1814}.mark{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;background:#000000b8;border-radius:10px}.row-kick .mark{height:60px;width:60px}.mark img{width:100%;height:100%;object-fit:contain;display:block}.row:not(.row-kick) .mark img{width:62%;height:62%}.copy{display:grid;gap:2px;min-width:0}.copy strong{font-family:var(--kick-font);font-size:22px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase}.row-kick .copy strong{font-size:24px;color:var(--kick)}.copy small{color:var(--muted);font-size:12px;font-weight:600}.live{font-size:11px;font-weight:800;letter-spacing:.12em;color:#081408;background:var(--kick);padding:4px 8px;border-radius:6px}.row:hover,.row:focus-visible{border-color:var(--gold);outline:none}.donate{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.donate a{display:grid;justify-items:center;gap:6px;padding:10px 8px 12px;text-decoration:none;color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.donate img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.55))}.donate a:hover,.donate a:focus-visible{border-color:var(--gold);outline:none}.strip{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.strip a,.strip button{appearance:none;display:grid;justify-items:center;gap:6px;padding:10px 4px 8px;color:var(--gold);text-decoration:none;font:inherit;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.strip a:hover,.strip a:focus-visible,.strip button:hover,.strip button:focus-visible{border-color:var(--gold);outline:none}.well{width:40px;height:40px;border-radius:50%;background:#000;display:grid;place-items:center;color:var(--gold);font-size:18px;font-weight:700;line-height:1}.strip img{width:22px;height:22px;object-fit:contain}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:5;background:var(--glass);color:var(--gold);border:1px solid var(--glass-border);border-radius:12px;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);padding:8px 12px;font-size:13px}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.row,.donate a,.strip a,.strip button,.toast{background:#0c0a08e0}.row-kick{background:#0a160ae6}}.toast[hidden]{display:none}@media(min-width:760px){body{align-items:center}.stage{min-height:0;margin:24px auto}}@media(prefers-reduced-motion:reduce){.portrait-ring.pop img{animation:none}.portrait-ring,.portrait-ring:after{transition:none}}