*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.table{display:table}.hidden{display:none}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--background: #090b10;--surface: #141822;--surface-strong: #1b2030;--surface-soft: #202638;--foreground: #f8f9fc;--muted: #b8bfd0;--border: rgba(255, 255, 255, .13);--lime: #b7f34a;--cyan: #56dbea;--pink: #ff72b6;--orange: #ffb454;--danger: #ff8a94;--focus: #f8f9fc}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--background)}body{min-width:320px;min-height:100vh;margin:0;color:var(--foreground);background:radial-gradient(circle at 12% 4%,rgba(183,243,74,.11),transparent 28rem),radial-gradient(circle at 92% 20%,rgba(255,114,182,.1),transparent 25rem),var(--background)}button,a{-webkit-tap-highlight-color:transparent}button{min-height:44px;border:1px solid var(--border);border-radius:999px;padding:.65rem 1rem;color:var(--foreground);background:var(--surface-soft);font:inherit;font-weight:750;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}button:hover:not(:disabled){border-color:#b7f34abf;background:#293149}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:wait;opacity:.7}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.rank-cell,.match-score{letter-spacing:-.025em}h1{margin-bottom:.55rem;font-size:clamp(1.8rem,7vw,3rem);line-height:1.08;overflow-wrap:anywhere}h2{margin-bottom:0;font-size:clamp(1.15rem,4.5vw,1.55rem);line-height:1.2}h3{margin-bottom:.65rem;color:var(--muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}p{line-height:1.7}.app-shell{min-height:100vh}.skip-link{position:fixed;z-index:100;top:.6rem;left:.6rem;padding:.65rem .9rem;border-radius:.6rem;color:#0d1118;background:var(--lime);font-weight:800;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;width:min(100% - 1.5rem,760px);margin:0 auto;padding:.85rem 0 .55rem;align-items:center;justify-content:space-between;gap:.75rem}.brand{display:inline-flex;min-height:44px;align-items:center;gap:.45rem;text-decoration:none;font-size:1.05rem;font-weight:900;white-space:nowrap}.site-header nav{display:grid;grid-template-columns:repeat(3,auto);gap:.2rem;padding:.2rem;border:1px solid var(--border);border-radius:999px;background:#141822f0}.site-header nav a{display:inline-flex;min-height:40px;padding:.45rem .65rem;align-items:center;justify-content:center;border-radius:999px;color:var(--muted);text-decoration:none;font-size:.76rem;font-weight:800;white-space:nowrap}.site-header nav a[aria-current=page]{color:#10140b;background:var(--lime)}.page-container{width:min(100% - 1.5rem,760px);margin:0 auto;padding:1rem 0 4rem}.stack-lg,.stack-xl{display:grid;gap:1rem}.stack-xl{gap:1.35rem}.panel,.board-hero,.demo-controls,.notice,.warning-banner{border:1px solid var(--border);border-radius:1.15rem;background:linear-gradient(155deg,#202638f2,#141822fa);box-shadow:0 1rem 3rem #0003}.panel,.demo-controls,.notice,.warning-banner{padding:1rem}.page-heading{padding:1rem .2rem .3rem}.page-heading p:last-child,.notice p:last-child,.warning-banner p:last-child,.empty-panel p:last-of-type,.error-panel p:last-of-type{margin-bottom:0;color:var(--muted)}.eyebrow{margin-bottom:.35rem;color:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.14em}.board-hero{padding:1.2rem;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(255,114,182,.21),transparent 50%),radial-gradient(circle at 0 100%,rgba(86,219,234,.13),transparent 50%),linear-gradient(145deg,#20263a,#141822)}.board-title-row,.section-heading,.progress-label,.match-meta,.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.board-title-row{align-items:flex-start}.board-title-row .board-name{margin-bottom:0;font-size:clamp(1.8rem,7vw,3rem);line-height:1.08;overflow-wrap:anywhere}.status-badge,.rule-pill,.match-status{display:inline-flex;flex:none;align-items:center;border-radius:999px;font-weight:850;white-space:nowrap}.status-badge{min-height:30px;padding:.35rem .65rem;color:#10140b;background:var(--lime);font-size:.75rem}.status-setup{background:var(--orange)}.status-completed{background:var(--cyan)}.status-cancelled{color:#1a0c0e;background:var(--danger)}.progress-block{margin-top:1.2rem}.progress-label{margin-bottom:.5rem;color:var(--muted);font-size:.8rem}.progress-label strong{color:var(--foreground);font-size:.9rem}progress{display:block;width:100%;height:.72rem;overflow:hidden;border:0;border-radius:999px;background:#30374a}progress::-webkit-progress-bar{border-radius:999px;background:#30374a}progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--lime))}progress::-moz-progress-bar{border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--lime))}.live-toolbar{min-height:52px;padding:.35rem .4rem .35rem .8rem;border:1px solid var(--border);border-radius:999px;background:#141822e6}.live-toolbar p{margin:0;color:var(--muted);font-size:.78rem}.live-toolbar button{min-height:40px;padding-block:.45rem;font-size:.78rem}.focus-panel{border-color:#56dbea6b}.focus-panel>h2{margin-bottom:.8rem}.parallel-copy{margin:-.35rem 0 .8rem;color:var(--cyan);font-size:.78rem;font-weight:850}.focus-panel ol,.round ol,.guide-steps,.team-list{margin:0;padding:0;list-style:none}.board-section{padding:0;overflow:hidden}.board-section>.section-heading{padding:1rem;border-bottom:1px solid var(--border)}.section-heading .eyebrow{margin-bottom:.2rem}.rule-pill{min-height:28px;padding:.3rem .6rem;color:var(--muted);background:#ffffff12;font-size:.7rem}.match-row{padding:.9rem 1rem;border-bottom:1px solid var(--border)}.match-row:last-child{border-bottom:0}.match-row-focus{margin-top:.75rem;padding:.9rem;border:1px solid rgba(86,219,234,.3);border-radius:.85rem;background:#56dbea0f}.match-meta{margin-bottom:.55rem;color:var(--muted);font-size:.75rem}.match-meta strong{color:var(--foreground)}.match-status{padding:.2rem .48rem;background:#ffffff12;font-size:.66rem}.match-status-in_progress{color:#0e1518;background:var(--cyan)}.match-status-completed{color:#10140b;background:var(--lime)}.match-status-cancelled{color:#1a0c0e;background:var(--danger)}.match-teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;font-weight:850}.team-name{overflow-wrap:anywhere}.team-name-right{text-align:right}.match-score{display:inline-flex;align-items:center;gap:.36rem;font-size:1.15rem;font-variant-numeric:tabular-nums}.versus{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.knockouts{margin:.45rem 0 0;color:var(--muted);text-align:center;font-size:.72rem;font-variant-numeric:tabular-nums}.table-wrap{width:100%}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.78rem;font-variant-numeric:tabular-nums}caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}th,td{padding:.8rem .35rem;border-bottom:1px solid var(--border);text-align:center}thead th{color:var(--muted);font-size:.67rem}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}thead th:first-child,.rank-cell{width:3rem}thead th:nth-child(2),tbody th{width:auto;text-align:left}thead th:nth-child(3),tbody td:nth-child(3){width:4.6rem}thead th:last-child,tbody td:last-child{width:2.5rem}tbody th{overflow-wrap:anywhere}.rank-cell{color:var(--lime);font-size:1.05rem;font-weight:950}.round+.round{border-top:1px solid var(--border)}.round-heading{display:flex;min-width:0;padding:.8rem 1rem .25rem;align-items:center;justify-content:space-between;gap:.75rem}.round h3{margin:0}.round-bye{min-width:0;margin:0;color:var(--muted);font-size:.72rem;font-weight:750;overflow-wrap:anywhere;text-align:right}.team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:1rem}.team-list li{padding:.75rem;border:1px solid var(--border);border-radius:.75rem;overflow-wrap:anywhere;background:#ffffff09;font-weight:750}.waiting-copy,.muted-copy{margin:0;color:var(--muted);text-align:center}.waiting-copy{padding:.85rem 1rem;border-top:1px solid var(--border);font-size:.82rem;font-weight:750}.muted-copy{padding:1rem}.demo-controls h2{margin-bottom:.8rem;font-size:1rem}.demo-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.demo-summary li{min-width:0;padding:.65rem .75rem;border:1px solid var(--border);border-radius:.75rem;background:#ffffff09;font-size:.78rem;font-weight:800;overflow-wrap:anywhere}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.segmented-control button{border-radius:.75rem;padding-inline:.55rem;font-size:.76rem}.segmented-control button[aria-pressed=true]{border-color:var(--lime);color:#10140b;background:var(--lime)}.demo-board{padding:.7rem;border:1px dashed rgba(255,255,255,.22);border-radius:1.5rem}.notice{border-color:#56dbea59}.notice strong,.warning-banner strong{display:block;margin-bottom:.25rem}.guide-steps{display:grid;gap:.75rem}.guide-step{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:var(--surface)}.step-number{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:50%;color:#10140b;background:var(--lime);font-weight:950}.guide-step h2{margin:.25rem 0 .75rem}.guide-step>div>code{display:block;padding:.75rem;border:1px solid rgba(86,219,234,.25);border-radius:.7rem;overflow-wrap:anywhere;color:#dffcff;background:#0c111a;font-size:.78rem;line-height:1.55;white-space:normal}.guide-step p{margin:.75rem 0 0;color:var(--muted);font-size:.9rem}.tip{padding:.65rem .75rem;border-left:3px solid var(--cyan);background:#56dbea0f}.tip code{color:var(--cyan);overflow-wrap:anywhere}.result-example{padding:0;overflow:hidden}.result-example>.section-heading{padding:1rem;border-bottom:1px solid var(--border)}.result-intro{margin:0;padding:1rem;color:var(--muted);font-size:.9rem}.result-intro code,.result-correction code{color:#dffcff;font-weight:800;overflow-wrap:anywhere}.result-stage,.result-selection-example,.result-modal-example,.result-announcement,.result-correction{margin:0 1rem 1rem;border:1px solid var(--border);border-radius:.85rem;overflow:hidden;background:#ffffff06}.result-stage{padding:.85rem}.result-stage h3,.result-correction h3{margin:0 0 .7rem;color:var(--foreground);font-size:.84rem;letter-spacing:0;text-transform:none}.result-routing{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.result-routing li{display:grid;min-width:0;gap:.2rem;padding:.7rem;border:1px solid var(--border);border-radius:.7rem;background:#56dbea0a}.result-routing strong{font-size:.8rem}.result-routing span{color:var(--muted);font-size:.75rem;line-height:1.55}.result-selection-example figcaption,.result-modal-example figcaption,.result-announcement figcaption{padding:.7rem .8rem;border-bottom:1px solid var(--border);color:var(--cyan);font-size:.78rem;font-weight:850;line-height:1.5}.result-selection-example ol{display:grid;gap:.55rem;margin:0;padding:.8rem .8rem .8rem 2.3rem;font-size:.78rem;font-weight:800;line-height:1.45}.result-selection-example li{padding-left:.2rem;overflow-wrap:anywhere}.result-selection-example p{margin:0;padding:.65rem .8rem;border-top:1px solid var(--border);color:var(--orange);font-size:.74rem;font-weight:800}.result-fields{display:grid;gap:0;margin:0}.result-fields div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:.65rem;padding:.65rem .75rem;border-bottom:1px solid var(--border)}.result-fields div:last-child{border-bottom:0}.result-fields dt{min-width:0;color:var(--foreground);font-size:.76rem;font-weight:800;overflow-wrap:anywhere}.result-fields dd{min-width:0;margin:0;color:var(--lime);font-size:.82rem;font-weight:900;overflow-wrap:anywhere;text-align:right}.result-command{margin:0 1rem 1rem;padding:.85rem;border:1px solid rgba(183,243,74,.25);border-radius:.8rem;overflow-x:auto;color:#edffd0;background:#0c111a;font-size:.76rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.result-command:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.result-announcement blockquote{display:grid;gap:.28rem;margin:.8rem;padding:.75rem;border-left:3px solid var(--pink);border-radius:.2rem .65rem .65rem .2rem;background:#ff72b60f}.result-announcement blockquote strong{font-size:.82rem;overflow-wrap:anywhere}.result-announcement blockquote span,.result-announcement blockquote small{color:var(--muted);font-size:.72rem}.result-announcement>p{margin:0;padding:0 .8rem .8rem;color:var(--muted);font-size:.76rem}.result-correction{padding:.85rem;border-color:#b7f34a47;background:#b7f34a0a}.result-correction p{margin:0}.result-correction ol{display:grid;gap:.4rem;margin:.7rem 0 0;padding-left:1.3rem;color:var(--muted);font-size:.76rem;line-height:1.5}.result-rules{display:grid;gap:.45rem;margin:0;padding:0 1rem 1rem 2.25rem;color:var(--muted);font-size:.82rem;line-height:1.55}.warning-banner{border-color:#ffb45480;background:#462d12d9}.loading-panel,.empty-panel,.error-panel{padding:1.4rem;text-align:center}.loading-panel .eyebrow,.empty-panel .eyebrow,.error-panel .eyebrow{margin-bottom:.5rem}.loading-mark{width:3rem;height:.65rem;margin:1.25rem auto;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--lime),var(--pink));animation:loading-pulse 1.2s ease-in-out infinite alternate}.text-link{display:inline-flex;min-height:44px;margin-top:.7rem;align-items:center;color:var(--cyan);font-weight:800;text-underline-offset:.2em}.error-panel{border-color:#ff8a946b}.error-panel button{margin-top:.75rem}@keyframes loading-pulse{0%{opacity:.45;transform:scaleX(.72)}to{opacity:1;transform:scaleX(1)}}@media (min-width: 600px){.site-header,.page-container{width:min(100% - 3rem,760px)}.site-header nav a{padding-inline:.95rem;font-size:.82rem}.page-container{padding-top:1.8rem}.panel,.demo-controls,.notice,.warning-banner{padding:1.25rem}.board-hero{padding:1.55rem}.board-section,.result-example{padding:0}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr))}table{font-size:.9rem}}@media (max-width: 390px){.brand span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header nav a{padding-inline:.5rem;font-size:.7rem}.live-toolbar p{max-width:9rem}.progress-label{align-items:flex-start;flex-direction:column;gap:.2rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}