:root{--paper:#f1e9d6;--paper-deep:#e6dbc1;--pad:#fbf1a9;--pad-rule:#356ec447;--pad-margin:#d7263d8c;--ink:#1b1a17;--ink-soft:#5b5446;--stamp:#d7263d;--wood:#4a2a17;--wood-light:#7a4a2b;--brass:#c9973f;--display:"Fraunces", Georgia, serif;--hand:"Caveat", cursive;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);font-family:var(--display);font-variation-settings:"SOFT" 50;background:radial-gradient(1200px 600px at 10% -10%, #c9973f2e, transparent 60%), radial-gradient(900px 500px at 110% 10%, #d7263d14, transparent 60%), var(--paper);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.35;mix-blend-mode:multiply;z-index:10;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.15 0 0 0 0.22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}.courtroom{width:min(1180px,100% - 2.5rem);margin:0 auto;padding:3.5rem 0 3rem}.masthead{text-align:center;margin-bottom:3rem;animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.docket{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 1rem;font-size:.75rem}.masthead h1{font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;letter-spacing:-.03em;margin:0;font-size:clamp(2.8rem,8vw,6.2rem);font-weight:900;line-height:.92}.masthead h1 em{color:var(--stamp);vertical-align:.25em;padding:0 .1em;font-size:.6em;font-style:italic;font-weight:400}.lede{max-width:40rem;color:var(--ink-soft);margin:1.4rem auto 0;font-size:1.15rem;line-height:1.5}.bench{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.panel{border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fffaf0;border-radius:4px;padding:1.5rem;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;position:relative}.panel-exhibit{animation-delay:.12s;transform:rotate(-.4deg)}.panel-charges{animation-delay:.22s;transform:rotate(.5deg)}.panel-title{font-variation-settings:"SOFT" 100, "WONK" 1;align-items:baseline;gap:.6rem;margin:0 0 1rem;font-size:1.6rem;font-weight:800;display:flex}.panel-title span{font-family:var(--mono);color:var(--stamp);font-size:.85rem;font-weight:600}.panel-note{font-family:var(--hand);color:var(--ink-soft);margin:-.6rem 0 1rem;font-size:1.5rem}.pad{aspect-ratio:1;border:1.5px solid var(--ink);background:linear-gradient(90deg, transparent 11%, var(--pad-margin) 11%, var(--pad-margin) calc(11% + 2px), transparent calc(11% + 2px)), repeating-linear-gradient(180deg, transparent 0 31px, var(--pad-rule) 31px 32px), var(--pad);border-radius:2px;position:relative;overflow:hidden}.pad canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.pad-hint{text-align:center;font-family:var(--hand);color:#1b1a1759;pointer-events:none;margin:0;font-size:2rem;position:absolute;inset:auto 0 42%;transform:rotate(-3deg)}.toolbar{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1rem;display:flex}.tool-group{align-items:center;gap:.4rem;display:flex}.swatch{border:2px solid var(--paper);background:var(--swatch);width:2rem;height:2rem;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;transition:transform .12s}.swatch[aria-checked=true]{box-shadow:0 0 0 1.5px var(--ink), 0 0 0 4px var(--brass);transform:scale(1.18)}.nib{border:1.5px solid var(--ink);background:0 0;border-radius:4px;place-items:center;width:2.2rem;height:2.2rem;display:grid}.nib span{background:var(--ink);border-radius:50%;display:block}.nib[aria-checked=true]{background:var(--ink)}.nib[aria-checked=true] span{background:var(--paper)}.tool-chip{font-family:var(--mono);border:1.5px solid var(--ink);background:0 0;border-radius:999px;padding:.45rem .75rem;font-size:.8rem;transition:background .12s,color .12s}.tool-chip:hover:not(:disabled),.tool-chip[aria-checked=true]{background:var(--ink);color:var(--paper)}.assignment{border:2px solid var(--ink);background:repeating-linear-gradient(180deg, transparent 0 27px, var(--pad-rule) 27px 28px), var(--pad);box-shadow:3px 3px 0 var(--ink);border-radius:4px;padding:1rem 1.1rem 1.1rem;position:relative;transform:rotate(-1deg)}.assignment-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--stamp);font-size:.7rem;font-weight:600}.assignment-target{font-family:var(--hand);margin:.2rem 0 0;font-size:clamp(2rem,4vw,2.6rem);font-weight:700;line-height:1.05;animation:.4s cubic-bezier(.2,.8,.2,1) both rise}.lineup-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin:1.5rem 0 .6rem;font-size:.7rem;font-weight:600}.lineup{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.lineup-item{border-bottom:1.5px dashed #1b1a174d;grid-template-columns:auto 1fr;align-items:baseline;gap:.75rem;padding-bottom:.25rem;display:grid}.lineup-phrase{font-family:var(--hand);font-size:1.5rem;font-weight:500;line-height:1.1}.lineup-item.is-target .lineup-phrase{-webkit-text-decoration:underline wavy var(--stamp) 1.5px;text-decoration:underline wavy var(--stamp) 1.5px;text-underline-offset:5px;font-weight:700}.charge-number{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stamp);min-width:4.8rem;font-size:.7rem}.case-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.record{font-family:var(--mono);font-size:.8rem;font-weight:600}.gavel{border:2px solid var(--ink);background:linear-gradient(180deg, var(--wood-light), var(--wood));color:#fbe9c8;font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:.01em;width:100%;box-shadow:0 5px 0 var(--ink);border-radius:4px;margin-top:1.75rem;padding:1.1rem 1rem;font-size:1.5rem;font-weight:800;transition:transform 90ms,box-shadow 90ms}.gavel:hover:not(:disabled){box-shadow:0 7px 0 var(--ink);transform:translateY(-2px)rotate(-.5deg)}.gavel:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.blocker,.mistrial{font-family:var(--mono);color:var(--ink-soft);margin:.8rem 0 0;font-size:.8rem}.mistrial{color:var(--stamp)}.deliberating{text-align:center;font-family:var(--hand);margin:3rem 0 0;font-size:2.2rem;animation:1.2s ease-in-out infinite squint}.ruling{border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fffaf0;border-radius:4px;margin-top:3rem;padding:2rem;animation:.5s cubic-bezier(.2,.8,.2,1) both rise}.ruling-head{text-align:center}.kicker{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--stamp);font-size:.75rem}.ruling-head h2{font-variation-settings:"SOFT" 100, "WONK" 1;margin:.4rem 0 0;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800}.ruling-body{grid-template-columns:minmax(0,220px) 1fr;align-items:center;gap:2.5rem;margin:2rem 0;display:grid}.exhibit{background:#fff;border:1px solid #1b1a1733;margin:0;padding:.6rem .6rem .3rem;transform:rotate(-4deg);box-shadow:0 10px 24px #4a2a172e}.exhibit img{aspect-ratio:1;border:1px solid #1b1a171a;width:100%;display:block}.exhibit figcaption{font-family:var(--hand);text-align:center;font-size:1.4rem}.stamp-wrap{justify-items:center;gap:1.2rem;display:grid}.stamp{border:5px double var(--stamp);max-width:min(100%,30rem);color:var(--stamp);text-transform:uppercase;mix-blend-mode:multiply;border-radius:10px;justify-items:center;gap:.2rem;padding:1rem 2rem 1.1rem;animation:.52s cubic-bezier(.3,1.6,.5,1) .15s both slam;display:grid;transform:rotate(-6deg);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 2.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 2.1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.stamp-label,.stamp-odds{font-family:var(--mono);letter-spacing:.25em;font-size:.8rem;font-weight:600}.stamp-choice{letter-spacing:-.01em;font-variation-settings:"SOFT" 0, "WONK" 1, "opsz" 144;text-align:center;overflow-wrap:anywhere;font-size:clamp(1.8rem,4.5vw,3rem);font-weight:900;line-height:1.05}.remark{text-align:center;max-width:30rem;font-family:var(--hand);margin:0;font-size:1.8rem;line-height:1.15;animation:.4s ease-out .65s both rise}.outcome{border:2px solid var(--ink);border-radius:4px;grid-template-columns:1fr auto;align-items:center;gap:.25rem 1.5rem;margin:0 0 1.5rem;padding:1.1rem 1.4rem;animation:.4s ease-out .8s both rise;display:grid}.outcome.is-won{background:#d9ecd4}.outcome.is-lost{background:#f6d4d4}.outcome-title{font-variation-settings:"SOFT" 100, "WONK" 1;margin:0;font-size:1.8rem;font-weight:900}.outcome-detail{grid-column:1;margin:0;font-size:1.05rem}.outcome-next{grid-area:1/2/span 2;width:auto;margin:0;padding:.8rem 1.4rem;font-size:1.2rem}.evidence{border-top:1.5px solid var(--ink);margin-top:1.5rem;padding-top:1.25rem}.evidence h3{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1rem;font-size:.75rem;font-weight:600}.bars{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.bar{grid-template-columns:1fr 3.5rem;align-items:center;gap:.15rem 1rem;display:grid}.bar-tag{border:1.5px solid var(--ink);font-family:var(--mono);text-transform:uppercase;vertical-align:.35em;border-radius:999px;margin-left:.5rem;padding:.05rem .4rem;font-size:.65rem;font-weight:600}.bar-label{font-family:var(--hand);grid-column:1/-1;font-size:1.5rem;font-weight:700;line-height:1.1}.bar-track{border:1.5px solid var(--ink);background:repeating-linear-gradient(135deg,#0000 0 6px,#1b1a170f 6px 7px);border-radius:3px;height:1.3rem;overflow:hidden}.bar-fill{height:100%;width:calc(var(--value) * 100%);background:var(--ink-soft);transform-origin:0;animation:.8s cubic-bezier(.2,.8,.2,1) both grow;animation-delay:calc(.4s + var(--delay));display:block}.bar.winner .bar-fill{background:var(--stamp)}.bar-value{font-family:var(--mono);text-align:right;font-weight:600}.merit-scale{border:1.5px solid var(--ink);background:linear-gradient(90deg,#8b1e2b,#d7263d 25%,#e8b04a 55%,#3f8f5a 80%,#1f5c8a);border-radius:999px;height:.9rem;position:relative}.merit-marker{border:3px solid var(--ink);background:#fffaf0;border-radius:50%;width:1.6rem;height:1.6rem;animation:.5s ease-out .9s both rise;position:absolute;top:50%;translate:-50% -50%}.merit-levels{font-family:var(--mono);color:var(--ink-soft);grid-template-columns:repeat(5,1fr);margin-top:.6rem;font-size:.7rem;display:grid}.merit-levels span:nth-child(2),.merit-levels span:nth-child(3),.merit-levels span:nth-child(4){text-align:center}.merit-levels span:last-child{text-align:right}.merit-verdict{margin:1rem 0 0;font-size:1.2rem}.muted{color:var(--ink-soft);font-family:var(--mono);font-size:.8rem}.ruling-foot{font-family:var(--mono);color:var(--ink-soft);border-top:1.5px dashed #1b1a174d;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;margin-top:2rem;padding-top:1rem;font-size:.75rem;display:flex}.colophon{text-align:center;font-family:var(--mono);color:var(--ink-soft);margin-top:3rem;font-size:.75rem}@keyframes rise{0%{opacity:0;translate:0 14px}}@keyframes slam{0%{opacity:0;transform:rotate(-14deg)scale(2.4)}60%{opacity:1}to{transform:rotate(-6deg)scale(1)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes squint{50%{letter-spacing:.08em;opacity:.6}}@media (width<=860px){.bench,.ruling-body{grid-template-columns:1fr}.exhibit{justify-self:center;width:min(220px,70%)}.panel-exhibit,.panel-charges{transform:none}.ruling{padding:1.25rem}.outcome{grid-template-columns:1fr}.outcome-next{grid-area:auto/1;margin-top:.75rem}.merit-levels{font-size:.6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
