@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Roboto+Slab:wght@600;700;800&display=swap";:root{--color-charcoal: #303335;--color-black: #17191a;--color-steel: #62686a;--color-metal: #8a8e8b;--color-wood: #72513b;--color-wood-dark: #4e392b;--color-wood-light: #9a7558;--color-sand: #d8c3a0;--color-sand-light: #eee5d5;--color-white: #f7f4ed;--color-pasture: #596442;--color-success: #526348;--color-warning: #b9823d;--color-danger: #8a4438;--color-text: #202222;--color-text-muted: #62605a;--color-border-dark: #292c2d;--color-border-light: #cfc6b7;--font-display: "Roboto Slab", Georgia, serif;--font-ui: "Inter", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-card: 0 2px 4px rgba(23, 25, 26, .08);--shadow-raised: 0 6px 16px rgba(23, 25, 26, .12)}*{box-sizing:border-box}html{background:var(--color-sand-light)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-sand-light);color:var(--color-text);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(100%,640px);min-height:100vh;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 14px 104px}.app-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-height:106px;margin:-14px -14px 18px;padding:24px 14px 18px;border-bottom:5px solid var(--color-wood);background-color:var(--color-charcoal);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 12px);color:var(--color-white)}.header-actions{position:relative}.app-header h1{max-width:420px;margin:0;color:var(--color-white);font-family:var(--font-display);font-size:2.15rem;font-weight:800;line-height:.98;letter-spacing:0;text-transform:uppercase}.eyebrow{margin:0 0 7px;color:var(--color-wood-light);font-size:.72rem;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.app-header .eyebrow{color:var(--color-sand)}.panel,.winner-banner,.match-card,.summary-tile,.admin-action,.confirmation-dialog{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-white);box-shadow:var(--shadow-card)}.panel{margin-top:12px;padding:18px}.winner-banner{margin-top:12px;padding:20px 18px;border:2px solid var(--color-black);border-top:5px solid var(--color-pasture);background-color:var(--color-charcoal);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 12px);color:var(--color-white)}.winner-banner .eyebrow{color:var(--color-sand)}.winner-banner h2{margin:0;color:var(--color-white);font-family:var(--font-display);font-size:1.7rem;line-height:1.1}h2,h3,p{margin-top:0}h2{margin-bottom:12px;color:var(--color-text);font-family:var(--font-display);font-size:1.3rem;line-height:1.2;letter-spacing:0}.body-copy{margin-bottom:0;color:var(--color-text-muted);font-size:.94rem;line-height:1.5}.stack{display:grid;gap:14px}.field{display:grid;gap:7px}.field span{color:var(--color-text-muted);font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text);outline:none}.password-input{position:relative;display:flex}.password-input input{padding-right:72px}.password-toggle{position:absolute;top:1px;right:1px;bottom:1px;min-width:62px;padding:0 8px;border-left:1px solid var(--color-border-light);background:var(--color-sand-light);color:var(--color-charcoal);font-size:.76rem;font-weight:800;text-transform:uppercase}.password-toggle:focus-visible{outline:2px solid var(--color-steel);outline-offset:-3px}.field input,.field select{min-height:48px;padding:0 12px}.field textarea{min-height:230px;padding:12px;resize:vertical;line-height:1.4}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-steel);box-shadow:0 0 0 3px #62686a2e}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-heading.compact{align-items:center;margin-bottom:12px}.section-heading h2{margin-bottom:5px}.count-pill,.seed{display:inline-grid;min-width:38px;min-height:32px;place-items:center;border:1px solid var(--color-black);border-radius:var(--radius-sm);background:var(--color-charcoal);color:var(--color-white);font-family:var(--font-display);font-weight:700}.status-good,.status-warn,.alert,.inline-error{margin-top:12px;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 12px;font-size:.9rem;font-weight:700;line-height:1.4}.status-good{border-color:#52634859;background:#e5e9df;color:var(--color-success)}.status-warn,.alert,.inline-error{border-color:#8a443859;background:#f3e2dc;color:var(--color-danger)}.team-list,.match-list,.standings-list,.completed-list,.manual-team-list{display:grid;gap:10px}.team-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:66px;border:1px solid var(--color-border-light);border-left:4px solid var(--color-wood);border-radius:var(--radius-sm);padding:11px;background:var(--color-white)}.team-row div{display:grid;gap:2px}.team-row strong,.team-row span{min-width:0}.scoreboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}.summary-tile{min-height:78px;display:grid;place-items:center;padding:12px 8px;border-color:var(--color-black);background-color:var(--color-black);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 12px);text-align:center}.summary-tile span{color:var(--color-sand);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.summary-tile strong{color:var(--color-white);font-family:var(--font-display);font-size:1.65rem;line-height:1}.match-card{padding:0;overflow:hidden;border:2px solid var(--color-black);border-top:5px solid var(--color-wood);box-shadow:var(--shadow-raised)}.match-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 13px;border-bottom:1px solid var(--color-border-light);background:var(--color-sand-light);color:var(--color-text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.match-meta strong{color:var(--color-pasture)}.versus{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:stretch;padding:14px 13px 0}.team-block{min-width:0;min-height:104px;display:grid;align-content:space-between;gap:5px;padding:10px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-white)}.team-block span{color:var(--color-steel);font-size:.72rem;font-weight:800;letter-spacing:.1em}.team-block strong{min-width:0;color:var(--color-charcoal);font-family:var(--font-display);font-size:1rem;line-height:1.15;overflow-wrap:anywhere}.team-block em{color:var(--color-text-muted);font-size:.75rem;font-style:normal;font-weight:700}.vs{align-self:center;color:var(--color-steel);font-family:var(--font-display);font-size:.82rem;font-weight:800;text-transform:uppercase}.score-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 13px 13px;padding-top:13px;border-top:1px solid var(--color-border-light)}.compact-field input{text-align:center;font-family:var(--font-display);font-size:1.3rem;font-weight:800}.winner-field,.full{grid-column:1 / -1}.match-card>.full{width:calc(100% - 26px);min-height:56px;margin:14px 13px 13px}.primary-button,.secondary-button,.danger-button,.icon-button,.back-button{min-height:48px;border-radius:var(--radius-sm);padding:0 14px;font-weight:800}.primary-button{border:1px solid var(--color-black);background:var(--color-charcoal);color:var(--color-white)}.score-form .primary-button{min-height:56px;border-color:var(--color-wood-dark);background:var(--color-wood)}.secondary-button{border:1px solid var(--color-charcoal);background:transparent;color:var(--color-charcoal)}.danger-button{background:var(--color-danger);color:var(--color-white)}.icon-button{min-width:48px;border:1px solid rgba(247,244,237,.45);background:var(--color-black);color:var(--color-white)}.menu-button{width:48px;display:grid;place-content:center;gap:4px;padding:0}.menu-button span{display:block;width:20px;height:2px;background:currentColor}.app-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:grid;min-width:152px;overflow:hidden;border:1px solid var(--color-black);border-radius:var(--radius-sm);background:var(--color-white);box-shadow:var(--shadow-raised)}.app-menu button{min-height:46px;padding:0 14px;background:transparent;color:var(--color-text);font-weight:800;text-align:left}.app-menu button+button{border-top:1px solid var(--color-border-light)}.admin-screen{display:grid;gap:14px}.back-button{width:42px;min-width:42px;height:42px;border:1px solid var(--color-charcoal);background:transparent;color:var(--color-charcoal);font-size:1.5rem;line-height:1}.admin-screen .section-heading{margin-top:4px}.admin-screen .section-heading>div{flex:1}.admin-screen h2{margin-bottom:0}.admin-actions{display:grid;gap:10px}.admin-action{display:grid;gap:14px;padding:16px;border-left:4px solid var(--color-danger)}.admin-action h3{margin:0 0 6px;color:var(--color-text);font-family:var(--font-display);font-size:1.05rem;line-height:1.2}.admin-action p{margin:0;color:var(--color-text-muted);line-height:1.4}.manual-team-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--color-border-light);border-left:4px solid var(--color-wood);border-radius:var(--radius-sm);padding:12px;background:var(--color-white)}.manual-team-row>strong{grid-column:1 / -1;color:var(--color-charcoal);font-family:var(--font-display)}.manual-team-row select{padding-inline:6px}.manual-assignment-summary{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:var(--color-text-muted);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.modal-backdrop{position:fixed;inset:0;z-index:40;display:grid;align-items:end;padding:16px;background:#17191a94}.confirmation-dialog{width:min(100%,612px);margin:0 auto;padding:20px;box-shadow:var(--shadow-raised)}.confirmation-dialog h2{margin-bottom:8px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.sticky-actions{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;gap:8px;width:min(100%,640px);margin:0 auto;padding:10px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--color-black);background:#303335f7}.sticky-actions .secondary-button{border-color:var(--color-sand);color:var(--color-white)}.sticky-actions .primary-button{border-color:var(--color-wood-light);background:var(--color-wood)}.sticky-actions.three{grid-template-columns:.8fr 1fr 1fr}.sticky-actions.two,.setup-actions{grid-template-columns:1fr 1fr}.standing-row,.completed-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-bottom:1px solid var(--color-border-light);color:var(--color-text-muted)}.standing-row:last-child,.completed-row:last-child{border-bottom:0}.standing-row span,.completed-row span{min-width:0;overflow-wrap:anywhere}.standing-row strong,.completed-row strong{color:var(--color-text);white-space:nowrap}.completed-row-button{width:100%;border:0;background:transparent;text-align:left}.completed-row-button em{color:var(--color-wood-dark);font-size:.72rem;font-style:normal;font-weight:800;text-transform:uppercase}.completed-row-button:hover,.completed-row-button:focus-visible{background:var(--color-sand-light)}.tournament-hero{position:relative;min-height:192px;margin:0 -14px 16px;overflow:hidden;display:flex;align-items:end;padding:22px 14px;color:var(--color-white);background-color:var(--color-charcoal);background-image:linear-gradient(90deg,#17191ae6,#17191a40),url(/images/barn-arena-banner.png);background-position:center;background-size:cover}.tournament-hero-copy{position:relative;max-width:420px}.tournament-hero h2{max-width:360px;margin:0 0 6px;color:var(--color-white);font-size:clamp(1.8rem,8vw,2.7rem)}.tournament-hero p:last-child{max-width:350px;margin:0;color:var(--color-sand-light)}.page-intro{margin:4px 0 18px}.page-intro h2{margin:0 0 5px}.page-intro p:last-child{margin-bottom:0}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:25;display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,640px);margin:0 auto;padding:7px 8px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--color-black);background:var(--color-charcoal)}.bottom-nav button{display:grid;justify-items:center;gap:4px;min-height:50px;padding:5px 4px;color:var(--color-metal);background:transparent;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bottom-nav button.active{color:var(--color-sand-light)}.nav-mark{width:18px;height:14px;border:2px solid currentColor}.nav-mark-live{border-radius:50%}.nav-mark-bracket{border-width:2px 0;box-shadow:6px 0 0 -4px var(--color-charcoal),6px 0 0 -2px currentColor}.nav-mark-teams{border-radius:50% 50% 3px 3px;border-bottom-width:3px}.bracket-screen,.teams-screen{min-width:0}.bracket-section+.bracket-section{margin-top:22px;padding-top:16px;border-top:4px solid var(--color-wood)}.bracket-section:first-of-type{margin-top:0}.bracket-section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.bracket-section-heading h3{margin:0 0 4px;color:var(--color-charcoal);font-family:var(--font-display);font-size:1.1rem}.bracket-section-heading>span{color:var(--color-text-muted);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bracket-board{display:flex;gap:14px;margin:0 -14px;padding:4px 14px 18px;overflow-x:auto;overscroll-behavior-inline:contain}.bracket-column{flex:0 0 220px}.bracket-column h4{margin:0 0 8px;color:var(--color-charcoal);font-family:var(--font-display);font-size:.92rem;text-transform:uppercase}.bracket-rail{display:grid;min-height:100%;padding-left:12px;border-left:2px solid var(--color-steel)}.projected-rail{grid-auto-rows:112px;row-gap:var(--bracket-gap, 16px);padding-top:var(--bracket-offset, 0px)}.bracket-match{overflow:hidden;height:112px;border:1px solid var(--color-border-dark);border-top:4px solid var(--color-wood);background:var(--color-white);box-shadow:var(--shadow-card)}.bracket-match-button{display:block;width:100%;min-height:0;padding:0;color:inherit;text-align:left;cursor:pointer}.projected-match{border-top-color:var(--color-steel);background:var(--color-surface);box-shadow:none;opacity:.8}.bracket-match-button.selected{outline:3px solid var(--color-warning);outline-offset:3px}.bracket-editor{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 40px);margin:auto;padding:16px;overflow-y:auto;border:2px solid var(--color-steel);background:var(--color-white);color:var(--color-charcoal)}.bracket-editor::backdrop{background:#0000008c}.bracket-editor h3{margin:0;color:var(--color-charcoal);font-family:var(--font-display)}.bracket-editor .match-card{margin-top:12px}.fixed-bracket-section{margin-top:24px;padding-top:12px;border-top:3px solid var(--color-wood)}.app-shell.bracket-view,.bracket-view .bottom-nav{width:min(100%,1280px)}.fixed-bracket-section h3{margin:0 0 14px;font-family:var(--font-display);font-size:1.1rem}.fixed-bracket-scroll{max-width:100%;overflow:auto;padding:4px 4px 18px;overscroll-behavior-inline:contain}.fixed-round-headings{position:relative;height:36px}.fixed-round-headings h4{position:absolute;margin:0;font-size:.84rem;line-height:1.3}.fixed-bracket-canvas{position:relative}.fixed-bracket-lines{position:absolute;inset:0;pointer-events:none;fill:none;stroke:var(--color-steel);stroke-width:2}.fixed-bracket-match{position:absolute;display:grid;grid-template-rows:30px 36px 36px 22px;padding:0;overflow:hidden;border:2px solid var(--color-border-dark);border-radius:4px;background:var(--color-white);color:var(--color-charcoal);text-align:left;letter-spacing:0}.fixed-bracket-match:disabled{opacity:1;cursor:default}.fixed-bracket-match.active{border-color:var(--color-warning)}.fixed-bracket-match.selected,.fixed-bracket-match:focus-visible{outline:3px solid var(--color-warning);outline-offset:2px}.fixed-match-meta{display:flex;justify-content:space-between;align-items:center;padding:0 8px;background:var(--color-sand-light);font-size:.65rem;font-weight:800}.fixed-team-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;border-top:1px solid var(--color-border-light);font-size:.78rem;font-weight:500}.fixed-team-row>span{padding-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixed-team-row>strong{text-align:center}.fixed-team-row.winner{font-weight:800;color:var(--color-success)}.fixed-match-route{padding:3px 8px;border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-edit-actions{display:grid;grid-template-columns:1fr 1fr;grid-column:1 / -1;gap:10px}.score-edit-warning{grid-column:1 / -1;margin:0;color:var(--color-danger);font-size:.8rem;font-weight:700;line-height:1.4}.bracket-match.active{border-top-color:var(--color-warning)}.bracket-match.complete{border-top-color:var(--color-success)}.bracket-match.projected{border-style:dashed;border-color:var(--color-steel);border-top-color:var(--color-steel);background:#f7f4ed8c;box-shadow:none}.bracket-match.projected .bracket-match-meta,.bracket-match.projected .bracket-team-row,.bracket-match.projected .bracket-team-row strong{color:var(--color-steel)}.bracket-column:nth-child(2){padding-top:52px}.bracket-column:nth-child(3){padding-top:104px}.bracket-column:nth-child(4){padding-top:156px}.bracket-column:nth-child(5){padding-top:208px}.bracket-match-meta{display:block;padding:7px 9px 5px;color:var(--color-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bracket-team-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:5px 9px;border-top:1px solid var(--color-border-light);font-size:.78rem}.bracket-team-row span{min-width:0;overflow-wrap:anywhere}.bracket-team-row strong{color:var(--color-charcoal);font-family:var(--font-display);font-size:1rem}.stall-grid{display:grid;gap:10px}.stall-card{position:relative;overflow:hidden;padding:15px 16px;border:1px solid var(--color-border-dark);border-top:4px solid var(--color-wood);background:var(--color-white);box-shadow:var(--shadow-card)}.stall-card-topline{display:flex;justify-content:space-between;gap:10px;color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.stall-card-topline strong{color:var(--color-success)}.stall-card h3{margin:14px 0 4px;color:var(--color-charcoal);font-family:var(--font-display);font-size:1.24rem}.stall-card p{margin:0;color:var(--color-text-muted);font-size:.82rem}@media(min-width:640px){.app-shell{padding-right:18px;padding-left:18px}.app-header{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}.panel{padding:20px}.admin-action{grid-template-columns:1fr auto;align-items:center}.tournament-hero,.bracket-board{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px}.stall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
