.learn{padding:48px 0 80px}.learn-intro{position:relative;min-height:360px;padding-bottom:32px;overflow:hidden}.learn-intro-copy{position:relative;z-index:2;max-width:48%;padding-top:24px}.learn h1{font:400 clamp(46px,6vw,76px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.learn h1 em{color:#b4512e;font-style:normal}.hero-students{position:absolute;z-index:1;right:2%;bottom:-12px;width:min(58%,720px);margin:0}.hero-students img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 18px rgba(43,31,23,.16))}.hero-students figcaption{position:absolute;right:0;bottom:24px;padding:8px 12px;background:rgba(43,31,23,.9);color:#e4c99e;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.progress-box{position:absolute;z-index:3;right:0;top:0;padding:16px 18px;background:#d1ae78;display:grid;gap:4px;border:1px solid rgba(43,31,23,.2)}.progress-box span{font-size:13px}.mode-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.mode-tabs button,.game-stats button{font:inherit;padding:12px 18px;border:1px solid #92733e;background:transparent;color:#2b1f17;cursor:pointer}.mode-tabs [aria-pressed=true]{background:#2b1f17;color:#f8f1e7}.play-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:start}.settings{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.settings label{display:grid;gap:5px;font-size:14px}select{font:inherit;padding:12px;background:#e4c99e;color:#2b1f17;border:1px solid #92733e}#board{display:grid;aspect-ratio:1;background:#2b1f17;gap:3px;padding:3px;max-width:620px;border:8px solid #2b1f17;position:relative}#board button{border:0;background-color:#e4c99e;position:relative;padding:0;cursor:pointer;min-width:0;transition:transform .16s ease,filter .16s ease}#board[data-mode=slide] button:not(:disabled){cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}#board[data-mode=slide] button.dragging{z-index:3;cursor:grabbing;transition:none;filter:brightness(1.08);box-shadow:0 8px 20px rgba(43,31,23,.28)}#board button span{position:absolute;left:4px;top:4px;background:#2b1f17;color:#f8f1e7;padding:0 6px;border-radius:3px;font-size:13px;pointer-events:none}#board button.selected{outline:4px solid #b4512e;outline-offset:-4px}#board button:focus-visible{z-index:2;outline:4px solid #c3a16a;outline-offset:-4px}#board.finished{gap:0}#board.finished button:last-child{animation:reveal .8s ease-out}#board.peek:after{content:"";position:absolute;inset:0;background:var(--picture) center/100% 100%;pointer-events:none}.game-stats{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:15px}.guide{background:#e4c99e;padding:28px}.guide h2,.reading h2{font:400 36px/1.1 Georgia,serif}.guide small{font-size:14px}.guide hr{border:0;border-top:1px solid #92733e;margin:25px 0}fieldset{border:0;padding:0}fieldset button{display:block;padding:12px;width:100%;margin:8px 0;background:#f8f1e7;color:#2b1f17;border:1px solid #92733e;cursor:pointer;font:inherit;text-align:left}.reading{padding:28px;background:#ead9c0}.reading label{display:block;margin:24px 0 10px}textarea{width:100%;font:inherit;padding:15px;background:#f8f1e7;border:1px solid #92733e;color:#2b1f17;resize:vertical}.check{display:block;margin:16px 0}.break-note{padding:24px;border-top:1px solid #92733e;margin-top:42px;color:#6d625a}[hidden]{display:none!important}@keyframes reveal{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.learn-intro{min-height:0;overflow:visible}.learn-intro-copy{max-width:none;padding-top:0}.hero-students{position:relative;right:auto;bottom:auto;width:100%;margin:22px 0 0}.hero-students figcaption{bottom:8px}.play-layout{grid-template-columns:1fr}.progress-box{position:static;margin-top:12px}.guide{padding:22px}.nav{gap:15px}.nav>a:not(.brand-home){font-size:14px}}@media(prefers-reduced-motion:reduce){#board button{transition:none}#board.finished button:last-child{animation:none}}