.quickHelpButton{padding:7px 11px;white-space:nowrap;font-size:.85rem}
.quickHelpOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;background:rgba(3,6,10,.8);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.quickHelpOverlay[hidden]{display:none!important}
.quickHelpBox{box-sizing:border-box;width:100%;max-width:560px;max-height:calc(100% - 32px);overflow:auto;-webkit-overflow-scrolling:touch;background:#1b1f27;color:#f4f6f8;border:1px solid #465064;border-radius:16px;padding:22px;box-shadow:0 16px 50px rgba(0,0,0,.5);text-align:left;font:14px/1.45 -apple-system,BlinkMacSystemFont,Arial,sans-serif}
.quickHelpHeader{display:flex;align-items:center;justify-content:space-between}.quickHelpHeader h2{font-size:1.25rem;margin:0 12px 0 0;letter-spacing:normal;color:#f4f6f8}.quickHelpHeader h2:before{display:none}.quickHelpClose{font-size:.8rem;padding:6px 10px;flex-shrink:0}
@media(max-width:480px){.quickHelpOverlay{padding:10px}.quickHelpBox{padding:16px;max-height:calc(100% - 20px)}.quickHelpHeader h2{font-size:1.1rem}}
.quickHelpBox h3{margin:4px 0 8px;color:#d4e7ff;font-size:1.1rem}.quickHelpCounter{margin:12px 0 4px;color:#80b9ff;font-size:.78rem}.quickHelpText{margin:8px 0 14px}.quickHelpScreenshot{display:block;max-width:100%;width:100%;height:auto;border:1px solid #394354;border-radius:8px;background:#111318;box-sizing:border-box}.quickHelpFooter{display:flex;justify-content:flex-end;margin-top:16px}.quickHelpFooter button{margin-left:8px}.quickHelpFooter [hidden],.quickHelpBox [hidden]{display:none!important}.quickHelpButton[data-material-only]{padding:8px!important}.quickHelpButton svg.materialSymbol{width:21px;height:21px}

.quickHelpLayout{margin:20px 0 0}.quickHelpLayout h3{margin-bottom:8px}.quickHelpLayout figcaption{margin:10px 0 0;color:#d5dce6}.quickHelpLayouts{min-width:0}

.quickHelpLayoutIntro{display:flex;align-items:center;gap:12px}.quickHelpLayoutIcon{display:flex;align-items:center;justify-content:center;flex:0 0 44px;height:44px;box-sizing:border-box;background:#222b3a;border:1px solid #80b9ff;border-radius:10px;box-shadow:0 0 10px #438ae866;color:#f4f6f8}.quickHelpLayoutIcon svg{display:block;width:32px;height:32px}

.quickHelpManual{display:inline-block;margin-top:18px;color:#a8ceff;text-decoration:underline;text-underline-offset:3px;line-height:1.5}.quickHelpManual:focus-visible{outline:2px solid #80b9ff;outline-offset:5px;border-radius:3px}

.quickHelpVideoLink{display:block;margin-top:16px;padding:0;border:0;background:transparent;color:#a8ceff;text-decoration:underline;text-underline-offset:3px;line-height:1.5;text-align:left;font:inherit;cursor:pointer}
.quickHelpVideoLink:hover{background:transparent;color:#fff}.quickHelpVideoLink:focus-visible{outline:2px solid #80b9ff;outline-offset:5px}
.helpVideoOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:12px;background:rgba(0,0,0,.94)}
.helpVideoOverlay[hidden],.helpVideoPanel [hidden]{display:none!important}
.helpVideoPanel{position:relative;box-sizing:border-box;width:100%;max-width:1280px;background:#000;color:white;border-radius:10px;overflow:hidden;box-shadow:0 20px 70px #000}
.helpVideoPlayer{display:block;width:100%;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);object-fit:contain;background:#000}
.helpVideoClose{position:absolute;top:10px;right:10px;z-index:2;padding:10px 16px;border:1px solid #b4c4d9;border-radius:20px;background:rgba(10,15,24,.9);color:#fff;font:600 15px/1.2 -apple-system,BlinkMacSystemFont,Arial,sans-serif;cursor:pointer}
.helpVideoClose:focus-visible{outline:3px solid #80b9ff;outline-offset:-4px}.helpVideoStatus{margin:0;padding:20px 24px;color:#fff;font:16px/1.5 -apple-system,BlinkMacSystemFont,Arial,sans-serif}.helpVideoRetry{margin:0 24px 20px}
@media(max-width:600px){.helpVideoOverlay{padding:0}.helpVideoPanel{border-radius:0}.helpVideoClose{top:8px;right:8px}.helpVideoPlayer{max-height:100vh;max-height:100dvh}}

/* Frame the real Iceman screenshot at the final Cue, leaving a short bottom margin. */
.quickHelpScreenshotCrop{position:relative;height:0;padding-bottom:76.3158%;overflow:hidden;border:1px solid #394354;border-radius:8px;background:#1b1f27}
.quickHelpScreenshotCrop .quickHelpScreenshot{position:absolute;top:0;left:0;width:100%;height:auto;border:0;border-radius:0}
