:root{color:#111;background:#fafafa;font-family:Segoe UI,Yu Gothic UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",system-ui,sans-serif;line-height:1.4}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d0d0d0;background:#fff;border-radius:8px;padding:.35rem .6rem}button.active,button:disabled{opacity:1}button.active{border-color:#111;background:#111;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button.danger{border-color:#c0392b;color:#c0392b}.lp{min-height:100%;display:flex;flex-direction:column;background:#fafaf9;color:#1a1a18;font-family:Segoe UI,system-ui,sans-serif;line-height:1.5}.lp main{flex:1;width:min(40rem,calc(100% - 2.5rem));margin:0 auto;padding:4.5rem 0 3rem}.lp-hero h1{margin:1.25rem 0 0;font-size:clamp(1.75rem,4.5vw,2.25rem);font-weight:600;letter-spacing:-.03em;line-height:1.2}.lp-eyebrow{margin:0;color:#6b6a66;font-size:.85rem;letter-spacing:.04em}.lp-payoff{display:block;margin-top:.5em}.lp-lede{margin:1rem 0 0;color:#6b6a66;font-size:1.0625rem}.lp-cta{display:inline-block;margin-top:1.75rem;padding:.55rem .95rem;border-radius:4px;background:#1a1a18;color:#fff;font-size:.875rem;font-weight:600;text-decoration:none}.lp-cta:hover{background:#333330}.lp-hero-board{margin:2.5rem 0 0}.lp-board-frame{display:grid;grid-template-columns:auto 1fr;gap:.65rem;padding:.75rem;border:1px solid #e5e5e3;border-radius:8px;background:#ececea}.lp-board-rail{display:flex;flex-direction:column;gap:.35rem;padding:.35rem;border-radius:6px;background:#fff;border:1px solid #e5e5e3}.lp-board-rail span{display:block;width:2.4rem;height:.55rem;border-radius:3px;background:#f0f0ee;border-left:3px solid #888}.lp-board-rail span:nth-child(1){border-left-color:#2563eb}.lp-board-rail span:nth-child(2){border-left-color:#059669}.lp-board-rail span:nth-child(3){border-left-color:#ea580c}.lp-board-pitch{position:relative;aspect-ratio:105 / 68;border-radius:4px;overflow:hidden;background:repeating-linear-gradient(90deg,#2f6e38 0,#2f6e38 12%,#357a40 12%,#357a40 24%);border:2px solid rgba(255,255,255,.92)}.lp-board-line--half{position:absolute;top:0;left:50%;width:2px;height:100%;background:#ffffffe0;transform:translate(-50%)}.lp-board-line--circle{position:absolute;top:50%;left:50%;width:22%;aspect-ratio:1;border:2px solid rgba(255,255,255,.88);border-radius:50%;transform:translate(-50%,-50%)}.lp-board-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.lp-board-path--pass{color:#93c5fd}.lp-board-path--dribble{color:#fdba74}.lp-hero-board figcaption{margin-top:.65rem;color:#6b6a66;font-size:.8125rem;text-align:center}.lp-promises{display:grid;gap:1.75rem;margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid #e5e5e3}.lp-promises h2{margin:0 0 .35rem;font-size:1rem;font-weight:600}.lp-promises p{margin:0;color:#6b6a66;font-size:.9375rem}.lp-creed{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e5e3}.lp-creed h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.lp-creed p{margin:0;color:#444440;font-size:.9375rem}.lp-footer{width:min(40rem,calc(100% - 2.5rem));margin:0 auto;padding:2rem 0 2.5rem;border-top:1px solid #e5e5e3}.lp-footer-brand{margin:0 0 .75rem;font-weight:600}.lp-footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;color:#6b6a66;font-size:.8125rem}.lp-footer-row p{margin:0}.lp-footer-links{display:flex;align-items:center;gap:1rem}.lp-footer-links a,.lp-footer-fb{color:inherit;font-size:inherit;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.lp-footer-links a:hover,.lp-footer-fb:hover{color:#1a1a18;text-decoration:underline}@media(prefers-color-scheme:dark){.lp{background:#0f1011;color:#ededea}.lp-eyebrow,.lp-lede,.lp-promises p,.lp-hero-board figcaption,.lp-footer-row{color:#9b9a96}.lp-creed p{color:#c8c8c4}.lp-cta{background:#ededea;color:#0f1011}.lp-cta:hover{background:#fff}.lp-board-frame{background:#1a1b1c;border-color:#2a2a28}.lp-board-rail{background:#151617;border-color:#2a2a28}.lp-promises,.lp-creed,.lp-footer{border-color:#2a2a28}}.editor{height:100%;display:flex;flex-direction:column;background:#f0f0f0}.editor.is-broadcast{background:#e8e8e8}.topbar{height:48px;min-height:48px;display:grid;grid-template-columns:1fr minmax(160px,360px) 1fr;align-items:center;gap:.5rem;padding:0 .6rem;background:#fff;border-bottom:1px solid #e5e5e5}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.4rem}.topbar-right{justify-content:flex-end}.title-input{width:100%;border:1px solid #e5e5e5;border-radius:8px;padding:.35rem .6rem;text-align:center}.editor-body{flex:1;min-height:0;display:flex}.board-stage{flex:1;min-width:0;min-height:0;position:relative;display:flex}.board-surface{flex:1;min-width:0;min-height:0;position:relative}.topbar-brand{font-size:.95rem;margin-right:.15rem}.topbar-icon-btn{min-width:36px;font-size:1.05rem;line-height:1;padding:.35rem .5rem}.broadcast-btn{background:#111;color:#fff;border-color:#111;font-weight:600}.tool-rail{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:4px;padding:6px;background:#fffffff0;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #00000014;max-height:calc(100% - 16px);overflow-y:auto}.tool-rail button{min-width:64px;padding:.4rem .45rem;font-size:.78rem;border-radius:8px;white-space:nowrap}.tool-rail-btn{border-color:#e5e5e5;border-left:3px solid var(--tool-color, #999);color:#222;background:#fff}.tool-rail-btn:hover{background:color-mix(in srgb,var(--tool-color, #999) 10%,#fff)}.tool-rail-btn.active{background:var(--tool-color, #111);border-color:var(--tool-color, #111);color:#fff}.tool-rail-undo{margin-top:4px;border-top:1px solid #eee;border-radius:0 0 8px 8px!important;padding-top:.5rem!important;color:#777}.piece-inspector{position:absolute;right:8px;bottom:8px;z-index:5;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem;max-width:min(420px,calc(100% - 96px));padding:.55rem .65rem;background:#fffffff5;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #00000014}.piece-inspector-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.35rem}.piece-inspector-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#888}.piece-inspector-close{min-width:28px;padding:.15rem .35rem;border:none;background:transparent;color:#888;font-size:1.1rem;line-height:1}.piece-inspector label{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem;color:#555}.piece-inspector input,.piece-inspector select{border:1px solid #ddd;border-radius:8px;padding:.3rem .4rem;min-width:4.5rem;font:inherit}.piece-inspector button{align-self:flex-end}.board-surface.broadcast{background:#e8e8e8}.board-surface canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-text-editor{position:absolute;z-index:4;margin:0;padding:2px 6px;border:2px solid #2563eb;border-radius:4px;background:#fffffff5;color:#111;font-family:Segoe UI,Yu Gothic UI,Hiragino Sans,Noto Sans JP,sans-serif;font-weight:600;line-height:1.35;resize:none;overflow:hidden;box-shadow:0 2px 12px #0000002e;outline:none}.canvas-text-editor--grass{background:#000000b8;border-color:#ffffffeb;color:#fff;box-shadow:0 2px 14px #00000073}.canvas-text-editor::placeholder{color:#00000059;font-weight:500}.canvas-text-editor--grass::placeholder{color:#ffffff73}@media(pointer:coarse){button,.drawer button,.topbar button,.broadcast-chrome button,.tool-rail button,.piece-inspector button{min-height:44px;min-width:44px;padding:.5rem .75rem}.drawer{width:min(340px,42vw);min-width:min(340px,42vw)}.tool-grid button,.tool-rail button{min-height:48px}.title-input{min-height:44px;font-size:1rem}.drawer textarea{min-height:5.5rem;font-size:1rem}.drawer-tabs button{min-height:48px}}.drawer{width:300px;min-width:300px;background:#fff;border-left:1px solid #e5e5e5;display:flex;flex-direction:column;overflow:hidden}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-bottom:1px solid #e5e5e5;flex-shrink:0}.drawer-tabs button{border:none;border-radius:0;border-bottom:2px solid transparent;background:#fafafa;padding:.55rem .35rem;font-size:.85rem;font-weight:500;color:#666}.drawer-tabs button.active{background:#fff;color:#111;border-bottom-color:#111}.drawer-body{flex:1;min-height:0;overflow:auto;padding:.75rem}.drawer-panel{display:flex;flex-direction:column;gap:.45rem}.drawer h3{margin:0 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#777}.drawer section{display:flex;flex-direction:column;gap:.4rem}.drawer label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.drawer input[type=text],.drawer input:not([type]),.drawer select,.drawer textarea{border:1px solid #ddd;border-radius:8px;padding:.35rem .5rem;font-family:inherit;resize:vertical}.scene-chips{display:flex;flex-direction:column;gap:.3rem}.scene-chips button{width:100%;text-align:left;border-radius:10px;padding:.45rem .6rem}.team-segment{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #ddd;border-radius:10px;overflow:hidden}.team-segment button{border:none;border-radius:0;background:#f7f7f7;padding:.5rem;font-weight:600;color:#666}.team-segment button.team-home.active{background:#e74c3c;color:#fff;border-color:#e74c3c}.team-segment button.team-away.active{background:#3498db;color:#fff;border-color:#3498db}.roster-field.roster-home textarea{border-left:3px solid #e74c3c}.roster-field.roster-away textarea{border-left:3px solid #3498db}.drawer-details{border:1px solid #eee;border-radius:10px;padding:.4rem .55rem}.drawer-details summary{cursor:pointer;font-size:.88rem;font-weight:500;color:#444;padding:.2rem 0}.drawer-details[open] summary{margin-bottom:.4rem}.drawer-details .tool-grid{margin-bottom:.35rem}.row{display:flex;gap:.35rem}.row button{flex:1}.stack{display:flex;flex-direction:column;gap:.35rem}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.board-list button{width:100%;text-align:left}.hint{margin:0;font-size:.8rem;color:#c0392b}.hint-muted{margin:0;font-size:.78rem;color:#888}.match-banner-panel{gap:.5rem;padding:.5rem 0;border-top:1px solid #eee}.score-summary{margin:0;font-size:.88rem;font-weight:600}.goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.goal-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;padding:.2rem .35rem;background:#f6f6f6;border-radius:4px}.goal-home{color:#c0392b}.goal-away{color:#2980b9}.goal-remove{padding:0 .35rem;min-width:1.5rem;line-height:1.2;font-size:1rem}.goal-add{flex-wrap:wrap;align-items:flex-end;gap:.35rem}.goal-add select,.goal-add input{flex:1;min-width:4rem}.goal-minute{max-width:3.5rem;flex:0 0 3.5rem!important}.row .grow{flex:1;min-width:0}.title-input,.drawer input,.drawer select,.modal input,.modal select{font-family:inherit}.check{flex-direction:row!important;align-items:center;gap:.4rem!important}.broadcast-chrome{position:fixed;right:8px;bottom:8px;display:flex;gap:.4rem;align-items:center;z-index:20}.scene-switcher{display:flex;align-items:center;gap:.25rem}.scene-pill{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-pill{background:#ffffffeb;color:#111;border:1px solid #ddd;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.broadcast-chrome button{background:#fffffff5}.broadcast-tool-menu{position:relative}.tool-pill-btn{border-left:3px solid var(--tool-color, #999);cursor:pointer;font:inherit}.tool-pill-btn.open,.tool-pill-btn:hover{background:#fff;border-color:#bbb}.broadcast-tool-pop{position:absolute;right:0;bottom:calc(100% + 6px);display:flex;flex-direction:column;gap:4px;padding:6px;min-width:88px;background:#fffffffa;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:25}.broadcast-tool-pop .tool-rail-btn,.broadcast-tool-pop .tool-rail-undo{width:100%;min-width:72px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:30;padding:1rem}.settings-backdrop{background:transparent;pointer-events:none}.settings-backdrop .modal{pointer-events:auto;box-shadow:0 12px 40px #0000002e}.modal{width:min(420px,100%);max-height:min(90vh,720px);overflow:auto;background:#fff;border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.modal.modal-dragged{position:fixed;margin:0;max-height:min(90vh,720px)}.modal header{display:flex;justify-content:space-between;align-items:center}.modal-drag-handle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.modal-drag-handle:active{cursor:grabbing}.export-preview{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.export-preview-frame{position:absolute;border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 9999px #0000006b,inset 0 0 0 1px #00000026}.export-preview-label{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#111111d1;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;white-space:nowrap}.modal-drag-handle h2{margin:0;flex:1;min-width:0;font-size:1.1rem}.modal header h2{margin:0;font-size:1.1rem}.modal section{display:flex;flex-direction:column;gap:.45rem}.modal section h3{margin:0;font-size:.85rem;color:#666}.modal label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.modal footer{color:#999;font-size:.8rem}.modal-close-btn{flex-shrink:0;min-height:32px;padding:.25rem .65rem;border:1px solid #d0d0d0;border-radius:8px;background:#fff;color:#333;font-size:.8125rem;font-weight:500;line-height:1.2}.modal-close-btn:hover{background:#f5f5f5;border-color:#bbb}.modal-close-btn--compact{min-height:28px;padding:.15rem .5rem;font-size:.75rem}.pitch-surface-row{margin-bottom:.35rem}.modal-close{min-width:36px;font-size:1.25rem;line-height:1;border:none;background:transparent;color:#666}.field-label{font-size:.8rem;color:#777}.wm-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,36px);gap:4px;width:120px;margin:.15rem 0 .35rem}.wm-pos-btn{display:grid;place-items:center;padding:0;border-radius:8px;background:#f5f5f5}.wm-pos-tl{grid-column:1;grid-row:1}.wm-pos-tr{grid-column:3;grid-row:1}.wm-pos-center{grid-column:2;grid-row:2}.wm-pos-bl{grid-column:1;grid-row:3}.wm-pos-br{grid-column:3;grid-row:3}.wm-pos-dot{width:8px;height:8px;border-radius:50%;background:#bbb}.wm-pos-btn.active{background:#111}.wm-pos-btn.active .wm-pos-dot{background:#fff}.preset-row{display:flex;flex-wrap:wrap;gap:.35rem}.preset-row button{flex:1;min-width:4.5rem}.modal-danger{border-top:1px solid #eee;padding-top:.75rem}.modal-danger h3{color:#999}.modal-footer-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-footer-fb{border:none;background:transparent;color:#666;padding:0;font-size:.8rem;text-decoration:underline}.landing-fb,.topbar-fb{margin-top:.75rem;width:100%;border:none;background:transparent;color:#666;font-size:.85rem;text-decoration:underline}.topbar-fb{margin-top:0;width:auto}.zb-feedback-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.zb-feedback-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:#00000059}.zb-feedback-panel__card{width:min(28rem,100%);padding:1rem 1.1rem 1.15rem;border-radius:12px;border:1px solid #e5e5e5;background:#fff;box-shadow:0 12px 40px #0000001f}.zb-feedback-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.zb-feedback-panel__title{margin:0;font-size:.9375rem;font-weight:600}.zb-feedback-panel__x{border:0;background:transparent;color:#666;font-size:1.125rem;line-height:1}.zb-feedback-panel__hint{margin:.5rem 0 .85rem;color:#666;font-size:.75rem}.zb-feedback-panel__kinds{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:.5rem .85rem}.zb-feedback-panel__kind{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;cursor:pointer}.zb-feedback-panel__label{display:block;margin:.85rem 0 .35rem;font-size:.75rem;color:#777}.zb-feedback-panel__ta{display:block;width:100%;padding:.5rem .6rem;border:1px solid #d0d0d0;border-radius:8px;background:#fff;font-size:.875rem;resize:vertical}.zb-feedback-panel__actions{display:flex;gap:.5rem;margin-top:.85rem}.zb-feedback-panel__submit{border-color:#111;background:#111;color:#fff}.zb-feedback-panel__ghost{border:none;background:transparent;color:#666}.zb-feedback-panel__status{margin:.65rem 0 0;font-size:.75rem;color:#666}.zb-feedback-panel__status--err{color:#c0392b}