.notes{max-width:1100px;margin:0 auto;padding:32px 32px 80px}.notes-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--chile);margin:0 0 10px;font-family:DM Mono,monospace;font-size:11px}.notes h1{color:#1a1a1a;margin:0 0 18px;font-family:Playfair Display,serif;font-size:clamp(32px,5vw,48px);font-weight:700}.notes-lede{color:#5a5a5a;max-width:640px;margin:0 0 32px;font-size:18px;line-height:1.6}.notes .game{margin-bottom:56px}.notes .game h2{margin:0 0 8px;font-family:Playfair Display,serif;font-size:26px;font-weight:600}.notes .game-note{color:#5a5a5a;margin:0 0 20px;font-size:16px}.notes .deck{gap:18px;display:grid}.notes .deck-3{grid-template-columns:repeat(3,minmax(0,1fr))}.notes .deck-5{grid-template-columns:repeat(5,minmax(0,1fr))}.notes .quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.notes .quiz{background:#fbf8f2;border:1px solid #e2d9cc;border-radius:10px;padding:24px}.notes .quiz-claim{color:#1a1a1a;margin:0 0 18px;font-family:Playfair Display,serif;font-size:18px;font-weight:600;line-height:1.35}.notes .quiz-buttons{gap:10px;display:flex}.notes .quiz-btn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;color:#2e2e2e;background:#fff;border:1px solid #cfcfcf;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 0;font-family:DM Mono,monospace;font-size:12px;display:flex}.notes .quiz-btn:hover{border-color:var(--teal);color:var(--teal)}.notes .quiz.is-answered .quiz-btn{pointer-events:none}.notes .quiz.is-answered .quiz-btn:not(.is-right):not(.is-wrong-pick){opacity:.35}.notes .quiz.is-answered .quiz-btn.is-right{border-color:var(--teal);color:var(--teal)}.notes .quiz.is-answered .quiz-btn.is-wrong-pick{border-color:var(--chile);color:var(--chile)}.notes .quiz-result{border-top:1px solid #e2d9cc;margin-top:16px;padding-top:16px}.notes .flip{perspective:1200px;cursor:pointer;width:100%;height:260px;min-height:260px;position:relative}.notes .flip-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1);position:relative}.notes .flip[data-step="1"] .flip-inner,.notes .match-card.is-flipped .flip-inner,.notes .match-card.is-matched .flip-inner{transform:rotateY(180deg)}.notes .face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px;position:absolute;inset:0;overflow:hidden}.notes .face-front,.notes .face-back{background:#ececec;border:1px solid #cfcfcf;flex-direction:column;justify-content:center;padding:20px;display:flex}.notes .face-back{transform:rotateY(180deg)}.notes .match-card .face-down,.notes .match-card .face-back{background:#fff;border:2px solid #1a1a1a;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.notes .match-card .face-down img{opacity:.7;width:150px;max-width:78%;height:auto;display:block}.notes .match-card.is-wrong .face-down,.notes .match-card.is-wrong .face-back{border-color:var(--chile)}.notes .match-card.is-matched .face-back{border-color:var(--teal);background:#fff;outline:none}.notes .kicker,.notes .hint{letter-spacing:2px;text-transform:uppercase;color:#8a8a8a;font-family:DM Mono,monospace;font-size:10px}.notes .hint{color:var(--teal);margin-top:14px}.notes .line{color:#1a1a1a;margin-top:8px;font-family:Playfair Display,serif;font-size:20px;font-weight:600;line-height:1.3}.notes .bit{color:#2e2e2e;margin-bottom:10px;font-size:14px;line-height:1.45;display:block}.notes .bit strong{letter-spacing:1.6px;text-transform:uppercase;color:#8a8a8a;margin-bottom:3px;font-family:DM Mono,monospace;font-size:10px;font-weight:400;display:block}.notes .bit.ask strong{color:var(--teal)}.notes .call{color:#1a1a1a;margin:0 0 8px;font-family:Playfair Display,serif;font-size:28px;font-weight:700;display:block}.notes .call-true{color:var(--teal)}.notes .why{color:#2e2e2e;font-size:15px;line-height:1.5;display:block}.notes .match-card.is-wrong .flip-inner{animation:.35s notes-shake}.notes .match-status{border-left:3px solid var(--teal);background:#f3f1ea;margin:0 0 16px;padding:12px 16px;font-size:16px}.notes-exit{margin:8px 0 0}.notes-exit a{color:var(--teal);font-size:17px;text-decoration:none}.notes-exit a:hover{text-underline-offset:3px;text-decoration:underline}@keyframes notes-shake{0%,to{transform:rotateY(180deg)translate(0)}25%{transform:rotateY(180deg)translate(-6px)}75%{transform:rotateY(180deg)translate(6px)}}@media (width<=900px){.notes .deck-3,.notes .quiz-grid{grid-template-columns:1fr}.notes .deck-5{grid-template-columns:repeat(2,minmax(0,1fr))}.notes{padding:24px 20px 64px}.notes .flip{height:230px;min-height:230px}}