.tc{--accent:#D9A441}body.tc-lock{overflow:hidden}.tc-yardpanel{padding:10px 10px 8px}.tc-yardwrap{position:relative;border-radius:4px;overflow:hidden;background:rgba(0,0,0,.2)}.tc-yard{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(217,164,65,.45) transparent}.tc-yard::-webkit-scrollbar{height:6px}.tc-yard::-webkit-scrollbar-thumb{background:rgba(217,164,65,.4);border-radius:3px}.tc-yard canvas{display:block}.tc-yardwrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:38px;pointer-events:none;background:linear-gradient(90deg,rgba(24,13,10,0),rgba(24,13,10,.85));opacity:0;transition:opacity .2s}.tc-yardwrap:has(.tc-yard.pan):after{opacity:1}.tc-yardnote{margin:8px 2px 0;font:600 12px/1.6 var(--font-sans);color:var(--faint);text-align:center}.tc-pan{display:none}.tc-yardwrap:has(.tc-yard.pan)+.tc-yardnote .tc-pan{display:inline}.tc-yardnote .tc-pan:before{content:"·";margin:0 6px;color:#d9a44199}.tc-count{font:600 12px/1 var(--font-sans);color:var(--faint)}#grid{min-height:460px}.tc-band{margin-top:30px}.tc-band:first-child{margin-top:14px}.tc-bh{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:10px;padding-bottom:9px;border-bottom:1px solid color-mix(in srgb,var(--pig) 32%,transparent)}.tc-bi{font-size:19px;line-height:1}.tc-bh h2{margin:0;font:700 17px/1.25 var(--font-sans);color:var(--ink);letter-spacing:.02em}.tc-bn{font:800 13px/1 var(--font-mono);color:var(--pig);border:1px solid color-mix(in srgb,var(--pig) 38%,transparent);border-radius:2px;padding:5px 8px}.tc-bh p{grid-column:2/-1;margin:5px 0 0;font:400 12.5px/1.55 var(--font-sans);color:var(--faint)}.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:14px}.tc-card{position:relative;display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:11px 12px 12px;border:1px solid rgba(214,170,92,.12);border-radius:6px;background:color-mix(in srgb,var(--pig) 5%,rgba(30,18,14,.72));text-align:left;color:var(--ink);transition:transform .14s,border-color .16s,background .16s}.tc-card:before{content:"";position:absolute;inset:4px;border-radius:3px;pointer-events:none;border:1px solid color-mix(in srgb,var(--pig) 26%,transparent)}@media (hover:hover){.tc-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--pig) 55%,transparent);background:color-mix(in srgb,var(--pig) 11%,rgba(30,18,14,.72))}.tc-card:hover:before{border-color:color-mix(in srgb,var(--pig) 55%,transparent)}.tc-card:hover .tc-plaque{background:rgba(0,0,0,.34)}}.tc-card:focus-visible{outline:2px solid var(--accent-fill);outline-offset:2px}.tc-plaque{position:relative;display:block;width:100%;aspect-ratio:100/62;max-height:150px;margin:2px 0 9px;border-radius:3px;background:rgba(0,0,0,.26);overflow:hidden;transition:background .16s}.tc-plaque canvas{display:block;width:100%;height:100%}.tc-tag{position:absolute;right:5px;bottom:5px;font:700 9.5px/1 var(--font-sans);font-style:normal;letter-spacing:.07em;color:#2a1712;background:var(--pig);border-radius:2px;padding:3px 6px}.tc-card h3{margin:0;font:700 14.5px/1.3 var(--font-sans);color:var(--ink);letter-spacing:.01em}.tc-en{font:600 11px/1.4 var(--font-sans);color:var(--faint);font-style:italic}.tc-where{font:600 11.5px/1.45 var(--font-sans);color:color-mix(in srgb,var(--pig) 78%,transparent)}.tc-meta{font:400 11.5px/1.5 var(--font-sans);color:var(--faint)}@keyframes tcLit{0%{box-shadow:0 0 #d9a441d9}to{box-shadow:0 0 0 14px #d9a44100}}.tc-card.lit{border-color:var(--accent);animation:tcLit 1.1s ease-out 2}.tc-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(12,6,4,.8)}.tc-box{position:relative;width:min(660px,94vw);max-height:88vh;overflow-y:auto;border:1px solid rgba(214,170,92,.3);border-radius:8px;background:#3A241B;padding:20px 20px 18px;box-shadow:0 26px 70px -20px #000000d9}.tc-x{position:absolute;top:8px;right:10px;cursor:pointer;border:0;background:none;color:var(--faint);font-size:21px;line-height:1;padding:8px}.tc-x:hover{color:var(--ink)}.tc-head{display:flex;align-items:center;gap:15px;margin:0 26px 14px 0}.tc-plaque-lg{width:150px;flex:0 0 150px;margin:0}.tc-title h2{margin:2px 0 1px;font:700 21px/1.2 var(--font-sans);color:var(--ink);letter-spacing:.01em}.tc-title .en{font:600 12px/1.4 var(--font-sans);color:var(--faint)}.tc-grp{display:inline-block;font:700 10.5px/1 var(--font-sans);letter-spacing:.09em;text-transform:uppercase;color:#2a1712;background:var(--pig);border-radius:2px;padding:4px 7px}.tc-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 4px;background:rgba(214,170,92,.18);border:1px solid rgba(214,170,92,.18);border-radius:4px;overflow:hidden}.tc-facts>div{background:#33201A;padding:8px 10px}.tc-facts dt{font:700 9.5px/1.4 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.tc-facts dd{margin:3px 0 0;font:600 12.5px/1.45 var(--font-sans);color:var(--ink)}.tc-facts dd span{display:block;font-weight:400;color:var(--faint);font-size:11.5px}.tc-sec{margin:18px 0 0}.tc-sec h4{margin:0 0 8px;font:800 11px/1 var(--font-sans);color:var(--pig);letter-spacing:.13em;text-transform:uppercase}.tc-sec p{margin:0;font:400 14px/1.75 var(--font-sans);color:var(--dim)}.tc-song{border-left:2px solid var(--pig);padding:2px 0 2px 15px}.tc-line{display:block;font:600 15px/1.9 var(--font-sans);color:var(--ink);letter-spacing:.012em;border-radius:4px;transition:color .18s,background .18s}.tc-line.on{color:#fff0cf;background:rgba(217,164,65,.16);box-shadow:-6px 0 #d9a44129}.tc-say{display:grid;grid-template-columns:78px 1fr;column-gap:10px;align-items:baseline}.tc-say i{font:800 9.5px/2.9 var(--font-sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--pig);text-align:right}.tc-cue{display:block;margin:7px 0;font:400 12.5px/1.6 var(--font-sans);font-style:italic;color:var(--faint)}.tc-play{margin-top:12px}.tc-steps{list-style:none;counter-reset:s;margin:0;padding:0}.tc-steps li{counter-increment:s;position:relative;padding-left:29px;margin-bottom:9px;font:400 14px/1.75 var(--font-sans);color:var(--dim)}.tc-steps li:before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:3px;font:800 11px/1.5 var(--font-mono);color:var(--pig)}.tc-fact{border-left:2px solid color-mix(in srgb,var(--pig) 50%,transparent);padding:5px 0 5px 13px;color:var(--dim)}.tc-toyard{margin-top:20px;width:100%;justify-content:center}.tcq-bar b{font:800 14px/1.4 var(--font-sans);color:var(--ink)}.tcq-score{font:700 12px/1 var(--font-mono);color:var(--accent)}.tcq-song{display:flex;flex-direction:column;gap:2px;text-align:center;margin:12px 0 14px;padding:16px 12px;border:1px dashed rgba(217,164,65,.4);border-radius:6px;background:rgba(217,164,65,.06)}.tcq-song span{font:600 16.5px/1.85 var(--font-sans);color:#f0d9a4;letter-spacing:.015em}.tcq-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.tcq-opt{cursor:pointer;padding:12px 10px;border:1px solid var(--line);border-radius:5px;background:rgba(255,255,255,.04);color:var(--ink);font:700 13.5px/1.4 var(--font-sans);text-align:center;transition:border-color .15s,background .15s}.tcq-opt:disabled{cursor:default}@media (hover:hover){.tcq-opt:not(:disabled):hover{border-color:var(--accent);background:rgba(217,164,65,.12)}}.tcq-opt.ok{border-color:#7fbf7a;background:rgba(127,191,122,.18);color:#e7f5e4}.tcq-opt.no{border-color:#e8705c;background:rgba(232,112,92,.16)}.tcq-end{text-align:center;padding:10px 0 4px}.tcq-end b{display:block;font:800 34px/1.15 var(--font-sans);color:var(--accent)}.tcq-end b i{font:700 17px/1 var(--font-mono);font-style:normal;color:var(--faint)}.tcq-end p{margin:6px 0 14px;font:400 13.5px/1.6 var(--font-sans);color:var(--dim)}.tcq-act{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}@media (max-width:560px){.tc .tool-bar .t-seg:has(.t-seg-btn){display:flex;width:100%;gap:4px;padding:4px}.tc .tool-bar .t-seg-btn{flex:1 1 calc(50% - 4px);justify-content:center;font-size:12px;padding:9px 6px}.tc .tool-bar .t-btn .t-lab{display:inline}.tc .tool-bar .t-btn.primary{font-size:12.5px}}@media (max-width:620px){.tc-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.tc-plaque{max-height:132px}.tc-band{margin-top:24px}.tc-bh h2{font-size:15.5px}.tc-box{padding:16px 14px 14px;width:96vw;max-height:90vh}.tc-head{flex-direction:column;align-items:flex-start;gap:11px;margin-right:22px}.tc-plaque-lg{width:100%;flex:none}.tc-title h2{font-size:19px}.tc-facts{grid-template-columns:1fr}.tc-say{grid-template-columns:66px 1fr;column-gap:8px}.tc-say i{font-size:9px}.tc-line{font-size:14.5px}.tcq-song span{font-size:15px}.tcq-opts{grid-template-columns:1fr 1fr}.tcq-opt{font-size:12.5px;padding:11px 6px}}@media (max-width:380px){.tc-grid,.tcq-opts{grid-template-columns:1fr}}