html,body,#root{min-height:100%}body{margin:0}#root{min-height:100vh}:root{--ink:#f6f0df;--ink-muted:#f6f0dfb8;--paper:#f4ebd8;--paper-strong:#fff8e7;--void:#090b0a;--void-soft:#121612;--line:#f6f0df33;--line-dark:#090b0a24;--green:#8fbf7f;--acid:#d8ff63;--blue:#1947d2;--white-gi:#f8f7ef;--danger:#f06d54;--shadow:0 24px 80px #00000057;color:var(--ink);background:var(--void);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Cabinet Grotesk,Outfit,Geist,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(900px 640px at 14% 18%,#8fbf7f2e,#0000 62%),radial-gradient(1000px 700px at 80% 4%,#d8ff631a,#0000 58%),linear-gradient(#080a08 0%,#11140f 48%,#080a08 100%);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:32px 32px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 75%);mask-image:linear-gradient(#000c,#0000 75%)}.nav-wrap{z-index:40;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0d0ac7;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(1180px,100% - 28px);margin:18px auto 0;padding:10px;display:grid;position:sticky;top:18px;box-shadow:0 14px 42px #00000042}.brand-lockup{min-width:0;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--acid);border:1px solid #d8ff6359;border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-grid}.brand-lockup strong,.brand-lockup small{line-height:1.1;display:block}.brand-lockup small,.nav-meta span,.nav-meta strong{color:var(--ink-muted);font-size:.76rem}nav{scrollbar-width:none;justify-content:center;gap:6px;min-width:0;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}.nav-pill,.cta{color:var(--ink);background:#f6f0df0f;border:1px solid #f6f0df33;border-radius:999px;font-weight:800;transition:transform .22s,border-color .22s,background .22s}.nav-pill{white-space:nowrap;padding:10px 14px}.nav-pill:hover,.cta:hover,.match-row:hover,.bento-card:hover,.accordion-card:hover{transform:translateY(-2px)}.nav-pill.active{background:var(--paper);color:var(--void);border-color:var(--paper)}.nav-meta{white-space:nowrap;justify-items:end;gap:1px;display:grid}.hero-section{isolation:isolate;text-align:center;grid-template-columns:minmax(0,1fr);place-items:center;width:min(1320px,100%);min-height:880px;margin:-74px auto 0;padding:210px 28px 120px;display:grid;position:relative}.ascii-field{z-index:-2;color:#f6f0df12;align-content:center;gap:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.7rem,1.6vw,1rem);line-height:1;display:grid;position:absolute;inset:0;overflow:hidden;transform:rotate(-8deg)scale(1.12)}.hero-section:after{content:"";z-index:-1;background:radial-gradient(circle at 50% 38%, #090b0a1a, #090b0ad6 64%), linear-gradient(180deg, transparent, var(--void) 96%);position:absolute;inset:0}.hero-copy{justify-items:center;max-width:min(1180px,94vw);display:grid}.hero-copy h1{max-width:min(1180px,94vw);color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(3rem,6.2vw,7rem);font-weight:950;line-height:.94}.inline-image{vertical-align:middle;filter:grayscale()contrast(1.35);background-position:50%;background-size:cover;border-radius:999px;width:clamp(86px,10vw,148px);height:clamp(42px,5vw,66px);margin:0 10px;display:inline-block;box-shadow:inset 0 0 0 1px #f6f0df5c}.hero-copy p{max-width:760px;color:var(--ink-muted);margin:24px auto 0;font-size:clamp(1.05rem,1.8vw,1.38rem);line-height:1.55}.hero-actions,.button-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.cta{padding:15px 22px}.cta.primary{background:var(--acid);border-color:var(--acid);color:#080a08}.cta.secondary{color:var(--ink);background:#f6f0df14}.cta.compact{padding:11px 16px;font-size:.9rem}.hero-image-card{border:1px solid var(--line);width:min(720px,90vw);box-shadow:var(--shadow);opacity:0;background:#f6f0df0f;border-radius:8px;grid-template-columns:.62fr 1fr;gap:0;margin-top:56px;display:grid;position:relative;overflow:hidden;transform:scale(.86)}.hero-image-card img{object-fit:cover;filter:grayscale()contrast(1.25);width:100%;height:100%;min-height:280px}.hero-image-card pre,.mono-card pre{color:var(--acid);text-align:left;background:#00000057;margin:0;padding:28px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55;overflow:auto}.bento-section,.surface-shell,.ops-story,.footer-cta,.manifesto{width:min(1180px,100% - 32px);margin:0 auto}.bento-section{padding:130px 0 80px}.section-heading,.surface-heading{max-width:780px;margin-bottom:28px}.section-heading h2,.surface-heading h2,.ops-pin h2,.footer-cta h2{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2.2rem,4vw,4.8rem);line-height:1}.section-heading p,.surface-heading p,.ops-pin p,.footer-cta p{color:var(--ink-muted);font-size:1.05rem;line-height:1.6}.bento-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:14px;display:grid}.bento-card,.panel,.accordion-card{border:1px solid var(--line);background:linear-gradient(135deg,#f6f0df1a,#f6f0df0a),#0d110ddb;border-radius:8px;transition:transform .24s,border-color .24s,background .24s;box-shadow:0 18px 50px #00000038}.bento-card{align-content:end;min-height:240px;padding:28px;display:grid;overflow:hidden}.bento-card h3,.panel h3,.accordion-card h3{color:var(--ink);margin:0 0 10px;font-size:clamp(1.25rem,2vw,2rem);line-height:1.06}.bento-card p,.panel p,.accordion-card p,.panel span,.panel small{color:var(--ink-muted);line-height:1.55}.span-4{grid-column:span 4}.span-2{grid-column:span 2}.image-card{filter:contrast(1.08);background-color:#0000;background-image:linear-gradient(#090b0a1f,#090b0aeb),url(https://picsum.photos/seed/bjj-tatami/1600/1000);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:330px}.mono-card{align-content:stretch;padding:0}.mono-card h3{padding:26px 26px 0}.manifesto{padding:150px 0}.manifesto p{max-width:1050px;color:var(--ink);margin:0;font-size:clamp(2.1rem,5vw,6rem);font-weight:950;line-height:1.02}.scrub-word{opacity:.12;display:inline-block;transform:translateY(20px)}.surface-shell{padding:90px 0 120px}.surface-heading span,.step-line,.link-text,.state-pill{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.surface-heading span{color:var(--acid)}.dashboard-grid,.form-layout,.matches-layout,.bracket-layout,.admin-layout{gap:16px;display:grid}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-layout,.matches-layout,.bracket-layout,.admin-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.panel{padding:24px}.identity-card,.summary-panel dl,.match-list,.result-grid,.audit-panel,.guardian-grid,.override-box,.field-grid{gap:12px;display:grid}.identity-card{margin:18px 0 8px}.state-pill{width:fit-content;color:var(--ink);background:#f6f0df14;border:1px solid #f6f0df33;border-radius:999px;align-items:center;padding:5px 10px;font-size:.74rem;display:inline-flex}.state-pill.live,.state-pill.bracket_published,.state-pill.finished{background:#8fbf7f24;border-color:#8fbf7f73}.state-pill.blocked_rest,.state-pill.blocked_ops{background:#f06d5429;border-color:#f06d5480}label{color:var(--ink);gap:7px;font-weight:800;display:grid}input,select{border:1px solid var(--line);width:100%;min-height:45px;color:var(--ink);background:#f6f0df14;border-radius:8px;outline:none;padding:11px 12px}select option{color:#111}input:focus,select:focus{border-color:var(--acid);box-shadow:0 0 0 3px #d8ff631f}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.field-hint{color:var(--ink-muted);font-size:.8rem}.field-hint.error,.success-text{color:var(--danger)}.summary-panel dl{margin:0}.summary-panel div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.summary-panel dt{color:var(--ink-muted)}.summary-panel dd{color:var(--ink);text-align:right;margin:0}.legal-panel{gap:18px;display:grid}.check-row{align-items:center;gap:10px;font-weight:800;display:flex}.check-row input{width:18px;min-height:18px}.filter-bar{grid-template-columns:minmax(240px,1fr) 180px 140px;gap:12px;margin-bottom:16px;display:grid}.match-row{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#f6f0df0f;border-radius:8px;grid-template-columns:130px minmax(0,1fr) minmax(180px,.8fr) minmax(150px,.6fr) auto;align-items:center;gap:14px;padding:16px;transition:transform .22s,border-color .22s;display:grid}.match-row strong,.link-text{color:var(--ink)}.empty-state{border:1px dashed var(--line);color:var(--ink-muted);border-radius:8px;padding:28px}.follow-panel{height:fit-content;position:sticky;top:112px}.bracket-toolbar,.score-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.bracket-tree{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.bracket-node,.result-grid article,.audit-panel article{border:1px solid var(--line);background:#f6f0df0f;border-radius:8px;padding:16px}.bracket-node{gap:5px;display:grid}.bracket-node.final{border-color:#d8ff635c;grid-column:1/-1}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid article{gap:8px;display:grid}.scoreboard{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:14px;margin:20px 0;display:grid}.corner{min-height:330px;color:var(--ink);border-radius:8px;align-content:space-between;gap:16px;padding:22px;display:grid}.corner.blue{background:linear-gradient(160deg,#143dbe,#071334)}.corner.white{color:#0c0d0c;background:linear-gradient(160deg,#f8f7ef,#c9ccbe)}.corner b{font-size:clamp(5rem,10vw,8rem);line-height:.8}.corner.white small,.corner.white span{color:#0c0d0cb8}.score-actions{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.score-actions button{min-height:42px;color:inherit;background:#ffffff29;border:0;border-radius:8px;font-weight:900}.clock-block{color:var(--acid);text-align:center;background:#10150d;border:1px solid #d8ff6366;border-radius:8px;align-content:center;place-items:center;gap:10px;display:grid}.clock-block span{color:var(--acid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(2.6rem,5vw,4.5rem);font-weight:950;line-height:1}.override-box{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.ops-story{grid-template-columns:minmax(260px,.78fr) minmax(0,1fr);gap:72px;min-height:980px;padding:150px 0;display:grid}.ops-pin{align-self:start;top:120px}.accordion-stack{gap:18px;padding-bottom:180px;display:grid}.accordion-card{align-content:end;min-height:220px;padding:28px;display:grid}.accordion-card:hover{background:linear-gradient(135deg,#d8ff6321,#f6f0df0a),#0d110de6;border-color:#d8ff637a}.footer-cta{text-align:center;border-top:1px solid var(--line);padding:120px 28px 140px}@media (width<=980px){.nav-wrap{border-radius:18px;grid-template-columns:1fr}nav{justify-content:flex-start}.nav-meta{display:none}.hero-section{min-height:auto;padding-top:150px}.hero-image-card,.dashboard-grid,.form-layout,.matches-layout,.bracket-layout,.admin-layout,.ops-story,.scoreboard{grid-template-columns:1fr}.bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-4,.span-2{grid-column:span 2}.filter-bar,.field-grid,.override-box,.result-grid,.match-row{grid-template-columns:1fr}.follow-panel{position:static}}@media (width<=620px){.hero-copy h1{font-size:clamp(2.7rem,14vw,4.5rem)}.bento-grid{grid-template-columns:1fr}.span-4,.span-2{grid-column:span 1}.panel,.bento-card{padding:18px}.score-actions{grid-template-columns:repeat(3,1fr)}}