@font-face{font-family:'Manga Result Brush';font-style:normal;font-weight:400;font-display:swap;src:url('./fonts/yuji-boku-result-v137.woff2') format('woff2')}
/* One printed page: unequal panels, quiet gutters, and readable scores. */
#result-dialog,#result-dialog[data-final=true]{box-sizing:border-box;width:min(640px,calc(100% - 16px));max-width:none;max-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom));margin:auto;padding:12px;border:2px solid var(--ink);background:var(--paper);color:var(--ink);box-shadow:5px 6px 0 #17171766;overflow:auto;scrollbar-width:thin;scrollbar-color:#777060 var(--paper);}
#result-dialog::backdrop{background:#161511db}
#result-dialog .result-page{display:flex;flex-direction:column;gap:9px;min-height:min(760px,calc(100dvh - 50px - var(--safe-top) - var(--safe-bottom)))}
.result-page-masthead{display:flex;align-items:baseline;gap:12px;padding:2px 1px 8px;border-bottom:2px solid var(--ink);font:500 11px/1.5 var(--serif)}
.result-page-masthead>strong{font:400 23px/1 var(--brush)}
#result-edition{margin-left:auto;font-size:10px;letter-spacing:.1em}
#result-dialog .result-hero{position:relative;isolation:isolate;container-type:inline-size;min-height:138px;overflow:hidden;border:1.5px solid var(--ink);background:var(--paper-white);display:flex;align-items:stretch;justify-content:flex-end}
.result-hero-art{position:absolute;inset:0 auto 0 0;width:65%;height:100%;object-fit:cover;object-position:38% 43%;mix-blend-mode:multiply;filter:grayscale(1)}
.result-hero::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(165deg,transparent 0 19px,#20202014 19px 20px,transparent 20px 38px);z-index:-1;pointer-events:none}
.result-hero-copy{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:53%;padding:15px 6px 13px 15px;gap:8px;isolation:isolate}
.result-hero-copy::before{content:'';position:absolute;inset:-6px -12px -6px 4px;background:var(--paper-white);border-left:1.5px solid var(--ink);transform:skewX(-9deg);z-index:-1}
#result-speaker,#result-hero-note{font:500 11px/1.5 var(--serif);margin:0;text-align:center;letter-spacing:.08em}
#result-dialog #result-title{margin:0;padding:0;border:0;font:400 clamp(42px,13cqi,76px)/1.22 'Manga Result Brush',var(--brush);letter-spacing:-.06em;white-space:nowrap;transform:rotate(-5deg);font-synthesis:none;outline:0}
#result-dialog[data-long-title=true] #result-title{font-size:clamp(18px,6cqi,34px);letter-spacing:0}
#result-hero-note{font-size:10px;letter-spacing:.15em}
#result-content{display:grid;gap:9px;min-width:0}
#result-dialog .result-panel{position:relative;box-sizing:border-box;min-width:0;margin:0;padding:13px 12px;background:var(--paper-white);border:1.5px solid var(--ink)}
#result-dialog .result-panel-title{margin:0 0 11px;font:700 12px/1.3 var(--serif);letter-spacing:.15em}
.result-hand-spread{display:flex;flex-direction:column;gap:9px;min-width:0}
#result-dialog .result-hand-panel{padding-bottom:17px;background:linear-gradient(0deg,#2020200a,transparent 40%),var(--paper-white)}
.result-hand-owner{position:absolute;right:12px;top:13px;margin:0;font:500 10px/1.4 var(--serif);letter-spacing:.06em}
.result-tile-line{display:flex;align-items:flex-end;gap:0;margin-top:16px;min-width:0}
.result-tile-group{display:flex;align-items:flex-end;flex:1 1 0;min-width:0}
.result-tile{display:block;position:relative;flex:1 1 0;min-width:0;line-height:0;aspect-ratio:1/var(--result-sprite-ratio)}
#result-dialog .result-tile img{display:block;width:100%;height:100%;margin:0;object-fit:fill;filter:none;border:0;box-shadow:none}
#result-dialog .result-tile::after{inset:0 0 var(--result-sprite-depth);border-radius:0}
.result-winning,.result-meld-group{margin-left:6px}
.result-winning{position:relative}
.result-winning::before{content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%);border-top:4px solid var(--ink);border-left:3px solid transparent;border-right:3px solid transparent}
.result-details{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:9px;align-items:stretch}
#result-dialog .result-yaku-panel{padding-bottom:14px}
.result-yaku-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.result-yaku-list li{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:0 0 7px;border-bottom:1px solid #20202035}
.result-yaku-list li:last-child{border-bottom:0;padding-bottom:0}
.result-yaku-name{font:500 16px/1.5 var(--serif);overflow-wrap:anywhere}
.result-yaku-han{flex:none;white-space:nowrap;font:700 13px/1.5 var(--serif)}
#result-dialog .result-points-panel{container-type:inline-size;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 9px;background:var(--ink);color:var(--paper-white);overflow:hidden;isolation:isolate;min-height:140px}
.result-points-panel::before{content:'';position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 52% 60%,#eee6d426 0 .4deg,transparent .6deg 10deg);mask-image:radial-gradient(ellipse,transparent 25%,#000 100%);z-index:-1;pointer-events:none}
#result-dialog .result-points-panel .result-panel-title{font-weight:500;font-size:12px;letter-spacing:.25em;margin:0 0 19px}
.result-point-value{margin:0;display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;font:700 12px/1 var(--serif)}
.result-point-value strong{font:700 clamp(26px,29cqi,64px)/1 var(--serif);letter-spacing:-.055em;white-space:nowrap;font-variant-numeric:tabular-nums}
.result-points-panel[data-digits="6"] .result-point-value strong{font-size:clamp(22px,24cqi,54px)}
.result-point-value>span{align-self:flex-end;padding-right:8%;font-size:11px}
.result-point-detail{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:3px;margin:15px 0 0;padding-top:10px;width:100%;border-top:1px solid #eee6d470}
.result-point-detail strong{font:700 clamp(17px,16cqi,25px)/1.4 var(--serif)}
.result-point-detail span{font:500 10px/1.4 var(--serif);margin-right:2px}
#result-dialog .result-standing-panel{padding-bottom:5px}
.result-score-caption{position:absolute;right:12px;top:13px;margin:0;font:500 9px/1.4 var(--serif);letter-spacing:.05em}
.result-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.result-score-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 7px;align-items:baseline;min-width:0;padding:10px 0;border-top:1px solid #20202060}
.result-player{display:flex;align-items:center;gap:6px;grid-column:1/-1;min-width:0}
.result-seat-wind{font:700 15px/1 var(--serif)}
.result-player-name{font:500 11px/1.4 var(--serif)}
.result-player-points{font:700 clamp(19px,5.8vw,26px)/1.3 var(--serif);letter-spacing:-.04em;white-space:nowrap}
.result-player-delta{font:500 11px/1.4 var(--serif);text-align:right;white-space:nowrap}
.result-score-row[data-leading=true] .result-player-name{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
#result-dialog .draw-result-waits{display:flex;flex-wrap:wrap;gap:5px;grid-column:1/-1;margin-top:4px;font:500 10px/1.5 var(--serif)}
#result-dialog .draw-result-waits>span:first-child{min-width:0}
#result-dialog .draw-wait-tiles{display:flex;flex-wrap:wrap;gap:2px;flex:1 0 100%}
#result-dialog .draw-result-waits .tile-image{width:17px;height:23px;margin-bottom:2px}
#result-dialog[data-final=true] .result-hero{background:var(--ink)}
#result-dialog[data-final=true] .result-hero-art{width:72%;object-position:50% 35%;opacity:.85;mix-blend-mode:normal;filter:grayscale(1) sepia(.15)}
#result-dialog[data-final=true] .result-hero-copy::before{background:var(--ink);border-left-color:var(--paper-white)}
#result-dialog[data-final=true] .result-hero-copy{color:var(--paper-white)}
#result-dialog[data-final=true] .result-ranking{display:flex;flex-direction:column;margin-top:4px;gap:0}
#result-dialog .result-ranking .result-score-row{grid-template-columns:34px minmax(0,1fr) auto 65px;align-items:center;gap:9px;padding:11px 2px}
.result-rank{display:flex;align-items:baseline;gap:3px}
.result-rank strong{font:700 23px/1 var(--serif)}
.result-rank small{font:500 10px/1 var(--serif)}
.result-ranking .result-player{grid-column:auto}
.result-ranking .result-player-points{font-size:24px;text-align:right}
#result-dialog .result-ranking .result-score-row[data-leading=true]{margin:0 -5px 6px;padding:15px 7px;background:var(--ink);color:var(--paper-white);border-top:0}
.result-ranking .result-score-row[data-leading=true] .result-player-points{font-size:30px}
.result-ranking .result-score-row[data-leading=true] .result-rank strong{font:400 38px/1 'Manga Result Brush',var(--brush)}
.result-ranking .result-score-row[data-leading=true] .result-player-name{text-decoration:none}
#result-dialog .result-page-actions{position:sticky;bottom:-12px;display:flex;align-items:stretch;gap:12px;z-index:3;margin:3px 0 0;padding:13px 0 9px;background:var(--paper);border-top:2px solid var(--ink)}
#result-dialog .result-page-actions button{flex:1;min-height:54px;padding:8px 12px;font:500 15px/1.4 var(--serif);box-shadow:none;background:var(--paper-white);color:var(--ink);border:1px solid var(--ink)}
#result-dialog .result-page-actions #view-table{flex:.68;background:transparent;border-width:0 0 1px;font-size:13px}
#result-dialog .result-page-actions #next-round,#result-dialog[data-final=true] .result-page-actions #next-round{background:var(--ink);color:var(--paper-white);font-weight:700;letter-spacing:.12em;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}
#result-dialog .result-page-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
#result-dialog .result-page-actions #next-round:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--paper-white)}
#result-dialog .result-page-actions button:active{translate:1px 1px}
#result-folio{margin:0 0 2px;text-align:right;font:500 10px/1.5 var(--serif);letter-spacing:.18em}
@media(min-width:720px){
 #result-dialog,#result-dialog[data-final=true]{width:min(980px,calc(100% - 32px));padding:18px}
 #result-dialog .result-page{gap:12px;min-height:0}
 #result-dialog .result-hero{min-height:168px}
 .result-hero-art{object-position:40% 42%}
 .result-hero-copy{width:46%}
 #result-dialog #result-title{font-size:76px}
 #result-content{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;align-items:start}
 .result-hand-spread{gap:12px}
 #result-dialog[data-final=true] .result-standing-panel{grid-column:2;grid-row:1}
 #result-dialog[data-final=true] .result-hand-spread{grid-column:1;grid-row:1}
 #result-dialog[data-kind=draw] .result-standing-panel{grid-column:1/-1}
 #result-dialog[data-kind=draw] .result-score-grid:not(.result-ranking){grid-template-columns:repeat(4,minmax(0,1fr))}
 .result-score-grid:not(.result-ranking){grid-template-columns:1fr;gap:0}
 .result-score-grid:not(.result-ranking) .result-score-row{grid-template-columns:minmax(0,1fr) auto 70px;padding:15px 0}
 .result-score-grid:not(.result-ranking) .result-player{grid-column:auto}
 .result-score-caption{position:static;margin:-3px 0 12px}
 .result-point-value strong{font-size:clamp(36px,29cqi,64px)}
 #result-dialog .result-page-actions{bottom:-18px}
}
@media(max-width:350px){
 #result-dialog,#result-dialog[data-final=true]{padding:8px;width:calc(100% - 12px)}
 #result-dialog .result-page{gap:7px;min-height:0}
 .result-page-masthead{gap:8px;font-size:10px}.result-page-masthead>strong{font-size:21px}#result-edition{font-size:9px;letter-spacing:0}
 #result-dialog .result-hero{min-height:124px}
 #result-dialog .result-panel{padding:11px 9px}
 .result-hand-owner{top:12px;right:9px;font-size:9px}
 .result-details{gap:7px;grid-template-columns:minmax(0,1.24fr) minmax(0,1fr)}
 .result-yaku-name{font-size:14px}.result-yaku-han{font-size:11px}.result-yaku-list{gap:7px}
 .result-score-grid{gap:0 10px}.result-player-points{font-size:19px}.result-player-delta{font-size:10px}
 .result-score-caption{font-size:8px;top:12px;right:9px;letter-spacing:0}
 #result-dialog .result-ranking .result-score-row{grid-template-columns:28px minmax(0,1fr) auto 55px;gap:6px}
 .result-ranking .result-player{gap:4px}.result-ranking .result-player-name{font-size:10px}.result-ranking .result-player-points{font-size:21px}
 .result-ranking .result-score-row[data-leading=true] .result-player-points{font-size:25px}
 #result-dialog .result-page-actions{bottom:-8px;gap:8px}.result-meld-group,.result-winning{margin-left:4px}
}
/* A closing page reserves more room for the final hand below the standings. */
#result-dialog .result-page-actions{margin-top:auto}
#result-dialog[data-final=true] .result-hero{min-height:120px}
#result-dialog[data-final=true] .result-ranking .result-score-row{padding-top:9px;padding-bottom:9px}
#result-dialog[data-final=true] .result-ranking .result-score-row[data-leading=true]{padding-top:10px;padding-bottom:10px}
#result-dialog .result-ranking .result-score-row[data-leading=true] .result-rank strong{font:700 31px/1 var(--serif)}
#result-dialog[data-final=true] .result-hand-panel{padding-top:11px;padding-bottom:12px}
#result-dialog[data-final=true] .result-hand-panel .result-panel-title{margin-bottom:8px}
#result-dialog[data-final=true] .result-hand-panel .result-tile-line{margin-top:12px}
#result-dialog[data-final=true] .result-points-panel{padding-top:12px;padding-bottom:12px}
#result-dialog[data-final=true] .result-points-panel .result-panel-title{margin-bottom:10px}
#result-dialog[data-final=true] .result-point-detail{margin-top:10px;padding-top:7px}
#result-dialog[data-final=true] .result-point-value{gap:4px}
@media(max-width:350px){#result-dialog .result-ranking .result-score-row[data-leading=true] .result-rank strong{font-size:25px}}
@media(min-width:720px){
 #result-dialog[data-kind=draw] .result-score-grid:not(.result-ranking) .result-score-row{grid-template-columns:minmax(0,1fr) auto;padding:12px 0}
 #result-dialog[data-kind=draw] .result-score-grid:not(.result-ranking) .result-player{grid-column:1/-1}
}
#result-dialog .result-draw-status{display:block;flex:1 0 100%;min-height:15px;font:500 10px/1.5 var(--serif);color:var(--ink)}
#result-dialog[data-more=true] .result-page-actions::before{content:'下へつづく';position:absolute;right:3px;top:-16px;padding:1px 13px 2px 6px;background:var(--paper);font:500 9px/1.3 var(--serif);letter-spacing:.1em}
#result-dialog[data-more=true] .result-page-actions::after{content:'';position:absolute;right:6px;top:-10px;border-top:4px solid var(--ink);border-left:3px solid transparent;border-right:3px solid transparent}
@media(min-width:720px) and (max-height:500px){
 #result-dialog,#result-dialog[data-final=true]{padding:9px 14px;max-height:calc(100dvh - 16px)}
 #result-dialog .result-page{gap:6px}
 .result-page-masthead{padding-bottom:4px;font-size:10px}.result-page-masthead>strong{font-size:20px}
 #result-dialog .result-hero,#result-dialog[data-final=true] .result-hero{min-height:56px;height:56px}
 .result-hero-art{object-position:40% 48%}
 .result-hero-copy{flex-direction:row;width:45%;gap:12px;padding:5px 12px 5px 20px}
 #result-dialog #result-title{font-size:42px;order:1}
 #result-speaker{font-size:10px;order:2;writing-mode:vertical-rl;max-height:50px}
 #result-hero-note{display:none}
 #result-content,.result-hand-spread,.result-details{gap:6px}
 #result-dialog .result-panel,#result-dialog[data-final=true] .result-hand-panel{padding:8px 10px}
 #result-dialog .result-panel-title{font-size:11px;margin-bottom:6px}
 .result-hand-owner{top:8px}
 #result-dialog .result-tile-line,#result-dialog[data-final=true] .result-hand-panel .result-tile-line{margin-top:8px}
 #result-dialog .result-points-panel,#result-dialog[data-final=true] .result-points-panel{padding:8px;min-height:104px}
 #result-dialog .result-points-panel .result-panel-title,#result-dialog[data-final=true] .result-points-panel .result-panel-title{font-size:10px;margin-bottom:7px}
 .result-point-value{flex-direction:row;align-items:baseline;justify-content:center;gap:4px}
 .result-point-value strong{font-size:clamp(28px,25cqi,44px)}
 .result-point-value>span{align-self:auto;padding:0}
 #result-dialog .result-point-detail,#result-dialog[data-final=true] .result-point-detail{margin-top:6px;padding-top:5px}
 .result-point-detail strong{font-size:18px}
 .result-yaku-list{gap:5px}.result-yaku-list li{padding-bottom:5px}.result-yaku-name{font-size:14px}.result-yaku-han{font-size:12px}
 .result-score-caption{font-size:9px;margin:0 0 7px}
 .result-score-grid:not(.result-ranking) .result-score-row{padding:7px 0}
 .result-player-points{font-size:22px}
 #result-dialog .result-ranking .result-score-row{padding-top:6px;padding-bottom:6px}
 #result-dialog .result-ranking .result-score-row[data-leading=true]{padding-top:7px;padding-bottom:7px;margin-bottom:2px}
 .result-ranking .result-player-points{font-size:22px}.result-ranking .result-score-row[data-leading=true] .result-player-points{font-size:26px}
 #result-dialog .result-page-actions{bottom:-9px;padding:6px 0 3px;gap:12px}
 #result-dialog .result-page-actions button{min-height:44px;padding:6px;font-size:14px}
 #result-folio{font-size:9px;line-height:1}
}
@media(min-width:720px) and (max-height:500px){
 #result-dialog .result-hero,#result-dialog[data-final=true] .result-hero{min-height:48px;height:48px}
 #result-dialog #result-title{font-size:37px}
 #result-speaker{max-height:44px;font-size:9px}
 #result-dialog .result-hand-panel,#result-dialog[data-final=true] .result-hand-panel{padding-top:6px;padding-bottom:6px}
 #result-dialog .result-tile-line,#result-dialog[data-final=true] .result-hand-panel .result-tile-line{margin-top:4px}
 .result-hand-owner{top:6px;font-size:9px}
 #result-dialog .result-points-panel,#result-dialog[data-final=true] .result-points-panel{min-height:96px;padding-top:6px;padding-bottom:6px}
 #result-dialog .result-points-panel .result-panel-title,#result-dialog[data-final=true] .result-points-panel .result-panel-title{margin-bottom:4px}
 .result-point-value strong{font-size:clamp(27px,24cqi,38px)}
 #result-dialog .result-point-detail,#result-dialog[data-final=true] .result-point-detail{margin-top:4px;padding-top:3px}
 .result-score-caption{position:absolute;right:10px;top:9px;margin:0;font-size:8px}
 .result-score-grid:not(.result-ranking) .result-score-row{padding-top:3px;padding-bottom:3px}
 #result-dialog .result-ranking .result-score-row,#result-dialog .result-ranking .result-score-row[data-leading=true]{padding-top:3px;padding-bottom:3px}
 .result-ranking .result-player-points{font-size:20px}.result-ranking .result-score-row[data-leading=true] .result-player-points{font-size:24px}
}