:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#18372e;background:#f3efe5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:38px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,62px);letter-spacing:-2px;line-height:1.08;margin:8px 0}p{line-height:1.6;margin:8px 0}header p{color:#5b6b62}.eyebrow,.label{font-size:11px;letter-spacing:2px;font-weight:750}.eyebrow{color:#557063}button,select{font:inherit}button{border:1px solid #c5ccbf;border-radius:10px;padding:11px 17px;min-height:44px;color:inherit;background:#faf8f1;cursor:pointer;font-weight:650}button:hover:enabled{background:#e7ecdb}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #dc9a39;outline-offset:4px}button:disabled{cursor:default;opacity:.4}.primary{background:#dfb866;color:#243e30;border-color:#d4a74b}.scoreboard{display:grid;grid-template-columns:1fr 90px 1fr;gap:22px;background:#e6e8db;border:1px solid #d3d7c7;border-radius:18px;padding:22px;margin-bottom:18px}.scoreboard span{font-size:11px;font-weight:750;letter-spacing:1px}.scoreboard strong{display:block;font:42px Georgia,serif;margin:7px 0}.target{align-self:center;text-align:center;font-size:10px;letter-spacing:1px}.target b{font:26px Georgia,serif;display:block;margin-top:6px}.track{height:8px;background:#cbd2c0;border-radius:9px;overflow:hidden}.track:after{content:'';display:block;background:#3f765a;width:var(--progress,0%);height:100%;transition:width .3s}.track.coral:after{background:#c17c5c}.table{background:#173e34;border:1px solid #234e41;border-radius:22px;padding:24px;color:#f9f4e5;box-shadow:0 12px 28px #19392b13}.table-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#bccfbf}.cards{display:flex;gap:10px;justify-content:center}.opponent{height:70px;margin:18px 0}.back{display:inline-flex;width:42px;height:60px;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#487263 0 3px,#3a5f52 3px 6px);border:3px solid #f7f2df;border-radius:7px;color:#f7f2df}.middle{display:flex;justify-content:center;gap:55px;align-items:center}.starter{display:flex;gap:12px;align-items:center}.label{color:#b2c8b5}.running{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 10px}.running .label{grid-column:1/3}.running strong{font:52px Georgia,serif}.running>span:last-child{font-size:12px;color:#b2c8b5}.card{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:center;justify-content:center;background:#fffcf0;border:1px solid #c4c6ad;color:#18372e;border-radius:9px;width:64px;height:88px;min-height:0;padding:6px;box-shadow:0 3px 0 #0002}.card b{font:26px Georgia,serif}.card i{font-style:normal;font-size:27px;line-height:1.1}.card.red{color:#b54e43}.card.selected{transform:translateY(-10px);border:3px solid #dfb866;background:#fff4ce}.card.suggested{outline:3px solid #dfb866;outline-offset:3px}.hand{min-height:100px;margin:20px 0 12px;align-items:end}.hand button:disabled{opacity:.48}.hand button:hover:enabled{background:#fff4ce;transform:translateY(-6px)}.run{min-height:115px;display:flex;align-items:center;justify-content:center;gap:7px;padding:15px 0}.run .card{width:44px;height:59px;border-radius:6px}.run .card b{font-size:18px}.run .card i{font-size:19px}.run small{display:block;text-align:center;font-size:10px;color:#b6ccba;margin-top:5px}.quiet{color:#91ae9d;font:italic 16px Georgia,serif}.turn{text-align:center;min-height:93px}.turn h2{font:26px Georgia,serif;margin:6px 0}.turn p{font-size:13px;color:#c8d6c7;max-width:520px;margin:8px auto}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.hint-note{font-size:11px;text-align:center;color:#b8cfbd;min-height:18px;margin:15px auto 0}.review{background:#fffaf0;border:2px solid #d8b56c;border-radius:18px;padding:25px;margin:18px 0}.review h2{font:28px Georgia,serif}.review h3{font-size:14px;margin:18px 0 12px}.review p{font-size:13px}.review .card{width:46px;height:62px;margin-right:5px}.review .card b{font-size:19px}.review .card i{font-size:21px}details{border-bottom:1px solid #d5d9cc;padding:20px 2px}summary{cursor:pointer;font-weight:700;min-height:30px}details p{font-size:14px;color:#506352}.journal{white-space:pre-line;font-size:12px}footer{font-size:11px;color:#697869;line-height:1.8;margin:24px 0}a{color:inherit}dialog{border:1px solid #bdcbb5;background:#f9f5e9;border-radius:18px;padding:28px;max-width:420px;width:90%;color:#18372e}dialog::backdrop{background:#102d24b3}dialog label{display:grid;gap:10px;font-size:13px}select{max-width:100%;padding:12px;border-radius:7px;background:#fffdf6;border:1px solid #bdcbb5}button[hidden],[hidden]{display:none!important}@media(max-width:540px){main{padding:23px 12px}header{margin-bottom:20px}header>button{padding:10px;font-size:12px}header p{font-size:13px}.scoreboard{gap:12px;padding:17px;grid-template-columns:1fr 58px 1fr}.scoreboard span{font-size:9px;letter-spacing:.4px}.scoreboard strong{font-size:33px}.table{padding:18px 12px}.table-top{font-size:10px}.middle{gap:25px}.starter{gap:8px;flex-direction:column}.starter>.label{font-size:9px}.running strong{font-size:45px}.hand{gap:6px}.hand .card{width:46px;height:72px;flex:0 1 46px}.hand .card b{font-size:21px}.hand .card i{font-size:24px}.run{gap:5px}.run .card{width:31px;height:48px}.run .card b{font-size:15px}.run .card i{font-size:17px}.run small{font-size:8px}.turn h2{font-size:24px}.turn p{font-size:12px}.actions button{font-size:12px;padding:11px 13px}.review{padding:18px}}
.table button{color:#18372e}.table button.red{color:#b54e43}