:root{--paper: #edf0e9;--paper-2: #e2e7df;--rule: #b3c2ae;--rule-strong: #7f9479;--ink: #1f2723;--ink-2: #56625a;--board: #0f1913;--board-2: #18261d;--led: #ffb21a;--led-dim: #5a4515;--lamp-b: #3ddc6b;--lamp-s: #ffd23f;--lamp-o: #ff4b3e;--score: #b3261e;--accent: #3f6b4a;--serif: "Gowun Batang", "Nanum Myeongjo", serif;--sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--dot: "DotGothic16", "IBM Plex Sans KR", monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 var(--sans)}button,select,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--ink);background:var(--paper);padding:7px 14px;border-radius:2px}button:hover:not(:disabled){background:var(--paper-2)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--ink);color:var(--paper)}button.primary:hover:not(:disabled){background:#39443e}button.quiet{border-color:transparent;text-decoration:underline;padding:4px 6px}:focus-visible{outline:2px solid var(--led);outline-offset:2px}select{border:1px solid var(--rule-strong);background:#f7f8f4;padding:4px 6px;border-radius:2px}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:0 16px 64px}.masthead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding:18px 0 10px;margin-bottom:20px}.masthead h1{font:700 26px/1.2 var(--serif);margin:0;letter-spacing:-.5px;cursor:pointer}.masthead small{color:var(--ink-2);font-size:13px}h2{font:700 21px/1.3 var(--serif);margin:28px 0 10px}h3{font:700 16px/1.3 var(--serif);margin:20px 0 8px}.muted{color:var(--ink-2)}.note{font-size:13px;color:var(--ink-2)}.err{color:var(--score);font-weight:500}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,auto);gap:10px 14px;margin:8px 0 20px}.series{border:1px solid var(--rule-strong);background:#f6f8f3;padding:10px 12px;position:relative}.series.current{border:2px solid var(--ink)}.series h4{margin:0 0 6px;font:700 14px/1.3 var(--serif);display:flex;justify-content:space-between}.series h4 span{font:400 12px var(--sans);color:var(--ink-2)}.slot{display:flex;justify-content:space-between;align-items:center;padding:3px 0;border-top:1px dashed var(--rule)}.slot .tname{font-weight:700}.slot .tname i{display:inline-block;width:9px;height:9px;margin-right:6px;vertical-align:0}.slot.out .tname{color:var(--ink-2);text-decoration:line-through}.slot.mine .tname:after{content:"내 팀";font:500 11px var(--sans);border:1px solid currentColor;padding:0 4px;margin-left:6px}.slot .wins{font:16px var(--dot)}.glist{margin:6px 0 0;padding:0;list-style:none;font-size:12.5px}.glist li{display:flex;justify-content:space-between;gap:6px}.glist button{padding:0 4px;border:0;background:none;text-decoration:underline;font-size:12.5px}.pick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pick button{text-align:left;padding:12px;border-width:1px 1px 1px 6px;background:#f6f8f3}.pick button b{display:block;font:700 17px/1.3 var(--serif)}.nextcard{border:1px solid var(--ink);padding:14px 16px;background:#f6f8f3}.nextcard .big{font:700 19px/1.4 var(--serif)}.champion{font:700 24px/1.4 var(--serif);padding:14px 0;border-bottom:1px solid var(--ink)}@media (max-width: 860px){.ladder{grid-template-columns:1fr}.ladder .series{grid-column:1!important;grid-row:auto!important}.pick{grid-template-columns:1fr 1fr}}.board{background:var(--board);color:#dfe8e1;border:6px solid #26332a;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 22px;margin-bottom:14px}.board table{border-collapse:collapse;width:100%;font-family:var(--dot)}.board th,.board td{text-align:center;padding:2px 4px;font-weight:400;min-width:22px}.board th{color:#8fa596;font-size:12px}.board td{color:var(--led);font-size:19px;border-top:1px solid var(--board-2)}.board td.tm{color:#f1f5f2;text-align:left;font:700 15px var(--sans);white-space:nowrap;padding-right:10px}.board td.now{background:var(--board-2)}.board td.rhe{color:#f6f6f0}.board .line-wrap{overflow-x:auto}.lamps{display:grid;grid-template-columns:auto auto;gap:4px 8px;align-items:center;font:14px var(--dot);color:#8fa596}.lamps span{display:inline-flex;gap:5px}.lamp{width:14px;height:14px;border-radius:50%;background:#233229;display:inline-block}.lamp.b.on{background:var(--lamp-b);box-shadow:0 0 8px var(--lamp-b)}.lamp.s.on{background:var(--lamp-s);box-shadow:0 0 8px var(--lamp-s)}.lamp.o.on{background:var(--lamp-o);box-shadow:0 0 8px var(--lamp-o)}.board .side{display:flex;gap:18px;align-items:center}.board .who{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px 26px;border-top:1px solid var(--board-2);padding-top:8px;font-size:14px}.board .who b{color:#fff;font-weight:700}.board .who .led{font:20px var(--dot);color:var(--led)}.board .who .dim{color:#8fa596}.diamond rect{fill:#233229}.diamond rect.on{fill:var(--led)}.live{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px 18px;align-items:start;grid-template-areas:"log ctrl" "log tac";grid-template-rows:auto 1fr}.log{background:#f6f8f3;border:1px solid var(--rule-strong);height:62vh;overflow-y:auto;padding:6px 14px;background-image:linear-gradient(var(--rule) 1px,transparent 1px);background-size:100% 28px;background-attachment:local}.log p{margin:0;line-height:28px}.log .inning{font:700 15px/40px var(--serif);border-bottom:2px solid var(--ink);margin-top:6px}.log .batter{font-weight:700;margin-top:4px}.log .pitch{padding-left:16px;color:var(--ink-2);font-size:14px}.log .pa{font-weight:500}.log .pa.run{color:var(--score);font-weight:700}.log .sub{font-style:italic;color:var(--accent)}.log .halfEnd{color:var(--ink-2);font-size:13px;text-align:right}.log .end{font:700 18px/44px var(--serif);border-top:2px solid var(--ink)}.panel{border:1px solid var(--rule-strong);background:#f6f8f3;padding:12px}.panel+.panel{margin-top:12px}.panel h3{margin-top:0}.seg{display:flex;border:1px solid var(--ink)}.seg button{flex:1;border:0;border-right:1px solid var(--ink);padding:6px 4px;font-size:13.5px;border-radius:0}.seg button:last-child{border-right:0}.seg button.on{background:var(--ink);color:var(--paper)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.decision{border:2px solid var(--led);background:#fff6df;padding:10px 12px;margin-bottom:12px}.opt{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;padding:6px 8px;margin-top:4px;border-color:var(--rule-strong)}.opt small{color:var(--ink-2)}.opt.off{opacity:.45}.tabs{display:flex;gap:4px;margin-bottom:8px}.tabs button{padding:4px 10px;font-size:13px}.tabs button.on{background:var(--ink);color:var(--paper)}@media (max-width: 860px){.live{grid-template-columns:1fr;grid-template-areas:"ctrl" "log" "tac";grid-template-rows:auto}.log{height:52vh}.board{grid-template-columns:1fr}}table.sheet{border-collapse:collapse;width:100%;font-size:13.5px;font-variant-numeric:tabular-nums}table.sheet th,table.sheet td{border:1px solid var(--rule);padding:4px 6px;text-align:right;white-space:nowrap}table.sheet th{background:var(--paper-2);font-weight:500}table.sheet td.l,table.sheet th.l{text-align:left}table.sheet tr.subrow td.l{padding-left:18px;color:var(--ink-2)}.scroll{overflow-x:auto}.bar{display:inline-block;height:7px;background:var(--rule);width:64px;vertical-align:middle;position:relative}.bar i{position:absolute;inset:0 auto 0 0;background:var(--ink)}.bar.hi i{background:var(--accent)}.tag{font-size:11px;border:1px solid var(--ink-2);color:var(--ink-2);padding:0 4px;margin-left:4px;white-space:nowrap}.detail-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}.mvp{border-left:6px solid var(--ink);padding:8px 14px;background:#f6f8f3;margin:14px 0}.mvp b{font:700 20px var(--serif)}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 860px){.two{grid-template-columns:1fr}}.hl{margin:0;padding:0;list-style:none}.hl li{padding:6px 0;border-bottom:1px dashed var(--rule)}.hl li span{font-size:12px;color:var(--ink-2);margin-right:8px}.wpchart text{font:11px var(--sans);fill:var(--ink-2)}.lrow{-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:28px 20px minmax(0,1fr) auto;gap:8px;align-items:center;padding:5px 6px;border:1px solid var(--rule);background:#f6f8f3;margin-bottom:4px}.lrow .who{display:flex;flex-direction:column;min-width:0}.lrow .who select{border:0;background:transparent;font-weight:700;padding:0;max-width:100%}.lrow .who small{color:var(--ink-2);font-size:12px}.lrow.over{outline:2px solid var(--ink);outline-offset:-1px;background:#fff6df}.lrow.src{opacity:.4}.grip{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:32px;font-size:18px;color:var(--ink-2)}.dragging,.dragging *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.poschip{display:inline-flex;align-items:center;border:1px solid var(--ink);background:var(--paper)}.poschip .grip{width:22px;height:28px;font-size:14px;border-right:1px solid var(--rule)}.poschip select{border:0;background:transparent;padding:3px 4px}.poschip.oop{border-color:var(--score)}.poschip.oop select{color:var(--score)}.benchzone{margin-top:10px;border-top:1px dashed var(--rule-strong);padding-top:8px}.benchcard{border:1px solid var(--rule-strong);background:var(--paper);padding:5px 9px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.benchcard small{color:var(--ink-2)}.ghost{position:fixed;z-index:50;pointer-events:none;background:var(--ink);color:var(--paper);padding:4px 10px;font-weight:700;font-size:14px}.tag.warn{border-color:var(--score);color:var(--score)}.donate{display:inline-block;text-decoration:none;font-weight:700;border:1px solid var(--score);color:var(--score);padding:4px 10px}.donate:hover{background:var(--score);color:#fff}.donate.end{padding:7px 14px}.donate-wrap{position:relative;display:inline-block}.donate-qr{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}.donate-qr img{border:1px solid var(--rule-strong);background:#fff;image-rendering:pixelated}.donate-wrap .donate-qr{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:196px;flex-direction:column;align-items:flex-start;background:var(--paper);border:1px solid var(--ink);padding:12px}.donate-box{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:14px 0;padding:10px 12px;border:1px dashed var(--rule-strong);font-size:14px}@media (prefers-reduced-motion: reduce){*{transition:none!important}}
