:root{color-scheme:light;--ink:#173f35;--muted:#6c7667;--paper:#f6f2e8;--gold:#d8a54d;--rust:#a44e32;--line:#d9d7c8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:1px solid var(--line);border-radius:6px;padding:9px 16px;cursor:pointer}button:hover{background:#e9e7d9}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e9a749;outline-offset:4px}a{color:inherit}header{max-width:1120px;margin:auto;padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font:600 17px Georgia,serif;letter-spacing:2px}.brand small{display:block;font:9px system-ui;letter-spacing:2.5px;margin-top:5px}.brandmark{border:1px solid #bca576;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;color:#af7c2f;font:italic 31px Georgia}nav{display:flex;gap:10px}nav button{font-size:12px}main{max-width:1000px;margin:auto;padding:35px 30px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:var(--rust);margin:0 0 14px}h1{font:normal clamp(30px,4.7vw,49px)/1.12 Georgia,serif;letter-spacing:-1px;margin:0 0 17px}h1 em{font-weight:normal;color:#7a8051}.intro p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:0}.matchbox{width:180px;text-align:center;padding:20px;border:1px solid var(--line);border-radius:50% 50% 7px 7px}.matchbox>span{font-size:8px;letter-spacing:1.6px}.matchbox>div{display:flex;justify-content:space-around;align-items:center;font:38px Georgia;margin:5px 0}.matchbox i{font-size:22px;color:#b7b7a0}.matchbox small{display:flex;justify-content:space-around;font-size:9px;letter-spacing:2px}.matchbox p{font-size:11px!important}.game{background:#164a3d;background-image:radial-gradient(ellipse at 50% 30%,#2e6351 0,transparent 70%);color:#f3efdf;padding:24px 28px 0;border-radius:16px;box-shadow:0 20px 40px #173f351b;border:5px solid #315245;position:relative}.rival,.rival>div:first-child{display:flex;align-items:center;gap:11px}.rival{justify-content:space-between;margin-bottom:19px}.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid #b5bd8a;border-radius:50%;font:22px Georgia;color:#e2d4a2}.rival b{font-size:13px}.rival small{display:block;color:#d0d9c5;font-size:10px}.stock{text-align:right}.stock b{font:25px Georgia}.stock small{font-size:7px;letter-spacing:2px}#backs{display:flex;gap:4px}.back{width:33px;height:45px;border:2px solid #e5d8b5;border-radius:4px;background:#d9bd82 url('coins.webp') center/cover;box-shadow:0 3px 5px #0002}.tableheading{display:flex;justify-content:space-between;align-items:center;color:#bccbb3;font-size:9px;letter-spacing:2px;border-top:1px solid #ffffff26;padding-top:14px}#table{min-height:175px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;padding:15px 0}.card{position:relative;background:#faf5e8;color:var(--ink);width:92px;height:128px;border-radius:7px;padding:6px;box-shadow:0 4px 5px #001c242b;border:2px solid #e4dbc1;flex-shrink:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.card:hover{background:#fff9ea;transform:translateY(-4px)}.card .art{position:absolute;inset:24px 9px 19px;object-fit:contain;width:calc(100% - 18px);height:calc(100% - 43px);mix-blend-mode:multiply}.card .value{position:absolute;top:3px;left:7px;font:bold 20px Georgia;z-index:1}.card .suit{position:absolute;bottom:4px;left:0;width:100%;font-size:8px;letter-spacing:1px;text-transform:uppercase}.card.coins .value{color:#a76d1b}.card.swords .value{color:#3c5779}.card.batons .value{color:#4c693e}.card.chosen{border-color:#f1bd60;box-shadow:0 0 0 3px #f1bd60aa,0 6px 15px #0002;transform:translateY(-7px)}.card.marked{border-color:#ffd274;box-shadow:0 0 0 2px #ffd274}.card.special:after{content:'✧';position:absolute;right:5px;top:1px;color:#b37e29}.emptytable{color:#cfdbc5;font:italic 22px Georgia;padding:40px}.callout{min-height:44px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:6px;padding:10px 15px;text-align:center;font-size:12px;color:#e9e6cf}.handheading{display:flex;justify-content:space-between;color:#cfdbc5;font-size:10px;letter-spacing:1.3px;margin:20px 0 12px}.handheading small{color:#b5c4ac;font-size:8px;margin-left:10px;letter-spacing:1px}#yourInfo{font-size:9px;letter-spacing:0}#hand{display:flex;justify-content:center;gap:15px;padding:7px 0 16px}.actionzone{text-align:center;min-height:128px}#prompt{font-size:12px;color:#e0e3cd;margin-bottom:8px}#options{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}#options button{padding:5px 10px;color:#e6e8d5;font-size:11px;border-color:#718672}#options button.active{background:#e5d6ad;color:#193f32;border-color:#e5d6ad}.primary{background:#ead5a2;color:#173f35;font-weight:650;border-color:#ead5a2;padding:10px 27px;min-width:150px}.primary:hover{background:#f8e3b3}.tools{margin:17px -28px 0;padding:12px 15px;display:flex;justify-content:center;gap:7px;align-items:center;border-top:1px solid #ffffff20;flex-wrap:wrap}.tools button{font-size:11px;border:none;color:#e3e5cc;padding:6px 9px}.tools button:hover{background:#ffffff12}.tools span{font-size:9px;color:#b3c3aa;margin-left:auto}.below{display:grid;grid-template-columns:1.7fr 1fr;gap:35px;margin-top:35px}.prizes{display:flex;gap:25px}.prizes>span{font-size:9px;color:#777961;text-align:center;white-space:nowrap}.prizes b{display:block;font:23px Georgia;color:#8a7549;margin-bottom:3px}.fine{font-size:10px;color:var(--muted);max-width:510px}.below .eyebrow{font-size:8px}details{font-size:11px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);padding:4px 0}#history{padding-left:17px;max-height:140px;overflow:auto;font-size:10px}footer{display:flex;gap:15px;align-items:center;padding:25px 0 20px;border-top:1px solid var(--line);margin-top:25px;font:italic 12px Georgia;color:#777961}footer button{font:10px system-ui;padding:0;border:0;text-decoration:underline}footer>span{margin-left:auto;font:9px system-ui}dialog{border:1px solid #d8cda9;border-radius:13px;background:var(--paper);color:var(--ink);max-width:630px;width:calc(100% - 30px);padding:30px;max-height:90vh;font-size:13px;box-shadow:0 20px 80px #001f2680}dialog::backdrop{background:#09271fd9;backdrop-filter:blur(4px)}dialog h2{font:32px Georgia;margin:5px 0 20px}dialog h3{font:22px Georgia}dialog li{margin-bottom:9px}dialog .close:first-child{position:absolute;right:15px;top:12px;border:0;font-size:24px;padding:0 8px}dialog table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:right}th:first-child,td:first-child{text-align:left}.award{font-weight:bold;color:#a05e29}.roundtotal{font-size:18px;font-weight:bold}#inspectBtn{margin:10px}#confirm button{margin:5px}body:has(dialog[open]){overflow:hidden}@media(max-width:650px){header{padding:18px 16px}.brand{font-size:13px;letter-spacing:1px}.brand small{font-size:7px}.brandmark{height:34px;width:34px}nav{gap:6px}nav button{padding:7px 8px;font-size:10px}main{padding:25px 12px 0}.intro{padding:0 6px;gap:10px;margin-bottom:23px}.intro p:not(.eyebrow){font-size:11px}.eyebrow{font-size:8px;letter-spacing:1.4px}h1{font-size:31px}.matchbox{width:115px;padding:12px 8px;flex-shrink:0}.matchbox>span{font-size:6px;letter-spacing:1px}.matchbox>div{font-size:30px}.game{padding:16px 12px 0;border-width:3px}.tools{margin-left:-12px;margin-right:-12px;padding:9px 7px}.tools span{width:100%;text-align:center;margin:0}.card{width:73px;height:104px}.card .art{inset:23px 5px 16px;width:calc(100% - 10px);height:calc(100% - 39px)}.card .value{font-size:18px}.card .suit{font-size:7px}.handheading small{display:block;margin:3px 0 0}#table{min-height:155px;gap:8px}#hand{gap:12px}.below{display:block;padding:0 8px}.prizes{justify-content:space-between;gap:10px}.below details{margin-top:20px}footer{flex-wrap:wrap;gap:8px;font-size:11px}footer>span{width:100%;margin:0}.stock b{font-size:21px}.rival small{font-size:9px}dialog{padding:23px}dialog h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
