:root{--bg:#0a0a0c;--bg-2:#101014;--surface:#141419;--line:rgba(245,242,234,.10);--text:#f5f2ea;--muted:rgba(245,242,234,.64);--faint:rgba(245,242,234,.40);--red:#e0362c;--red-deep:#b02520;--yellow:#fcd116;--live:#4caf7d;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;border-radius:0}html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 Archivo,Helvetica,Arial,sans-serif;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
h1,h2,h3,.cd,.big{font-family:Anton,Impact,sans-serif;text-transform:uppercase;line-height:1;font-weight:400;margin:0}
.mono,.btn,nav a,.label,label,small,button{font-family:"IBM Plex Mono","Courier New",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.muted{color:var(--muted)}.faint{color:var(--faint)}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:rgba(10,10,12,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header b{font:400 20px Anton,Impact;letter-spacing:.06em;text-transform:uppercase;flex:1}
main{max-width:640px;margin:0 auto;padding:16px}.tab{display:none}.tab.on{display:block;animation:in .35s var(--ease)}
@keyframes in{from{opacity:0;transform:translateY(8px)}}
.glow{padding:24px 16px;margin:-16px -16px 20px;background:radial-gradient(circle at 100% 0,rgba(224,54,44,.22),transparent 55%),radial-gradient(circle at 0 100%,rgba(252,209,22,.08),transparent 50%)}
h1{font-size:clamp(48px,16vw,84px);margin:8px 0}.dot{display:inline-block;width:8px;height:8px;background:var(--yellow);border-radius:50%;margin-right:8px;animation:p 1.8s infinite}
@keyframes p{50%{opacity:.3;transform:scale(1.5)}}
.label{display:flex;align-items:center;gap:10px;margin:28px 0 12px;color:var(--text)}.label span{background:var(--yellow);color:#000;padding:2px 6px}
.card{background:var(--surface);border:1px solid var(--line);padding:18px;margin-bottom:12px;transition:transform .3s var(--ease),border-color .3s var(--ease)}
.card:hover{transform:translateY(-3px);border-color:var(--yellow)}.card.pin{border-left:3px solid var(--red)}
.card h3{font-size:26px;margin:6px 0}.cd{display:flex;gap:16px;font-size:clamp(44px,15vw,72px);margin:10px 0}.cd small{display:block;color:var(--faint);font-size:11px}
.cd .live{color:var(--live);font-size:36px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:8px 0 0}dt{color:var(--faint)}dd{margin:0}
.btn{display:inline-block;background:var(--red);color:var(--text);border:1px solid var(--red);padding:13px 18px;cursor:pointer;text-decoration:none;transition:.3s var(--ease);margin:4px 4px 4px 0}
.btn:hover{background:var(--red-deep);transform:translateY(-2px)}.btn.ghost{background:none;border-color:var(--line)}.btn.ghost:hover{border-color:var(--yellow);color:var(--yellow)}
label{display:block;color:var(--muted);margin-bottom:14px}input,textarea{display:block;width:100%;margin-top:6px;background:var(--bg-2);border:1px solid var(--line);color:var(--text);padding:12px;font:16px Archivo,sans-serif;text-transform:none;letter-spacing:0}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:rgba(10,10,12,.9);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:5}
nav a{flex:1;text-align:center;padding:14px 0;color:var(--faint);text-decoration:none;font-size:10px;letter-spacing:.06em;border-bottom:3px solid transparent;transition:.25s var(--ease)}
nav a.on{color:var(--text);border-bottom-color:var(--yellow)}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.big{font-size:56px}ul{padding-left:18px}.score{flex:1;text-align:center}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tool{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;color:var(--text);cursor:pointer;font-size:14px;padding:22px 18px}
.tool b{font:400 24px Anton,Impact;letter-spacing:.04em}.tool::after{content:"→";color:var(--yellow)}.tool span{margin-left:auto;margin-right:14px}
#full{position:fixed;inset:0;z-index:20;background:var(--bg);overflow:auto;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);animation:in .3s var(--ease)}
#full[hidden]{display:none}.fbar{display:flex;align-items:center;gap:14px;padding:12px 0}
#fb{min-height:70vh;display:flex;flex-direction:column;justify-content:center;max-width:640px;margin:0 auto}
#fb .card{text-align:center;border:0;background:none;padding:0}#fb .card:hover{transform:none}#fb .big{font-size:clamp(96px,34vw,220px);margin:12px 0}#fb p.mono{font-size:16px}
#fb .muted{text-align:left;font-size:18px}#fb .btn{padding:18px 26px;font-size:14px}