/* One help shell; each game retains its actual practice and rules. */
.learn-dialog{width:min(800px,calc(100vw - 32px))!important;max-width:800px!important;max-height:90svh!important;padding:0!important;overflow:auto!important;border:1px solid #486071;border-radius:22px;background:#111e2b;color:#e7eef5;scrollbar-width:thin;scrollbar-color:#587080 transparent;overscroll-behavior:contain;}
.learn-dialog [hidden]{display:none!important}.learn-dialog h2,.learn-dialog h3{margin:0}.learn-dialog p{line-height:1.6}.learn-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111e2bf5;padding:20px 24px;border-bottom:1px solid #314657;backdrop-filter:blur(12px)}.learn-header h2{font-size:22px;margin-top:6px}.learn-close{min-width:44px;min-height:44px}.learn-intro{display:grid;grid-template-columns:32px 1fr;gap:15px 12px;padding:24px;background:linear-gradient(130deg,#213b49,#182534)}.learn-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:12px;color:#f4d591;border:1px solid #756743;background:#282c2c}.learn-intro p{margin:6px 0 0;color:#b9d2e1}.learn-intro .learn-goal{color:#f2f5f7;font-size:18px}.learn-start{grid-column:2;justify-self:start}.learn-practice{padding:24px;scroll-margin-top:112px}.learn-section-title{display:flex;gap:12px;margin-bottom:20px}.learn-section-title p{margin:6px 0;color:#b9d2e1;font-size:13px}.learn-original{min-width:0}.learn-original>.eyebrow{display:none}.learn-original>.dialog-close,.learn-original>form:first-child:has(.dialog-close){display:none}.learn-original h2{font-size:20px;margin:12px 0}.learn-footer{position:sticky;bottom:0;z-index:20;background:#111e2bf5;border-top:1px solid #314657;padding:12px 24px;display:flex;justify-content:flex-end;backdrop-filter:blur(12px)}.learn-dialog button{min-height:44px}.learn-dialog button:focus-visible,.learn-dialog summary:focus-visible{outline:3px solid #e6ca88;outline-offset:3px}.learn-board{background:radial-gradient(ellipse at center,#304859,#142433);border:1px solid #476171;border-radius:18px;overflow:hidden}.learn-board svg{display:block;width:100%;height:auto;max-height:280px;font-family:inherit}.learn-feedback{min-height:3em;color:#d0e6ed}.learn-controls,.learn-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.learn-controls button{flex:1 1 100px}.learn-compact[data-complete="true"] .learn-feedback{color:#9ae3be}.learn-rules{margin-top:24px;border-top:1px solid #354958;padding-top:16px}.learn-rules summary{cursor:pointer;color:#b9d2e1;min-height:36px}.learn-original .wb-demo,.learn-original .gr-demo,.learn-original .jg-demo{height:420px;min-height:0}.learn-original canvas{max-width:100%}.learn-original .rl-demo{display:none}
@media(max-width:600px){.learn-dialog{width:calc(100vw - 16px)!important;max-height:calc(100svh - 16px)!important;border-radius:16px}.learn-header{padding:14px}.learn-header h2{font-size:18px}.learn-header .eyebrow{font-size:9px}.learn-intro,.learn-practice{padding:18px 14px}.learn-intro{gap:12px 8px}.learn-intro .learn-goal{font-size:17px}.learn-footer{padding:10px 14px}.learn-footer button{width:100%}.learn-board svg{max-height:240px}.learn-original .wb-demo,.learn-original .gr-demo,.learn-original .jg-demo{height:430px}.learn-dialog .dialog-actions{flex-wrap:wrap}.learn-practice{scroll-margin-top:98px}}
@media(prefers-reduced-motion:reduce){.learn-dialog *{scroll-behavior:auto!important}}

.learn-original [data-action="close-help"],.learn-original>form[method="dialog"]{display:none}