.modal{border:2px solid var(--ink);border-radius:16px;background:var(--color-modal-bg);color:var(--color-text);padding:0;max-width:min(440px,calc(100vw - 36px));width:100%;margin:auto;box-shadow:6px 7px 0 var(--ink);overflow:visible;animation:modal-in 0.2s ease}.modal[open]{display:flex;flex-direction:column}.modal::backdrop{background:#21122dd9}@keyframes modal-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.modal-content{padding:20px 24px 24px;overflow-y:auto;max-height:90vh}.modal-header{display:flex;align-items:center;justify-content:flex-start;position:relative;margin-bottom:14px;padding-right:52px}.modal-header h2{font:400 2rem/1.15 var(--display);text-transform:uppercase;letter-spacing:0.02em}.modal-close{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;background:var(--paper);border:2px solid var(--ink);border-radius:50%;box-shadow:3px 3px 0 var(--ink);color:var(--ink);font:400 1.6rem/1 var(--font-main);cursor:pointer;padding:0;transition:var(--press)}.modal-close:hover{transform:translateY(-50%) translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.modal-close:active{transform:translateY(-50%) translate(3px,3px);box-shadow:none}.modal-close:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.modal-body{font-size:0.875rem;line-height:1.55}.modal-body p{margin-bottom:10px}.modal-body a{color:var(--ink);font-weight:700}.modal-body ul{margin:0 0 12px 20px}.modal-body ul li{margin-bottom:6px}.modal-body hr{border:none;border-top:2px dashed var(--color-hr);margin:16px 0}.examples{margin:16px 0}.examples p{margin:6px 0}.example-row{display:flex;gap:4px;margin:8px 0}.example-tile{width:46px;height:46px;border:2px solid var(--color-tile-border-filled);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;text-transform:uppercase;color:var(--color-text)}.example-tile.correct{background:var(--color-correct);border-color:var(--color-correct);color:#fff}.example-tile.present{background:var(--color-present);border-color:var(--color-present);color:#fff}.example-tile.absent{background:var(--color-absent);border-color:var(--color-absent);color:#fff}.stats-grid{display:flex;justify-content:space-around;margin-bottom:28px;gap:8px}.stat-item{text-align:center;flex:1}.stat-value{font:400 2.5rem/1.1 var(--display)}.stat-label{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;margin-top:4px;opacity:0.75;line-height:1.4}.modal-body h3{font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;margin-bottom:12px}.distribution{margin-bottom:20px}.dist-row{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:0.875rem;font-weight:700}.dist-label{min-width:12px;text-align:right}.dist-bar-wrapper{flex:1}.dist-bar{height:24px;background:var(--color-absent);min-width:24px;width:7%;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:0.8rem;font-weight:700;color:#fff;border-radius:2px;transition:width 0.6s ease}.dist-bar.current{background:var(--color-correct)}.share-section{padding-top:16px;border-top:2px dashed var(--color-hr)}.share-inner{display:flex;align-items:center;justify-content:space-around;gap:16px}.share-label{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;opacity:0.7;margin-bottom:4px}.countdown{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:0.02em}.share-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);padding:15px 24px;border:2px solid var(--ink);border-radius:50px;box-shadow:3px 4px 0 var(--ink);color:var(--ink);font-family:var(--font-main);font-size:0.85rem;font-weight:800;letter-spacing:0.035em;text-transform:uppercase;cursor:pointer;transition:var(--press);white-space:nowrap}.share-btn:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink)}.share-btn:active{transform:translate(3px,4px);box-shadow:none}.share-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.settings-credit{margin-top:16px;font-size:0.8rem;line-height:1.5;color:#5d5866}.settings-credit a{color:inherit;font-weight:700}.modal-help .modal-content{padding:16px 20px 18px;max-height:96dvh}.modal-help .modal-header{margin-bottom:8px}.modal-help .modal-header h2{font-size:1.7rem}.modal-help .modal-body{line-height:1.4}.modal-help .modal-body p{margin-bottom:6px}.modal-help .modal-body ul{margin-bottom:8px}.modal-help .modal-body ul li{margin-bottom:3px}.modal-help .examples{margin:8px 0}.modal-help .examples p{margin:4px 0}.modal-help .example-row{margin:4px 0}.modal-help .example-tile{width:36px;height:36px;font-size:1.2rem}.modal-help .modal-body hr{margin:10px 0}.modal-help .settings-credit{margin:0;font-size:0.75rem;line-height:1.4}#modal-stats .modal-content{padding:22px;max-height:96dvh}#modal-stats .modal-header{margin-bottom:12px}#modal-stats .stats-grid{margin:14px 0 18px}#modal-stats .stat-value{font-size:2.2rem;line-height:1.2}#modal-stats .stat-label{margin-top:0;font-size:0.68rem;font-weight:400;opacity:1;color:#6E6A62}#modal-stats .modal-body h3{font-size:0.8rem;letter-spacing:0.06em;margin-bottom:8px}#modal-stats .distribution{margin-bottom:12px}#modal-stats .dist-row{margin-bottom:3px}#modal-stats .dist-bar{height:20px}#modal-stats .share-section{padding:12px 0 14px;border-bottom:2px dashed var(--color-hr)}#modal-stats .countdown{font-size:1.3rem}#modal-stats .share-btn{padding:11px 22px;min-height:46px}#modal-stats mmpb-next{margin-top:14px}