:root{--bg:#f4f6f8;--surface:#fff;--border:#dde3ea;--text:#1c2733;--muted:#6b7a8c;--primary:#1a7f4b;--primary-dark:#14663c;--danger:#c0392b;--winner-bg:#e8f6ee;--radius:10px;--card-w:230px;--tree-gap:32px;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.app{min-height:100vh}.sync-banner{z-index:25;color:var(--danger);text-align:center;background:#fdeeec;border-bottom:1px solid #f0b5ad;padding:8px 16px;font-size:.85rem;position:sticky;top:0}.screen{max-width:720px;margin:0 auto;padding:24px 16px 64px}.screen.wide{max-width:1400px}.screen-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.screen-header h1{flex:1;margin:0;font-size:1.35rem}.header-actions{align-items:center;gap:8px;display:flex}.muted{color:var(--muted);font-size:.9em;font-weight:400}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:.9rem}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-dark)}.btn.ghost{background:0 0}.btn.danger{color:var(--danger)}.btn.small{padding:4px 10px;font-size:.8rem}.btn:disabled{opacity:.4;cursor:default}.btn.danger.solid{background:var(--danger);border-color:var(--danger);color:#fff}.toolbar{border-bottom:2px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:8px;display:flex}.view-tabs{gap:4px;display:flex}.view-tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:.95rem;font-weight:600}.view-tab:hover{color:var(--text)}.view-tab.active{color:var(--primary-dark);border-bottom-color:var(--primary)}.mode-seg{background:#e9edf1;border-radius:999px;margin-bottom:8px;padding:3px;display:flex}.seg-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:600}.seg-btn.active{background:var(--surface);color:var(--primary-dark);box-shadow:0 1px 3px #14281e2e}.mode-hint{margin:0 0 16px;font-size:.82rem}.empty{text-align:center;color:var(--muted);padding:80px 0}.work-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.work-card:hover{border-color:var(--primary)}.work-card-main{flex-direction:column;gap:4px;display:flex}.work-card-sub{color:var(--muted);font-size:.85rem}.work-card-actions{gap:6px;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.panel h2{margin:0 0 14px;font-size:1.05rem}.field-row{flex-wrap:wrap;gap:16px;display:flex}.field-row label{color:var(--muted);flex-direction:column;flex:1;gap:6px;min-width:180px;font-size:.85rem;display:flex}input{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.95rem}input:focus{outline:2px solid var(--primary);outline-offset:-1px}select{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:.95rem}select:focus{outline:2px solid var(--primary);outline-offset:-1px}.team-add{gap:8px;margin-bottom:12px;display:flex}.team-add input{flex:1}.team-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.team-row{align-items:center;gap:6px;display:flex}.team-row input{flex:1}.team-seed{text-align:center;width:24px;color:var(--muted);font-size:.85rem}.progress-badge{background:var(--winner-bg);color:var(--primary-dark);border-radius:999px;padding:4px 12px;font-size:.85rem}.champion-banner{border-radius:var(--radius);background:linear-gradient(90deg,#fdf6e3,#fcefc7);border:1px solid #f0d98c;margin-bottom:16px;padding:12px 16px;font-weight:700}.conflict-banner{color:var(--danger);border-radius:var(--radius);background:#fdeeec;border:1px solid #f0b5ad;margin-bottom:16px;padding:10px 16px;font-size:.9rem}.conflict-tag{color:var(--danger);white-space:nowrap;font-size:.75rem;font-weight:700}.schedule-select.conflict{border-color:var(--danger);color:var(--danger)}.schedule-list{flex-direction:column;gap:8px;display:flex}.sched-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font:inherit;color:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:10px 14px;display:flex}.sched-row:hover{border-color:var(--primary)}.sched-time{font-variant-numeric:tabular-nums;flex-shrink:0;width:5.5em;font-weight:700}.sched-label-cell{flex-shrink:0;width:7.5em}.sched-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.sched-filters select,.sched-filters input{border-radius:6px;padding:5px 8px;font-size:.83rem}.sched-filters input{width:9em}.sched-count{margin-left:auto;font-size:.8rem}.sort-control{align-items:stretch;display:inline-flex}.sort-control select{border-right:none;border-radius:6px 0 0 6px;font-weight:600}.sort-dir{border:1px solid var(--border);background:var(--surface);color:var(--primary-dark);font:inherit;cursor:pointer;border-radius:0 6px 6px 0;padding:0 10px;font-size:.95rem;font-weight:700}.sort-dir:hover{background:var(--winner-bg)}.sched-court{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:7em;font-size:.85rem;overflow:hidden}.sched-teams{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.sched-team{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sched-team.winner{color:var(--primary-dark);font-weight:700}.sched-team.tbd{color:var(--muted);font-style:italic}.sched-teams .vs{font-size:.78rem}.status-chip{border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:.78rem;font-weight:700}.status-chip.done{background:var(--winner-bg);color:var(--primary-dark)}.status-chip.ready{color:#9a7208;background:#fff7e0}.status-chip.waiting{background:var(--bg);color:var(--muted)}.third-place-area{border-top:1px dashed var(--border);justify-content:flex-end;min-width:min-content;max-width:fit-content;margin-top:20px;padding-top:16px;display:flex}.bracket-layout{align-items:flex-start;gap:20px;display:flex}.team-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;width:210px;padding:16px;position:sticky;top:16px}.team-sidebar h3{margin:0 0 12px;font-size:.95rem}.sidebar-add{gap:6px;margin-bottom:12px;display:flex}.sidebar-add input{flex:1;min-width:0;padding:6px 8px;font-size:.85rem}.sidebar-teams{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.team-sidebar .hint{margin-top:16px;font-size:.78rem;line-height:1.5}.sidebar-sub{color:var(--muted);border-top:1px dashed var(--border);margin:16px 0 8px;padding-top:12px;font-size:.82rem}.sidebar-manage{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.team-manage-row{align-items:center;gap:4px;padding:2px 4px;font-size:.85rem;display:flex}.team-manage-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.team-manage-row .chip-x{color:var(--muted)}.team-manage-row .chip-x:hover{color:var(--text)}.team-edit-row input{width:100%;padding:4px 8px;font-size:.85rem}.team-chip{background:var(--winner-bg);border:1px solid var(--primary);color:var(--primary-dark);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.team-chip:active{cursor:grabbing}.team-chip[draggable]{touch-action:none}.drag-ghost{z-index:100;pointer-events:none;opacity:.92;position:fixed;transform:translate(-50%,-120%);box-shadow:0 6px 16px #141e2840}.drop-hover{outline-offset:2px;outline:2px solid var(--primary)!important;background:var(--winner-bg)!important}.add-chip{background:var(--surface);border:1.5px dashed var(--primary);color:var(--primary-dark);cursor:pointer;font:inherit;font-size:.85rem;font-weight:600}.add-chip:hover{background:var(--winner-bg)}.picker-sheet{max-width:400px}.picker-list{flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow-y:auto}.picker-item{border:1px solid var(--border);background:var(--surface);font:inherit;text-align:left;cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:.95rem;font-weight:600;display:flex}.picker-item:hover{border-color:var(--primary);background:var(--winner-bg)}.picker-note{font-size:.82rem;font-weight:400}.team-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.slot-drop.placeable{border-color:var(--primary);color:var(--primary-dark);cursor:pointer}.chip-x{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:.95rem;line-height:1}.chip-x:hover{opacity:1}.card-x{color:var(--danger);margin-left:auto;font-size:1.05rem}.bracket-scroll{flex:1;min-width:0;max-width:100%;padding-bottom:12px;overflow-x:auto}.bracket-tree{min-width:min-content;padding:8px 4px}.tree-node{align-items:center;display:flex}.tree-children{margin-right:var(--tree-gap);flex-direction:column;gap:16px;display:flex;position:relative}.tree-spacer{margin-right:var(--tree-gap);flex-shrink:0}.tree-children:after{content:"";background:var(--border);width:2px;position:absolute;top:25%;bottom:25%;right:-18px}.tree-children>.tree-node{position:relative}.tree-children>.tree-node:after{content:"";background:var(--border);width:18px;height:2px;position:absolute;top:50%;right:-18px}.match-card{width:var(--card-w);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;padding:8px}.match-card:not(.editing){cursor:pointer}.match-card:not(.editing):hover{border-color:var(--primary)}.match-info{color:var(--muted);align-items:center;gap:10px;padding:0 4px 6px;font-size:.75rem;display:flex}.round-tag{background:var(--bg);border-radius:4px;padding:1px 6px;font-weight:700}.schedule-row{flex-wrap:wrap;gap:6px;padding:0 4px 8px;display:flex}.schedule-row .schedule-select.court{flex:100%}.schedule-select{min-width:0;color:var(--muted);border-radius:6px;flex:1;padding:4px;font-size:.78rem}.schedule-select.court{flex:1.4}.schedule-select:has(option:checked:not([value=""])){color:var(--text)}.match-row.edit .match-score{margin-left:auto;font-weight:700}.time-pair{gap:6px;display:flex}.time-pair select{flex:1}.confirm-backdrop{z-index:20}.confirm-modal{max-width:360px}.confirm-message{margin:0;line-height:1.6}.pristine-score{color:var(--muted)}.pristine-hint{text-align:center;margin:-6px 0 0;font-size:.8rem}.form-error{color:var(--danger);background:#fdeeec;border-radius:8px;margin:0;padding:8px 12px;font-size:.85rem}.court-chips{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.court-chip{border-color:var(--border);color:var(--text);cursor:default;background:#eef3f8}.match-row{border-radius:6px;justify-content:space-between;align-items:center;min-height:34px;padding:6px 8px;display:flex}.match-row.winner{background:var(--winner-bg);font-weight:700}.match-row.tbd .match-team{color:var(--muted);font-style:italic}.match-row.edit{justify-content:flex-start;gap:6px}.slot-drop.drag-over{outline:2px dashed var(--primary);outline-offset:-2px;background:var(--winner-bg)}.match-team{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-score{text-align:right;font-variant-numeric:tabular-nums;min-width:2.5em}.pk{color:var(--muted)}.slot-add{border:1px solid var(--border);background:var(--surface);width:24px;height:24px;color:var(--primary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.slot-add:hover{border-color:var(--primary);background:var(--winner-bg)}.slot-drop{border:1.5px dashed var(--border);color:var(--muted);text-align:center;border-radius:6px;flex:1;padding:4px 8px;font-size:.78rem}.bye-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:.72rem}.bye-btn:hover{border-color:var(--muted);color:var(--text)}.bye-chip{background:var(--bg);border:1.5px dashed var(--muted);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;font-style:italic;display:inline-flex}.mode-badge{vertical-align:2px;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.mode-badge.tournament{color:#9a6b08;background:#fdf3e0}.mode-badge.league{color:#23608f;background:#e5effa}.mode-choice{gap:10px}.mode-option{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.mode-option:hover{border-color:var(--primary);background:var(--winner-bg)}.mode-option-title{font-size:1rem;font-weight:700}.group-area{flex-wrap:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:16px;display:flex}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:340px;max-width:100%;padding:16px}.group-card.placeable{border:1.5px dashed var(--primary);cursor:pointer}.group-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.group-head h3{flex:1;margin:0;font-size:1rem}.group-head input{flex:1;padding:4px 8px;font-size:.95rem}.group-actions{gap:2px;display:flex}.group-actions .chip-x{color:var(--muted);font-size:1rem}.group-actions .chip-x:hover{color:var(--text)}.group-teams{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.group-empty{border:1.5px dashed var(--border);text-align:center;border-radius:8px;margin:0 0 12px;padding:16px}.group-foot{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;font-size:.85rem;display:flex}.add-group{align-self:flex-start}.standings{border-collapse:collapse;width:100%;font-size:.85rem}.standings th,.standings td{text-align:center;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums;padding:6px 4px}.standings th{color:var(--muted);font-size:.75rem;font-weight:600}.standings .col-team{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.standings .col-points{font-weight:700}.standings tr.first td{background:var(--winner-bg);font-weight:700}.standings tbody tr:last-child td{border-bottom:none}.group-matches{border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.group-matches summary{cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:700}.gm-summary-note{font-size:.78rem;font-weight:400}.gm-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.gm-row{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:6px 8px;font-size:.82rem}.gm-row.clickable{font:inherit;color:inherit;text-align:left;cursor:pointer;align-items:center;gap:8px;width:100%;font-size:.82rem;display:flex}.gm-row.clickable:hover{border-color:var(--primary);background:var(--surface)}.gm-main{align-items:center;gap:8px;margin-bottom:6px;display:flex}.gm-round{color:var(--muted);flex-shrink:0;width:2em;font-size:.75rem;font-weight:700}.gm-when{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.78rem}.gm-teams{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gm-controls{flex-wrap:wrap;gap:6px;display:flex}.gm-controls .schedule-select.court{flex:100%}.guide-toast{background:var(--text);color:#fff;z-index:30;border-radius:12px;align-items:center;gap:10px;max-width:min(92vw,560px);padding:12px 16px;animation:.25s ease-out guide-in;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #141e284d}@keyframes guide-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.guide-message{font-size:.88rem;line-height:1.5}.guide-toast .chip-x{color:#fff;font-size:1.05rem}.sched-row.readonly{cursor:default}.sched-row.readonly:hover{border-color:var(--border)}.view-note{margin:0 0 4px;font-size:.8rem}.playoff-note{margin:0;font-size:.85rem}.playoff-per-group{align-items:center;gap:10px;font-size:.9rem;display:flex}.playoff-preview{flex-wrap:wrap;gap:6px;display:flex}.modal-context{margin:-6px 0 0;font-size:.85rem}.modal-context-note{opacity:.8;font-size:.78rem}.seed-chip{color:#23608f;background:#e5effa;border-color:#8fb8dd}.seed-chip.selected{color:#fff;background:#23608f;border-color:#1a4a70}.seed-resolved{opacity:.85;font-weight:400}.seed-note{color:var(--muted);font-size:.72rem}.knockout-empty{padding:48px 0}.knockout-empty-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.knockout-actions{margin-top:16px}.sched-row.editing{cursor:default}.sched-edit-controls{flex-shrink:0;gap:6px;width:250px;display:flex}.live-badge{color:var(--danger);background:#fdeeec;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.match-card.readonly{cursor:default}.match-card.readonly:hover{border-color:var(--border)}.gm-row.viewer{align-items:center;gap:8px;display:flex}.share-modal{text-align:center;max-width:360px}.share-qr{justify-content:center;display:flex}.share-qr img{border:1px solid var(--border);border-radius:12px;max-width:100%}.share-link{gap:8px;display:flex}.share-link input{min-width:0;color:var(--muted);flex:1;font-size:.85rem}.modal-backdrop{z-index:10;background:#141e2873;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:24px;display:flex}.modal h2{margin:0;font-size:1.1rem}.score-grid{grid-template-columns:1fr 64px 16px 64px 1fr;align-items:center;gap:8px;display:grid}.score-grid input{text-align:center}.score-team{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.score-team:first-child{text-align:right}.vs{text-align:center;color:var(--muted)}.pk-section{border-top:1px dashed var(--border);padding-top:12px}.pk-section .muted{margin:0 0 10px;font-size:.85rem}.modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=640px){.screen{padding:12px 10px 48px}.screen-header h1{font-size:1.1rem}.screen-header,.header-actions,.work-card,.work-card-actions,.field-row,.time-pair{flex-wrap:wrap}.toolbar{align-items:center}.view-tabs{max-width:100%;overflow-x:auto}.view-tab{white-space:nowrap;padding:8px 10px;font-size:.85rem}.seg-btn{padding:5px 10px;font-size:.8rem}.bracket-layout{flex-direction:column}.team-sidebar{width:100%;position:static}.sidebar-teams{flex-flow:wrap}.group-card{width:100%}.sched-row{flex-wrap:wrap;gap:6px 10px;padding:10px 12px}.sched-time{width:auto}.sched-court{width:auto;max-width:8em}.sched-label-cell{width:auto}.status-chip{margin-left:auto}.sched-teams{flex-basis:100%;order:10}.chip-x,.slot-add{padding:4px 6px;font-size:1.05rem}.btn{padding:8px 12px}.gm-row.clickable{flex-wrap:wrap}.gm-teams{white-space:normal}.modal{padding:18px 14px}.score-grid{grid-template-columns:1fr 52px 12px 52px 1fr;gap:6px}.knockout-empty-actions{flex-direction:column;align-items:center}.sidebar-add input,.team-add input,.team-edit-row input,.group-head input,.sched-filters input,.sched-filters select,.modal input,.modal select,.field-row input,.field-row select{font-size:16px}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;max-width:none;max-height:85vh;position:static;overflow-y:auto}}