:root{color-scheme:dark;--bg:#151619;--surface:#1b1d21;--line:#2a2d32;--text:#f2f0ed;--muted:#999da7;--accent:#e58c7d;--accent-rgb:229,140,125;--green:#8aa985;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:19px;height:19px;flex:none}.tiny-icon{width:13px;height:13px}.page-shell{max-width:1196px;margin:auto;padding:0 32px}.accent{color:var(--accent)}
.header{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:56px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:780;font-size:27px;letter-spacing:-1.3px;white-space:nowrap}.brand-mark{height:29px;width:29px;color:var(--accent);stroke-width:2.8;transform:rotate(-12deg)}nav{display:flex;align-items:center;gap:30px;height:100%;color:var(--muted);font-size:13px}nav>a,nav>button{position:relative;height:100%;display:flex;align-items:center;padding:0}.nav-active{color:var(--text)}.nav-active:after{content:"";height:2px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}.nav-count{margin-left:7px;font-size:10px;padding:2px 4px;background:#26282d;border-radius:3px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.preview-label{font-size:9px;letter-spacing:1.5px;color:#777d87}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:550;border-radius:7px;padding:0 20px;transition:background .18s,color .18s,border-color .18s}.button-quiet{border:1px solid #363940;min-height:38px;font-size:12px;padding:0 13px}.button-quiet:hover{background:#25272c}.button-quiet[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.button-quiet .icon{width:14px;height:14px}.button-primary{background:var(--accent);color:#1d1b1a;padding:0 23px;min-height:47px}.button-primary:hover{filter:brightness(1.08)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:402px;padding:43px 0 30px;gap:30px}.eyebrow{font-size:9px;font-weight:550;letter-spacing:2.1px;display:flex;align-items:center;gap:9px;color:#a7a9af;margin:0 0 22px}.status-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;display:inline-block;flex:none}.hero h1{font-size:clamp(64px,6.6vw,85px);font-weight:790;line-height:.99;letter-spacing:-4.7px;margin:0 0 27px}.cooked{position:relative;color:var(--accent);white-space:nowrap}.cooked svg{position:absolute;width:103%;height:15px;left:-1%;bottom:-9px;color:var(--accent);stroke-width:3}.hero-description{font-size:16px;line-height:1.7;margin:0;color:#dbdade;letter-spacing:-.15px}.hero-description span{color:var(--muted);font-size:14px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:24px}.text-button{font-size:12px;font-weight:550;padding:12px 0}.text-button span{color:var(--accent);margin-left:5px}.text-button:hover{color:var(--accent)}
.judge-stage{position:relative;align-self:end;width:100%;max-width:400px;justify-self:end;display:flex;flex-direction:column;align-items:center;min-height:340px;padding-top:3px}.judge-button{display:block;position:relative;padding:0;width:350px;height:326px;max-width:100%;border-radius:12px;outline-offset:0}.judge-sprite{display:block;width:350px;height:350px;max-width:100%;background-image:url('assets/judge.png');background-size:200% 200%;background-repeat:no-repeat;transform-origin:50% 78%;position:absolute;bottom:0;left:0}.judge-sprite[data-frame="0"]{background-position:0 0}.judge-sprite[data-frame="1"]{background-position:100% 0}.judge-sprite[data-frame="2"]{background-position:0 100%}.judge-sprite[data-frame="3"]{background-position:100% 100%}.judge-aside{position:absolute;font-size:10px;letter-spacing:.4px;right:7px;top:9px;color:#777e88;transform:rotate(7deg);z-index:1;opacity:.85}.judge-caption{font-size:10px;color:#868c97;display:flex;gap:8px;align-items:center;margin-top:-4px;z-index:1;pointer-events:none}.tap-star{color:var(--accent);font-size:14px}.impact-lines{position:absolute;left:33%;top:60%;width:50px;height:40px;opacity:0;pointer-events:none}.impact-lines i{position:absolute;width:14px;height:2px;background:var(--accent);border-radius:5px;transform:rotate(-18deg);left:0;top:10px}.impact-lines i:nth-child(2){left:14px;top:0;transform:rotate(70deg)}.impact-lines i:nth-child(3){left:35px;top:12px;transform:rotate(-60deg)}.judge-stage.is-impact .impact-lines{opacity:.9}.judge-stage.is-impact .judge-sprite{transform:translateY(2px) rotate(.45deg)}.judge-stage.is-twitch .judge-sprite{transform:translateX(-2px) rotate(-.6deg)}
.court-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:43px;display:flex;align-items:center;gap:21px;font-size:10px}.ticker-status{color:var(--accent);font-weight:650;letter-spacing:.65px;display:flex;align-items:center;gap:8px;white-space:nowrap}.ticker-status .status-dot{width:5px;height:5px}.ticker-copy{color:var(--muted)}.ticker-end{margin-left:auto;letter-spacing:1.3px;color:#727985;font-size:9px}.cases-section{padding-top:27px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:22px;font-weight:670;letter-spacing:-.65px;display:flex;align-items:center;gap:11px;margin:0}.case-count{font-size:10px;border:1px solid #383b40;display:inline-flex;padding:3px 5px;border-radius:4px;font-weight:400;letter-spacing:0;color:var(--muted)}.sample-label{color:#858b96;font-size:10px}.sample-label span{padding:0 7px;color:#4a4f59}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.case-card{background:var(--surface);border:1px solid #2d3036;border-radius:9px;padding:19px 19px 13px;transition:border-color .2s}.case-card:hover{border-color:#484d55}.case-top{display:flex;align-items:center;gap:12px}.case-top h3{font-size:16px;letter-spacing:-.3px;margin:0 0 5px;font-weight:650}.case-top p{font-size:11px;color:var(--muted);margin:0}.avatar-button{position:relative;flex:none;width:44px;height:44px;padding:0;border-radius:9px;isolation:isolate;background:#303735;transition:transform .18s}.avatar-button:hover{transform:rotate(-6deg) scale(1.05)}.avatar-button img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar-edit{position:absolute;right:-4px;bottom:-4px;background:var(--surface);width:15px;height:15px;border-radius:50%;color:var(--accent);font-size:10px;display:grid;place-content:center;opacity:0;transition:opacity .15s}.avatar-button:hover .avatar-edit,.avatar-button:focus-visible .avatar-edit{opacity:1}.case-live{width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:auto;align-self:flex-start;margin-top:7px}.precedent{margin-top:23px}.micro-label{font-size:8px;letter-spacing:1.5px;color:#838b97}.precedent p{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:#c6c9d0;font-size:11px;line-height:1.85;letter-spacing:-.1px;margin:10px 0 12px;min-height:41px}.case-meta{display:flex;justify-content:space-between;font-size:9px;color:#8a919c;border-bottom:1px solid var(--line);padding-bottom:17px}.case-meta span:last-child{display:flex;align-items:center;gap:5px}.pot{padding:17px 0 16px;display:grid;grid-template-columns:1fr auto;row-gap:5px;align-items:center}.pot strong{font-size:28px;letter-spacing:-.9px;font-weight:650;font-variant-numeric:tabular-nums}.pot strong span{font-size:11px;color:#b7bbc4;letter-spacing:0;font-weight:500}.pot small{grid-column:1/-1;text-align:right;font-size:9px;color:#9198a3}.pot small b{font-weight:450;color:#b9bdc5}.case-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0 14px;font-size:9px;color:#9096a0;gap:7px}.case-bottom b{color:#d1d1d5;font-weight:500;margin-left:6px;font-variant-numeric:tabular-nums}.case-action{display:flex;align-items:center;justify-content:space-between;border:1px solid #41454e;border-radius:5px;padding:0 12px;width:100%;min-height:36px;font-size:11px;transition:background .2s,border-color .2s}.case-action>span{display:flex;align-items:center;gap:9px;color:#b4b9c2;font-size:10px}.case-action .icon{height:14px;width:14px;color:var(--accent)}.case-action:hover{background:rgba(var(--accent-rgb),.06);border-color:var(--accent)}
.runway{position:relative;height:145px;overflow:hidden;margin-top:7px;contain:layout paint}.runway-baseline{height:1px;background:var(--line);position:absolute;left:0;right:0;bottom:11px}.runway-label{position:absolute;left:3px;top:41px;color:#747b86;font-size:10px;line-height:1.7;z-index:0}.runway-label span{color:#4e5663}.runner-hint{position:absolute;right:0;top:30px;color:#636b78;font-size:9px}.runner-position{width:118px;height:118px;position:absolute;left:0;bottom:5px;padding:0;transform:translate3d(100px,0,0);will-change:transform;border-radius:20px}.lawyer-sprite{display:block;width:118px;height:118px;background:url('assets/lawyer.png') 0 0/200% 200% no-repeat;transform-origin:50% 100%}.lawyer-sprite[data-frame="0"]{background-position:0 0}.lawyer-sprite[data-frame="1"]{background-position:100% 0}.lawyer-sprite[data-frame="2"]{background-position:0 100%}.lawyer-sprite[data-frame="3"]{background-position:100% 100%}#paper-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.flying-paper{width:10px;height:14px;border-radius:1px;position:absolute;top:0;left:0;will-change:transform,opacity;background:#e6e0d2;box-shadow:0 1px 3px #0005}.flying-paper:after{content:"";position:absolute;left:2px;right:2px;top:4px;height:5px;border-top:1px solid #adb0aa;border-bottom:1px solid #adb0aa;opacity:.85}
.footer{display:flex;align-items:center;gap:25px;min-height:60px}.footer-brand{font-size:17px;letter-spacing:-.65px;gap:6px}.footer-brand .brand-mark{width:21px;height:21px}.footer-copy{color:#7d8490;font-size:10px}.palette{margin-left:auto;display:flex;align-items:center;gap:9px}.palette>span{font-size:8px;letter-spacing:1.5px;color:#737b87;margin-right:3px}.swatch{width:15px;height:15px;min-width:15px;position:relative;border-radius:50%;padding:0;border:3px solid var(--bg);outline:1px solid transparent;box-sizing:content-box}.swatch[aria-pressed=true]{outline-color:#747b87}.swatch:hover{outline-color:#c3c8d0}.swatch.coral{background:#e58c7d}.swatch.sage{background:#a6bfa2}.swatch.apricot{background:#dbb17d}.footer-gallery{font-size:10px;color:#a2a7b1;padding:10px 0}.footer-gallery span{color:var(--accent);margin-left:6px}.demo-note{font-size:9px;color:#626a76;padding:4px 0 24px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,10px);background:#2a2e33;border:1px solid #50555e;color:#ededea;padding:13px 18px;border-radius:8px;font-size:12px;max-width:calc(100% - 32px);width:max-content;box-shadow:0 5px 25px #0004;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:20}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{width:min(850px,calc(100% - 32px));max-height:88dvh;color:var(--text);background:#1b1d21;border:1px solid #42464e;border-radius:14px;padding:26px;box-shadow:0 15px 100px #0008}dialog::backdrop{background:#08090bbb;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:22px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:10px;color:var(--accent)}.dialog-heading h2{margin:0;font-size:27px;letter-spacing:-1px}.dialog-heading p:last-child{color:var(--muted);font-size:12px;margin:9px 0 0}.icon-button{border:1px solid var(--line);border-radius:6px;width:34px;height:34px;flex:none;display:grid;place-items:center}.avatar-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px 12px}.avatar-option{display:flex;align-items:center;flex-direction:column;gap:7px;padding:0;min-width:0}.avatar-option img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;outline:1px solid #ffffff0d;outline-offset:2px;transition:transform .15s,outline-color .15s;display:block;background:#252a2d}.avatar-option:hover img{transform:rotate(-5deg);outline-color:var(--accent)}.avatar-option[aria-pressed=true] img{outline:2px solid var(--accent)}.avatar-option span{font-size:9px;color:#9da4ae;width:100%;text-transform:capitalize;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-footer{border-top:1px solid var(--line);padding-top:18px;margin-top:23px;font-size:10px;color:#7d8692}.noscript{position:fixed;bottom:0;padding:12px;background:var(--surface);border:1px solid var(--line)}
body[data-palette=sage]{--accent:#a6bfa2;--accent-rgb:166,191,162}body[data-palette=apricot]{--accent:#dbb17d;--accent-rgb:219,177,125}body.is-calm .judge-sprite{transform:none!important}body.is-calm .impact-lines{opacity:0}body.is-calm .flying-paper{display:none}
@media(min-width:1450px){.page-shell{max-width:1280px}.hero{min-height:440px}.hero h1{font-size:91px}.judge-stage{max-width:430px}.judge-button{width:380px;height:350px}.judge-sprite{width:380px;height:380px}.case-card{padding:22px 23px 16px}.precedent p{font-size:12px}.case-top h3{font-size:17px}}
@media(max-width:1000px){.header{gap:34px}.header-actions{gap:14px}.preview-label{display:none}.page-shell{padding:0 25px}.hero{gap:6px;min-height:380px}.hero h1{font-size:72px}.judge-button{width:310px;height:290px}.judge-sprite{width:310px;height:310px}.judge-stage{min-height:310px}.judge-aside{right:4px;top:10px;font-size:9px}.case-card{padding:16px 13px 12px}.case-top{gap:9px}.case-top h3{font-size:14px}.case-top p{font-size:10px}.avatar-button{height:37px;width:37px}.precedent p{font-size:10px}.case-meta{font-size:8px}.pot strong{font-size:25px}.footer-copy{display:none}}
@media(max-width:740px){.page-shell{padding:0 22px}.header{height:76px;gap:15px}.brand{font-size:24px}.brand-mark{height:26px;width:26px}nav{margin-left:auto}nav>a{display:none}nav>.nav-link{font-size:11px}.nav-count{display:none}.header-actions{margin-left:0}.button-quiet{min-height:35px;font-size:0;padding:0 10px;gap:0}.button-quiet .icon{width:16px;height:16px}.hero{grid-template-columns:1fr 220px;padding:35px 0 28px;min-height:335px;gap:0}.hero h1{font-size:57px;letter-spacing:-3px;margin-bottom:23px}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:18px}.hero-description{font-size:13px}.hero-description span{font-size:11px}.hero-actions{gap:15px;margin-top:20px}.button-primary{font-size:11px;padding:0 15px;min-height:42px}.text-button{font-size:11px}.judge-stage{min-height:250px}.judge-button{width:235px;height:245px}.judge-sprite{width:235px;height:235px}.judge-aside{top:20px;right:0;font-size:8px}.judge-caption{font-size:8px;margin-top:3px}.court-ticker{gap:12px;font-size:9px}.ticker-status{font-size:8px;letter-spacing:.3px}.ticker-end{display:none}.section-heading h2{font-size:21px}.sample-label{font-size:9px}.case-grid{grid-template-columns:1fr;gap:13px}.case-card{padding:18px}.case-top h3{font-size:17px}.case-top p{font-size:11px}.avatar-button{width:44px;height:44px}.precedent{margin-top:20px}.precedent p{font-size:12px}.case-meta{font-size:10px}.pot{padding:16px 0}.pot strong{font-size:31px}.pot small{font-size:10px}.micro-label{font-size:9px}.case-bottom{font-size:10px}.case-action{min-height:42px;font-size:12px}.runway{height:158px;margin-top:10px}.footer{gap:15px;flex-wrap:wrap;min-height:70px;padding:10px 0}.footer-gallery{font-size:9px}.palette{gap:6px}.palette>span{display:none}.demo-note{font-size:8px}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px 10px}dialog{padding:20px}.dialog-heading h2{font-size:25px}.avatar-option span{font-size:8px}}
@media(max-width:520px){.page-shell{padding:0 20px}.header{gap:12px}.brand{font-size:22px;gap:7px}.brand-mark{height:23px;width:23px}nav>.nav-link{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:34px 0 21px;gap:4px}.hero h1{font-size:clamp(57px,15vw,73px);letter-spacing:-3.8px;line-height:1.01}.hero-description{font-size:15px}.hero-description span{font-size:12px}.hero-actions{margin-top:20px;gap:24px}.button-primary{font-size:12px;min-height:44px;padding:0 19px}.text-button{font-size:12px}.judge-stage{align-self:center;max-width:310px;min-height:235px;margin-top:7px}.judge-button{width:280px;height:239px}.judge-sprite{width:280px;height:280px;bottom:-3px}.judge-aside{right:-1px;top:9px}.judge-caption{margin-top:-1px;font-size:9px}.court-ticker{min-height:39px}.ticker-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}.ticker-status{font-size:8px}.cases-section{padding-top:23px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:21px}.sample-label{max-width:85px;text-align:right;line-height:1.6;font-size:8px}.sample-label span{display:none}.footer-gallery{display:none}.footer{min-height:58px}.footer-brand{font-size:19px}.footer-brand .brand-mark{height:20px;width:20px}.demo-note{line-height:1.6;max-width:300px}.avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 10px}.dialog-heading h2{font-size:23px}.dialog-heading p:last-child{font-size:11px}.runway-label{font-size:9px}.runner-hint{font-size:8px}.cooked svg{bottom:-8px;height:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}