:root{--bg0: #0c1210;--bg1: #14201a;--ink: #e8f0ea;--muted: #8aa094;--accent: #c8f060;--accent-dim: #7a9a30;--line: rgba(232, 240, 234, .12);--card: rgba(20, 32, 26, .72);--serif: "Instrument Serif", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1200px 600px at 10% -10%,#1d3a28 0%,transparent 55%),radial-gradient(900px 500px at 90% 0%,#243528 0%,transparent 50%),linear-gradient(160deg,var(--bg0),var(--bg1));color:var(--ink);font-family:var(--sans)}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:0}.hero,main,footer{position:relative;z-index:1}.hero{padding:5.5rem 1.5rem 3rem;max-width:980px;margin:0 auto;animation:rise .7s ease-out both}.brand{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-weight:700}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,7vw,4.6rem);line-height:.95;margin:0 0 1rem}.lede{max-width:36rem;color:var(--muted);font-size:1.1rem;line-height:1.5;margin:0 0 1.75rem}.cta{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.cta code{background:#00000059;border:1px solid var(--line);padding:.7rem .95rem;border-radius:8px;font-size:.92rem;animation:pulseBorder 2.8s ease-in-out infinite}.gh{color:var(--bg0);background:var(--accent);text-decoration:none;font-weight:700;padding:.7rem 1rem;border-radius:8px;transition:transform .15s ease}.gh:hover{transform:translateY(-1px)}main{max-width:1100px;margin:0 auto;padding:0 1.5rem 4rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.25rem 1.25rem 1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:rise .8s .1s ease-out both}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;flex-wrap:wrap}.panel h2,.split h2{font-family:var(--serif);font-weight:400;font-size:1.8rem;margin:0 0 .35rem}.meta{color:var(--muted);font-size:.85rem;margin:0}.controls{display:flex;gap:1rem;margin:1rem 0 1.25rem;flex-wrap:wrap}.controls label{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.controls select{background:#0a100e;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.45rem .6rem;font:inherit}.board{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.task-card{border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;background:#080e0b8c;transition:border-color .2s ease,transform .2s ease}.task-card:hover{border-color:var(--accent-dim);transform:translateY(-2px)}.task-card h3{margin:0 0 .2rem;font-size:1rem}.task-card .desc{color:var(--muted);font-size:.82rem;margin:0 0 .75rem;min-height:2.4em}.rank{display:flex;justify-content:space-between;gap:.5rem;font-size:.86rem;padding:.28rem 0;border-top:1px solid var(--line)}.rank:first-of-type{border-top:none}.rank .name{font-weight:500}.rank .score{color:var(--accent);font-variant-numeric:tabular-nums}.rank .host-id{display:block;color:var(--muted);font-size:.72rem;margin-top:.15rem}.badge{display:inline-block;margin-left:.35rem;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;padding:.1rem .35rem;border-radius:4px;vertical-align:middle}.badge.open{color:var(--bg0);background:var(--accent)}.badge.closed{color:var(--muted);border:1px solid var(--line)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2.5rem;animation:rise .9s .15s ease-out both}.split p,.split li{color:var(--muted);line-height:1.55}.split ul{margin:.5rem 0 0;padding-left:1.1rem}footer{text-align:center;color:var(--muted);padding:0 1.5rem 3rem;font-size:.85rem}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBorder{0%,to{border-color:var(--line)}50%{border-color:#c8f06073}}@media(max-width:640px){.hero{padding-top:3.5rem}}