:root{font-family:Inter,Segoe UI,sans-serif;color:#edf0e8;background:#111713;color-scheme:dark;font-synthesis:none;--base: #111713;--panel: #1a221c;--raised: #222d24;--line: #334137;--muted: #a8b7a9;--accent: #d3f492;--accent-strong: #e3ffb2;--warn: #ffc68e;--heading: "Barlow Condensed", "Arial Narrow", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}a{color:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}p{line-height:1.55}h1{font-family:var(--heading);font-size:clamp(2rem,4.6vw,3.8rem);font-weight:800;line-height:1.02;letter-spacing:-.045em;overflow-wrap:anywhere}h2{font-size:1.06rem;font-weight:700;line-height:1.25}h3{font-size:1rem}strong{font-weight:700}.muted,small{color:var(--muted)}.warning{color:var(--warn)}.align-start{justify-self:start}.skip-link{position:fixed;z-index:20;inset:0 auto auto 0;padding:.7rem;background:var(--accent);color:var(--base);transform:translateY(-120%)}.skip-link:focus{transform:none}.loading{display:grid;gap:1rem;padding:12vh 8vw}.button,.primary,.quiet{min-height:2.35rem;border-radius:.4rem;border:1px solid transparent;padding:.5rem .85rem;text-align:center;font-weight:650;font-size:.86rem}.primary{color:#1a2913;background:var(--accent);border-color:var(--accent)}.primary:hover:not(:disabled){background:var(--accent-strong)}.primary span{margin-left:.42rem}.quiet{background:#263128;border-color:#435346;color:#edf0e8}.quiet:hover:not(:disabled){background:#354638}.text-button{padding:0;border:0;color:inherit;background:none;text-align:left;font-weight:650}.text-button:hover{color:var(--accent);text-decoration:underline}.toolbar,.row-actions{display:flex;align-items:end;flex-wrap:wrap;gap:.65rem}.row-actions{justify-content:flex-end;gap:.4rem}.split{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem}.field{min-width:0;display:grid;gap:.35rem;font-size:.85rem;color:var(--muted);font-weight:630}.field input:not([type=checkbox]),.field select{min-height:2.55rem;color:#edf0e8;background:#121a15;border:1px solid #47584a;border-radius:.4rem;padding:.45rem .68rem;width:100%;font-size:.92rem;font-weight:450}.field input::placeholder{color:#899c8b}.field.compact input,.field.compact select{min-height:2.3rem}.field input[type=number]{max-width:14rem}.field input[type=file]{max-width:100%}.check{min-height:2.3rem;display:inline-flex;gap:.55rem;align-items:center;font-size:.9rem}input[type=checkbox]{accent-color:var(--accent);width:1.05rem;height:1.05rem}.pick-file{cursor:pointer;position:relative}.pick-file input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer}.pick-file:focus-within{outline:2px solid var(--accent);outline-offset:3px}.app-layout{display:grid;grid-template-columns:14rem minmax(0,1fr);min-height:100dvh}.side{position:sticky;top:0;height:100dvh;min-height:31rem;z-index:3;display:flex;flex-direction:column;gap:1.4rem;padding:1.8rem 1.15rem;background:#151e17;border-right:1px solid #354236}.brand{display:inline-flex;width:max-content;align-items:center;gap:.65rem;font-size:1.23rem;letter-spacing:-.055em;text-decoration:none;font-weight:820}.brand em,.lobby-intro em{color:var(--accent);font-style:normal}.logo{display:grid;place-content:center;gap:2px;width:32px;height:32px;background:var(--accent);border-radius:.35rem;transform:skew(-6deg)}.logo i{width:18px;height:3px;background:#1b2b18}.logo i:nth-child(2){width:14px;margin-left:4px}.side-team{display:flex;align-items:center;gap:.65rem;padding:1rem 0 0;border-top:1px solid var(--line);font-size:.94rem}.side-team small{display:block;margin-top:.2rem;font-size:.72rem}.side nav{display:grid;gap:.35rem}.nav-button{display:flex;align-items:center;gap:.7rem;padding:.65rem .6rem;white-space:nowrap;color:#bccabd;font-size:.9rem;text-align:left;background:transparent;border:1px solid transparent;border-radius:.4rem}.nav-button span{font-size:1rem;text-align:center;min-width:1rem}.nav-button:hover{background:#233227}.nav-button.active{color:var(--accent);background:#293928;font-weight:700;border-color:#3e513b}.save-state{display:flex;align-items:center;gap:.45rem;margin-top:auto;color:var(--muted);font-size:.72rem}.status-dot{width:.48rem;height:.48rem;border-radius:50%;background:var(--accent)}.workspace{width:min(100%,87rem);margin:0 auto;padding:clamp(1rem,3.2vw,3rem)}.workspace-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.1rem 0 1.65rem}.workspace-head h1{margin-top:.38rem}.eyebrow{color:var(--muted);font-size:.8rem;font-weight:650}.eyebrow span{padding:0 .12rem}.view-stack,.list-stack{display:grid;gap:1rem;min-width:0}.error-banner{padding:.55rem .7rem .55rem 1rem;margin-bottom:1rem;color:#ffe6c0;background:#3b2e1d;border:1px solid #674929;border-radius:.4rem;font-size:.94rem}.error-banner .quiet{min-height:1.7rem;padding:.18rem .5rem}.field-board,.lobby-board{isolation:isolate;position:relative;overflow:hidden;background:linear-gradient(120deg,#222f20 4%,#243a28 54%,#1b2b22);border:1px solid #42533c;border-radius:.85rem}.field-board:before,.lobby-board:before{content:"";position:absolute;z-index:-1;inset:-50% -25% -55% 35%;background:repeating-linear-gradient(90deg,transparent 0 62px,#a3c3992b 62px 64px);transform:perspective(500px) rotateX(26deg) rotate(-27deg);-webkit-mask-image:linear-gradient(90deg,transparent 7%,#000 75%);mask-image:linear-gradient(90deg,transparent 7%,#000 75%)}.field-board{min-height:14.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;padding:clamp(1.2rem,3.3vw,2.6rem)}.board-text{max-width:42rem}.board-text h2{font:800 clamp(1.8rem,4vw,3.25rem)/1.06 var(--heading);letter-spacing:-.037em;margin:.35rem 0 .6rem}.board-text p{color:#bdccb9}.board-text .eyebrow{color:var(--accent);font-size:.77rem;text-transform:uppercase;letter-spacing:.12em}.board-text .primary{margin-top:.75rem}.match-marks{display:flex;align-items:center;gap:.65rem}.match-marks>span:nth-child(2){font-size:.69rem;font-weight:750;color:var(--muted)}.team-mark{display:inline-grid;flex:none;place-items:center;width:2.05rem;height:1.85rem;border-radius:.35rem;background:color-mix(in srgb,var(--team-color) 15%,#182119);color:var(--team-color);border:1px solid color-mix(in srgb,var(--team-color) 44%,#182119);font:800 .63rem/1 Inter,Segoe UI,sans-serif;letter-spacing:.01em}.team-mark.large{width:clamp(3.6rem,7vw,6.1rem);height:clamp(3.6rem,7vw,6.1rem);border-radius:.7rem;font:850 clamp(1.2rem,2.5vw,2.25rem)/1 var(--heading);letter-spacing:-.045em;box-shadow:0 14px 26px #0b150d59}.team-label{display:inline-flex;align-items:center;gap:.5rem;vertical-align:middle}.two-columns,.metric-grid,.depth-grid{display:grid;gap:.85rem;align-items:start}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.metric{display:grid;gap:.45rem;align-content:start;border:1px solid var(--line);border-radius:.65rem;color:inherit;background:var(--panel);min-width:0;text-align:left;padding:1.05rem}button.metric:hover{border-color:#769269;background:#233025}.metric>span{color:var(--muted);font-size:.79rem;font-weight:650}.metric strong{font:800 clamp(1.25rem,2.55vw,2rem)/1 var(--heading);letter-spacing:-.034em;overflow-wrap:anywhere}.metric strong em{font-size:.65em;opacity:.72;font-style:normal}.metric small{font-size:.73rem}.depth-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--panel);border-radius:.65rem;border:1px solid var(--line);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;min-height:3.4rem;padding:.75rem 1.05rem;border-bottom:1px solid var(--line)}.form-body{padding:1rem 1.05rem}.form-body>p+p{margin-top:.45rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:.65rem;padding:.8rem 0}.inline-note,.empty{padding:.9rem 1.05rem;color:var(--muted);font-size:.9rem}.inline-note.warning{color:var(--warn)}.plain-list,.depth-list,.event-list,.award-grid{list-style:none;padding:0;margin:0}.plain-list>li{padding:.72rem 1.05rem;border-bottom:1px solid #303d33}.plain-list>li:last-child{border-bottom:none}.event-list{padding:.35rem .85rem}.event-list li{display:flex;gap:.6rem;align-items:center;padding:.55rem .21rem;border-bottom:1px solid #303d33;font-size:.84rem}.event-list li>strong{margin-left:auto;white-space:nowrap}.event-list li:last-child{border-bottom:0}.tag{color:#dce7da;background:#303d32;border-radius:.25rem;padding:.2rem .33rem;font-size:.72rem;display:inline-block}.rating{display:inline-grid;place-items:center;min-width:1.9rem;min-height:1.55rem;padding:.12rem .27rem;background:#344539;color:#e3ece2;border-radius:.3rem;font:720 .79rem/1 Inter,Segoe UI,sans-serif}.rating.elite{color:#e3fdbf;background:#3c5429}.rating.reserve{color:#dfd7bf;background:#3f392b}.table-wrap{overflow:auto;scrollbar-color:#4c6351 #19211c}table{width:100%;border-collapse:collapse;font-size:.84rem;font-variant-numeric:tabular-nums}th,td{padding:.58rem .7rem;text-align:right;border-bottom:1px solid #303c33;white-space:nowrap}th:first-child,td:first-child,tbody th{text-align:left}tr>:first-child{padding-left:1.05rem}tr>:last-child{padding-right:1.05rem}thead th{color:#b2c0b4;font-weight:650;background:#202a22;font-size:.75rem}tbody th{font-weight:560}tbody tr:last-child>*{border-bottom:0}tbody tr:hover{background:#202d22}.highlight{background:#29372a}.match{width:100%;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.5rem;align-items:center;min-height:3.3rem;color:inherit;background:transparent;border:0;border-bottom:1px solid #344137;padding:.55rem .72rem;font:inherit;font-size:.86rem}.match>:last-child{justify-self:end;text-align:right;flex-direction:row-reverse}.match>:is(:first-child,:last-child) span:last-child{overflow-wrap:anywhere}.match:last-child{border-bottom:0}.match.actionable:hover{background:#29352b}.score-number{font-size:.95rem;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}.score-number span,.versus{color:var(--muted)}.schedule-row{display:grid;align-items:center;grid-template-columns:4.4rem minmax(0,1fr);border-bottom:1px solid var(--line);padding-left:.8rem;font-size:.9rem}.schedule-row:last-child{border-bottom:0}.schedule-row .match{border-bottom:0}.schedule-row>.muted{padding:.8rem}.tabs{display:flex;align-items:end;gap:.3rem;overflow-x:auto;border-bottom:1px solid var(--line)}.tabs button{white-space:nowrap;color:#b6c5b7;background:none;font-size:.86rem;font-weight:620;border:0;border-bottom:2px solid transparent;padding:.65rem .75rem}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.tabs button:hover{background:#203024}.team-tools{align-items:end}.team-tools>.team-label{margin-bottom:.24rem}.depth-list{padding:.35rem .65rem}.depth-list li{display:flex;gap:.4rem;align-items:center;padding:.45rem .12rem;font-size:.79rem;border-bottom:1px solid #303d33}.depth-list li:last-child{border-bottom:0}.depth-list .ordering{margin-left:auto;display:flex;gap:.2rem}.depth-list .quiet{padding:.1rem .34rem;min-height:1.9rem}.seeds .team-label{margin-right:auto}.award-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:1rem}.award-grid li{border-radius:.45rem;background:#263327;padding:.9rem}.award-grid h3{margin:.44rem 0}.award-grid p{font-size:.79rem}.award-grid p:last-child{margin-top:.6rem}.history-list summary{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.history-list summary span:last-child{margin-left:auto;color:var(--muted)}.history-list p,.history-list ul{margin-top:.55rem}.asset-side{border:1px solid var(--line);border-radius:.45rem;padding:.7rem;min-width:0}.asset-side h3{margin-bottom:.5rem}details+details{margin-top:.4rem}summary{cursor:pointer;color:#d9ead7;font-weight:650}.asset-list{max-height:16rem;overflow-y:auto;margin-top:.45rem}.asset-list label{display:flex;gap:.4rem;align-items:center;border-top:1px solid var(--line);padding:.34rem .2rem;font-size:.83rem}.asset-list label .rating{margin-left:auto}.compact-panel{max-width:35rem}.draft-clock{border-color:#506846}.form-body>.list-stack,dialog>.list-stack{padding:.9rem}.settings-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:.7rem 1.25rem}.setting{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .6rem;background:#222e24;border-radius:.37rem}.setting small{display:block;margin-top:.22rem;line-height:1.4}.setting input{flex:none}.slots .row-actions{margin-left:auto}.slots p{font-size:.8rem}.file-exports{padding-top:.75rem;border-top:1px solid var(--line)}dialog{width:min(calc(100% - 1.4rem),45rem);max-height:min(82dvh,50rem);overflow-y:auto;padding:0;border:1px solid #526456;border-radius:.65rem;background:#1b251d;color:#edf0e8;box-shadow:0 1rem 5rem #071109}dialog::backdrop{background:#09110be0}.dialog-head{position:sticky;z-index:1;top:0;background:#1e2921}dialog>:is(.toolbar,details,p){margin:.9rem 1.05rem}.rating-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:.45rem;padding:.65rem 1.05rem;margin:0}.rating-grid>div{background:#28372b;border-radius:.35rem;min-width:0;padding:.5rem}.rating-grid dt{color:#bfcdbd;font-size:.78rem;overflow-wrap:anywhere}.rating-grid dd{margin:.17rem 0 0;font-weight:700;overflow-wrap:anywhere}.lobby{width:min(100%,75rem);margin:0 auto;padding:clamp(1rem,5vw,3.5rem)}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(2rem,7vh,5rem)}.lobby-board{min-height:31rem;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:clamp(1rem,4.8vw,4.5rem);gap:3rem}.lobby-intro h1{font-size:clamp(4.1rem,9vw,8rem);line-height:.84;letter-spacing:-.085em;font-style:italic;margin-bottom:1.65rem}.lobby-intro p{max-width:28rem;color:#c6d4c2;font-size:clamp(.95rem,1.5vw,1.15rem)}.lobby-form{align-self:center;min-width:0;border:1px solid #50624d;background:#162419ee;padding:clamp(1rem,2.1vw,1.6rem);border-radius:.65rem}.lobby-form h2{margin-bottom:.9rem}.new-form,.lobby-files{display:grid;gap:.88rem}.compact-form{max-width:24rem}.choose-team{display:flex;align-items:center;gap:.8rem;background:#27372a;border-radius:.35rem;padding:.8rem}.choose-team p{color:var(--muted);font-size:.8rem}.choose-team .team-mark.large{width:3rem;height:3rem;font-size:1.1rem;box-shadow:none}@media(max-width:1100px){.depth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:870px){.app-layout{grid-template-columns:minmax(0,1fr)}.side{position:sticky;height:auto;min-height:0;padding:.65rem 1rem .4rem;gap:.4rem;border-right:0;border-bottom:1px solid var(--line)}.side-team{display:none}.side nav{display:flex;overflow:auto;gap:.3rem}.nav-button{padding:.45rem .53rem;gap:.35rem}.save-state{position:absolute;right:1rem;top:1.25rem}}@media(max-width:680px){.two-columns,.lobby-board{grid-template-columns:minmax(0,1fr)}.lobby-board{gap:1.5rem;min-height:0;padding:1.25rem}.lobby-intro h1{margin:.55rem 0 .8rem}.lobby-intro h1 br{display:none}.metric-grid,.award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-board{min-height:11rem}.match{padding:.45rem}.match .team-label{gap:.25rem}.match .team-mark{width:1.67rem;height:1.48rem;font-size:.53rem}.panel-head .toolbar,.toolbar .field{min-width:0}}@media(max-width:460px){.depth-grid{grid-template-columns:minmax(0,1fr)}.workspace,.lobby{padding:.8rem}.workspace-head{margin-bottom:.95rem}.nav-button{font-size:.79rem}.nav-button span{display:none}.field-board{padding:.95rem}.match-marks .team-mark.large{width:2.6rem;height:2.6rem;font-size:.92rem}.lobby-intro h1{font-size:3.5rem}.rating-grid{padding-inline:.75rem}}