#body-live-scene{max-width:460px;margin:auto;font:14px/1.6 Tahoma,sans-serif;color:#e9e2d3;color-scheme:dark}#body-live-scene *{box-sizing:border-box}#body-live-scene .screen{background:#111;border:1px solid #2b2923;border-radius:22px;padding:18px}#body-live-scene .nav{display:flex;background:#1c1c1c;padding:4px;border-radius:11px;margin-bottom:20px}#body-live-scene .nav span{flex:1;text-align:center;padding:9px 2px;font-size:13px;color:#aaa}#body-live-scene .nav .active{background:#363329;border-radius:8px;color:#e6bd72}#body-live-scene h2{font-size:25px;font-weight:500;margin:0}#body-live-scene .sub{font-size:12px;color:#a79b84;margin:4px 0 0}#body-live-scene .stage{position:relative;margin:5px -10px 0}#body-live-scene canvas{display:block;width:100%;aspect-ratio:400/330}#body-live-scene .rank{position:absolute;top:40px;left:4px}#body-live-scene .rank strong{display:block;font-weight:500;font-size:19px;color:#e9c677}#body-live-scene .rank span{color:#b5aa98;font-size:12px;letter-spacing:1px}#body-live-scene .phase{min-height:23px;text-align:center;color:#c9ac71;font-size:12px;letter-spacing:1px;margin:-6px 0 17px}#body-live-scene .panel{background:#191c1c;border-radius:17px;padding:17px}#body-live-scene .row{display:flex;justify-content:space-between;align-items:center;gap:8px}#body-live-scene .small{font-size:12px;color:#aaa396}#body-live-scene .rate{color:#9ec4a2;font-size:12px}#body-live-scene .amount{font-size:23px;color:#eac784}#body-live-scene .track{height:5px;border-radius:5px;background:#302a27;margin:12px 0 9px;overflow:hidden}#body-live-scene .track div{height:100%;width:47.2%;background:linear-gradient(90deg,#8d8471,#ead2a0)}#body-live-scene .stats{display:flex;justify-content:space-around;text-align:center;margin-top:15px;padding-top:14px;border-top:1px solid #302c26;color:#a99f8e;font-size:11px}#body-live-scene .stats strong{display:block;font-size:16px;font-weight:500;color:#eee2cb}#body-live-scene button{font:inherit;width:100%;padding:12px 5px;border-radius:10px;border:1px solid #826a3e;background:#3b3323;color:#ead09b;cursor:pointer;margin-top:16px;min-height:46px}#body-live-scene button:disabled{cursor:default;color:#baab8d;border-color:#494134}#body-live-scene .note{font-size:11px;color:#a79c88;text-align:center;margin-top:7px}#body-live-scene details{font-size:12px;color:#b5a88f;border-bottom:1px solid #302a22;padding:15px 0}#body-live-scene summary{cursor:pointer;min-height:28px}#body-live-scene .heading{font-size:12px;color:#b9aa8e;margin:18px 0 10px}#body-live-scene .menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}#body-live-scene .item{display:flex;align-items:center;gap:9px;background:#1c1c1c;border-radius:10px;padding:14px 10px;font-size:12px}#body-live-scene .item svg{width:18px;height:18px;color:#c5aa76;flex-shrink:0}@media(max-width:360px){#body-live-scene .screen{padding:13px}#body-live-scene .rank{top:23px}#body-live-scene .rank strong{font-size:16px}}
#body-live-scene .options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}#body-live-scene .options button{margin:0;padding:9px 3px;background:#202020;border-color:#403b30;font-size:12px;min-height:62px}#body-live-scene .options b{display:block;font-size:17px;font-weight:500}#body-live-scene .options button[aria-pressed=true]{background:#403721;border-color:#c4a25d;color:#f2d38f}#body-live-scene .variant-note{font-size:12px;text-align:center;color:#b7aa92;margin:0 0 12px}
#body-live-scene .panel{padding:12px 14px;background:#1a1a1a;border-radius:13px}#body-live-scene .amount{font-size:20px}#body-live-scene .stats{margin-top:9px;padding-top:8px;gap:8px}#body-live-scene .stats strong{display:inline;margin-left:4px;font-size:14px}#body-live-scene .stats span{font-size:11px}#body-live-scene .panel button{margin-top:10px;padding:8px;min-height:42px}#body-live-scene .track{margin:7px 0}#body-live-scene details{padding:9px 0}#body-live-scene .note{font-size:11px;margin:6px 0 0}#body-live-scene .phase{margin-bottom:8px}#body-live-scene .stage-qi{display:none}#body-live-scene[data-layout=B] .stage-qi{display:block;position:absolute;bottom:5%;left:22%;right:22%;text-align:center;font-size:12px;color:#c0ad87}#body-live-scene .stage-qi strong{font-size:20px;font-weight:500;color:#e9c67d}#body-live-scene[data-layout=B] .stats{position:absolute;left:0;right:0;top:35%;margin:0;padding:0;border:0;display:block;pointer-events:none}#body-live-scene[data-layout=B] .stats span{display:block;position:absolute;max-width:76px;text-align:center}#body-live-scene[data-layout=B] .stats strong{display:block;margin:0;font-size:16px}#body-live-scene[data-layout=B] .stats span:nth-child(1){left:2px;top:0}#body-live-scene[data-layout=B] .stats span:nth-child(2){right:1px;top:0}#body-live-scene[data-layout=B] .stats span:nth-child(3){right:4px;top:61px}#body-live-scene[data-layout=B] .panel{background:none;padding:3px 0}#body-live-scene[data-layout=B] .panel .row:first-child,#body-live-scene[data-layout=B] .panel .row:nth-child(2),#body-live-scene[data-layout=B] .track{display:none}#body-live-scene[data-layout=B] .panel button{background:#3b3323}#body-live-scene[data-layout=C] .stage{margin:12px 0 0;background:#1a1a1a;border-radius:15px 15px 0 0;min-height:245px}#body-live-scene[data-layout=C] canvas{width:79%;margin-left:-5%;padding-top:24px}#body-live-scene[data-layout=C] .rank{top:12px;left:14px}#body-live-scene[data-layout=C] .rank strong{font-size:16px;display:inline}#body-live-scene[data-layout=C] .rank span{margin-left:6px}#body-live-scene[data-layout=C] .stats{position:absolute;right:12px;top:61px;width:94px;display:block;border:0;padding:0;margin:0;text-align:left}#body-live-scene[data-layout=C] .stats span{display:block;padding:7px 0;border-bottom:1px solid #343028}#body-live-scene[data-layout=C] .stats strong{display:block;margin:0;font-size:17px}#body-live-scene[data-layout=C] .phase{background:#1a1a1a;margin:0;padding:0 5px 6px;font-size:11px}#body-live-scene[data-layout=C] .panel{border-radius:0 0 15px 15px;padding-top:2px}#body-live-scene[data-layout=C] .panel .row:first-child{border-top:1px solid #343028;padding-top:10px}@media(max-width:360px){#body-live-scene .stats{gap:3px}#body-live-scene .stats strong{font-size:12px;margin-left:2px}#body-live-scene[data-layout=B] .stats span{max-width:58px;font-size:10px}#body-live-scene[data-layout=B] .stats strong{font-size:14px}#body-live-scene[data-layout=C] .stats{width:85px;right:9px;top:51px}#body-live-scene[data-layout=C] .stage{min-height:226px}}
#body-live-scene[data-layout=B] .stage-qi{position:relative;left:auto;right:auto;bottom:auto;margin:-18px 0 14px}#body-live-scene[data-layout=B] .stats{top:32%}@media(max-width:360px){#body-live-scene[data-layout=B] .stats span{font-size:11px}}
#body-live-scene .options{grid-template-columns:repeat(4,1fr)}#body-live-scene .options button{font-size:11px;min-height:53px}#body-live-scene .options b{font-size:14px}#body-live-scene .modes{display:flex;gap:6px;margin:8px 0 10px}#body-live-scene .modes button{margin:0;min-height:39px;padding:6px;font-size:12px;background:#202020;border-color:#36332c}#body-live-scene .modes button[aria-pressed=true]{background:#403721;border-color:#aa8e55}#body-live-scene .item{padding:10px 8px;gap:7px;min-height:55px}#body-live-scene .item .txt{flex:1;min-width:0;color:#e5c78b;font-weight:500;font-size:12px}#body-live-scene .item small{display:block;font-size:11px;line-height:1.3;color:#a6997e;font-weight:400}#body-live-scene .item .cn{font-size:10px;color:#b29a70;font-weight:400}#body-live-scene .item .arr{color:#aa976c;font-size:12px}#body-live-scene .item:nth-child(1) svg{color:#d7b767}#body-live-scene .item:nth-child(2) svg{color:#c67676}#body-live-scene .item:nth-child(3) svg{color:#71b6b0}#body-live-scene .rank{top:17px;left:4px}#body-live-scene .rank strong{font-size:17px}#body-live-scene .stats strong{font-size:13px}
#body-live-scene .body-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}#body-live-scene .body-header .rank{position:static;text-align:right;padding-top:4px;min-width:86px}#body-live-scene .body-header .rank strong{font-size:17px}#body-live-scene .body-header .rank span{display:block;margin-top:3px}#body-live-scene .body-header .sub{max-width:270px}#body-live-scene .stage{margin-top:0}@media(max-width:360px){#body-live-scene .body-header{column-gap:7px}#body-live-scene .body-header h2{font-size:22px}#body-live-scene .body-header .rank strong{font-size:15px}#body-live-scene .body-header .sub{font-size:11px}}
#body-live-scene .screen{background:#101010;color:#e8e0d0}#body-live-scene .item{background:#1c1c1c;border-radius:12px}#body-live-scene .item .txt{color:#e8e0d0}#body-live-scene .item small{color:#8a8578}#body-live-scene .heading{color:#d4c8b0}#body-live-scene .item .cn{color:#8a8578}
#body-live-scene .panel button{border:0!important;background:#3b3323;border-radius:10px}#body-live-scene .modes{display:none}#body-live-scene{position:relative}#body-live-scene .result-layer{position:absolute;inset:165px 0 0;background:rgba(0,0,0,.66);z-index:20;border-radius:22px;opacity:0;transition:opacity .4s;pointer-events:none}#body-live-scene .result-layer.open{opacity:1;pointer-events:auto}#body-live-scene .result-layer[hidden]{display:none}#body-live-scene .result-card{margin:145px 20px 0;background:#1c1c1c;border-radius:19px;padding:23px 20px;transform:translateY(12px);transition:transform .4s;color:#e8e0d0}#body-live-scene .result-layer.open .result-card{transform:translateY(0)}#body-live-scene .result-card h3{font-size:22px;font-weight:500;color:#e6c47c;margin:0 0 6px}#body-live-scene .result-card p{font-size:12px;color:#aaa396}#body-live-scene .result-stat{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:16px 0;border-bottom:1px solid #34312a;font-size:13px}#body-live-scene .result-stat em{color:#9ec8a1;font-style:normal}#body-live-scene .result-card button{border:0;background:#373125;margin:18px 0 0}#body-live-scene .result-card .fixture{font-size:11px;color:#a59982}

#body-live-scene{font:inherit;max-width:none;color:var(--text-primary)}#body-live-scene button{font-family:inherit}#body-live-scene .panel{background:var(--surface-panel-2)}#body-live-scene .body-header{margin-top:16px}#body-live-scene .stats{align-items:center}#body-live-scene .body-rank-section{margin:14px 0 20px}#main-sub-body>.btr-hub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}#main-sub-body>.btr-hub>.btr-hub-lbl{grid-column:1/-1;margin-top:14px}#main-sub-body>.btr-hub>.btr-row{margin:0;min-width:0;padding:10px 8px;gap:7px;min-height:55px}#main-sub-body .btr-body{min-width:0}#body-live-scene .panel button:disabled{opacity:.5}