.reference-ui-root{position:fixed;inset:0;z-index:20;overflow:hidden;background:#281137;touch-action:none;-webkit-user-select:none;user-select:none}.reference-ui-root[hidden]{display:none!important}.reference-ui-root.reference-ui-overlay{background:transparent}.reference-ui-canvas{position:absolute;inset:0;overflow:hidden}.reference-ui-canvas canvas{touch-action:none;outline:none}.reference-ui-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#eee4ff;font:20px/1.7 "Microsoft YaHei",sans-serif;background:radial-gradient(ellipse at 25% 35%,#244d7a,#401555 50%,#1e102a);z-index:3}.reference-ui-loading b{font-size:32px;font-weight:600;text-shadow:0 2px 4px #090013}.reference-ui-loading small{font-size:14px;color:#ccbddc}.reference-ui-loading button{padding:9px 24px;border:1px solid #c4a567;border-radius:8px;background:linear-gradient(#ffdc55,#d7a018);color:#412917;font:17px "Microsoft YaHei",sans-serif;cursor:pointer}.reference-ui-loading[hidden]{display:none}.reference-ui-toast{position:fixed;z-index:200;left:50%;top:24%;transform:translateX(-50%);max-width:min(640px,88vw);padding:14px 24px;border:1px solid #a28bcf88;border-radius:9px;background:#1d1233ed;color:#fff;text-align:center;font:17px/1.7 "Microsoft YaHei",sans-serif;box-shadow:0 7px 28px #0005;pointer-events:none}.reference-ui-toast[hidden]{display:none!important}.reference-ui-root input,.reference-ui-root textarea{font-family:"Microsoft YaHei",sans-serif}body.reference-lobby #lobby{visibility:hidden}body.reference-home #home{visibility:hidden}@media(max-width:650px) and (orientation:portrait){.reference-ui-toast{top:50%;max-width:75vh;font-size:15px;transform:translate(-50%,-50%) rotate(-90deg);width:max-content}.reference-ui-loading{font-size:16px}.reference-ui-loading b{font-size:26px}}

.reference-ui-root.reference-ui-table-base{z-index:1;background:transparent}
.reference-ui-root.reference-ui-overlay{z-index:20;background:transparent}
.reference-ui-table-backdrop{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:#007058}
.reference-ui-table-backdrop[hidden]{display:none!important}
.reference-ui-table-backdrop canvas{pointer-events:none}
/* The DOM board and Laya's automatic horizontal canvas share one physical
   viewport. CSS rotates only the DOM in portrait; landscape gets no CSS turn. */
html.reference-table-skin body:not(.reference-home) :is(#reference-ui-root,.reference-ui-table-backdrop){inset:auto;left:var(--visual-left,0px);top:var(--visual-top,0px);width:var(--screen-w,100vw);height:var(--screen-h,100dvh)}
html.reference-table-skin.reference-table-base-ready:not(.portrait-rotated) body:not(.reference-home) #app-shell{position:fixed;left:var(--visual-left,0px);top:var(--visual-top,0px);width:var(--screen-w,100vw);height:var(--screen-h,100dvh);transform:none}

/* The existing DOM owns settlement, countdown and ready actions. These are only
   nine-slice skins cropped from RoundOver_XS; see reference/derived-assets.json. */
html.reference-table-skin :is(#result-dialog,#rules-dialog,#mobile-panel){
  isolation:isolate;background:#002e25;color:#fff;border:1px solid #216855;
  border-radius:18px;box-shadow:0 18px 70px #001a1780;
}
html.reference-table-skin :is(#result-dialog,#rules-dialog,#mobile-panel)::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border:16px solid transparent;border-image:url('/reference/assets/derived/result-panel.png') 30 fill stretch;
}
html.reference-table-skin :is(#result-dialog,#rules-dialog,#mobile-panel)::backdrop{background:#001512a8;backdrop-filter:none}
html.reference-table-skin #result-dialog h2{color:#fff;font-weight:600;text-shadow:0 2px 1px #002218}
html.reference-table-skin #result-dialog .result-eyebrow{color:#a4d4c4}
html.reference-table-skin #result-dialog .result-scroll{scrollbar-color:#2b8d73 #00382d}
html.reference-table-skin #result-dialog .winning-hand{border-color:#27755e}
html.reference-table-skin #result-dialog :is(.winner-name,.result-empty-hand,.result-section h3,.result-draw-note){color:#c5e7d9}
html.reference-table-skin #result-dialog #win-details{color:#fff}
html.reference-table-skin #result-dialog .winner-reason{background:#00251f;border-color:#317f82;border-radius:10px}
html.reference-table-skin #result-dialog .winner-reason header{color:#fff}
html.reference-table-skin #result-dialog .winner-reason header>b{color:#ffe368}
html.reference-table-skin #result-dialog .score-reason{background:#104b3c;color:#f2fff7}
html.reference-table-skin #result-dialog .score-reason b{color:#ffe368}
html.reference-table-skin #result-dialog #result-scores{border-color:#27755e}
html.reference-table-skin #result-dialog .result-row{border-color:#27755e}
html.reference-table-skin #result-dialog .result-player{color:#fff}
html.reference-table-skin #result-dialog .result-seat{color:#a8d9c7}
html.reference-table-skin #result-dialog .result-seat em{background:#d6bb50;color:#20462c}
html.reference-table-skin #result-dialog .score-delta{color:#c1ddc9;text-shadow:0 1px 1px #001d17}
html.reference-table-skin #result-dialog .positive .score-delta{color:#ffe34c}
html.reference-table-skin #result-dialog .even .score-delta{color:#ffe34c}
html.reference-table-skin #result-dialog .negative .score-delta{color:#80e8a3}
html.reference-table-skin #result-dialog .winner{background:#277f5b38}
html.reference-table-skin #result-dialog .result-timer-row{color:#c0dbce}
html.reference-table-skin #result-dialog .result-timer-row button{color:#ffde70;text-decoration:underline;text-underline-offset:3px}
html.reference-table-skin #result-dialog .dialog-actions button{
  background:transparent;border:0 solid transparent;border-width:0 24px;
  border-image:url('/reference/assets/derived/result-view.png') 0 35 0 35 fill stretch;
  padding:10px 2px;color:#174d29;text-shadow:0 1px #cff6b966;font-weight:600;
  border-radius:0;box-shadow:none;min-height:50px;
}
html.reference-table-skin #result-dialog .dialog-actions .result-continue-button{
  border-image-source:url('/reference/assets/derived/result-yellow.png');color:#66530e;text-shadow:0 1px #fff8c777;
}
html.reference-table-skin #result-dialog .result-continue-button small{color:#685411}
html.reference-table-skin #result-dialog .dialog-actions button:hover{filter:brightness(1.06)}
html.reference-table-skin #result-dialog .dialog-actions button:disabled{filter:grayscale(.5)}
html.reference-table-skin :is(#rules-dialog,#mobile-panel) :is(h2,h3){color:#fff;text-shadow:0 2px #002218}
html.reference-table-skin :is(#rules-dialog,#mobile-panel) :is(p,.muted,.rules-grid span,.reference-rule-text,.score-row,.mobile-options label){color:#d9f1e4}
html.reference-table-skin :is(#rules-dialog,#mobile-panel) :is(.rules-grid b,.score-row .score){color:#ffe368}
html.reference-table-skin :is(#rules-dialog,#mobile-panel) :is(button,select){background:#176548;border-color:#398c67;color:#efffe7}
html.reference-table-skin :is(#rules-dialog,#mobile-panel) button.primary{background:#40bd5b;color:#174d29;border-color:#45c461}

/* Keep the existing result/ready controller, with the reference's compact upper
   hand/reasons section and four player cards. Long/multiple wins remain scrollable. */
html.reference-table-skin #result-dialog{width:min(1000px,calc(var(--logical-w,100vw) - 24px));max-height:calc(var(--logical-h,100dvh) - 18px)}
html.reference-table-skin #result-dialog .result-content{padding:12px 18px;max-height:calc(var(--logical-h,100dvh) - 20px)}
html.reference-table-skin #result-dialog .result-heading{margin-bottom:6px;gap:10px}
html.reference-table-skin #result-dialog h2{font-size:20px}
html.reference-table-skin #result-dialog .result-scroll{display:flex;flex-direction:column;gap:7px;min-height:0;overflow:auto}
html.reference-table-skin #result-dialog .winning-hand{flex:0 0 auto;overflow:visible;padding:6px 8px;margin:0;background:#003c30;border:1px solid #397d63;border-radius:5px}
html.reference-table-skin #result-dialog .winner-hand{flex:none;min-height:48px;gap:6px;margin:0 0 4px}
html.reference-table-skin #result-dialog .winner-name{font-size:13px}
html.reference-table-skin #result-dialog .winner-tiles{gap:1px;flex-wrap:wrap}
html.reference-table-skin #result-dialog .winner-tiles .tile{width:31px;height:44px}
html.reference-table-skin #result-dialog .result-columns{display:flex;flex:0 0 auto;overflow:visible;flex-direction:column;gap:7px}
html.reference-table-skin #result-dialog .result-section>h3{display:none}
html.reference-table-skin #result-dialog #win-details{display:flex;flex-wrap:wrap;gap:6px;margin:0}
html.reference-table-skin #result-dialog .winner-reason{flex:1;min-width:220px;margin:0;padding:5px 8px;border-radius:5px;background:#063e30}
html.reference-table-skin #result-dialog .winner-reason header{font-size:12px;line-height:1.3;margin-bottom:3px}
html.reference-table-skin #result-dialog .score-reasons{gap:3px 10px}
html.reference-table-skin #result-dialog .score-reason{font-size:12px;line-height:1.4;padding:0;background:transparent}
html.reference-table-skin #result-dialog #result-scores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:0;padding:0}
html.reference-table-skin #result-dialog .result-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:7px 4px;border:1px solid #3c8064;border-radius:5px;background:#245b47}
html.reference-table-skin #result-dialog .result-card-avatar{display:grid;place-items:center;width:43px;height:43px;overflow:hidden;border:1px solid #45d9b0;border-radius:3px;background:#0d4937;color:#ffe27a;font-size:25px}
html.reference-table-skin #result-dialog .result-card-avatar img{width:100%;height:100%;object-fit:cover}
html.reference-table-skin #result-dialog .result-player{max-width:100%;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.reference-table-skin #result-dialog .result-seat{font-size:10px;line-height:1.2}
html.reference-table-skin #result-dialog .score-delta{font-size:27px;line-height:1.1;margin:0}
html.reference-table-skin #result-dialog .result-outcome{display:block;margin:0;font-size:12px;line-height:1.1;color:#b9e8d4}
html.reference-table-skin #result-dialog .discarder .result-outcome{color:#77d4ff}
html.reference-table-skin #result-dialog .winner .result-outcome{color:#ffe368}
html.reference-table-skin #result-dialog .result-timer-row{margin-top:5px;font-size:10px}
html.reference-table-skin #result-dialog .dialog-actions{justify-content:space-evenly;gap:10px;margin-top:7px;flex:none}
html.reference-table-skin #result-dialog .dialog-actions button{min-width:116px;min-height:44px;padding:7px 2px;font-size:18px}
html.reference-table-skin #result-dialog .result-confirm-button{border-image-source:url('/reference/assets/derived/result-yellow.png')}
/* The source marks the last river tile itself. Keep the legacy enlarged
   pending-card preview out of the shared reference table. */
html.reference-table-skin.reference-table-base-ready #table .pending{display:none}

/* Canvas loss changes only the painted layer. Keep the same fitted board,
   cards and input handlers while the DOM tools cover for the missing canvas. */
html.reference-canvas-fallback :is(#reference-ui-root,.reference-ui-table-backdrop){visibility:hidden!important;pointer-events:none!important}
html.reference-table-skin.reference-canvas-fallback :is(#game,#table-area,#table){background-color:var(--ref-felt,#007058)!important}
html.reference-table-skin.reference-table-base-ready.reference-canvas-fallback #table-hud,
html.reference-table-skin.reference-table-base-ready.reference-canvas-fallback #table .compass,
html.reference-table-skin.reference-table-base-ready.reference-canvas-fallback #table .table-label{display:block!important}
html.reference-table-skin.reference-table-base-ready.reference-canvas-fallback #table .remaining-badge{display:flex!important}
html.reference-table-skin.reference-table-base-ready.reference-canvas-fallback #table .seat-info{visibility:visible;pointer-events:none}
html.reference-table-skin.reference-canvas-fallback :is(#table-rules,#table-exit){display:block!important}
html.reference-table-skin.reference-canvas-fallback body.reference-lobby #lobby{visibility:visible}
html.reference-table-skin #table .river .tile.last-discard::after{content:"";position:absolute;left:50%;top:-15px;width:18px;height:20px;border:0;background:linear-gradient(#ff785b,#d92b22);clip-path:polygon(0 0,50% 20%,100% 0,50% 100%);box-shadow:none;transform:translateX(-50%);z-index:6;pointer-events:none}

/* XS multi_choice: left-aligned framed hands, with the borrowed tile dimmed.
   Keep the larger readable tile size, and no invented visible return button. */
html.reference-table-skin #table #actions.chi-picker-open{left:108.75px;right:auto;bottom:135.25px;height:92.75px;overflow:hidden;max-width:calc(100% - 118.75px);gap:10px;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}
html.reference-table-skin.portrait-rotated #table #actions.chi-picker-open{bottom:141.25px}
html.reference-table-skin #table #actions.chi-picker-open .choice{flex:none;min-width:0;min-height:0;padding:6px;gap:0;border:0;border-radius:8px;background:rgba(31,36,42,.8);box-shadow:none}
html.reference-table-skin #table #actions.chi-picker-open .choice .tile{width:67px;height:105.5px;margin:0}
html.reference-table-skin #table #actions.chi-picker-open .choice .tile.chi-borrowed{filter:none}
html.reference-table-skin #table #actions.chi-picker-open .choice .tile.chi-borrowed::after{content:"";position:absolute;inset:0;z-index:2;background:rgba(0,0,0,.5);border-radius:inherit;pointer-events:none;transform:none}
@media(max-height:500px),(max-width:500px){
 html.reference-table-skin #result-dialog .result-content{padding:7px 12px}
 html.reference-table-skin #result-dialog .result-card-avatar{width:30px;height:30px;font-size:19px}
 html.reference-table-skin #result-dialog .result-row{padding:4px 3px}
 html.reference-table-skin #result-dialog .score-delta{font-size:23px}
 html.reference-table-skin #result-dialog .dialog-actions button{min-height:39px;font-size:16px}
}

/* RoundOver_XS: 800 x 560, original scaleX 1.85 / scaleY 1.74.
   The video shows one 326-high winner pane or independent 105-high winner
   rows, with four 188 x 122 score cards and buttons outside the main panel. */
html.reference-table-skin #result-dialog.round-result-dialog{
 width:min(calc(var(--logical-h,100dvh) * 1.184),calc(var(--logical-w,100vw) - 24px));
 max-width:none;max-height:none;padding:0;overflow:visible;border:0;border-radius:0;
 background:transparent;box-shadow:none;color:#fff
}
html.reference-table-skin #result-dialog.round-result-dialog::before{content:none}
html.reference-table-skin #result-dialog.round-result-dialog::backdrop{background:rgba(0,12,9,.58);backdrop-filter:none}
html.reference-table-skin #result-dialog.round-result-dialog .result-content{
 position:relative;display:block;width:100%;height:auto;aspect-ratio:800/526.7027027;
 max-height:none;padding:0;margin:0;overflow:visible;container-type:inline-size;
 font-family:"Microsoft YaHei",sans-serif;font-weight:400;user-select:none
}
html.reference-table-skin #result-dialog.round-result-dialog .result-content *{box-sizing:border-box}
html.reference-table-skin #result-dialog.round-result-dialog .result-accessible,
html.reference-table-skin #result-dialog.round-result-dialog .winner-name{
 position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
 clip-path:inset(50%);white-space:nowrap;border:0
}
html.reference-table-skin #result-dialog.round-result-dialog .result-main-panel{
 position:absolute;inset:0 0 12.5%;pointer-events:none;border:3.75cqw solid transparent;
 border-image:url('/reference/assets/derived/result-panel.png') 30 fill stretch
}
html.reference-table-skin #result-dialog.round-result-dialog .winning-hand{
 position:absolute;left:2.125%;top:3.214286%;width:95.75%;height:58.214286%;
 display:block;margin:0;padding:0;overflow:auto;scrollbar-width:thin;
 scrollbar-color:#55cfd1 #06302b;border:0;border-radius:0;background:transparent
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-hand{
 position:relative;display:block;width:100%;height:100%;min-height:0;flex:none;
 margin:0;padding:0;border:1.25cqw solid transparent;border-radius:0;
 border-image:url('/reference/assets/derived/result-row.png') 10 fill stretch;
 /* Child coordinates use the full captured box; the decorative border is not padding. */
 border-width:0;background:transparent
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-hand::before{
 content:"";position:absolute;inset:0;border:1.25cqw solid transparent;
 border-image:url('/reference/assets/derived/result-row.png') 10 fill stretch;pointer-events:none
}
html.reference-table-skin #result-dialog.round-result-dialog[data-winner-count]:not([data-winner-count="1"]) .winner-hand{
 height:32.208589%;margin-bottom:.625cqw
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-hand:last-child{margin-bottom:0}
html.reference-table-skin #result-dialog.round-result-dialog .result-winner-avatar{
 position:absolute;left:1.958225%;top:2.453988%;width:8.355091%;height:19.631902%;
 display:block;overflow:hidden;pointer-events:none
}
html.reference-table-skin #result-dialog.round-result-dialog .result-winner-avatar>:is(img,svg){display:block;width:100%;height:100%;object-fit:cover}
html.reference-table-skin #result-dialog.round-result-dialog .winner-tiles{
 position:absolute;left:11.096606%;top:3.067485%;width:75.718016%;height:19.93865%;
 display:flex;align-items:flex-end;gap:0;flex-wrap:nowrap;overflow:visible
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-tiles .tile,
html.reference-table-skin #result-dialog.round-result-dialog .winner-hand>.winning-tile{
 position:relative;flex:none;width:5cqw;height:7.642cqw;margin:0;padding:0;border:0;
 border-radius:0;background:transparent;box-shadow:none;transform:none;filter:none
}
html.reference-table-skin #result-dialog.round-result-dialog .result-concealed-hand{display:flex;flex:none;align-items:flex-end;gap:0}
html.reference-table-skin #result-dialog.round-result-dialog .winner-tiles .meld{
 position:relative;display:flex;flex:none;align-items:flex-end;gap:0;margin:0 var(--result-meld-gap,1.875cqw) 0 0;
 padding:0;border:0;background:transparent;transform:none
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-tiles .meld .tile:nth-child(2){transform:translateY(-1.1cqw)}
html.reference-table-skin #result-dialog.round-result-dialog .winner-tiles .meld:is(.closed_kong,.open_kong,.added_kong) .tile:nth-child(2){transform:none}
html.reference-table-skin #result-dialog.round-result-dialog .winner-tiles .meld .kong-fourth{
 position:absolute;left:5cqw;top:-1.8cqw;z-index:2
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-hand>.winning-tile{
 position:absolute;left:89.033943%;top:3.067485%
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-reason{
 position:absolute;left:1.305483%;top:26.687117%;width:97.911227%;height:50.613497%;
 display:block;min-width:0;margin:0;padding:0;overflow:auto;border:0;border-radius:0;
 background:transparent;color:#fff;font-size:3.057cqw;line-height:1.32;font-weight:400
}
html.reference-table-skin #result-dialog.round-result-dialog .score-reason{
 display:inline;margin:0;padding:0;border:0;background:transparent;color:inherit;
 font:inherit;white-space:normal
}
html.reference-table-skin #result-dialog.round-result-dialog .winner-total{
 position:absolute;right:.4%;bottom:5.2%;height:12.269939%;max-width:80%;
 color:#fff;font-size:3.057cqw;line-height:1.2;white-space:nowrap;text-align:right
}
html.reference-table-skin #result-dialog.round-result-dialog .is-multiple .result-winner-avatar{top:7.619048%;height:60.952381%}
html.reference-table-skin #result-dialog.round-result-dialog .is-multiple .winner-tiles,
html.reference-table-skin #result-dialog.round-result-dialog .is-multiple>.winning-tile{top:9.52381%;height:61.904762%}
html.reference-table-skin #result-dialog.round-result-dialog .is-multiple .winner-reason{
 top:71.428571%;height:26%;width:77.5%;font-size:2.352cqw;line-height:1.2
}
html.reference-table-skin #result-dialog.round-result-dialog .is-multiple .winner-total{
 right:.4%;bottom:0;height:23.809524%;max-width:33%;font-size:2.352cqw;line-height:1.2
}
html.reference-table-skin #result-dialog.round-result-dialog .result-empty-hand{position:absolute;inset:0;display:grid;place-items:center}
html.reference-table-skin #result-dialog.round-result-dialog .result-empty-hand>.round-result-art{width:39.033943%;height:auto;max-height:90%}
html.reference-table-skin #result-dialog.round-result-dialog #result-scores{
 position:absolute;left:2.125%;top:62.857143%;width:95.75%;height:21.785714%;
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1%;margin:0;padding:0;border:0
}
html.reference-table-skin #result-dialog.round-result-dialog .result-row{
 position:relative;display:block;min-width:0;height:100%;margin:0;padding:0;
 border:0;border-radius:0;background:transparent;box-shadow:none;overflow:hidden
}
html.reference-table-skin #result-dialog.round-result-dialog .result-row::before{
 content:"";position:absolute;inset:0;pointer-events:none;border:1.25cqw solid transparent;
 border-image:url('/reference/assets/derived/result-row.png') 10 fill stretch
}
html.reference-table-skin #result-dialog.round-result-dialog .result-card-avatar{
 position:absolute;left:6.382979%;top:6.557377%;width:34.042553%;height:52.459016%;
 display:block;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent
}
html.reference-table-skin #result-dialog.round-result-dialog .result-card-avatar>:is(img,svg){display:block;width:100%;height:100%;object-fit:cover}
html.reference-table-skin #result-dialog.round-result-dialog .result-player{
 position:absolute;left:2.659574%;top:68.852459%;width:42.553191%;max-width:42.553191%;height:24.590164%;
 display:block;color:#fff;font-size:2.35cqw;line-height:1.25;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
html.reference-table-skin #result-dialog.round-result-dialog .score-delta{
 position:absolute;left:42.553191%;top:65.57377%;width:54%;height:29.508197%;
 display:flex;align-items:center;justify-content:flex-start;margin:0;padding:0;font-size:3.2cqw;
 line-height:1;color:#ffdb32;white-space:nowrap;text-shadow:none
}
html.reference-table-skin #result-dialog.round-result-dialog .score-delta .result-score-art{display:block;flex:none;max-width:100%;width:auto;height:83.333333%;overflow:visible}
html.reference-table-skin #result-dialog.round-result-dialog .negative .score-delta .result-score-art{height:84.444444%}
html.reference-table-skin #result-dialog.round-result-dialog .result-outcome{
 position:absolute;left:46%;top:4.098361%;width:50.531915%;height:60.655738%;
 display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-size:0;pointer-events:none
}
html.reference-table-skin #result-dialog.round-result-dialog .round-result-art{display:block;flex:none;max-width:100%;max-height:100%;overflow:hidden}
html.reference-table-skin #result-dialog.round-result-dialog .result-outcome>.round-result-art{width:100%;height:100%}
html.reference-table-skin #result-dialog.round-result-dialog .dialog-actions{display:contents;margin:0;padding:0}
html.reference-table-skin #result-dialog.round-result-dialog .dialog-actions button{
 position:absolute;top:89.285714%;width:20%;height:10.714286%;min-width:0;min-height:0;
 margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
 transform:none;transition:none;cursor:pointer;touch-action:manipulation
}
html.reference-table-skin #result-dialog.round-result-dialog .dialog-actions button::before{
 content:"";position:absolute;inset:0;pointer-events:none;border:0 solid transparent;border-width:0 4.375cqw;
 border-image:url('/reference/assets/derived/result-green.png') 0 35 0 35 fill stretch
}
html.reference-table-skin #result-dialog.round-result-dialog .dialog-actions #next::before{border-image-source:url('/reference/assets/derived/result-yellow.png')}
html.reference-table-skin #result-dialog.round-result-dialog #close-result{left:2.75%}
html.reference-table-skin #result-dialog.round-result-dialog #next{left:40%}
html.reference-table-skin #result-dialog.round-result-dialog #result-confirm{right:2.75%;top:87.857143%}
html.reference-table-skin #result-dialog.round-result-dialog .result-button-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}
html.reference-table-skin #result-dialog.round-result-dialog .result-button-art>svg{display:block;width:60.625%;height:76.666667%;overflow:hidden;pointer-events:none}
html.reference-table-skin #result-dialog.round-result-dialog #close-result .result-button-art>svg{width:53.75%;height:80%}
html.reference-table-skin #result-dialog.round-result-dialog #next .result-button-art>svg{width:73.75%;height:66.666667%}
html.reference-table-skin #result-dialog.round-result-dialog #next-label{position:relative;display:none;font-size:2.7cqw;color:#675011;font-weight:500}
html.reference-table-skin #result-dialog.round-result-dialog #next[data-result-status="ready"] #next-label,
html.reference-table-skin #result-dialog.round-result-dialog #next[data-result-status="pending"] #next-label{display:inline}
html.reference-table-skin #result-dialog.round-result-dialog #next[data-result-status="ready"] .result-button-art,
html.reference-table-skin #result-dialog.round-result-dialog #next[data-result-status="pending"] .result-button-art{display:none}
html.reference-table-skin #result-dialog.round-result-dialog #result-countdown{
 display:none
}
html.reference-table-skin #result-dialog.round-result-dialog[data-match-finished="true"] #next{display:none}
html.reference-table-skin #result-dialog.round-result-dialog .dialog-actions button:disabled{filter:grayscale(.45);cursor:default}
html.reference-table-skin #result-dialog.round-result-dialog .dialog-actions button:focus-visible{outline:2px solid #ffe68a;outline-offset:3px}
html.reference-table-skin:has(#result-dialog[open]) #table-result{visibility:hidden}