body,
html,
table,
tr,
td {
margin: 0;
border: 0;
padding: 0;
border-spacing :0;
}
html {
color: #555555;
font: 16px "Noto Sans", sans-serif;
}
body {
font-size: 0;
padding: 1rem;
}
table {
margin-bottom: 2rem;
}
td {
padding: 4px;
}
.note {
text-align: left;
font-size: 2rem;
}
.title {
font-size: 5rem;
}
.subtitle {
font-size: 4rem;
}
.card {
vertical-align: top;
}
.card .container {
position: relative;
display: inline-block;
}
.card img {
width: 100px;
}
.hidden.card img {
filter: contrast(0%) brightness(30%);
}
.tapped.card .container {
transform-origin: bottom right;
transform: translateX(-100%)rotate(90deg) ;
}
.legend {
font-size: 2rem;
}
.legend .mark,
.card .container::after {
font-size: 2rem;
font-weight: bold;
-webkit-text-stroke: 1px #555555;
color: white;
}
:is(.any, .tan, .kasu, .bon10, .bon20, .set1, .set2, .set3).card .container::after {
position: absolute;
top: 10px;
right: 10px;
}
.tapped.card .container::after {
right: auto;
left: 20px;
top: 0;
transform: rotate(-90deg) ;
}
.hidden.card .container::after {
-webkit-text-stroke: initial;
}
.any .container::after {
content: "★";
}
.tan .container::after {
content: "5";
}
.kasu .container::after {
content: "0";
}
.kasu.tan .container::after {
content: "0/5";
}
.bon10 .container::after {
content: "10";
}
.bon20 .container::after {
content: "20";
}
.legend .mark.set1,
.any.set1 .container::after {
color: magenta;
}
.legend .mark.set2,
.any.set2 .container::after {
color: cyan;
}
.legend .mark.set3,
.any.set3 .container::after {
color: yellow;
}
col:nth-child(even) {
background-color: #f5f5f5;
}
td:first-child {
text-align: right;
}
.name {
font-size: 1.5rem;
text-align: center;
padding-bottom: .5rem;
white-space: nowrap;
}
thead .name {
font-size: 2rem;
}
.points {
font-size: 2rem;
padding-right: 1rem;
}
花札：安川ルール
札
雨はどの札もカスとみなすことが可能（0点にもできる）
役
ばったり役
手役
その他
| 300 | フケ | 終了時15点以下 |
| ノーゲーム | お笑い | 終了時20点 |
凡例
| 0, 5, 10, 20 |
この点数のどの札でも |
| ★ |
どの札でも |
| ★, ★, ★ |
同色の星は同柄の札 |