.beginner-coach,.beginner-context,.beginner-setup{border:1px solid var(--line);border-radius:18px;background:var(--pale);color:var(--ink)}
.beginner-coach{padding:20px;margin:0 0 24px}.beginner-coach-heading{display:flex;align-items:flex-start;gap:12px}.beginner-coach-heading>span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:var(--surface);color:var(--green)}.beginner-coach-heading>div{flex:1;min-width:0}.beginner-coach h3{font-size:15px;line-height:1.5}.beginner-coach p{font-size:13px;line-height:1.75;color:var(--muted);margin-top:5px}.beginner-text-link{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 5px;color:var(--green);font-size:12px}.beginner-coach-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.beginner-coach .btn{min-height:44px;font-size:12px}.beginner-coach-more{border-top:1px solid var(--line);margin-top:17px}.beginner-coach-more>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:50px;font-size:12px;font-weight:600;cursor:pointer;list-style:none}.beginner-coach-more>summary:before{content:'+';margin-right:2px;color:var(--green)}.beginner-coach-more[open]>summary:before{content:'−'}.beginner-coach-more>summary span{margin-left:auto;color:var(--muted);font-weight:400;font-size:11px}.beginner-next{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;border-radius:13px;background:var(--surface)}.beginner-next small{display:block;letter-spacing:1px;font-size:9px;color:var(--muted);margin-bottom:5px}.beginner-next strong{font-size:13px}.beginner-coach-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.beginner-context{margin:0 0 22px}.beginner-context>summary{display:flex;align-items:center;gap:10px;min-height:54px;padding:12px 18px;cursor:pointer;list-style:none;font-size:13px}.beginner-context>summary>.icon{color:var(--green);flex:none;width:17px}.beginner-context>summary>span{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted);font-size:11px}.beginner-context>summary>span .icon{width:14px}.beginner-context>div{padding:0 18px 18px}.beginner-context p{font-size:13px;line-height:1.8;max-width:760px;color:var(--muted)}.beginner-context-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.beginner-context .btn{min-height:44px;font-size:12px}
.beginner-setup{padding:18px;margin-bottom:22px;background:#c4d5a90b;border-color:#b5c6a43d}.beginner-setup>div{display:flex;align-items:center;gap:10px;font-size:13px}.beginner-setup>div>.icon{width:17px;flex:none}.beginner-setup p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0}.beginner-setup button{display:flex;gap:7px;align-items:center;font-size:12px;min-height:44px;padding:6px 0;color:var(--green);font-weight:600}.beginner-setup button .icon{width:14px}
.beginner-learning-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px;border:1px solid #aac29c5c;border-radius:22px;background:radial-gradient(ellipse at 0 0,#6b876c33,transparent 60%),linear-gradient(145deg,#3c6250,#284b3c);color:#f2f3e8;margin-bottom:24px}.beginner-learning-hero .eyebrow{color:#c5d5b0;letter-spacing:1.7px;font-size:9px}.beginner-learning-hero h2{font-size:31px;line-height:1.2;margin:10px 0}.beginner-learning-hero p{font-size:13px;line-height:1.8;max-width:530px;color:#c5d2c0}.beginner-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.beginner-learning-hero .btn{min-height:44px;font-size:12px;color:#edf1e4;background:#ffffff08;border-color:#c1cdaa3d}.beginner-learning-hero .btn.primary{background:#c4d5a9;color:#254635;border-color:#c4d5a9}.beginner-learning-progress{min-width:150px;padding:24px;border-radius:17px;border:1px solid #c1cdaa30;background:#ffffff05}.beginner-learning-progress>strong{font-size:42px;font-weight:500;display:block}.beginner-learning-progress strong span{font-size:18px;color:#c5d2c0}.beginner-learning-progress>span{font-size:11px;color:#c5d2c0}.beginner-learning-progress>div{height:4px;background:#ffffff12;border-radius:3px;margin-top:16px;overflow:hidden}.beginner-learning-progress i{display:block;height:100%;background:#c4d5a9;border-radius:3px}
.beginner-filter{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.beginner-filter button{min-height:44px;padding:10px 15px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:12px;color:var(--muted)}.beginner-filter button[aria-pressed=true]{color:var(--ink);background:var(--pale);border-color:var(--green)}.beginner-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.beginner-lesson-card{display:flex;flex-direction:column;text-align:left;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:19px;transition:border-color .2s,transform .2s,box-shadow .2s;color:var(--ink)}.beginner-lesson-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 7px 22px #15362a12}.beginner-lesson-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.beginner-lesson-card-top>.icon{width:23px;height:23px;color:var(--green)}.beginner-lesson-card small{font-size:10px;color:var(--muted)}.beginner-lesson-card>strong{font-size:15px;line-height:1.5}.beginner-lesson-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 18px}.beginner-card-link{display:flex;gap:7px;align-items:center;font-size:11px;color:var(--green);margin-top:auto}.beginner-card-link .icon{width:13px}
.beginner-glossary{margin:26px 0}.beginner-glossary h2{font-size:27px}.beginner-glossary .search-field{margin:18px 0}.beginner-term{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;min-height:44px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.beginner-term:last-child{border-bottom:0}.beginner-term strong{display:block;font-size:13px}.beginner-term small{display:block;color:var(--muted);font-size:12px;line-height:1.7;margin-top:5px}.beginner-term>.icon{width:15px;color:var(--green);flex:none}.beginner-no-results{font-size:13px;line-height:1.8;color:var(--muted);padding:18px 0}
.beginner-dialog{padding-top:4px}.beginner-dialog .btn{min-height:44px;font-size:12px}.beginner-intro,.beginner-lesson-intro>p{font-size:14px;line-height:1.85;color:var(--muted);margin:12px 0 22px}.beginner-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;font-size:10px;letter-spacing:.5px;color:var(--green)}.beginner-badge .icon{width:15px;height:15px}.beginner-steps{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:20px}.beginner-steps li{display:flex;align-items:flex-start;gap:14px}.beginner-steps li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid var(--line);border-radius:11px;background:#c4d5a912;color:var(--green);font-size:12px}.beginner-steps h3{font-size:15px;line-height:1.6;margin:0 0 5px}.beginner-steps p{color:var(--muted);font-size:13px;line-height:1.85;margin:0}.beginner-example{padding:18px;border:1px solid var(--line);border-radius:15px;background:#c4d5a90d;margin:16px 0}.beginner-example>span{display:block;color:var(--green);font-size:9px;letter-spacing:1.5px;font-weight:600}.beginner-example p{font-size:14px;line-height:1.8;margin:8px 0 0}.beginner-example small{display:block;font-size:12px;line-height:1.75;color:var(--muted);margin-top:8px}.beginner-watch{border:1px solid var(--line);border-radius:14px;margin:18px 0}.beginner-watch summary{display:flex;gap:8px;align-items:center;font-size:12px;min-height:48px;padding:12px 16px;cursor:pointer}.beginner-watch summary .icon{width:16px}.beginner-watch p{font-size:13px;line-height:1.85;padding:0 16px 16px;color:var(--muted)}.beginner-dialog-actions,.beginner-turn-actions{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 10px}.beginner-source{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;line-height:1.8;color:var(--muted);margin:22px 0}.beginner-source a{display:inline-flex;align-items:center;gap:6px;min-height:35px;color:var(--green)}.beginner-source .icon{width:13px;height:13px}
.beginner-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.beginner-help-grid>button{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;text-align:left;padding:19px;border:1px solid var(--line);border-radius:16px;background:#c4d5a909;transition:background .2s,border-color .2s}.beginner-help-grid>button:hover{background:#c4d5a912;border-color:var(--green)}.beginner-help-grid>button>.icon:first-child{width:22px;color:var(--green);grid-column:1}.beginner-help-grid strong{grid-column:1;font-size:14px;line-height:1.6}.beginner-help-grid small{grid-column:1;font-size:12px;line-height:1.8;color:var(--muted)}.beginner-help-grid>button>.icon:last-child{width:15px;grid-column:2;grid-row:2;color:var(--muted)}.beginner-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.beginner-number-grid>div{padding:16px;border:1px solid var(--line);border-radius:15px;background:#c4d5a90a}.beginner-number-grid span{display:block;font-size:11px;color:var(--muted)}.beginner-number-grid strong{display:block;font-size:35px;color:var(--green);font-weight:500;margin:10px 0}.beginner-number-grid small{font-size:11px;line-height:1.8;color:var(--muted)}.beginner-number-notes{border-top:1px solid var(--line);margin-top:22px;padding-top:10px}.beginner-number-notes p{font-size:13px;line-height:1.85;margin:14px 0;color:var(--muted)}.beginner-number-notes strong{color:var(--ink)}
.beginner-answer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.beginner-answer-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:83px;padding:13px 9px;border:1px solid var(--line);border-radius:13px;font-size:12px;background:#c4d5a908}.beginner-answer-grid button[aria-pressed=true]{background:#c4d5a923;border-color:var(--green)}.beginner-answer-grid .icon{width:20px;color:var(--green)}.beginner-feedback{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:#d4bc7610;border:1px solid #d4bc7638;margin:18px 0}.beginner-feedback.correct{background:#c4d5a912;border-color:#c4d5a94d}.beginner-feedback>.icon{width:20px;flex:none;color:var(--green)}.beginner-feedback strong{font-size:13px}.beginner-feedback p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:6px}.beginner-practice-roll{padding-top:10px;border-top:1px solid var(--line)}.beginner-roll-result{padding:22px;border-radius:17px;background:#c4d5a910;border:1px solid var(--line);margin-top:20px;animation:beginner-reveal .22s ease-out}.beginner-practice-dice{display:flex;gap:10px;margin-bottom:16px}.beginner-practice-dice span{width:52px;height:52px;display:grid;place-items:center;font-size:25px;border-radius:15px;border:1px solid #c4d5a950;background:linear-gradient(145deg,#74937b30,#365b4922);color:var(--green)}.beginner-roll-result p{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:12px}.beginner-roll-result>strong{font-size:14px;line-height:1.9;display:block}.beginner-roll-result small{display:block;margin-top:12px;font-size:12px;line-height:1.8;color:var(--muted)}
@keyframes beginner-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.beginner-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beginner-learning-hero{align-items:flex-start}.beginner-learning-progress{min-width:125px;padding:18px}}
@media(max-width:650px){.beginner-coach{padding:17px;border-radius:17px}.beginner-coach-heading{gap:10px}.beginner-coach-heading>span{display:none}.beginner-coach-actions{display:grid;grid-template-columns:1fr 1fr}.beginner-coach-actions>.btn:first-child{grid-column:1/-1}.beginner-coach-more>summary{font-size:12px}.beginner-coach-more>summary span{font-size:10px}.beginner-coach-links .btn{width:100%;justify-content:flex-start}.beginner-context>summary{padding:12px 14px}.beginner-context>summary strong{font-size:12px}.beginner-context>div{padding:0 14px 14px}.beginner-learning-hero{display:block;padding:22px}.beginner-learning-hero h2{font-size:29px}.beginner-learning-progress{margin-top:24px;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;padding:15px}.beginner-learning-progress>strong{grid-row:1/3;font-size:34px}.beginner-learning-progress>div{margin-top:9px}.beginner-hero-actions{display:grid;grid-template-columns:1fr 1fr}.beginner-hero-actions>.btn:first-child{grid-column:1/-1}.beginner-lesson-grid{grid-template-columns:1fr;gap:12px}.beginner-lesson-card{padding:20px}.beginner-filter{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.beginner-filter button{white-space:nowrap;flex:none}.beginner-help-grid{grid-template-columns:1fr}.beginner-help-grid>button{padding:17px}.beginner-number-grid{grid-template-columns:1fr}.beginner-number-grid>div{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.beginner-number-grid strong{grid-column:2;grid-row:1/3;margin:0;font-size:30px}.beginner-number-grid small{grid-column:1}.beginner-answer-grid{grid-template-columns:1fr 1fr}.beginner-example{padding:16px}.beginner-steps li{gap:12px}.beginner-steps h3{font-size:14px}.beginner-dialog .beginner-dialog-actions>.btn,.beginner-turn-actions>.btn{flex:1 1 140px}.beginner-source{font-size:10px}}
@media(prefers-reduced-motion:reduce){.beginner-lesson-card,.beginner-roll-result,.beginner-help-grid>button{animation:none;transition:none}}

.beginner-practice-roll>p.help{font-size:12px;line-height:1.8;margin:0 0 14px}.beginner-practice-dice .kept{background:#c4d5a929;border-color:#c4d5a988}.beginner-practice-dice .discarded{color:var(--muted);background:transparent;border-style:dashed}

.walkthrough-beginner-entry{display:flex;gap:13px;margin:0 30px 22px;padding:18px;border:1px solid #b4c6a34d;border-radius:16px;background:#c4d5a90c}.walkthrough-beginner-entry>span{color:#c4d5a9}.walkthrough-beginner-entry strong{font-size:14px}.walkthrough-beginner-entry p{font-size:12px;line-height:1.8;color:#c5d2c0;margin:7px 0 12px}.walkthrough-beginner-entry .btn{font-size:12px;min-height:44px}@media(max-width:650px){.walkthrough-beginner-entry{margin:0 20px 20px;padding:16px}}

#reference-modal:has(.beginner-dialog) .modal-head{position:sticky;top:0;z-index:4;background:linear-gradient(155deg,#385e4d,#315646)}#reference-modal:has(.beginner-dialog) .modal-head .icon-btn{width:44px;height:44px;min-width:44px;min-height:44px}