.result-dialog{overscroll-behavior:contain;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);width:min(380px,100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);color:var(--ink);box-shadow:5px 5px 0 var(--ink);margin:0;padding:0;transition-property:none;position:fixed;inset:50% auto auto 50%;overflow:auto}.result-dialog[open]{animation:.22s ease-out both result-in}.result-dialog::backdrop{background:#1b234038}.result-dialog[open]::backdrop{animation:.22s ease-out both result-fade}@keyframes result-in{0%{opacity:0;transform:translateY(8px)scale(.97)}}@keyframes result-fade{0%{opacity:0}}.result-dialog__card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:26px 20px 20px;display:flex;position:relative}.result-dialog__close{top:4px;z-index:1;width:44px;height:44px;color:var(--ink-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-inline-end:4px}.result-dialog__close:hover{background:var(--paper-shade);color:var(--ink)}.result-dialog__close svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;width:22px;height:22px}.result-dialog__headline{overflow-wrap:anywhere;max-width:100%;padding:0 34px;font-size:clamp(1.8rem,8vw,2.3rem);line-height:1.15;position:relative}.result-dialog__headline span{-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 6px}.result-dialog.is-win .result-dialog__headline span{background:var(--highlight-win)}.result-dialog.is-draw .result-dialog__headline span{background:linear-gradient(transparent 50%, var(--rule-soft) 50% 92%, transparent 92%)}.result-dialog__picture{justify-content:center;display:flex}.result-dialog__picture svg{width:min(120px,16vh);height:auto;display:block}.result-dialog__details{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.result-dialog__details p{margin:0;line-height:1.35}.result-dialog__reason{font-family:var(--font-hand);color:var(--ink);font-size:1.15rem}.result-dialog__note{color:var(--ink-soft);font-size:.95rem}.result-dialog__slot{display:grid}.result-dialog__slot>*{grid-area:1/1}.result-dialog__sizer{visibility:hidden;font-size:.95rem}.result-dialog__score{flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 0;display:flex}.result-dialog__score div{border:1.5px dashed var(--rule);border-radius:8px;flex-direction:column-reverse;align-items:center;min-width:72px;max-width:120px;padding:4px 8px;display:flex}.result-dialog__score dt{max-width:100%;color:var(--ink-soft);overflow-wrap:anywhere;font-size:.8rem}.result-dialog__score dd{font-family:var(--font-hand);margin:0;font-size:1.5rem;line-height:1.1}.result-dialog__actions{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:6px;display:flex}.result-dialog__actions .btn{flex:auto;max-width:260px}.result-dialog__burst{pointer-events:none;fill:none;width:min(300px,92%);height:auto;stroke:var(--x);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:8px;left:50%;overflow:visible;transform:translate(-50%)}.result-dialog__burst path{stroke-dasharray:1;stroke-dashoffset:0}.result-dialog__burst path.is-o{stroke:var(--o)}.result-dialog__burst path.is-x{stroke:var(--x)}.result-dialog[open] .result-dialog__burst path{animation:.42s ease-out both result-flick}.result-dialog[open] .result-dialog__burst path:nth-child(2n){animation-delay:80ms}.result-dialog[open] .result-dialog__burst path:nth-child(3n){animation-delay:.16s}@keyframes result-flick{0%{opacity:0;stroke-dashoffset:1px}}.result-show{justify-content:center;align-items:center;gap:6px;display:inline-flex}.result-show svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}@media (max-width:899px) and (min-height:501px){.result-dialog{width:calc(100vw - 16px);max-width:560px}.result-dialog__card{gap:6px;padding:10px 14px 12px}.result-dialog__headline{font-size:1.6rem}.result-dialog__reason{font-size:1.05rem}.result-dialog__details{gap:4px}.result-dialog__score div{flex-direction:row-reverse;align-items:baseline;gap:6px;min-width:0;padding:1px 8px}.result-dialog__score dd{font-size:1.15rem}.result-dialog__actions{margin-top:2px}.result-dialog__actions .btn{min-height:48px}}@media (max-height:480px){.result-dialog__card{gap:6px;padding:14px 16px}.result-dialog__headline{font-size:1.7rem}.result-dialog__actions{margin-top:2px}}@media (prefers-reduced-motion:reduce){.result-dialog[open],.result-dialog[open]::backdrop,.result-dialog[open] .result-dialog__burst path{animation:none}}
