:root{font-family:Arial,Noto Sans SC,sans-serif;color:#292825;background:#f4f0e7;--red:#d64b3c;--blue:#176b87}*{box-sizing:border-box}body{margin:0;background:#f4f0e7}button,input{font:inherit}button{cursor:pointer}main{max-width:1180px;margin:auto;padding:24px 34px 70px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aaa399;padding-bottom:18px}.wordmark{display:flex;align-items:center;gap:12px}.wordmark>span{background:#292825;color:#f4f0e7;padding:10px 12px;font:900 18px serif}.wordmark b{font-size:8px;line-height:1.3;letter-spacing:.14em}.save{font-size:10px;color:#777268}.save i{display:inline-block;width:7px;height:7px;background:#55936e;border-radius:50%}.hero{display:grid;grid-template-columns:1fr 230px;align-items:end;padding:75px 0 45px}.hero p{font-size:11px;color:#716d66;letter-spacing:.1em}.hero h1{font:700 clamp(43px,6vw,72px)/1.03 Georgia,serif;letter-spacing:-.05em;margin:14px 0}.hero h1 em{color:var(--red);font-weight:400}.deckCount{border-left:1px solid #999188;padding-left:30px}.deckCount span{display:block;font-size:10px}.deckCount b{font:80px/1 Georgia,serif}.deckCount small{color:#7a746a}.board{border:1px solid #aaa399;background:#fffdf7;box-shadow:8px 8px #292825}.toolbar{display:flex;justify-content:space-between;border-bottom:1px solid #aaa399;background:#ebe5da;padding:10px}.switch,.actions{display:flex;gap:6px}.toolbar button{border:1px solid #aaa399;background:transparent;padding:9px 13px;font-size:10px}.switch button.active{background:#292825;color:#fff;border-color:#292825}.actions button:disabled{opacity:.35;cursor:not-allowed}.boardGrid{display:grid;grid-template-columns:1.45fr .75fr}.probabilities{padding:28px;border-right:1px solid #aaa399}.sectionTitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sectionTitle>div{display:flex;align-items:center;gap:10px}.sectionTitle>div>span{width:28px;height:28px;border-radius:50%;border:1px solid;display:grid;place-items:center;font-size:9px}.sectionTitle h2{font:24px Georgia,serif;margin:0}.sectionTitle small{color:#8a847a;font-size:9px}.probabilities article{display:grid;grid-template-columns:36px 58px 1fr 100px;align-items:center;border-top:1px solid #d0cbc2;padding:19px 0}.rank{font-size:9px;color:#9a948b}.suit{font:40px Georgia,serif}.cat b{font-size:15px}.cat span{display:block;font-size:9px;color:#8a847a;margin:4px 0 8px}.cat>div{height:4px;background:#e2ddd4}.cat i{display:block;height:100%;transition:width .35s}.chance{text-align:right}.chance b{font:37px Georgia,serif}.chance b i{font:14px Arial;font-style:normal}.chance span{display:block;color:#8a847a;font-size:9px}.probabilities article.exhausted{opacity:.37}.boardGrid aside{padding:28px}.boardGrid aside>p{font-size:10px;color:#777168}.markGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.markGrid button{min-height:125px;background:#f4f0e7;border:1px solid #b8b1a7;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.markGrid button:after{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.markGrid button:hover:not(:disabled){transform:translateY(-2px);box-shadow:3px 3px 0 var(--accent)}.markGrid button:disabled{opacity:.35;cursor:not-allowed}.markGrid b{font:35px Georgia,serif;color:var(--accent)}.markGrid span{font-size:11px;font-weight:700}.markGrid small{font-size:8px;color:#878176;margin-top:5px}.history{border-top:1px solid #ccc6bd;margin-top:25px;padding-top:16px}.history>b{font-size:10px}.history div{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.history div span{width:25px;height:30px;border:1px solid #ccc6bd;background:#fff;display:grid;place-items:center;font-family:Georgia,serif}.history p{font-size:9px;color:#aaa39a}.done{text-align:center;padding:30px 5px}.done>b{font:70px Georgia,serif;color:#bbb4a9}.done h3{font-family:Georgia,serif}.done p{font-size:10px;color:#7e786e}.done button{border:0;background:#292825;color:#fff;padding:10px 15px}.custom{border-bottom:1px solid #aaa399;padding:20px 25px;background:#f4eee2}.customHead{display:flex;justify-content:space-between;margin-bottom:14px}.customHead b{display:block}.customHead span{font-size:9px;color:#7e786e}.customHead button{border:0;background:transparent;font-size:20px}.customRow{display:grid;grid-template-columns:55px 1fr 180px 50px;gap:7px;margin-top:7px}.customRow input{border:1px solid #bdb6ab;background:#fffdf7;padding:9px;min-width:0}.customRow label{border:1px solid #bdb6ab;background:#fffdf7;padding-left:9px;font-size:9px;display:flex;align-items:center}.customRow label input{border:0;width:65px;margin-left:auto}.symbolInput{text-align:center;font-size:18px}.delete{border:0;background:transparent;color:#9b5a50;font-size:9px}.delete:disabled{opacity:.2}.customFoot{display:flex;justify-content:space-between;margin-top:14px}.customFoot button{border:1px solid #aaa399;background:transparent;padding:9px 12px;font-size:10px}.customFoot .confirm{background:#292825;color:#fff}.math{margin-top:35px;border-top:1px solid #aaa399;border-bottom:1px solid #aaa399;padding:22px 0;display:grid;grid-template-columns:120px 1fr}.math>span{font:17px Georgia,serif}.math code{font-size:13px;color:var(--blue)}.math p{grid-column:2;font-size:10px;color:#7b756c}footer{padding-top:25px;font-size:10px}footer span{float:right;color:#8a847a;font-size:8px;letter-spacing:.1em}@media(max-width:760px){main{padding:18px 14px 45px}.hero{grid-template-columns:1fr;padding:50px 0 30px}.deckCount{margin-top:25px}.deckCount b{font-size:60px}.toolbar{display:block}.actions{margin-top:7px}.boardGrid{grid-template-columns:1fr}.probabilities{border-right:0;border-bottom:1px solid #aaa399;padding:20px 14px}.probabilities article{grid-template-columns:25px 42px 1fr 75px}.suit{font-size:30px}.chance b{font-size:27px}.boardGrid aside{padding:22px 14px}.customRow{grid-template-columns:48px 1fr}.customRow label{grid-column:1/3}.customRow .delete{grid-column:2}.math{grid-template-columns:1fr}.math code,.math p{grid-column:1;margin-top:10px;overflow-wrap:anywhere}footer span{float:none;display:block;margin-top:8px}}