:root{--gold:#d7b76e;--cream:#faf6ec;--muted:#aaa79e;--line:#38352d}*{box-sizing:border-box}body{margin:0;background:#111210;color:var(--cream);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;background-image:radial-gradient(ellipse at 90% 10%,#36302266,transparent 45%)}[hidden]{display:none!important}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e9cc87;outline-offset:5px}header{max-width:1200px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{width:215px;height:auto}main{max-width:1120px;margin:auto;padding:60px 40px}.eyebrow{font-size:11px;letter-spacing:2.2px;color:var(--gold);font-weight:650}h1{font-size:clamp(42px,5.7vw,73px);line-height:1.12;letter-spacing:-3px;font-weight:500;margin:24px 0}em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro{font-size:20px;color:#c4c2b9;line-height:1.6}.tags{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 36px}.tags span{border:1px solid var(--line);border-radius:30px;padding:6px 15px;color:#c7c3b6;font-size:12px}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.start{padding:28px;text-align:left;background:var(--gold);color:#191a15;border:1px solid var(--gold);border-radius:12px;transition:transform .2s}.start:hover{transform:translateY(-3px)}.start .eyebrow{color:#4e432c}.start strong{display:block;font-size:24px;margin:12px 0 5px;font-weight:550}.start strong span{float:right}.start small{font-size:14px}.secondary{background:#1b1c18;color:var(--cream);border-color:#5e5135}.secondary .eyebrow{color:var(--gold)}.how{display:flex;justify-content:space-between;margin:36px 0;padding:23px 0;border-bottom:1px solid var(--line);color:var(--gold);font-size:12px}.how b{margin-left:12px;font-weight:400;color:#c7c3b6;font-size:14px}.note{font-size:13px;color:var(--muted);max-width:760px}.quiet{border:1px solid var(--line);background:transparent;color:#d2cbb9;padding:9px 15px;border-radius:6px;font-size:13px}.quiet:hover{background:#2b2922}.quiet:disabled{opacity:.4;cursor:default}.game-top{display:flex;justify-content:space-between;font-size:13px;color:#c7c3b6}.track{height:3px;background:#34342c;margin:16px 0 30px}.track div{height:100%;background:var(--gold);transition:width .3s}h2{font-size:36px;line-height:1.25;font-weight:500;letter-spacing:-1px}.game-heading{text-align:center}.game-heading h2{margin-bottom:8px}.game-heading p{color:var(--muted);font-size:14px}.deck{max-width:540px;margin:36px auto 40px;position:relative}.deck:before{content:'';position:absolute;inset:8px -8px -8px;border-radius:14px;background:#7c6944;transform:rotate(-2deg);z-index:-1}#card{background:var(--cream);color:#272922;border-radius:12px;padding:30px 34px;box-shadow:0 15px 40px #0005;cursor:grab;min-height:260px;border:1px solid #eedbb1}#card .eyebrow{color:#887039}#card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.4;margin:22px 0 28px}.card-bottom{display:flex;justify-content:space-between;align-items:center;color:#8c7544;font-size:10px;letter-spacing:2px;border-top:1px solid #ded4bd;padding-top:16px}.card-bottom span:first-child{font-size:24px}.piles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pile{position:relative;background:#1c1e19;border:1px dashed #766544;border-radius:12px;color:var(--cream);padding:25px 15px;transition:background .2s,transform .2s}.pile:hover,.pile.over{background:#383025;transform:translateY(-4px);border-style:solid}.pile h3{font-size:20px;font-weight:500;margin:8px 0 0}.pile p{color:var(--muted);font-size:12px;margin:5px 0 20px}.key{display:inline-block;color:var(--gold);font-size:11px;border:1px solid #5e5135;width:23px;border-radius:5px}.pile-count{font-size:11px;color:#b6aa90}.pile-count b{color:var(--gold)}.game-bottom{display:flex;align-items:center;justify-content:space-between;margin:25px 0}.game-bottom span{font-size:12px;color:var(--muted)}footer{max-width:1120px;margin:auto;padding:25px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:10px;letter-spacing:1px;color:#a69b82}footer a{color:#cdb57e}footer p{width:100%;font-size:10px;color:#86867d;letter-spacing:0}.score-row{display:flex;align-items:center;gap:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.score-row>strong{font-size:72px;font-weight:400;color:var(--gold);letter-spacing:-3px}.score-row p{margin:4px 0;color:#c1bdaf}.result-actions{display:flex;gap:15px;margin:25px 0 45px}.gold{background:var(--gold);border:0;padding:12px 22px;border-radius:6px;color:#191a15}.review-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.review-heading h3{font-size:23px;font-weight:400}.active{border-color:var(--gold);color:var(--gold)}.learning{border:1px solid var(--line);background:#1b1d18;padding:28px;border-radius:12px;margin-bottom:16px}.learning h3{font-size:21px;font-weight:500;margin:10px 0 18px}.learning p{color:#bdbbae;font-size:15px}.choices{font-size:13px;color:#aaa89b}.choices b{color:var(--gold);font-weight:500}.learning .discussion{font-size:13px;color:#b8a477;border-top:1px solid var(--line);padding-top:15px}@media(max-width:650px){header{padding:20px}header img{width:155px}main{padding:35px 20px}h1{letter-spacing:-1.7px}.start-options{grid-template-columns:1fr}.how{gap:15px;flex-direction:column}.piles{gap:8px}.pile{padding:16px 7px}.pile h3{font-size:15px}.pile p{font-size:10px;min-height:30px}.game-bottom{gap:15px}.game-bottom span{max-width:180px}#card{padding:24px}#card h3{font-size:24px}.review-heading{align-items:flex-start;flex-direction:column}.score-row{gap:25px}.score-row>strong{font-size:52px}footer{padding:20px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
