#td2-app *{box-sizing:border-box;margin:0;padding:0}
#td2-app{font-family:-apple-system,'Hiragino Kaku Gothic Pro','Hiragino Sans',sans-serif;max-width:680px;margin:0 auto;padding-bottom:3rem;background:#F5F0E8;border-radius:12px;overflow:hidden}
#td2-app .app-header{background:#0F1923;color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
#td2-app .app-title{font-size:16px;font-weight:700;letter-spacing:0.02em}
#td2-app .btn-lang{padding:4px 12px;font-size:11px;border-radius:6px;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:#fff;cursor:pointer;font-weight:600;transition:background 0.15s}
#td2-app .btn-lang:hover{background:rgba(255,255,255,0.2)}
#td2-app .tabs{display:flex;background:#0F1923;border-bottom:2px solid #1E2D3D}
#td2-app .tab{flex:1;padding:10px 4px;font-size:13px;color:#6B7A8D;border:none;background:none;cursor:pointer;text-align:center;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all 0.15s;font-weight:500}
#td2-app .tab.active{color:#fff;border-bottom-color:#7CCF9A;background:rgba(124,207,154,0.12)}
#td2-app .panel{display:none;padding:1rem 0.875rem 3rem}
#td2-app .panel.active{display:block}
#td2-app .card{background:#fff;border-radius:14px;padding:1rem 1.125rem;margin-bottom:0.75rem;box-shadow:0 1px 4px rgba(0,0,0,0.06)}
#td2-app .team-hdr{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;margin-bottom:10px;font-weight:700;font-size:13px}
#td2-app .team-hdr-a{background:#FFDDE5;color:#8B0030}
#td2-app .team-hdr-b{background:#D8EEFF;color:#0A3D6B}
#td2-app .chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:100px;font-size:12px;font-weight:700;white-space:nowrap;margin:2px}
#td2-app .ca{background:#FFCDD8;color:#8B0030}
#td2-app .cb{background:#C8E4FF;color:#0A3D6B}
#td2-app .cr{background:#EEEEEE;color:#666;font-weight:400}
#td2-app .counter{display:inline-flex;align-items:center;border:1.5px solid #E0E0E0;border-radius:10px;overflow:hidden;background:#fff}
#td2-app .ctr-btn{padding:8px 18px;font-size:18px;border:none;background:none;cursor:pointer;line-height:1;transition:background 0.1s}
#td2-app .ctr-btn:hover{background:#F5F5F5}
#td2-app .ctr-val{padding:8px 16px;font-size:16px;font-weight:700;border-left:1.5px solid #E0E0E0;border-right:1.5px solid #E0E0E0;min-width:54px;text-align:center;color:#111}
#td2-app .btn{padding:8px 16px;font-size:13px;border-radius:8px;border:1.5px solid #D0D0D0;background:#fff;cursor:pointer;color:#222;font-weight:500;transition:all 0.15s;line-height:1.3}
#td2-app .btn:hover{background:#F5F5F5}
#td2-app .btn-primary{background:#7CCF9A;color:#fff;border-color:#7CCF9A;font-weight:700}
#td2-app .btn-primary:hover{background:#3a9e5f;border-color:#3a9e5f}
#td2-app .btn-green{background:#7CCF9A;color:#fff;border-color:#7CCF9A;font-weight:700}
#td2-app .btn-green:hover{background:#3a9e5f;border-color:#3a9e5f}
#td2-app .btn-danger{color:#DC2626;border-color:#FCA5A5}
#td2-app .btn-danger:hover{background:#FEF2F2}
#td2-app .btn-sm{padding:5px 12px;font-size:12px;border-radius:6px;border:1.5px solid #D0D0D0;background:#fff;cursor:pointer;color:#333;transition:background 0.1s}
#td2-app .btn-sm:hover{background:#F5F5F5}
#td2-app .btn-ta{background:#FFDDE5;color:#8B0030;border-color:#FFB3C4;font-weight:600}
#td2-app .btn-ta.sel{background:#E5526A;color:#fff;border-color:#E5526A}
#td2-app .btn-tb{background:#D8EEFF;color:#0A3D6B;border-color:#93C5FD;font-weight:600}
#td2-app .btn-tb.sel{background:#1D6CC8;color:#fff;border-color:#1D6CC8}
#td2-app .toggle-wrap{display:flex;align-items:center;gap:10px}
#td2-app .toggle{position:relative;width:44px;height:24px;flex-shrink:0}
#td2-app .toggle input{opacity:0;width:0;height:0}
#td2-app .toggle-slider{position:absolute;inset:0;background:#CCC;border-radius:12px;cursor:pointer;transition:background 0.2s}
#td2-app .toggle input:checked+.toggle-slider{background:#7CCF9A}
#td2-app .toggle-slider:before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform 0.2s}
#td2-app .toggle input:checked+.toggle-slider:before{transform:translateX(20px)}
#td2-app .flabel{font-size:13px;font-weight:700;color:#333;display:block;margin-bottom:8px}
#td2-app .fgroup{margin-bottom:1.25rem}
#td2-app .fgroup:last-child{margin-bottom:0}
#td2-app input[type="number"]{width:76px;padding:7px 8px;font-size:14px;border:1.5px solid #D5D5D5;border-radius:7px;text-align:center;outline:none}
#td2-app input[type="number"]:focus{border-color:#7CCF9A}
#td2-app .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
#td2-app .shdr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#888;margin-bottom:10px;padding-bottom:6px;border-bottom:1.5px solid #EEE}
#td2-app .shdr-a{color:#C0334D;border-bottom-color:#FFCDD8}
#td2-app .shdr-b{color:#1D5FA0;border-bottom-color:#C8E4FF}
#td2-app .stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0.75rem}
#td2-app .stat-item{background:#F5F2EC;border-radius:9px;padding:10px 12px}
#td2-app .stat-lbl{font-size:11px;font-weight:600;color:#888;margin-bottom:2px}
#td2-app .stat-val{font-size:21px;font-weight:800;color:#0F1923}
#td2-app .round-badge{display:inline-block;padding:3px 10px;background:#0F1923;color:#fff;border-radius:100px;font-size:12px;font-weight:700;margin-bottom:10px}
#td2-app .court-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #F0F0F0}
#td2-app .court-row:last-of-type{border-bottom:none}
#td2-app .court-lbl{font-size:11px;font-weight:700;color:#777;min-width:46px;flex-shrink:0}
#td2-app .vs-lbl{font-size:11px;font-weight:900;color:#BBB;flex-shrink:0;padding:0 2px}
#td2-app .rest-row{display:flex;gap:4px;align-items:center;flex-wrap:wrap;padding-top:8px;border-top:1px solid #F0F0F0;margin-top:4px}
#td2-app .rest-lbl{font-size:11px;color:#AAA;flex-shrink:0}
#td2-app .score-box{display:flex;align-items:center;gap:3px;margin-left:auto;flex-shrink:0}
#td2-app .score-inp{width:44px;padding:4px;font-size:13px;border:1.5px solid #D0D0D0;border-radius:5px;text-align:center;outline:none}
#td2-app .score-inp:focus{border-color:#7CCF9A}
#td2-app .score-sep{font-size:13px;font-weight:700;color:#AAA}
#td2-app table{width:100%;border-collapse:collapse;font-size:12px}
#td2-app th{text-align:left;padding:8px 10px;background:#0F1923;color:#fff;font-size:11px;font-weight:600}
#td2-app td{padding:7px 10px;border-bottom:1px solid #F0F0F0;vertical-align:top}
#td2-app tr:last-child td{border-bottom:none}
#td2-app .row-a td:first-child{border-left:3px solid #E5526A}
#td2-app .row-b td:first-child{border-left:3px solid #1D6CC8}
#td2-app .tsec td{font-weight:700;font-size:11px}
#td2-app .tsec-a td{background:#FFF0F3;color:#8B0030}
#td2-app .tsec-b td{background:#EBF4FF;color:#0A3D6B}
#td2-app .pchip{display:inline-block;padding:1px 6px;border-radius:100px;font-size:10px;font-weight:600;margin:1px}
#td2-app hr.dv{border:none;border-top:1px solid #EDE8DF;margin:1rem 0}
#td2-app .alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:0.75rem;border:1px solid #B5E0C4;background:#E8F7EF;color:#1A5C2A}
#td2-app .msg-ok{font-size:12px;color:#3a9e5f;margin-top:5px}
#td2-app .msg-err{font-size:12px;color:#DC2626;margin-top:5px}
#td2-app .pref-list{font-size:12px;color:#888;margin-top:5px;min-height:18px}
#td2-app .two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0.75rem}
#td2-app .tcol{border-radius:13px;padding:0.875rem 0.75rem;display:flex;flex-direction:column;gap:0}
#td2-app .tcol-a{background:#FFEDF1;border:2px solid #FFCDD8}
#td2-app .tcol-b{background:#E4F2FF;border:2px solid #C8E4FF}
#td2-app .tcol-hdr{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:800;margin-bottom:12px;padding-bottom:8px;border-bottom:1.5px solid rgba(0,0,0,0.06)}
#td2-app .tcol-hdr-a{color:#8B0030}
#td2-app .tcol-hdr-b{color:#0A3D6B}
#td2-app .ctr-sm{border-radius:8px;border:1.5px solid #E0E0E0;display:inline-flex;align-items:center;background:#fff;overflow:hidden}
#td2-app .ctr-sm .ctr-btn{padding:6px 10px;font-size:16px;border:none;background:none;cursor:pointer;transition:background 0.1s}
#td2-app .ctr-sm .ctr-btn:hover{background:#F5F5F5}
#td2-app .ctr-sm .ctr-val{padding:6px 8px;font-size:15px;font-weight:700;border-left:1.5px solid #E0E0E0;border-right:1.5px solid #E0E0E0;min-width:40px;text-align:center;color:#111}
#td2-app .tcol .flabel{font-size:12px;margin-bottom:6px}
#td2-app .tcol .fgroup{margin-bottom:1rem}
#td2-app .tcol .fgroup:last-child{margin-bottom:0}
#td2-app .tcol input[type="number"]{width:58px;padding:6px;font-size:13px}
#td2-app .tcol .btn-sm{padding:5px 9px;font-size:12px}
#td2-app .tcol .pref-list{font-size:11px}
#td2-app .adj-btn-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
#td2-app .adj-section{margin-bottom:0.875rem}
#td2-app .adj-section:last-child{margin-bottom:0}
#td2-app .adj-section-lbl{font-size:11px;font-weight:700;color:#999;letter-spacing:0.04em;margin-bottom:6px;text-transform:uppercase}
#td2-app .adj-section-lbl-a{color:#C0334D}
#td2-app .adj-section-lbl-b{color:#1D5FA0}
@media print{
  #td2-app .no-print{display:none!important}
  #td2-app .tabs{display:none!important}
  #td2-app .panel{display:none!important;padding:0}
  #td2-app .panel.print-show{display:block!important}
}
