:root{--xl-green: #217346;--xl-green2: #185c37;--xl-ribbon: #f3f3f3;--xl-border: #d0d0d0;--xl-cell: #ffffff;--xl-header: #e8e8e8;--xl-select: #c6efce;--xl-blue: #1264a3;--xl-text: #212121;--xl-muted: #767676;--xl-formula: #f8f8f8;--xl-row-alt: #f9f9f9;--xl-active: #217346}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Calibri,Arial,sans-serif;font-size:12px;background:#ececec;color:var(--xl-text);height:100dvh;overflow:hidden;display:flex;flex-direction:column;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.titlebar{background:var(--xl-green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:32px;flex-shrink:0}.titlebar-left{display:flex;align-items:center;gap:8px}.xl-icon{font-size:16px}.titlebar-title{font-size:12px;font-weight:400}.titlebar-right{display:flex;gap:0}.win-btn{width:46px;height:32px;border:none;background:transparent;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s;touch-action:manipulation}.win-btn:hover{background:#ffffff26}.win-btn.close:hover{background:#c42b1c}.ribbon{background:var(--xl-ribbon);border-bottom:1px solid var(--xl-border);flex-shrink:0}.ribbon-tabs{display:flex;padding:0 4px;border-bottom:1px solid var(--xl-border)}.rtab{padding:6px 14px;font-size:11px;cursor:pointer;border:1px solid transparent;border-bottom:none;color:var(--xl-text);position:relative;top:1px;touch-action:manipulation}.rtab:hover{background:#0000000d}.rtab.active{background:#fff;border-color:var(--xl-border);color:var(--xl-green);font-weight:600}.ribbon-content{padding:4px 8px;display:flex;gap:2px;align-items:center;height:68px;overflow:hidden}.rgroup{display:flex;flex-direction:column;align-items:center;gap:2px;padding:0 8px;border-right:1px solid var(--xl-border)}.rgroup:last-child{border-right:none}.rgroup-btns{display:flex;gap:1px}.rbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 6px;border:none;background:transparent;cursor:pointer;border-radius:2px;min-width:36px;font-size:10px;color:var(--xl-text);transition:background .1s;touch-action:manipulation}.rbtn:hover{background:#2173461f}.rbtn-icon{font-size:18px;line-height:1}.rgroup-label{font-size:9px;color:var(--xl-muted);margin-top:2px}.formulabar{display:flex;align-items:center;height:26px;border-bottom:1px solid var(--xl-border);background:#fff;flex-shrink:0;padding:0 4px;gap:4px}.cell-ref{width:58px;min-width:58px;border:1px solid var(--xl-border);padding:2px 6px;font-size:11px;text-align:center;background:#fff;border-radius:2px}.fx-label{font-style:italic;font-size:13px;color:var(--xl-muted);padding:0 4px}.fx-input{flex:1;border:1px solid var(--xl-border);padding:2px 6px;font-size:11px;background:var(--xl-formula);border-radius:2px;color:var(--xl-text);font-family:Consolas,monospace}.sheet-container{flex:1;display:flex;overflow:hidden}.sheet-wrap{flex:1;overflow:auto;position:relative}.xl-grid{display:grid;grid-template-columns:36px repeat(12,minmax(80px,1fr));border-top:1px solid var(--xl-border)}.col-head{background:var(--xl-header);border-right:1px solid var(--xl-border);border-bottom:1px solid var(--xl-border);text-align:center;font-size:11px;padding:3px 0;font-weight:600;color:var(--xl-muted);position:sticky;top:0;z-index:2}.col-head.active{background:var(--xl-green);color:#fff}.row-num{background:var(--xl-header);border-right:1px solid var(--xl-border);border-bottom:1px solid var(--xl-border);text-align:right;padding:2px 6px 2px 2px;font-size:10px;color:var(--xl-muted);position:sticky;left:0;z-index:1}.row-num.active{background:var(--xl-green);color:#fff}.xl-cell{border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:2px 6px;font-size:11px;min-height:20px;white-space:nowrap;overflow:hidden;background:#fff}.xl-cell.alt{background:var(--xl-row-alt)}.xl-cell.bold{font-weight:700}.xl-cell.center{text-align:center}.xl-cell.right{text-align:right}.xl-cell.green-bg{background:#e2efda}.xl-cell.green-text{color:var(--xl-green);font-weight:700}.xl-cell.red-text{color:#c00}.xl-cell.blue-text{color:var(--xl-blue)}.xl-cell.header-row{background:var(--xl-green);color:#fff;font-weight:700;font-size:11px}.xl-cell.selected{background:#cce5ff!important;outline:2px solid var(--xl-blue);outline-offset:-1px}.xl-cell.subheader{background:#d9e1f2;font-weight:600}.game-cell-wrapper{grid-column:3 / 13;grid-row:4 / 30;position:relative;background:#fff;border:1px solid #aaa;display:flex;flex-direction:column;overflow:hidden}.screen{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;align-items:center;justify-content:center;flex-direction:column}.screen.active{display:flex}#lobby{background:#ecececf7;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.xl-dialog{background:#fff;border:1px solid #999;box-shadow:4px 4px 12px #00000040;width:380px;border-radius:2px;overflow:hidden}.dialog-titlebar{background:var(--xl-green);color:#fff;padding:6px 12px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.dialog-close{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.dialog-close:hover{background:#c42b1c}.dialog-body{padding:16px 20px 12px;display:flex;flex-direction:column;gap:10px}.xl-label{font-size:11px;color:var(--xl-text);margin-bottom:2px}.xl-input{border:1px solid #999;border-radius:0;padding:4px 8px;font-size:12px;width:100%;outline:none;font-family:Segoe UI,Arial,sans-serif;transition:border-color .15s,box-shadow .15s}.xl-input:focus{border-color:var(--xl-green);box-shadow:0 0 0 2px #21734626}.xl-input.error{border-color:#c00;box-shadow:0 0 0 2px #c8000026;animation:shake .3s ease}.dialog-footer{padding:8px 20px 14px;display:flex;justify-content:flex-end;gap:6px}.xl-btn{padding:4px 20px;border:1px solid #999;background:var(--xl-ribbon);font-size:12px;cursor:pointer;border-radius:2px;font-family:Segoe UI,Arial,sans-serif;transition:background .1s;touch-action:manipulation}.xl-btn:hover{background:#e0e0e0}.xl-btn.primary{background:var(--xl-green);color:#fff;border-color:var(--xl-green2)}.xl-btn.primary:hover{background:var(--xl-green2)}.xl-btn.disabled{opacity:.5;pointer-events:none}.dialog-hint{background:#f0f7ee;border:1px solid #c6e0b4;padding:6px 10px;border-radius:2px}.dialog-hint p{font-size:10px;color:#375623;line-height:1.7}#waiting{background:#ecececf7;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.wait-dialog{background:#fff;border:1px solid #999;box-shadow:4px 4px 12px #00000040;width:340px;border-radius:2px;overflow:hidden;display:flex;flex-direction:column;align-items:center}.progress-wrap{padding:14px 20px 10px;width:100%}.progress-label{font-size:11px;color:var(--xl-muted);margin-bottom:6px}.progress-bar-bg{height:8px;background:#e0e0e0;border-radius:1px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--xl-green);width:0%;animation:progAnim 2s ease-in-out infinite alternate}.wait-msg{font-size:11px;color:var(--xl-muted);padding:0 20px 14px;text-align:center}#game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#ececec;flex-direction:column;overflow:hidden}.game-excel-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.chart-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #bbb;margin:0 8px 4px;position:relative}.chart-titlebar{background:#f3f3f3;border-bottom:1px solid var(--xl-border);padding:3px 10px;font-size:10px;color:var(--xl-muted);display:flex;align-items:center;justify-content:space-between}.chart-label{font-size:10px;color:var(--xl-muted)}.chart-legend{display:flex;justify-content:space-between;align-items:center;padding:4px 12px;border-bottom:1px solid var(--xl-border);background:#fafafa;flex-shrink:0}.legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--xl-muted)}.legend-dot{width:10px;height:10px;border-radius:2px}.legend-dot.me{background:#4472c4}.legend-dot.opp{background:#ed7d31}.legend-name{font-size:10px;color:var(--xl-text)}.legend-val{font-size:14px;font-weight:700;font-family:Consolas,monospace;min-width:20px;text-align:center}.legend-val.me{color:#4472c4}.legend-val.opp{color:#ed7d31}.legend-center{font-size:10px;color:var(--xl-muted);text-align:center}.canvas-wrap{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;touch-action:manipulation}canvas{display:block;touch-action:manipulation}#cdOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:20}#cdOverlay.show{opacity:1}#cdNum{font-size:48px;font-weight:700;color:var(--xl-green);font-family:Segoe UI,Arial,sans-serif;line-height:1}#cdNum.go{font-size:28px;color:var(--xl-green)}.cd-label{font-size:10px;color:var(--xl-muted)}.xl-rowbar{display:flex;background:#f3f3f3;border-top:1px solid var(--xl-border);padding:2px 8px;gap:16px;font-size:10px;color:var(--xl-muted);align-items:center;justify-content:space-between;flex-shrink:0;touch-action:manipulation}.rowbar-cell{display:flex;align-items:center;gap:4px}.fake-rows{flex-shrink:0;overflow:hidden;max-height:80px;border-top:1px solid var(--xl-border);touch-action:manipulation}.fake-table{width:100%;border-collapse:collapse;font-size:10px}.fake-table td,.fake-table th{border:1px solid #e0e0e0;padding:2px 8px;white-space:nowrap;font-size:10px}.fake-table th{background:var(--xl-header);font-weight:600}.fake-table tr:nth-child(2n) td{background:var(--xl-row-alt)}#gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073}.save-dialog{background:#fff;border:1px solid #999;box-shadow:8px 8px 24px #00000059;width:420px;border-radius:2px;overflow:hidden}.save-titlebar{background:var(--xl-green);color:#fff;padding:6px 12px;font-size:12px;display:flex;align-items:center;justify-content:space-between}.save-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.save-icon-row{display:flex;align-items:center;gap:10px}.save-icon{font-size:28px}.save-msg{font-size:12px;line-height:1.6;color:var(--xl-text)}.save-msg b{color:var(--xl-green)}.save-msg .lose-txt{color:#c00}.result-stats{background:#f8f8f8;border:1px solid #e0e0e0;border-radius:2px;padding:8px 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px}.rs-player{display:flex;flex-direction:column;gap:3px}.rs-name{font-size:10px;color:var(--xl-muted)}.rs-score{font-size:26px;font-weight:700;font-family:Consolas,monospace}.rs-score.p0{color:#4472c4}.rs-score.p1{color:#ed7d31}.rs-divider{font-size:20px;color:var(--xl-muted);text-align:center}.save-footer{padding:8px 20px 14px;display:flex;justify-content:flex-end;gap:6px}.rematch-status{font-size:10px;color:var(--xl-green);min-height:1.2em;text-align:center}.statusbar{background:var(--xl-green);color:#ffffffd9;height:22px;display:flex;align-items:center;padding:0 12px;font-size:11px;justify-content:space-between;flex-shrink:0}.statusbar-right{display:flex;gap:12px}#toast{position:fixed;bottom:28px;right:12px;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 8px #0003;padding:8px 14px;border-left:3px solid var(--xl-green);font-size:11px;color:var(--xl-text);transform:translateY(60px);transition:transform .3s ease;z-index:400;min-width:180px;opacity:0}#toast.show{transform:translateY(0);opacity:1}@keyframes progAnim{0%{width:15%}to{width:85%}}@keyframes scoreFlash{0%{color:var(--xl-green)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}