:root{font-family:system-ui,sans-serif;color:#243e35;background:#f7f5ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main{max-width:1160px;margin:auto;padding:25px 32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dbcc}.brand{font-size:30px;font-weight:850;text-decoration:none}.brand span{color:#d28456}nav{display:flex;gap:24px;font-size:14px}nav a{text-decoration:none}.intro{display:flex;align-items:center;justify-content:space-between;padding:60px 0 65px;gap:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#7a8768}h1{font-family:Georgia,serif;font-size:clamp(44px,6vw,78px);font-weight:normal;line-height:1.03;margin:18px 0}h2{font-family:Georgia,serif;font-size:28px;font-weight:normal;margin:8px 0}.intro p:last-child{max-width:480px;line-height:1.7;color:#6b7766}.hero-cards{display:flex;padding:30px}.hero-cards div{background:#fffdf5;border:1px solid #e1dbc9;box-shadow:0 20px 35px #243e3518;border-radius:12px;width:115px;height:165px;margin-left:-25px;padding:16px;font-family:Georgia,serif;font-size:27px;transform:rotate(-12deg);color:#c26b4e}.hero-cards div:nth-child(2){transform:translateY(-20px);color:#243e35}.hero-cards div:nth-child(3){transform:rotate(12deg)}.hero-cards span{display:block;font-size:65px;text-align:center}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar span{font-size:12px;color:#78826b}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mode{border:1px solid #d4d9c9;padding:25px;border-radius:15px;background:#edeee2}.mode:nth-child(2){background:#e8e9f0}.mode:nth-child(3){background:#f3e9dc}.mode p{min-height:55px;font-size:14px;line-height:1.6}.symbol{font-size:34px}button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:11px 18px;background:#274c3c;color:#fffdf4}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e5e8dc;color:#274c3c}.library{margin:45px 0}.saved{display:flex;flex-wrap:wrap;gap:10px}.table{background:#234c3e;color:#fffdf2;padding:28px;border-radius:18px;margin:28px 0}.table .eyebrow{color:#c6d6b5}#board{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.playing-card{width:94px;height:126px;background:#fff9e8;border:2px solid #d3cbae;color:#274c3c;font-family:Georgia,serif;font-size:28px;display:grid;place-items:center;border-radius:9px}.playing-card.back{background:#49715d;color:#e9e8cf;font-size:24px}.playing-card.red{color:#be6249}#actions{display:flex;gap:12px}#actions button{background:#e9dcc0;color:#234c3e}#table-help{font-size:13px;color:#d9e2d3}.deck-section{border-top:1px solid #d7dbcc;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.deck-section p{line-height:1.6;color:#78826b}label{display:block;font-size:13px;margin:18px 0}input,textarea{display:block;width:100%;border:1px solid #d3d9ca;background:#fffef6;border-radius:8px;padding:12px;margin-top:7px;font:inherit}#decks{display:flex;flex-wrap:wrap;gap:10px}.study-card{width:100%;min-height:200px;background:#ececdd;color:#274c3c;margin:20px 0;font-size:22px}.study-card:after{content:'Tap to flip';display:block;margin-top:20px;font-size:12px;color:#7a8768}#notice{color:#a55039;min-height:20px}footer{padding:45px 0;font-size:12px;color:#78826b}button:focus-visible,a:focus-visible{outline:3px solid #d08450;outline-offset:4px}@media(max-width:700px){header,main{padding:20px}nav{gap:12px;font-size:12px}nav a:first-child{display:none}.intro{padding:35px 0}.hero-cards{display:none}.modes,.deck-section{grid-template-columns:1fr}.mode p{min-height:0}.toolbar{align-items:flex-start}.playing-card{width:60px;height:82px;font-size:21px}.deck-section{gap:30px}}