.learn-page{font-size:17px;line-height:1.8}.learn-header{padding:28px 30px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#152c4d,#386273);margin-bottom:20px}.learn-header h1{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:8px 0}.learn-header p{margin:5px 0}.learn-chapters,.learn-type-tabs,.learn-symbol-grid,.learn-footer{display:flex;gap:10px;flex-wrap:wrap}.learn-chapters{margin:20px 0}.learn-page .btn{min-height:44px;padding:9px 14px;font-size:15px}.learn-body{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.learn-body h2{font-size:27px;line-height:1.4;margin:0 0 15px}.learn-card-layout,.learn-symbol-layout{display:grid;grid-template-columns:minmax(200px,310px) minmax(0,1fr);gap:30px;margin-top:25px;align-items:start}.learn-image-button{padding:0;border:0;background:transparent;cursor:zoom-in}.learn-card-layout img,.learn-card-map>img{display:block;width:100%;height:auto;max-width:310px;border-radius:14px}.learn-location{object-fit:contain}.learn-annotated{max-width:310px}.learn-card-map{position:relative}.learn-focus{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border:3px solid #ffde7c;border-radius:50%;box-shadow:0 0 0 5px #17293e99;pointer-events:none}.learn-symbol-grid .btn{display:flex;align-items:center;gap:7px;text-align:left}.learn-page .game-icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}.learn-symbol-copy{background:var(--bg);border-radius:12px;padding:18px;margin-top:16px}.learn-symbol-copy img{max-width:260px;height:auto}.learn-symbol-copy h3{margin:0 0 10px}.learn-symbol-copy .ink-badge img{width:22px;height:25px}.learn-prep li{padding:8px 0}.learn-rule-note,.learn-feedback{border-left:4px solid var(--accent);padding:13px 17px;background:var(--bg);border-radius:9px}.learn-turn-status{display:flex;flex-wrap:wrap;gap:10px;padding:16px;background:var(--bg);border-radius:12px;font-variant-numeric:tabular-nums}.learn-turn-status>*{padding:4px 12px;border:1px solid var(--line);border-radius:25px}.learn-turn-status strong{background:var(--mint);color:#243348}.learn-turn-board>section{padding:18px 0;border-bottom:1px solid var(--line)}.learn-table-cards{display:flex;gap:16px;flex-wrap:wrap}.learn-turn-card{width:112px;margin:10px 10px 8px;flex:0 0 112px}.learn-turn-card img{display:block;width:90px;height:126px;object-fit:contain;margin:12px auto 20px;transition:transform .3s}.learn-turn-card.is-exerted img{transform:rotate(90deg) scale(.85)}.learn-turn-card figcaption{font-size:13px;line-height:1.5;text-align:center}.learn-turn-card figcaption span{display:block;color:var(--muted);margin-top:5px}.learn-step-panel{padding:22px;margin:24px 0;border:2px solid var(--accent);border-radius:15px}.learn-step-panel h3{font-size:23px;line-height:1.4;margin:8px 0}.learn-step-panel .btn{margin:5px}.learn-step-list{padding-left:24px;columns:2;font-size:14px;color:var(--muted)}.learn-step-list li{break-inside:avoid;margin:7px 0}.learn-step-list .complete{color:#29806e}.learn-step-list [aria-current]{font-weight:800;color:var(--ink)}.learn-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learn-check-grid article{background:var(--bg);border-radius:12px;padding:20px}.learn-check-grid h3{margin-top:0}.learn-footer{align-items:center;margin:22px 0}.learn-footer small{display:block;flex-basis:100%;color:var(--muted);font-size:12px}.learn-footer a{color:var(--accent)}@media(max-width:700px){.learn-body{padding:18px}.learn-card-layout,.learn-symbol-layout{grid-template-columns:1fr}.learn-card-layout .learn-image-button,.learn-annotated{width:min(100%,280px);margin:auto}.learn-symbol-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.learn-symbol-grid .btn{font-size:14px;padding:8px}.learn-check-grid{grid-template-columns:1fr}.learn-step-panel{padding:15px}.learn-step-list{columns:1}.learn-turn-card{width:98px;flex-basis:98px;margin:8px 4px}.learn-table-cards{gap:7px}.top-tabs{overflow-x:auto;max-width:100%;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.learn-turn-card img{transition:none}}
.learn-video-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:25px;margin-top:24px}.learn-video-player{aspect-ratio:16/9;background:#15253e;border-radius:14px;overflow:hidden}.learn-video-player iframe{width:100%;height:100%;border:0}.learn-video-start{display:grid;place-items:center;width:100%;height:100%;position:relative;border:0;background:#15253e;color:white;cursor:pointer}.learn-video-start img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:.65}.learn-video-start span{position:relative;z-index:1;padding:12px 20px;background:#203c5f;border:1px solid #e3c38b;border-radius:30px;font-size:18px;font-weight:700}.learn-video-list{display:flex;flex-direction:column;gap:8px}.learn-video-item{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);text-align:left}.learn-video-item.active{border-color:#b47b31;background:#f7eddb}.learn-video-item div{flex:1}.learn-video-item strong,.learn-video-item small{display:block}.learn-video-item small{font-size:12px;color:#6e7886}.learn-video-actions{display:flex;gap:8px;flex-wrap:wrap}.learn-video-intro .btn{margin-bottom:8px}.learn-video-layout h3 small{font-size:14px;color:#6e7886}@media(max-width:850px){.learn-video-layout{grid-template-columns:1fr}.learn-video-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.learn-video-list{grid-template-columns:1fr}.learn-video-item{min-height:64px}}

.learn-video-start{background:linear-gradient(0deg,rgba(13,30,50,.9),rgba(13,30,50,.6)),url("playmats/set13-monsters.jpg") center/cover;align-content:center;gap:24px}.learn-video-start .learn-video-poster-title{padding:0 18px;background:none;border:0;border-radius:0;font-size:25px}.learn-video-poster-title small{display:block;font-size:14px;font-weight:400;margin-top:6px}