.lg-wrap{max-width:860px;padding-top:36px}.lg-shell{min-height:420px;padding:clamp(22px,5vw,48px)}.lg-shell h2{letter-spacing:.05em;outline:none;font-size:clamp(25px,3.4vw,34px)}.lg-shell h3{margin-top:30px}.lg-progress{color:var(--muted);justify-content:space-between;gap:6px;margin:0 0 30px;padding:0;font-size:13px;list-style:none;display:flex}.lg-progress li{flex-direction:column;flex:1;align-items:center;gap:4px;line-height:1.3;display:flex}.lg-progress span{border:1px solid var(--line);background:var(--bg);border-radius:50%;place-items:center;width:30px;height:30px;font-weight:600;display:grid}.lg-progress .now span{background:var(--red);border-color:var(--red);color:#fffaf3}.lg-progress .done span{background:var(--red-soft);border-color:var(--red-2);color:var(--red)}.lg-kicker{color:var(--gold-ink);letter-spacing:.15em;margin:0 0 6px;font-size:14px}.lg-say{margin:12px 0;font-size:18px}.lg-hint{color:var(--muted);margin:12px 0;font-size:15px;line-height:1.8}.lg-three{gap:12px;margin:20px 0 28px;padding:0;list-style:none;display:grid}.lg-three li{background:var(--bg);border-left:3px solid var(--red);border-radius:0 10px 10px 0;padding:12px 16px;line-height:1.8}.lg-three b{color:var(--red);margin-right:4px}.lg-field{flex-direction:column;gap:4px;margin:14px 0;display:flex}.lg-field label{color:var(--muted);font-size:15px}.lg-field input,.lg-field select{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:48px;padding:11px 12px}.lg-short{max-width:260px}.lg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.lg-wide{grid-column:1/-1}.lg-check{align-items:center;gap:8px;margin:4px 0 14px;font-size:16px;display:flex}.lg-error{color:var(--red);margin:10px 0;font-size:16px}.lg-link{color:var(--red);font:inherit;cursor:pointer;background:0 0;border:0;padding:12px 6px;font-size:16px;text-decoration:underline}.lg-shell button.btn{cursor:pointer;border:0;font-family:inherit}.lg-shell button.btn.ghost{border:1px solid var(--red)}.lg-reveal{border-top:1px dashed var(--line);margin-top:22px;padding-top:20px;animation:.4s lg-in}.lg-big{color:var(--red);margin:0;font-family:Noto Serif TC,serif;font-size:clamp(52px,11vw,76px);line-height:1.2}.lg-theme{margin:4px 0 20px;font-size:20px;font-weight:600}.lg-board{grid-template-rows:repeat(4,minmax(66px,auto));grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:16px 0;display:grid}.lg-cell{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:66px;padding:4px 2px;line-height:1.3;transition:background .2s;display:flex}.lg-cell b{font-family:Noto Serif TC,serif;font-size:22px}.lg-cell small{color:var(--muted);min-height:17px;font-size:13px}.lg-cell.is-path{background:var(--bg-2)}.lg-cell.is-key{background:var(--red);border-color:var(--red);color:#fffaf3}.lg-cell.is-key small{color:#fffaf3}.lg-cell.is-wrong{animation:.3s lg-shake}.lg-center{color:var(--muted);text-align:center;flex-direction:column;grid-area:2/2/4/4;justify-content:center;align-items:center;font-size:14px;line-height:1.5;display:flex}.lg-center b{color:var(--red);font-family:Noto Serif TC,serif;font-size:28px}.lg-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.lg-card{font:inherit;color:#fffaf3;border:1px solid var(--gold-2);background:var(--red);cursor:pointer;text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:210px;padding:16px 12px;line-height:1.6;display:flex}.lg-card b{letter-spacing:.1em;font-family:Noto Serif TC,serif;font-size:26px}.lg-card.open{color:var(--ink);border-color:var(--line);cursor:default;background:#fff;animation:.45s lg-flip}.lg-card.open b{color:var(--red)}.lg-card .lg-stem{color:var(--red);font-family:Noto Serif TC,serif;font-size:40px;line-height:1.2}.lg-star-row{border-bottom:1px solid var(--line);grid-template-columns:8.5em 1fr;gap:10px;padding:10px 0;display:grid}.lg-star-row b{color:var(--red);font-weight:600}.lg-quiz{gap:10px;margin:18px 0;display:grid}.lg-quiz button{font:inherit;text-align:left;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:13px 16px;line-height:1.7}.lg-quiz button.ok{border-color:var(--red);background:var(--red-soft);font-weight:600}.lg-quiz button.no{opacity:.6}.lg-feedback{margin:10px 0;font-size:17px}.lg-result{background:var(--bg);border:1px solid var(--gold-2);border-radius:16px;margin-top:16px;padding:clamp(18px,4vw,30px)}.lg-result-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 12px;display:flex}.lg-result-head span{color:var(--red);font-family:Noto Serif TC,serif;font-size:30px}.lg-result-head b{font-size:20px}.lg-r-row{border-top:1px solid var(--line);padding:12px 0;line-height:1.7}.lg-r-row b{color:var(--red);display:block}.lg-r-row small{color:var(--muted);font-size:15px;display:block}.lg-r-foot{color:var(--gold-ink);text-align:right;margin:12px 0 0;font-size:14px}.lg-next{margin:10px 0 22px;padding-left:1.4em;line-height:1.9}.lg-table-wrap{max-width:860px;padding-top:56px}.lg-table{overflow-x:auto}.lg-table table{border-collapse:collapse;background:var(--card);width:100%;font-size:15px;line-height:1.6}.lg-table th,.lg-table td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:7em;padding:9px 10px}.lg-table th{background:var(--bg-2)}.lg-table td:first-child,.lg-table th:first-child{white-space:nowrap;min-width:5em}@keyframes lg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes lg-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes lg-flip{0%{transform:rotateY(90deg)}to{transform:none}}@media (width<=640px){.lg-cards{grid-template-columns:1fr}.lg-card{min-height:120px}.lg-progress{font-size:12px}.lg-star-row{grid-template-columns:1fr;gap:0}.lg-shell .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.lg-reveal,.lg-cell.is-wrong,.lg-card.open{animation:none}}
