@property --card-filter-base{syntax: "*"; inherits: true; initial-value: ;}@property --card-filter-tint{syntax: "*"; inherits: true; initial-value: ;}:root{--card-paper: #f4f3ef;--card-green: #50b271;--card-frame-outer: #592116;--card-frame-inner: #992d17;--card-red: #d81e1e;--card-amber: #ffb85a;--card-bark: #997664;--card-pink: #ff8db6;--card-purple: #6060bf;--card-teal: #82d8d0;--card-amber: #FF970D;--card-purple: #5D4E8C;--card-teal: #80E3ED;--color-bg: #0e421b;--color-dark: var(--card-frame-outer);--color-felt: var(--card-bark);--color-separator: rgba(255, 255, 255, .08);--color-card-shadow: rgba(0, 0, 0, .4);--color-overlay: rgba(0, 0, 0, .6);--color-pink: var(--card-pink);--color-text: var(--card-paper);--color-dimmed: rgb(from var(--card-paper) r g b / .66);--color-red: var(--card-red);--color-purple: var(--card-purple);--color-drop: var(--card-pink);--color-forced: var(--card-red);--color-discard: var(--card-red);--color-capture: var(--card-amber);--color-river-from: var(--card-purple);--color-river-to: var(--card-teal);--color-bright: var(--card-amber);--color-animal: var(--card-bark);--color-ribbon: var(--card-purple);--color-junk: var(--card-teal);--color-disabled: var(--card-bark);--gradient-river: linear-gradient(in oklch 160deg, var(--color-river-from), var(--color-river-from), var(--color-river-to), var(--color-river-to));--card-w-def: 7vmin;--card-w-sm: 4.5vmin;--card-w-river: 6.2vmin;--card-ration: calc(1600 / 976);--card-w: var(--card-w-def);--card-h: calc(var(--card-w) * var(--card-ration));@media(max-aspect-ratio:62/90){--card-w-def: 11vmin;--card-w-sm: 8vmin;--card-w-river: 8vmin}}path{&.hf-paper{color:var(--card-paper);fill:currentColor}&.hf-green{color:var(--card-green);fill:currentColor}&.hf-gold{color:var(--card-amber);fill:currentColor}&.hf-brown{color:var(--card-bark);fill:currentColor}&.hf-blue{color:var(--card-purple);fill:currentColor}&.hf-teal{color:var(--card-teal);fill:currentColor}&.hf-red{color:var(--card-red);fill:currentColor}&.hf-pink{color:var(--card-pink);fill:currentColor}&.hf-dark-brown{color:var(--card-frame-outer);fill:currentColor}&.hf-dark-red{color:var(--card-frame-inner);fill:currentColor}}@font-face{font-family:Linux Biolinum;src:url(/Blossom-Rivers/assets/LinBiolinum_Rah-PhD-giR4.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Linux Biolinum;src:url(/Blossom-Rivers/assets/LinBiolinum_RIah-WfG2FjBI.ttf) format("truetype");font-weight:400;font-style:italic;font-display:block}@font-face{font-family:Linux Biolinum;src:url(/Blossom-Rivers/assets/LinBiolinum_RBah-CkyfTENd.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:"Noto Emoji";src:url(data:font/woff2;base64,d09GMgABAAAAAARwAA8AAAAABxQAAAQYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHB4GYD9TVEFULgA8EQgKhWiFUwsIAAE2AiQDCgQgBYJeByAXJBgIG/AFyB6FcbNzsewuMmtT5kMVRRFBPI6xv7cNF0l49SSmkWQZIp7JhIo37fjXoTpttjYCFqIvOPlJIw5uD3NJQBMLG7ocH9AvkLGzA40wDGjtgXNgymsCBR5QAnGA2jC95OmD+HIEsMWfPym3cfICdBiA//8BGNtI2QIWYJFmsQeQQLdFXxFUrvZOFkq0KAdAFBBV42oLzL7FqvcfExgIegcCGFa9cDAbBMGaAPdd/tREcEgCBKDQYEjJFkBdgPGBqbrT2GLMHohoVBXyVhbJAgT59aarqiD//9OdAA0sn7ACsQbZBgBgwOdoLw8eDawIf2oZiQTlksmM5cTQTb5W3SDnPoEQVQaD58Rkx3My2dDb5IXcBF/1DBnK7eK5IDCUkRjKCASQQySmDVX5bpBTans5moraQa3phaceECCROruUU3uaYBm3gUE+DVEPkH3tnJ0dfF7t3VBuhxTBK4JKhrz1LyMfkdg3DyMzl8cVhrKXMPiYutm0Xuy5l+jsnnTY9kxTwk14riM68MUeMTj5uGMoDbrybY5LkRNyXuP7li36b3zuvutV/TIybyetqvbh/4zBkGlRNV17yXxBdd4gz44wzvV7X1PaCcGpmpL2aGVfsxq7ClR7e7p8rHSBjJW9zLgqXgmtUILJNc0vSLsfPriJ+16ugOW/Qwqp6K6KwqsfBaUvpfhHtG8hWUceyiDco0uX30SUhW6rNXnDokzcEhxS2xSRX5pr13wdXIpKQieMsW7By95xxY4uhZ3P8lhcStAWEnIKju65Zn0ysIRdRHwdQoLdUQYULErfzlY3SNPHDN2dleNfm2/oKVSLoFwBr0oH+t2KBqYWxjrc3Uk+tK+/eDS1lVqUzgw/JOYDa13k2V9THhVF3RAuYaeIUrWVllY217e1em7T8S4gOusNE648TdVACcmd1pSiPKvAaVkvHqUwNpxh5u7bi1gQiafcpMqijD6kkGmSaJBw0esWqzbwRQbrx3fR2/mx9DprCT4XUJ2VoYk8VvSkWKa28nOniNn/LY3ksmH75a/j5KDnXZ1s/ELAagS8qYyZtnhIapu7O5sKMbj10X8qvyBPYfFw9VkzhlQAEEBLNePsnys8a/6HtZ01AA9E7WAA4PFtZBFw+tdu62PlBVijYIDuX6Zso3EKFNj6WMNXlH4lpKNVF+SIANrmBHRkE7gR/McMCrCmByVibIBUlwknuDvnFI4ccJpsvZwhXDVnga9E1pJQ9m8mYA+0ChQqWIgELqIliGYtUrQwoZQ1CBQsUQRfcWACxYkXKloUMWkSJUuWMWxdjMsRG+/4qXmquHJly3DByczsRUYtRYuRKu4YP1VMqmQp0gSrEi1asAiBxNRzYokSAMw9+cDfEOdnVG7+dOkHAGSSyg7VBhn5BwA=) format("woff2");font-display:block;unicode-range:U+1F343,U+1FAF3}icon{font-family:"Noto Emoji"}:root,button{font-family:"Noto Emoji",Linux Biolinum,sans-serif;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-dark)!important}html,body,#root{height:100dvh;width:100vw;overflow:hidden;background:url(/Blossom-Rivers/assets/tatami-DOz-3iaC.jpg),var(--color-bg);background-size:133vmin;background-blend-mode:multiply;background-attachment:fixed;background-repeat:repeat;font-size:2vmin;touch-action:none}body{background:url(/Blossom-Rivers/assets/sumida-gawa_hana-zakari-BgpgNBy-.jpg);background-size:cover;background-position:center}#root{margin:auto;max-width:133dvh;position:relative}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);z-index:9001;transition:background .3s;font-size:2vh;&[data-peeking]{background:transparent;pointer-events:none;align-items:end}}.dialog{background:var(--color-dark);border-radius:1vh;padding:4vh;text-align:center;color:var(--color-text);display:flex;flex-direction:column;align-items:center;pointer-events:auto;transition:transform .3s;.overlay[data-peeking] &{padding:1.5vmin 1.5vmin 3vmin;transform:translateY(2vmin);box-shadow:0 .5vmin 2vmin var(--color-card-shadow);.peek-button{padding:1vmin 2vmin;border-width:.3vmin;font-size:1.8vmin;border-radius:1vmin}>*:not(.peek-button){display:none!important}}}.peek-button{background:transparent;border:none;color:var(--color-dimmed);cursor:pointer;font-size:1.8vh;padding:.5vh 1vh;align-self:center}button[data-role=card-button] icon,river-icon icon{fill:currentColor;-webkit-text-stroke:.6vmin var(--color-dark);paint-order:stroke fill;overflow:visible;font-size:6vmin}card-squish{display:block;position:relative;min-width:0;flex:unset;max-width:unset;height:var(--card-h)}river-lane card-squish{flex:1 1 auto;max-width:var(--card-w)}river-lane card-squish:first-of-type{flex:1 0 var(--card-w)}captured-group card-squish{flex:1 1 0;max-width:none}card-squish card-view,card-squish river-icon,card-squish button[data-role=card-button]{position:absolute;top:0;left:0}card-view{display:inline-block;flex-shrink:0;z-index:1000}card-view[data-flipping]{z-index:1001}card-view:hover{z-index:2000}card-view>*{width:var(--card-w);height:var(--card-h);border-radius:.15vmin;cursor:inherit;transition:transform .2s,outline-color .2s;will-change:transform,outline-color;flex-shrink:0;outline:.3vmin solid transparent;display:block;overflow:hidden;box-shadow:0 .5vmin 1vmin var(--color-card-shadow);#deck &{--deck-height: calc((var(--cards-left)/36)*1vmin);--deck-color: var(--card-frame-outer);box-shadow:0 var(--deck-height) 0 var(--deck-color),0 calc(.5vmin + var(--deck-height)) 1vmin var(--color-card-shadow)}}[data-art=louie]{--card-art: louie;--card-ration: calc(1600 / 976)}[data-art=otwarte]{--card-art: otwarte;--card-ration: calc(1600 / 976)}[data-art=suisaiga]{--card-art: suisaiga;--card-ration: calc(188 / 120)}@container style(--card-art: otwarte){card-view>*>img{background-color:#09090b;padding:7%;width:100%;height:100%}#deck card-view>*{--deck-color: oklch(20% .005 285.823)}}@container style(--card-art: suisaiga){card-view>*>img{--card-filter-base: url(#inner-shadow) contrast(95%) sepia(15%);width:100%;height:100%}#deck card-view>*{--deck-color: #500000}}card-view[data-clickable]{cursor:pointer}card-view[data-selected]>*{transform:translateY(-2vmin)}card-view[data-glow]>*{outline-color:var(--color-pink)}card-view[data-glow] svg{path{fill:color-mix(in xyz,currentColor 90%,var(--color-pink));path.hf-paper{fill:color-mix(in xyz,currentColor,var(--color-pink))}}}card-view[data-highlighted]>*{outline-color:var(--color-capture)}card-view[data-highlighted] svg{path{fill:color-mix(in xyz,currentColor 90%,var(--color-capture));path.hf-paper{fill:color-mix(in xyz,currentColor,var(--color-capture))}}}@container style(--card-art: otwarte) or style(--card-art: suisaiga){card-view[data-glow]>div>*{--card-filter-tint: url(#tint-glow)}card-view[data-highlighted]>div>*{--card-filter-tint: url(#tint-highlight)}card-view>div>img{filter:var(--card-filter-base) var(--card-filter-tint)}}card-view[data-highlighted][data-glow]>*{box-shadow:0 0 0 .5vmin var(--color-pink)}river-lane{--card-w: var(--card-w-river);--card-h: calc(var(--card-w) * var(--card-ration))}river-lane{display:flex;justify-content:left;flex-direction:row-reverse;align-items:center;gap:.8vmin;padding:.8vmin;--height: calc(var(--card-h) + 2*.8vmin);height:var(--height);outline:.3vmin solid var(--color-purple);border-width:0;border-radius:1vmin 0 0 1vmin;transition:outline-color .2s;position:relative;background:url(/Blossom-Rivers/assets/wood-DlaHJT-F.jpg),var(--gradient-river);background-attachment:local,fixed;background-blend-mode:multiply;background-repeat:no-repeat;background-size:cover,auto;&#river-0{background-position-y:calc(-2*var(--height)),center}&#river-1{background-position-y:calc(-1*var(--height)),center}&#river-2{background-position-y:0,center}}river-lane[data-has-special]{outline-style:dashed}river-lane[data-clickable]{cursor:pointer}river-lane[data-should-highlight]{outline-color:var(--color-capture)}river-lane[data-highlight=capture]{outline-color:var(--color-capture)}river-lane[data-highlight=forced]{outline-color:var(--color-forced)}river-lane[data-highlight=human_drop],river-lane[data-highlight=cpu_drop]{outline-color:var(--color-drop)}river-spacer{display:block;width:var(--card-w);height:var(--card-h);flex-shrink:0}.reverse{display:inline-block;transform:scaleX(-1);width:1.6em}river-icon{width:var(--card-w);height:var(--card-h);display:flex;align-items:center;justify-content:center;z-index:9000}river-icon[data-highlight=capture]{color:var(--color-capture)}river-icon[data-highlight=forced]{color:var(--color-forced)}button[data-role=card-button]{width:var(--card-w);height:var(--card-h);display:flex;align-items:center;justify-content:center;background:transparent;border:.3vmin dashed currentColor;border-radius:.15vmin;cursor:pointer;flex-shrink:0}button[data-role=card-button][data-variant=discard]{color:var(--color-discard)}button[data-role=card-button][data-variant=drop]{color:var(--color-drop)}hand-view{display:flex;flex-direction:row;gap:.9vmin;justify-content:center;flex-wrap:wrap}captured-view{--card-w: var(--card-w-sm);--card-h: calc(var(--card-w) * var(--card-ration))}captured-view{display:flex;flex-direction:column;gap:.5vmin;align-items:stretch;padding:.5vmin 0;min-height:calc((var(--card-h) + 1vmin) * 2);width:calc(var(--cols, 0) * (var(--card-w) + .5vmin));max-width:66vw;@media(max-aspect-ratio:62/90){max-width:100vw}}captured-row{display:grid;grid-template-columns:var(--template);align-items:center;min-height:var(--card-h)}captured-group{display:flex;align-items:center;min-width:0}group-count{display:inline-block;font-weight:700;width:calc(var(--card-w) / 2);text-align:center}captured-group[data-type=bright] group-count{color:var(--color-bright)}captured-group[data-type=animal] group-count{color:var(--color-animal)}captured-group[data-type=ribbon] group-count{color:var(--color-ribbon)}captured-group[data-type=junk] group-count{color:var(--color-junk)}yaku-list{display:block;font-weight:700;color:var(--color-purple);padding:.5vmin 0}#menu-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;color:var(--color-text);gap:2vmin;font-size:2vh}#menu-title{font-size:8vmin;display:grid;grid-template-columns:1fr auto 1fr;font-weight:700;line-height:1;fill:currentColor;-webkit-text-stroke:.6vmin var(--color-dark);paint-order:stroke fill;text-shadow:0 .5vmin 1vmin var(--color-card-shadow)}#tagline{font-size:4vmin}#menu-title [data-kanji]{font-size:20vmin;font-weight:bolder;font-family:serif}#menu-title [data-latin]{text-orientation:upright;writing-mode:vertical-rl;letter-spacing:-4.2vmin}#menu-title [data-side=left]{color:var(--color-pink)}#menu-title [data-side=left][data-latin]{align-self:start}#menu-title [data-side=right]{color:var(--color-purple)}#menu-title [data-side=right][data-latin]{align-self:end}#start-button{padding:2vh 4vh;font-size:3vh;background:var(--color-purple);color:var(--color-pink);border:none;border-radius:1vh;cursor:pointer}#cpu-strength,#total-rounds{>button{padding:1vh 2vh;font-size:2vh;background:var(--color-purple);color:var(--color-pink);border:none;border-radius:1vh;cursor:pointer;+&{margin-left:1vh}&[data-selected]{outline:.3vh solid var(--color-pink)}}}#round-over-title{font-size:4vh;font-weight:700;color:var(--color-pink);margin-top:2vh}#round-over-winner-info{text-align:center}#round-over-winner-text{font-size:3vh}[data-row=score-total]{color:var(--color-pink);margin:2vh 0 0;font-size:4vh;font-weight:700}#round-over-scores{font-size:3vh}#next-round-button{padding:2vh 4vh;font-size:3vh;font-weight:700;background:var(--color-purple);color:var(--color-dark);border:none;border-radius:1vh;cursor:pointer;margin-top:2vh}#game-over-title{font-size:4vh;font-weight:700;color:var(--color-pink);margin-top:2vh}#game-over-round-info{text-align:center}#game-over-round-text{font-size:3vh}#game-over-scores{font-size:3vh;font-weight:700}#game-over-winner{font-size:3vh;color:var(--color-pink);font-weight:700}#play-again-button{padding:2vh 4vh;font-size:3vh;font-weight:700;background:var(--color-pink);color:var(--color-dark);border:none;border-radius:1vh;cursor:pointer;margin-top:2vh}#game-board{height:100dvh;color:var(--color-text);overflow:visible;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:4vmin 1fr max-content 4vmin 1fr;grid-template-areas:"t t" "ch cc" "r r" "s s" "hh hc";column-gap:2vmin;@media(max-aspect-ratio:62/90){font-size:3vmin;grid-template-columns:1fr;grid-template-rows:4vmin 1fr 1.5fr min-content 4vmin 1.5fr 1fr;grid-template-areas:"t" "ch" "cc" "r" "s" "hc" "hh"}}#top-bar{grid-area:t;display:flex;align-items:baseline;padding:.5vmin 2vmin;height:4vmin;align-content:center;background:var(--color-dark);>*{flex:1;white-space:nowrap}>:nth-child(2){text-align:center}>:last-child{text-align:right}}top-title{color:var(--color-pink);font-weight:700}draw-multiplier{color:var(--color-pink);margin-left:1vmin}#cpu-hand-row,#human-hand-row{display:flex;align-items:center;justify-content:end}#cpu-capture-row,#human-capture-row{display:flex;align-items:start;flex-direction:column;justify-content:center}@media(max-aspect-ratio:62/90){#cpu-hand-row,#human-hand-row{align-items:center;justify-content:center}#cpu-capture-row,#human-capture-row{display:flex;align-items:center;flex-direction:column;justify-content:center}}#cpu-hand-row{grid-area:ch}#human-hand-row{grid-area:hh}#cpu-capture-row{grid-area:cc}#human-capture-row{grid-area:hc}koikoi-indicator{display:inline-block;color:var(--color-pink);font-weight:700}#play-area{grid-area:r;flex:0 1 auto;display:flex;flex-direction:row;padding:1vmin 0 1vmin 2vmin;gap:2vmin;min-height:0;overflow:visible;border-top:.2vmin solid var(--color-separator);border-bottom:.2vmin solid var(--color-separator)}#deck-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vmin;width:10vmin}#deck{flex:0 1 auto}#deck-empty{width:var(--card-w);height:var(--card-h);border:.3vmin dashed var(--color-separator);border-radius:2vmin}deck-label{display:block;font-weight:700;color:var(--color-pink);text-align:center;white-space:nowrap}#drawn-card{width:var(--card-w);height:var(--card-h);flex:0 1 auto}#rivers-column{flex:1;display:flex;flex-direction:column;gap:1vmin;justify-content:center;overflow:visible}#status-bar{grid-area:s;height:4vmin;text-align:center;background:var(--color-dark);color:var(--color-text);align-content:baseline;padding:1vmin 2vmin}#status-bar,#top-bar{@media(max-aspect-ratio:62/90){height:5vmin}}#yaku-dialog-title{font-size:3vh;font-weight:700;color:var(--color-pink);margin-bottom:2vh;margin-top:2vh}#yaku-dialog-buttons{display:flex;gap:2vh;justify-content:center;margin-top:2vh}#stop-button{padding:1vh 2vh;font-weight:700;background:var(--color-purple);color:var(--color-dark);border:none;border-radius:1vh;cursor:pointer}#koikoi-button,.peek-button{padding:1vh 2vh;font-weight:700;background:transparent;color:var(--color-capture);border:.3vh solid var(--color-capture);border-radius:1vh;cursor:pointer}#koikoi-button:disabled{color:var(--color-disabled);border-color:var(--color-disabled);cursor:not-allowed}#cpu-deciding{padding:1vh 2vh;font-style:italic;color:var(--color-pink)}#cpu-hand-row{position:relative}#system-buttons{position:absolute;z-index:10000;left:2vh;top:2vh;display:grid;gap:1vh;@media(max-aspect-ratio:62/90){left:1.5vh;top:1.5vh;gap:.75vh}>button{display:flex;align-items:center;justify-content:center;width:4vh;height:4vh;border-radius:50%;font-size:2vh;font-weight:700;translate:0 0;line-height:0;cursor:pointer;background:var(--card-amber);border-color:var(--card-frame-inner);color:var(--card-frame-outer);@media(max-aspect-ratio:62/90){width:3vh;height:3vh;font-size:1.5vh}}}#help-modal{background:var(--color-dark);border-radius:1vmin;padding:3vmin 4vmin;width:80vw;max-width:110dvh;height:80vh;text-align:left;color:var(--color-dimmed);--card-w: var(--card-w-river);--card-h: calc(var(--card-w) * var(--card-ration));justify-content:center;align-content:space-between;u,b,label{color:var(--color-text)}}#help-modal ul,#help-modal ol{padding-left:1.6vmin}#help-modal h2{color:var(--color-pink);margin-bottom:2vh}#help-modal a{color:var(--color-purple)}#help-modal p{margin-bottom:1.5vh;line-height:1.4}#help-modal button{display:block;padding:1vh 2vh;margin:0 .5vh;font-size:2vh;background:var(--color-purple);color:var(--color-pink);border:none;border-radius:1vh;cursor:pointer}#help-modal{container-type:size;font-size:2vh;display:flex;flex-wrap:wrap;label{order:-1;position:relative;input{width:0;height:0;position:absolute;opacity:0}}label:has(input:checked)+section{display:block}section{width:100%;display:none}label{padding:1vmin;cursor:pointer}label:hover,label:has(input:checked){text-decoration:underline}label:focus-within{z-index:1}section{padding:1vmin}}#rules-overview{max-height:65vh;overflow-y:auto;max-width:max-content;margin:auto;padding:0 2vmin}#card-overview{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,1fr);grid-auto-flow:row;max-width:fit-content;margin:auto;gap:.5vmin;@container (width < 760px){grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);grid-auto-flow:row}}#yaku-overview{display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(4,1fr);grid-auto-flow:column;gap:1.5vmin;max-height:60vmin;@container (width < 620px){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(6,1fr);grid-auto-flow:row;max-height:65vh;font-size:80%;overflow-y:auto}}.yaku-overview-row card-squish{flex:1 1 auto;max-width:var(--card-w)}.yaku-overview-row{>*+*{margin-top:1vmin}}.yaku-overview-cards{display:flex;gap:.3vmin;flex-shrink:0;max-width:calc(4*var(--card-w));.space{width:var(--card-w)}}.yaku-overview-name{font-weight:700}.yaku-overview-points{color:var(--color-pink)}.card-style-option{margin:1vmin;padding:1vmin;border:none;border-radius:1vh;cursor:pointer;[data-art]{--card-h: calc(var(--card-w) * var(--card-ration))}&[data-selected]{outline:.3vh solid var(--color-pink)}}