/* CardLab learning refresh: illustrated card-first strategy guides, immersive tables.
   No assets, external image URLs, audio, tracking or heavy animations. */
.learn-starter{margin:20px 0 24px;padding:23px;border:1px solid var(--line,#dfe9dc);border-radius:19px;background:var(--surface,#fff)}
.learn-starter-title .academy-kicker{font-size:11px;letter-spacing:.1em;color:#9d7a38}
.learn-starter-title h2{font-size:23px;line-height:1.35;margin:6px 0 10px;color:var(--text,#163a2d)}
.learn-starter-title p,.learn-disclaimer{font-size:13px;line-height:1.65;color:var(--muted,#6b7e71)}
.learn-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.learn-example{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:19px 17px;border:1px solid var(--line,#e0e9dd);border-radius:15px;background:var(--bg,#f7f6f1);min-width:0}
.learn-example h3{font-size:16px;margin:0;color:var(--text,#154331)}
.learn-example .learn-label{display:block;font-size:11px;color:var(--muted,#687b6d);font-weight:700;margin-top:4px}
.learn-example p,.learn-example small{font-size:12px;line-height:1.6;margin:4px 0;color:var(--muted,#607a69)}
.learn-example-advice{margin-top:6px;padding:7px 11px;background:#d9b66f;color:#153929;font-size:13px;font-weight:850;border-radius:9px}
.learn-hand{display:inline-flex;gap:8px;padding:5px 0}
.learn-card,.drill-card{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:86px;border-radius:9px;background:linear-gradient(135deg,#fffef9 0%,#f6f2e7 100%);border:1px solid #bfc5b7;box-shadow:0 4px 0 #d9d2c5,0 9px 17px #173c261c;color:#1a3327;overflow:hidden;flex-shrink:0;font-family:Georgia,serif}
.learn-card.red,.drill-card.red{color:#b3313c}
.learn-card>span,.drill-card>strong{position:absolute;top:6px;left:8px;font-size:16px;line-height:1}
.learn-card>b,.drill-card>span{font-size:35px;line-height:1}
.learn-card>i{position:absolute;bottom:6px;right:8px;font-size:14px;font-style:normal;transform:rotate(180deg)}
.book-advanced{margin:17px 0 25px;padding:0;border:1px solid var(--line,#dfebdd);border-radius:14px;background:var(--surface,#fff);overflow:hidden}
.book-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:64px;padding:17px 22px;font-size:15px;font-weight:800;color:var(--text,#1c4b37);background:linear-gradient(115deg,#ecf3e9,#f9f7ed)}
.book-advanced>summary::-webkit-details-marker{display:none}
.book-advanced>summary::after{content:'＋';font-size:21px;color:#a37d35}
.book-advanced[open]>summary::after{content:'−'}
.book-advanced>summary span{font-size:11px;color:#8d7847;font-weight:650;margin-left:auto}
.book-advanced-content{padding:18px}
.book-advanced-content>.panel{border:0;box-shadow:none}
.drill-progress{display:flex;align-items:center;gap:9px;margin:17px 0;font-size:13px;color:var(--muted,#6c7b70)}
.drill-progress strong{background:#245b49;color:white;padding:8px 13px;border-radius:8px;font-size:16px}
.drill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.drill-tile{text-align:left;display:flex;align-items:flex-start;flex-direction:column;gap:9px;border:1px solid var(--line,#dbe6d9);border-radius:16px;padding:18px;background:var(--surface,#fff);color:var(--text,#173d2b);min-height:178px}
.drill-tile:hover,.drill-tile:focus-visible{border-color:#c3a25f;box-shadow:0 5px 22px #385c4121;outline-offset:2px}
.drill-kicker{font-size:11px;letter-spacing:.03em;color:#a17b3b;font-weight:800}
.drill-tile strong{font-size:17px}.drill-tile small{margin-top:auto;font-size:12px;color:var(--muted,#63806e);font-weight:750}
.drill-tile .drill-card{width:32px;height:44px;border-radius:5px;box-shadow:0 2px 4px #163a2122}
.drill-tile .drill-card>strong{font-size:10px;top:3px;left:3px}.drill-tile .drill-card>span{font-size:20px}
.drill-scenario{padding:22px;background:var(--surface,#fff);border:1px solid var(--line,#dce6da);border-radius:17px;max-width:800px}
.drill-scenario-head{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.drill-scenario-head>span{color:#a98141;font-size:12px;font-weight:800}.drill-scenario-head>strong{font-size:21px}
.drill-felt{padding:22px;border:7px solid #a8875b;background:radial-gradient(ellipse at 50% 35%,#1b6952,#124d3d 70%,#0c3229);box-shadow:inset 0 0 0 2px #dfc38a,inset 0 0 30px #082e1b99,0 8px 17px #1c38252c;border-radius:95px;display:flex;flex-direction:column;align-items:center}
.drill-label{color:#eed79e;font-size:10px;letter-spacing:.14em;font-weight:850;margin-bottom:7px;margin-top:8px}
.drill-label+.drill-cards{margin-bottom:14px}
.drill-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.drill-card{width:51px;height:72px}.drill-card>span{font-size:31px}
.drill-pot{display:flex;gap:13px;flex-wrap:wrap;padding:13px 4px;font-size:12px;color:var(--muted,#647a6b)}
.drill-pot strong{color:var(--text,#204e3a);font-size:16px}
.drill-scenario h2{font-size:19px;line-height:1.5;margin:8px 0 16px}
.drill-footnote{font-size:12px;line-height:1.6;color:var(--muted,#6b8373)}
.drill-return{margin:22px 0}
.pk-draw-list{display:flex;flex-direction:column;gap:10px;margin:13px 0}
.pk-draw-card{border:1px solid #aac8b4;border-radius:11px;padding:12px;background:var(--surface,#fff)}
.pk-draw-line{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:12px}
.pk-draw-line>strong{font-size:14px}.pk-draw-line>span{font-size:11px;color:var(--muted,#718375)}
.pk-draw-chance{font-size:11px;margin:8px 0;color:var(--muted,#627a68)}
.pk-draw-chance>strong{font-size:22px;color:#208454;margin-right:5px}
.pk-draw-meter{background:#dce9da;height:6px;border-radius:4px;overflow:hidden}.pk-draw-meter>span{background:linear-gradient(90deg,#70b995,#178451);display:block;height:100%;border-radius:4px}
.pk-draw-card small{font-size:11px;display:block;margin-top:7px}
.pk-draw-notice{color:var(--muted,#607765);font-size:11px!important;line-height:1.6}
.pk-felt{background:radial-gradient(ellipse at 45% 34%,#226c56,#104633 71%,#092e25)!important;border-color:#795538!important;box-shadow:inset 0 0 0 4px #d8b875,inset 0 0 45px #021b12a3,0 12px 25px #15362b45!important}
.pk-table{background:radial-gradient(ellipse at 50% 50%,#e1eadc,#e9ebe1 72%,#d8e3d6)!important}
.pk-card:not(.pk-card-back):not(.pk-card-placeholder),.playing-card:not(.back){background:linear-gradient(125deg,#fffefa 0%,#f1efe7 100%);box-shadow:0 3px 0 #d4cbbc,0 7px 12px #101f1729!important}
.pk-seat{background:linear-gradient(160deg,#fffefb,#f1f4ea)!important}
.pk-seat.pk-turn{box-shadow:0 0 0 3px #dab86baa,0 7px 20px #123b2b48!important}
@media(prefers-reduced-motion:no-preference){.drill-card,.learn-card,.pk-card:not(.pk-card-back),.playing-card:not(.back){animation:card-arrive .25s cubic-bezier(.2,.8,.3,1) both}
 @keyframes card-arrive{from{opacity:.35;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
}
.reduce-motion .drill-card,.reduce-motion .learn-card,.reduce-motion .pk-card,.reduce-motion .playing-card{animation:none!important}
[data-theme="dark"] .book-advanced>summary{background:#244a36;color:#f5f8ef}
[data-theme="dark"] .learn-example{background:#203d30}
[data-theme="dark"] .pk-draw-card{background:#204737;border-color:#3e7857}
[data-theme="dark"] .pk-draw-chance>strong{color:#90d3ac}
@media(max-width:960px){.learn-examples{grid-template-columns:1fr}.drill-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.learn-starter{padding:15px}.book-advanced>summary{padding:14px;font-size:13px}.book-advanced-content{padding:9px}.drill-grid{grid-template-columns:1fr}.drill-scenario{padding:13px}.drill-felt{padding:12px;border-radius:55px}.drill-card{width:42px;height:59px}.drill-card>span{font-size:25px}.learn-examples{grid-template-columns:1fr}.pk-draw-line{flex-direction:column;align-items:flex-start}}