:root{--paper:#eef1f4;--paper-2:#f7f8fa;--ink:#0c1016;--ink-soft:#3a4452;--line:#0c1016;--line-soft:#c5ccd6;--signal:#e23d28;--cobalt:#1e4d8c;--mint:#2f7a5f;--shadow:4px 4px 0 var(--ink);--font-display:"Syne", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;border-radius:0!important}html,body,#root{min-height:100%}body{background:var(--paper);min-width:320px;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--signal);color:#fff}.page{isolation:isolate;min-height:100vh;padding:28px clamp(16px,3vw,40px) 48px;position:relative;overflow-x:hidden}.page__grain{pointer-events:none;z-index:-2;background-color:var(--paper);background-image:linear-gradient(90deg,#e23d2812 0 180px,#0000 180px),linear-gradient(0deg,#1e4d8c0d 0 120px,#0000 120px);position:fixed;inset:0}.page__rules{pointer-events:none;z-index:-1;opacity:.35;background-image:repeating-linear-gradient(0deg,#0000,#0000 23px,#0c10160a 23px 24px),repeating-linear-gradient(90deg,#0000,#0000 23px,#0c101609 23px 24px);position:fixed;inset:0}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.72rem}.hero{border-bottom:2px solid var(--ink);grid-template-columns:1fr;gap:22px;margin-bottom:28px;padding-bottom:24px;animation:.7s both rise;display:grid}@media (width>=900px){.hero{grid-template-columns:1.4fr .7fr;grid-template-areas:"mark stats""brand actions";align-items:end}.hero__mark{grid-area:mark}.hero__brand{grid-area:brand}.hero__stats{grid-area:stats;justify-self:end}.hero__actions{grid-area:actions;justify-self:end}}.hero__mark{align-items:center;gap:12px;display:flex}.reg-mark{border:2px solid var(--ink);background:linear-gradient(var(--ink), var(--ink)) center/2px 100% no-repeat, linear-gradient(var(--ink), var(--ink)) center/100% 2px no-repeat;width:18px;height:18px}.brand{font-family:var(--font-display);letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(3.2rem,9vw,6.4rem);font-weight:800;line-height:.9}.brand__slash{color:var(--signal);margin:0 .02em}.hero__lede{max-width:36rem;color:var(--ink-soft);margin:12px 0 0;font-size:1.05rem;line-height:1.45}.hero__stats{gap:12px;display:flex}.stat-block{border:2px solid var(--ink);min-width:110px;box-shadow:var(--shadow);background:#fff;padding:12px 14px}.stat-block__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem;display:block}.stat-block__value{font-family:var(--font-display);margin-top:4px;font-size:2rem;font-weight:700;line-height:1;display:block}.stat-block__den{color:var(--ink-soft);font-size:1rem}.hero__actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border:2px solid var(--ink);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:.7rem 1rem;font-size:.78rem;transition:transform .15s,background .15s,color .15s,box-shadow .15s}.btn--ghost{box-shadow:var(--shadow);background:#fff}.btn--ghost:hover{box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.btn--solid{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--signal)}.btn--solid:hover{background:var(--signal);box-shadow:4px 4px 0 var(--ink)}.board{gap:22px;display:grid}.board__frame{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff;animation:.75s 80ms both rise}.board__caption{border-bottom:2px solid var(--ink);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:repeating-linear-gradient(-45deg,#f3f5f8,#f3f5f8 6px,#e9edf2 6px 12px);justify-content:space-between;gap:12px;padding:10px 14px;font-size:.72rem;display:flex}.tier-row{border-bottom:2px solid var(--ink);grid-template-columns:92px 1fr;min-height:92px;transition:background .15s;display:grid}.tier-row:last-child{border-bottom:0}.tier-row.is-over{background:color-mix(in srgb, var(--tier-color) 10%, white)}.tier-stamp{background:var(--tier-color);color:#fff;border-right:2px solid var(--ink);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;padding:12px 10px;display:flex;position:relative}.tier-stamp:after{content:"";pointer-events:none;border:1px solid #ffffff59;position:absolute;inset:6px}.tier-stamp__letter{font-family:var(--font-display);letter-spacing:-.04em;font-size:2.6rem;font-weight:800;line-height:.85}.tier-stamp__blurb{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;opacity:.9;font-size:.58rem;line-height:1.25}.tier-stamp__count{min-width:1.4rem;font-family:var(--font-mono);text-align:center;background:#0000002e;border:1px solid #ffffff8c;padding:2px 4px;font-size:.65rem;position:absolute;top:10px;right:10px}.tier-slot{background-image:linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), var(--line-soft) calc(100% - 1px));flex-wrap:wrap;align-content:flex-start;align-items:stretch;gap:8px;width:100%;min-height:92px;padding:12px;display:flex}.tier-slot.is-over,.tier-row.is-over .tier-slot{outline:2px dashed var(--ink);outline-offset:-6px;background-color:color-mix(in srgb, var(--tier-color) 8%, white)}.tier-empty{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#8a93a1;pointer-events:none;-webkit-user-select:none;user-select:none;margin:auto;font-size:.75rem}.insert-marker{pointer-events:none;flex:none;align-self:stretch;place-items:center;width:88px;min-height:72px;animation:.28s cubic-bezier(.2,.9,.2,1) both insert-pop;display:grid;position:relative}.insert-marker__beam{background:var(--signal);width:4px;height:calc(100% - 8px);min-height:58px;box-shadow:0 0 0 2px #fff, 4px 0 0 color-mix(in srgb, var(--signal) 28%, transparent), -4px 0 0 color-mix(in srgb, var(--signal) 28%, transparent);animation:1s ease-in-out infinite insert-pulse}.insert-marker__cap{border:2px solid var(--signal);background:#fff;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.insert-marker__cap--top{top:0}.insert-marker__cap--bottom{bottom:0}.insert-marker:before{content:"";border:2px dashed color-mix(in srgb, var(--signal) 55%, var(--ink));background:color-mix(in srgb, var(--signal) 8%, #fff);animation:.28s cubic-bezier(.2,.9,.2,1) both insert-slot;position:absolute;inset:4px 8px}@keyframes insert-pop{0%{opacity:0;width:0;transform:scaleY(.55)}to{opacity:1;width:88px;transform:scaleY(1)}}@keyframes insert-slot{0%{opacity:0;transform:scaleX(.4)}to{opacity:1;transform:scaleX(1)}}@keyframes insert-pulse{0%,to{opacity:1;filter:brightness()}50%{opacity:.72;filter:brightness(1.15)}}.bench{border:2px solid var(--ink);box-shadow:var(--shadow);background:#fff;animation:.8s .14s both rise}.bench.is-over{outline:3px solid var(--cobalt);outline-offset:-3px}.bench__head{border-bottom:2px solid var(--ink);background:linear-gradient(#fff, #fff) padding-box, repeating-linear-gradient(90deg, var(--cobalt) 0 8px, transparent 8px 16px) border-box;border-bottom-width:4px;gap:16px;padding:16px 16px 14px;display:grid}@media (width>=780px){.bench__head{grid-template-columns:1fr auto;align-items:end}}.bench__title{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin:4px 0 0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:750}.bench__controls{flex-wrap:wrap;gap:10px;display:flex}.field{gap:4px;min-width:180px;display:grid}.field span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:.65rem}.field input,.field select{border:2px solid var(--ink);background:var(--paper-2);outline:none;width:100%;padding:.65rem .7rem}.field input:focus,.field select:focus{box-shadow:3px 3px 0 var(--cobalt);background:#fff}.bench__grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;min-height:160px;padding:14px;display:grid}.model-icon{border:2px solid var(--ink);background:#fff;flex-shrink:0;place-items:center;display:inline-grid}.model-icon img{object-fit:contain;pointer-events:none;display:block}.model-icon__mask{display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.model-card{border:2px solid var(--ink);text-align:center;touch-action:none;background:#fff;flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px 8px 10px;transition:transform .18s cubic-bezier(.2,.9,.2,1),box-shadow .12s,background .12s,width .18s cubic-bezier(.2,.9,.2,1),max-width .18s cubic-bezier(.2,.9,.2,1),opacity .15s,padding .18s,margin .18s,border-width .18s,gap .18s;display:flex;box-shadow:3px 3px #c9d0da}.model-card:hover{box-shadow:4px 4px 0 var(--ink);background:#fbfcfd;transform:translate(-1px,-1px)}.model-card:active,.model-card.is-dragging{cursor:grabbing}.model-card--compact{gap:6px;width:84px;max-width:84px;padding:8px 6px 7px}.model-card--ghost{cursor:grabbing;box-shadow:6px 6px 0 var(--ink);background:#fff;width:120px;transform:rotate(-2deg)}.model-card__text{justify-items:center;gap:2px;width:100%;min-width:0;display:grid}.model-card__name{font-family:var(--font-display);letter-spacing:-.02em;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:.84rem;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.model-card--compact .model-card__name{-webkit-line-clamp:2;font-size:.68rem}.model-card__meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.58rem;overflow:hidden}.footer{border-top:2px solid var(--ink);gap:6px;max-width:70ch;margin-top:28px;padding-top:16px;animation:.85s .2s both rise;display:grid}.footer p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.5}.footer__meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem!important}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.tier-row{grid-template-columns:72px 1fr}.tier-stamp__letter{font-size:2rem}.tier-stamp__blurb{display:none}.bench__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.model-card--compact{width:76px;max-width:76px}}
