:root{--bg:#08090a;--panel:#0c0e0f;--panel2:#111415;--line:#1b2020;--ink:#e8edec;--body:#9aa6a3;--faint:#5e6b68;--mid:#39423f;--accent:#5e86c9;--gold:#b8a055;--green:#7a9b6e;--red:#b05a5a;--mono:"SF Mono",ui-monospace,Menlo,monospace;--sans:-apple-system,"Pretendard",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--body);font-family:var(--sans)}.boot{font:400 12px var(--mono);color:var(--faint);padding:40px}.app{flex-direction:column;gap:14px;max-width:1680px;height:100vh;margin:0 auto;padding:18px 26px 24px;display:flex}.top,.tabs,.head,.bar,.play,.cap,.foot{flex:none}.wrap{flex:auto;align-items:stretch;min-width:0;min-height:0;display:flex}.mid{flex-direction:column;flex:0 auto;gap:14px;min-width:0;min-height:0;display:flex}.mid:has(>.srcin,>.slot,>.fill){flex:auto}.mid:not(:has(>.srcin,>.slot,>.fill)){justify-content:center}.mid>.stage,.mid>.stage-wrap{flex:0 auto}.mid>.slot,.mid>.fill{flex:1 1 0;min-height:0}.top{font:400 10px var(--mono);letter-spacing:.2em;color:var(--faint);text-transform:uppercase;align-items:baseline;gap:16px;display:flex}.decks .grp{border-left:1px solid var(--line);align-items:baseline;gap:8px;margin-left:16px;padding-left:16px;display:inline-flex}.decks .grp:first-child{border-left:none;margin-left:0;padding-left:0}.decks .grp b{color:var(--faint);letter-spacing:.2em;font-size:8.5px;font-weight:400}.decks .grp a{letter-spacing:.06em}.top b{color:var(--body);font-weight:400}.decks{gap:10px;margin-left:auto;display:flex}.decks a{color:var(--mid);text-decoration:none}.decks a.on{color:var(--gold)}.tabs{flex-wrap:wrap;gap:0;display:flex}.tabs a{border:1px solid var(--line);font:400 9.5px var(--mono);letter-spacing:.14em;color:var(--faint);border-right:none;padding:6px 12px;text-decoration:none;transition:color .2s,background .2s,border-color .2s}.tabs .tab{flex:none;display:flex}.tabs .tab:last-child>a:last-child{border-right:1px solid var(--line)}.tabs a.kid{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-left:1px dotted var(--line);padding:6px 7px;font-size:9px}.tabs a.kid:hover,.tabs .tab.in>a:first-child{color:var(--body)}.tabs a:hover{color:var(--body);background:var(--panel)}.tabs a.on{color:var(--ink);border-color:var(--accent);background:var(--panel2)}.head h1{font:500 30px/1.25 var(--sans);color:var(--ink);letter-spacing:-.01em}.head p{font:400 12.5px var(--sans);color:var(--faint);margin-top:5px}.bar{align-items:center;gap:5px;display:flex}.bar button{background:var(--line);cursor:pointer;border:none;width:26px;height:3px;padding:0;transition:background .25s,transform .25s}.bar button:hover{transform:scaleY(2.2)}.bar button.done{background:var(--mid)}.bar button.on{background:var(--accent);transform:scaleY(2.4)}.bar .cnt{font:400 11px var(--mono);color:var(--faint);letter-spacing:.1em;margin-left:auto}.stage{flex-direction:column;flex:0 auto;gap:16px;min-height:0;padding:6px 0;display:flex}.lane{grid-template-columns:78px minmax(0,1fr);align-items:start;gap:14px;display:grid}.lane-lb{font:400 8.5px var(--mono);letter-spacing:.2em;color:var(--faint);text-transform:uppercase;word-break:keep-all;padding-top:8px;line-height:1.5}.lane-lb i{color:var(--mid);margin-top:3px;font-size:8px;font-style:normal;display:block}.row{flex-wrap:wrap;align-items:stretch;gap:14px;min-width:0;display:flex}.edge{border-top:1px solid var(--gold);opacity:.22;grid-column:2;height:0;margin-top:4px}.act{border:1px solid var(--line);background:var(--panel);flex-direction:column;flex:1 1 0;gap:8px;min-width:96px;max-width:520px;padding:10px 12px 12px;display:flex}.act.hot{border-color:var(--accent);background:var(--panel2);box-shadow:0 0 0 1px #5e86c938,0 0 30px -10px #5e86c966}.a-hd{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding-bottom:7px;display:flex}.a-nm{font:400 9.5px var(--mono);letter-spacing:.16em;color:var(--faint);text-transform:uppercase;word-break:keep-all;overflow-wrap:anywhere;min-width:0}.act.hot .a-nm{color:var(--ink)}.a-sp{flex:1}.a-ct{font:400 9px var(--mono);color:var(--mid)}.act.hot .a-ct{color:var(--accent)}.a-bd{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex}.stage-foot{font:400 9px var(--mono);letter-spacing:.16em;color:var(--mid);text-transform:uppercase}.stage-foot em{color:var(--gold);letter-spacing:.1em;margin-left:14px;font-style:normal}.kv-wrap{flex-direction:column;gap:1px;display:flex}.kv{font:400 10.5px var(--mono);align-items:baseline;gap:8px;padding:2px 0;display:flex}.kv .k{color:var(--faint);letter-spacing:.05em;word-break:keep-all;flex:0 auto;min-width:0}.kv .d{border-bottom:1px dotted #1a2020;flex:1 1 0;min-width:6px;transform:translateY(-3px)}.kv .v{color:var(--body);text-align:right;overflow-wrap:anywhere;flex:0 auto;min-width:0}.kv.chg{background:#5e86c91a}.kv.chg .v{color:var(--ink)}.kv.gold .v{color:var(--gold)}.kv.red .v{color:var(--red)}.kv.green .v{color:var(--green)}.list{flex-direction:column;gap:4px;display:flex}.it{border:1px solid var(--line);font:400 10.5px var(--mono);background:#ffffff03;flex-wrap:wrap;align-items:baseline;gap:3px 8px;padding:5px 8px 6px;display:flex}.it .id{color:var(--body);overflow-wrap:anywhere;min-width:0}.it .sp{flex:1}.it .sub{color:var(--faint);overflow-wrap:anywhere;min-width:0;font-size:9px}.it .tag{letter-spacing:.1em;border:1px solid var(--line);color:var(--mid);padding:1px 5px;font-size:8px}.it.new{border-color:var(--accent);background:#5e86c917}.it.mod{border-color:#5e86c973}.it.hole{background:0 0;border-style:dashed}.it.sep{color:var(--gold);opacity:.7;background:0 0;border:none}.it .tag.x{color:var(--red);border-color:#b05a5a80}.it .tag.hold{color:var(--gold);border-color:#b8a05566}.it .tag.clean{color:var(--green);border-color:#7a9b6e59}.by-wrap{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.by{align-items:stretch;gap:2px;min-height:44px;display:flex}.by-c{border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:5px 3px;display:flex;overflow:hidden;container-type:inline-size}.by-c b{font:400 9px/1.2 var(--mono);color:var(--body);text-align:center;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;font-weight:400}.by-c i{font:400 7.5px var(--mono);color:var(--mid);text-align:center;font-style:normal}@container (width<=62px){.by-c i{display:none}}@container (width<=44px){.by-c b{letter-spacing:-.02em;font-size:8px}}@container (width<=30px){.by-c b{letter-spacing:-.03em;font-size:7.5px}}@container (width<=18px){.by-c b{display:none}}.by-c.hdr{background:#5e86c912;border-color:#5e86c94d}.by-c.gold{background:#b8a0551f;border-color:#b8a0558c}.by-c.gold b{color:var(--gold)}.by-c.free{background:0 0;border-style:dashed}.by-c.red{background:#b05a5a1a;border-color:#b05a5a73}.by-l{font:400 8px var(--mono);letter-spacing:.14em;color:var(--mid);text-transform:uppercase;justify-content:space-between;display:flex}.by-l b{color:var(--faint);font-weight:400}.mx{flex-direction:column;flex:1;justify-content:center;gap:7px;display:flex}.mx table{border-collapse:collapse;table-layout:fixed;width:100%}.mx th,.mx td{border:1px solid var(--line);text-align:center;padding:0}.mx thead th{font:400 9px var(--mono);color:var(--faint);letter-spacing:.08em;background:#ffffff03;border-top:none;padding:3px 0 4px}.mx th.mx-c{border-left:none;width:38px}.mx th.mx-r{font:400 9px var(--mono);color:var(--body);background:#ffffff03;border-left:none;width:38px}.mx td{height:20px}.mx td i{font:400 8px var(--mono);font-style:normal}.mx td.y{background:#7a9b6e12}.mx td.y i{color:var(--green)}.mx td.n{background:#b05a5a12}.mx td.n i{color:var(--red)}.mx td.on{box-shadow:inset 0 0 0 2px var(--gold);background:#b8a05524}.mx td.on i{color:var(--gold)}.mx-lb{font:400 8px var(--mono);letter-spacing:.14em;color:var(--mid);text-transform:uppercase;justify-content:space-between;display:flex}.mx-lb b{color:var(--faint);font-weight:400}.cap{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 380px;gap:26px;padding-top:14px;display:grid}.cap h2{font:500 15px var(--sans);color:var(--ink)}.cap p{font:400 12.5px/1.65 var(--sans);color:var(--body);margin-top:6px}.cap code{font:400 10px var(--mono);color:var(--mid);margin-top:8px;display:block}.cap-r{border-left:1px solid var(--line);padding-left:20px}.cap-r span{font:400 8px var(--mono);letter-spacing:.2em;color:var(--mid);text-transform:uppercase}.cap-r p{margin-top:6px}.cap-r em{color:var(--gold);font-style:normal}.cap-r p em{color:var(--gold)}@media (height<=880px),(width>=2000px) and (height<=1100px),(width>=2560px) and (height<=1320px),(width>=3400px) and (height<=1760px),(width>=4600px) and (height<=2200px){.app{gap:8px;padding:10px 26px 12px}.tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 26px),#0000)}.tabs::-webkit-scrollbar{width:0;height:0}.tabs a{white-space:nowrap;padding:4px 11px}.tabs a.kid{padding:4px 6px}.head h1{font-size:22px}.mid{gap:9px}.cap{gap:18px}}@media (height<=639px){.app{height:auto;min-height:100vh}}.narrow-note{border:1px solid var(--line);background:var(--panel);font:400 12.5px/1.75 var(--sans);color:var(--body);padding:22px 18px;display:none}.narrow-note b{font:400 10px var(--mono);letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;font-weight:400;display:block}@media (width<=1080px){.app{height:auto;min-height:100vh;padding:14px 16px}.wrap{flex:none;display:block}.mid{flex:none}.mid>.slot,.mid>.fill{flex:none;max-height:300px}.stage{flex:none;overflow:visible}.top .tabs{flex:1 0 100%}.cap{grid-template-columns:1fr;gap:14px}.cap-r{border-left:none;border-top:1px solid var(--line);padding:12px 0 0}.lane{grid-template-columns:60px minmax(0,1fr)}}@media (width<=767px){.app{padding:14px 14px 20px}.narrow-note{display:block}.app .stage-wrap,.app .stage,.app .stage-foot,.app .tabs,.app .bar,.app .play{display:none}.head h1{font-size:22px}}@media (width>=2000px){.app{zoom:1.25;height:80vh}}@media (width>=2560px){.app{zoom:1.5;height:66.6667vh}}@media (width>=3400px){.app{zoom:2;height:50vh}}@media (width>=4600px){.app,#app.app{zoom:2.5;height:40vh}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.foot .cred{color:var(--faint);margin-left:auto}.foot .cred b{color:var(--mid);font-weight:400}.ax{flex-direction:column;flex:1;justify-content:center;min-height:0;margin:0 22px;padding:20px 12px 26px;display:flex;position:relative}.ax-line{border-top:1px solid var(--line);height:0;position:relative}.ax-rec{flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:0}.ax-rec i{background:var(--mid);width:1px;height:9px;margin-top:-4px;display:block}.ax-rec b{font:400 9.5px var(--mono);color:var(--body);white-space:nowrap;font-weight:400}.ax-rec.new i{background:var(--accent)}.ax-rec.new b{color:var(--ink)}.ax-rec.gone i{background:var(--red)}.ax-rec.gone b{color:var(--red);text-decoration:line-through}.ax-sp{border:1px solid;justify-content:center;align-items:center;min-width:20px;height:13px;margin-left:1px;margin-right:1px;transition:top .28s cubic-bezier(.22,1,.36,1);display:flex;position:absolute}.ax-sp span{font:400 7.5px var(--mono);letter-spacing:.1em;white-space:nowrap;padding:0 3px}.ax-sp.rec{border-color:var(--accent);color:var(--accent);background:#5e86c933}.ax-sp.gap{color:var(--gold);background:#b8a05524;border-style:dashed;border-color:#b8a05599}.ax-sp.next{border-color:var(--gold);color:var(--gold);background:#b8a05533}.ax-sp.ii{color:var(--green);background:#6ea88a29;border-color:#7a9b6eb3}.ax-sp.blk{border-color:var(--red);color:var(--red);background:#b05a5a33}.ax-sp.new{box-shadow:0 0 0 1px #e8edec47}.ax-sp.new span{color:var(--ink)}.ax-sp.mod{box-shadow:0 0 0 1px #5e86c94d}.ax-lb{font:400 8px var(--mono);letter-spacing:.14em;color:var(--faint);position:absolute;bottom:6px;left:12px}.gr{flex:1;justify-content:space-around;align-items:center;gap:6px;min-height:0;padding:22px 8px 24px;display:flex;position:relative}.gr-n{z-index:2;border:1px solid var(--line);background:var(--panel2);flex-direction:column;gap:2px;min-width:0;padding:5px 9px 6px;transition:border-color .3s,background .3s;display:flex;position:relative}.gr-n .id{font:500 10px var(--mono);color:var(--body);white-space:nowrap}.gr-n .sub{font:400 8px var(--mono);color:var(--faint);white-space:nowrap}.gr-n.hold{border-color:#b8a0558c}.gr-n.hold .id{color:var(--gold)}.gr-n.wait{border-color:#b05a5a8c}.gr-n.wait .id{color:var(--red)}.gr-n.x{border-color:var(--red);background:#b05a5a1f}.gr-n.x .id{color:var(--red);text-decoration:line-through}.gr-n.new{border-color:var(--accent);background:#5e86c917}.gr-n.mod{border-color:#5e86c973}.gr-e{border:1px solid var(--faint);z-index:1;pointer-events:none;border-bottom:none;justify-content:center;align-items:flex-start;height:11px;display:flex;position:absolute}.gr-e.dn{border-top:none;border-bottom:1px solid var(--faint);align-items:flex-end}.gr-e span{font:400 7.5px var(--mono);letter-spacing:.1em;color:var(--faint);background:var(--panel);white-space:nowrap;padding:0 4px;transform:translateY(-52%)}.gr-e.dn span{transform:translateY(52%)}.gr-e.hot{border-color:var(--red)}.gr-e.hot span{color:var(--red)}.gr-e.new{border-color:var(--accent)}.gr-e.new span{color:var(--accent)}.gr-ah{border-left:3px solid #0000;border-right:3px solid #0000;border-top:4px solid var(--faint);width:0;height:0;position:absolute;bottom:-4px}.gr-e.dn .gr-ah{border-top:none;border-bottom:4px solid var(--faint);top:-4px;bottom:auto}.gr-ah.l{left:0;transform:translate(-50%)}.gr-ah.r{right:0;transform:translate(50%)}.gr-e.hot .gr-ah{border-top-color:var(--red)}.gr-e.hot.dn .gr-ah{border-bottom-color:var(--red)}.gr-e.new .gr-ah{border-top-color:var(--accent)}.gr-e.new.dn .gr-ah{border-bottom-color:var(--accent)}.gr-cy{font:500 8px var(--mono);letter-spacing:.16em;color:var(--red);position:absolute;bottom:4px;left:8px}.tr{flex-direction:column;flex:1;justify-content:center;gap:9px;min-height:0;padding:4px 2px;display:flex}.tr-lv{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:7px;display:flex;position:relative}.tr-n{border:1px solid var(--line);background:#ffffff03;flex-direction:column;gap:2px;min-width:0;max-width:100%;padding:3px 6px 4px;transition:border-color .3s,background .3s;display:flex}.tr-n .id{font:400 9px var(--mono);color:var(--faint);white-space:nowrap;letter-spacing:.04em}.tr-n .kv2{font:400 9.5px var(--mono);color:var(--body);white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.tr-n .fb{border:1px solid var(--line);height:3px;margin-top:1px;display:block;position:relative;overflow:hidden}.tr-n .fb i{background:var(--mid);opacity:.6;position:absolute;top:0;bottom:0;left:0}.tr-n.full .fb i{background:var(--gold);opacity:.85}.tr-n.full{border-color:#b8a05580}.tr-n.new{border-color:var(--accent);background:#5e86c917}.tr-n.mod{border-color:#5e86c980}.tr-lb{font:400 7.5px var(--mono);letter-spacing:.16em;color:var(--mid);text-align:center;text-transform:uppercase}.gg{margin-top:2px}.gg-tr{border:1px solid var(--line);height:7px;position:relative;overflow:hidden}.gg-tr i{background:var(--accent);opacity:.5;transition:background .4s,opacity .4s;position:absolute;top:0;bottom:0;left:0}.gg.warn .gg-tr i{background:var(--gold);opacity:.72}.gg.crit .gg-tr i{background:var(--red);opacity:.85}.gg-lb{font:400 8.5px var(--mono);letter-spacing:.08em;color:var(--faint);justify-content:space-between;margin-top:3px;display:flex}.gg-lb b{color:var(--body);font-weight:400}