:root{--accent-text:var(--lightningcss-light,#0066d6)var(--lightningcss-dark,#70b5ff);--felt-pitch:calc(100vw / 18)}body:has(#result):before{content:"";z-index:-1;background-color:var(--felt-field);background-image:linear-gradient(to right, var(--felt-rule) 0 1px, transparent 1px), linear-gradient(to bottom, var(--felt-rule) 0 1px, transparent 1px);background-size:var(--felt-pitch) 100%, 100% var(--felt-pitch);position:fixed;inset:0}:is(body:has(#result) header.site,body:has(#result) footer.site){background:var(--paper)}#result{gap:1.5rem;padding-top:1.5rem;display:grid}.hero-hand{pointer-events:none;margin-inline:-1.5rem}.hero-hand-frame{display:block}.hero-hand canvas{width:100%;height:100%;display:block}.band-hero{justify-content:center;margin-bottom:.375rem;padding:.375rem 0;display:flex}.band-stack{width:max-content;transform:rotate(var(--stack-rotate)) skewX(var(--stack-skew));flex-direction:column;align-items:stretch;display:flex;position:relative}.stack-offset{background:var(--band-offset);position:absolute;inset:6px -6px -6px 6px}.band{box-shadow:inset 0 0 0 1.5px var(--band-rim,transparent);justify-content:center;display:flex;position:relative}.band-face{text-transform:uppercase;white-space:nowrap;font-style:italic;font-weight:900;display:block}.band-name{background:var(--band-name-bg);--band-rim:var(--band-name-rim);padding:.3125rem 1.25rem}.band-name .band-face{color:var(--band-name-text);letter-spacing:3px;font-size:1.375rem}.band-score{background:var(--band-score-bg);--band-rim:var(--band-score-rim);padding:.375rem 1.375rem}.band-score .band-face{color:var(--band-score-text);text-transform:none;letter-spacing:1px;text-shadow:2px 2px 0 var(--band-score-pop)}.score-number{font-size:2.875rem}.score-unit{font-size:1.1875rem;font-weight:800}.band-han{background:var(--band-han-bg);--band-rim:var(--band-han-rim);padding:.25rem .875rem}.band-han .band-face{color:var(--band-han-text);letter-spacing:2px;font-size:1.1875rem}.result-section{background:var(--wash);border:1px solid var(--rule);border-radius:.75rem;padding:1rem 1.25rem}.section-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.result-section h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0;font-size:.8125rem}.panel-columns,.column{align-content:start;gap:1.5rem;display:grid}@media (width>=56rem){main#result{max-width:64rem}.panel-columns{grid-template-columns:1fr 1fr;align-items:start}}.hand-strip{justify-items:center;gap:.6rem;display:grid}.hand-strip .tile-row{flex-wrap:wrap;row-gap:.45rem}.hand-strip .tile{width:clamp(1.6rem, calc((min(100vw, 64rem) - 3.5rem - var(--hand-extras,0rem) - (var(--tiles-half,7) - 1) * .25rem) / var(--tiles-half,7)), 3.75rem);aspect-ratio:32/44;height:auto}@media (width>=56rem){.hand-strip .tile-row{flex-wrap:nowrap}.hand-strip .tile{width:clamp(1.1rem, calc((min(100vw, 64rem) - 3.5rem - var(--hand-extras,0rem) - (var(--tiles,14) - 1) * .25rem) / var(--tiles,14)), 3.75rem)}}.win-group{margin-left:1.1rem;display:inline-flex}.tile-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.call-group{border-left:2px solid var(--rule);gap:.25rem;margin-left:.6rem;padding-left:.6rem;display:inline-flex}.tile{border:1px solid var(--rule);background:#fff;border-radius:4px;width:2.25rem;height:3.1rem;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #0003}.tile img{object-fit:contain;width:86%;height:86%;margin:auto}.tile.winning{border-color:var(--green);box-shadow:0 0 0 2px var(--green), inset 0 0 0 1.5px #147650}.tile-fallback{color:#111827;margin:auto;font-size:.75rem;font-weight:700}.indicator-cards{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:1.5rem;display:grid}.indicator-tiles{flex-wrap:wrap;gap:.25rem;display:flex}.indicator-tiles .tile{width:1.85rem;height:2.55rem}.bills{gap:.6rem;display:grid}.bill{border-bottom:1px solid var(--rule);padding-bottom:.6rem}.bill-head{justify-content:space-between;align-items:center;gap:1rem;font-weight:600;display:flex}.bill-who{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.bill-tag{border:1px solid var(--rule);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.6875rem;font-weight:600}.bill-tag-dealer{border-color:var(--accent-text);color:var(--accent-text)}.bill-points{font-variant-numeric:tabular-nums;white-space:nowrap}.bill-line{color:var(--muted);justify-content:space-between;gap:1rem;padding:.15rem 0 0 .75rem;font-size:.875rem;display:flex}.bill-line-points{font-variant-numeric:tabular-nums;white-space:nowrap}.bill-note,.shared-note{color:var(--muted);margin:.25rem 0 0;font-size:.8125rem}.base-phrase{color:var(--ink);font-weight:700}.base-mark{font-weight:400}.bill-total{justify-content:space-between;gap:1rem;margin-top:.75rem;font-weight:700;display:flex}.yaku-row,.fu-step{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.4rem 0;display:flex}.yaku-row:first-child{padding-top:0}.yaku-row:last-child{border-bottom:none;padding-bottom:0}.yaku-info{min-width:0}.yaku-name{font-weight:500}.yaku-reason{color:var(--muted);margin:.15rem 0 0;font-size:.8125rem}.yaku-value,.fu-value{color:var(--muted);white-space:nowrap;font-weight:600}.fu-rounding{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0 .1rem;display:flex}.fu-figures{white-space:nowrap;align-items:baseline;gap:.4rem;display:inline-flex}.fu-raw{color:var(--muted);text-decoration:line-through}.fu-arrow{color:var(--muted)}.fu-rounded{font-weight:700}.fu-never{margin:0;font-weight:500}.fu-would-be{color:var(--muted);margin:.5rem 0 0;font-size:.875rem}.fu-ribbon{align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.pill{border:1.5px solid var(--accent-text);color:var(--accent-text);letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.1rem .7rem;font-size:.75rem;font-weight:800}.limit-callout{align-items:center;gap:1rem;display:flex}.limit-figure{text-align:center}.limit-base{color:var(--accent-text);font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:700}.limit-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:.6875rem}.base-card{border:1px solid var(--rule);background:var(--paper);border-radius:.6rem;padding:.75rem 1rem}.base-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.base-summary::-webkit-details-marker{display:none}.disclosure-label{color:var(--accent-text);font-size:.8125rem;font-weight:600}.base-inner{gap:.5rem;margin-top:.5rem;display:grid}.base-inner .yaku-reason{margin:0}.formula{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.factor{flex-direction:column;align-items:center;gap:.1rem;display:inline-flex}.factor-power{align-items:flex-start;display:inline-flex}.factor-value{font-variant-numeric:tabular-nums;font-size:1.375rem;font-weight:700}.factor-exponent{font-size:.75rem;font-weight:700}.factor-label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:.6875rem}.operator{color:var(--muted);align-self:center;font-size:1.125rem}.formula-limit{text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.formula-arrow{color:var(--muted)}.hand-anim-deal .tile-row .tile{animation:.35s ease-out both deal-in;animation-delay:calc(var(--i) * 55ms)}.hand-anim-deal .tile-row .tile.winning{animation:.5s cubic-bezier(.2,1.4,.4,1) 1.15s both stamp-flat,1.8s ease-in-out 1.75s both glow-bloom}@keyframes deal-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes stamp-flat{0%{opacity:0;transform:scale(2.4)}55%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes glow-bloom{0%,to{box-shadow:0 0 0 2px var(--green), inset 0 0 0 1.5px #147650}35%{box-shadow:0 0 0 3px var(--green), 0 0 22px 8px #4fc596bf, inset 0 0 0 1.5px #147650}70%{box-shadow:0 0 0 2px var(--green), 0 0 12px 4px #4fc59666, inset 0 0 0 1.5px #147650}}.hand-anim-flip .tile-row .tile{animation:.4s ease-out both flip-in;animation-delay:calc(var(--i) * 60ms)}.hand-anim-flip .tile-row .tile.winning{animation:.55s cubic-bezier(.25,1.3,.45,1) 1.3s both stamp-hanko,1.1s ease-out 1.95s both glow-burst}@keyframes flip-in{0%{opacity:0;transform:perspective(400px)rotateY(85deg)}to{opacity:1;transform:perspective(400px)rotateY(0)}}@keyframes stamp-hanko{0%{opacity:0;transform:scale(3)rotate(-14deg)}50%{opacity:1;transform:scale(.92)rotate(3deg)}72%{transform:scale(1.04)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes glow-burst{0%{box-shadow:0 0 0 2px var(--green), inset 0 0 0 1.5px #147650}30%{box-shadow:0 0 0 3px var(--green), 0 0 0 7px #4fc59680, inset 0 0 0 1.5px #147650}to{box-shadow:0 0 0 2px var(--green), 0 0 0 20px #4fc59600, inset 0 0 0 1.5px #147650}}.hand-anim-sweep .tile-row .tile{animation:.3s ease-out both sweep-in;animation-delay:calc(var(--i) * 30ms)}.hand-anim-sweep .tile-row .tile.winning{animation:.6s ease-out .95s both drop-bounce,1.7s ease-in-out 1.6s both glow-shimmer}@keyframes sweep-in{0%{opacity:0;transform:translate(-26px)}to{opacity:1;transform:none}}@keyframes drop-bounce{0%{opacity:0;transform:translateY(-160%)scale(1.08)}55%{opacity:1;transform:translateY(7%)}75%{transform:translateY(-4%)}to{opacity:1;transform:none}}@keyframes glow-shimmer{0%,to{box-shadow:0 0 0 2px var(--green), inset 0 0 0 1.5px #147650}15%,50%,85%{box-shadow:0 0 0 2px var(--green), 0 0 16px 5px #4fc596a6, inset 0 0 0 1.5px #147650}32%,68%{box-shadow:0 0 0 2px var(--green), 0 0 6px 2px #4fc59640, inset 0 0 0 1.5px #147650}}@media (prefers-reduced-motion:reduce){.hand-anim-deal .tile-row .tile,.hand-anim-flip .tile-row .tile,.hand-anim-sweep .tile-row .tile,.hand-anim-deal .tile-row .tile.winning,.hand-anim-flip .tile-row .tile.winning,.hand-anim-sweep .tile-row .tile.winning{animation:none}}
