<script src="/nexl_app.js"></script>
.practice-audio-button:focus svg path,.practice-audio-button:hover svg path{fill:#0080e2;stroke:#0080e2;transition:fill .12s ease-out,stroke .12s ease-out,stroke-width .12s ease-out}.practice-audio-button.white-button.higher-contrast-hover-state:not(.no-hover):focus path,.practice-audio-button.white-button.higher-contrast-hover-state:not(.no-hover):hover path{fill:#99e2ff;stroke:#99e2ff}.practice-audio-button:focus svg path.audio-speaker-0,.practice-audio-button:hover svg path.audio-speaker-0{stroke-width:2px}.practice-audio-button:focus svg path.audio-speaker-1,.practice-audio-button:focus svg path.audio-speaker-2,.practice-audio-button:hover svg path.audio-speaker-1,.practice-audio-button:hover svg path.audio-speaker-2{stroke-width:1px}@keyframes audio-button-playing-animation-1{0%,20%{opacity:0}40%,60%,80%,to{opacity:1}}@keyframes audio-button-playing-animation-2{0%,20%,40%,60%{opacity:0}80%,to{opacity:1}}svg.audio-button-display path{fill:#00aeef}svg.audio-button-display.white-button path{fill:#fff}svg.audio-button-display.playing .audio-speaker-1{animation:audio-button-playing-animation-1 2s infinite}svg.audio-button-display.playing .audio-speaker-2{animation:audio-button-playing-animation-2 2s infinite}@keyframes audio-button-loading-animation{0%,39%,to{opacity:.25}40%{opacity:1}}svg.audio-button-display.loading .animated-circle{animation:audio-button-loading-animation 1.2s ease-in infinite;fill:#009aef}svg.audio-button-display.white-button.loading .animated-circle{fill:#fff}svg.audio-button-display.loading .circle2{animation-delay:-1.05s}svg.audio-button-display.loading .circle3{animation-delay:-.9s}svg.audio-button-display.loading .circle4{animation-delay:-.75s}svg.audio-button-display.loading .circle5{animation-delay:-.6s}svg.audio-button-display.loading .circle6{animation-delay:-.45s}svg.audio-button-display.loading .circle7{animation-delay:-.3s}svg.audio-button-display.loading .circle0{animation-delay:-.15s}.practice-audio-button{display:inline-block}.audio-enabled-component>.practice-audio-button+.ixlParagraph{display:inline}.audio-button-display{height:21px;padding:12px 13px 12px 5px;width:27px}.lower-audio-grade .audio-button-display{height:29px;padding:8px 9px 8px 5px;width:31px}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_util_audio_AudioButtonDisplay-min { display: none; }
.audio-enabled-component.click-to-play{cursor:pointer}.audio-enabled-component,.audio-wrapped-complex-component{display:inline-block}.audio-enabled-component.contains-audio-button[wrapped-audio-content-type=Paragraph]>*{text-indent:0}.audio-enabled-component.contains-audio-button[wrapped-audio-content-type=Paragraph] svg.audio-button-display{display:block}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_util_audio_AudioEnabledComponent-min { display: none; }
.scripted{display:inline-block;white-space:nowrap}.scripted .subscript,.scripted .superscript{font-size:65%}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_expression_scripted_Scripted-min { display: none; }
.fillIn.disabled{overflow:hidden;white-space:nowrap}.fillIn.disabled,.fillIn.disabled .fill-in-content>div{display:inline-block}.fillIn.disabled .secret{visibility:hidden;width:0}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_GCFillIn_FillInDisabled-min { display: none; }
.fill-in-sizer-container{left:0;max-width:100%;position:absolute;top:0;white-space:nowrap}.fill-in-sizer-container .sizer-inner-container{display:inline-block;position:relative}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_GCFillIn_FillInSizer-min { display: none; }
.fill-in-container{display:inline-block}.fill-in-container.fill-in-responsive{max-width:100%}.fill-in-container .fillIn{box-sizing:border-box;max-width:100%}.contains-audio-button[wrapped-audio-content-type=GCSimpleFillIn] .practice-audio-button{margin:-22px 0;vertical-align:middle}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_GCFillIn_FillInBrowser-min { display: none; }
.spanish-character-palette-container{pointer-events:none;position:absolute;white-space:normal;z-index:10}.spanish-character-palette-container.hidden,.spanish-character-palette-container.hidden .arrow-img,.spanish-character-palette-container.hidden img,.spanish-character-palette.hidden,.spanish-character-palette.hidden .arrow-img{pointer-events:none!important;visibility:hidden!important}.spanish-character-palette-container .display-icon{background-color:#ededed;border:1px solid #d0d5d6;border-radius:0 0 4px 4px;border-top:0;color:#ccc;cursor:pointer;height:15px;pointer-events:auto;position:absolute;text-align:left;top:-1px;width:15px}.gc-fill-in-letters-wrapper .spanish-character-palette-container .display-icon{border-radius:4px;top:1px}.gc-fill-in-letters-wrapper .spanish-character-palette-container .spanish-character-palette{top:2px}.spanish-character-palette-container .display-icon .display-icon-hover-area{height:25px;left:-5px;position:absolute;width:25px;z-index:11}.spanish-character-palette-container .display-icon img{cursor:pointer;height:4px;left:-5px;padding:6px 9px 15px;position:absolute;width:7px}.spanish-character-palette-container .display-icon .active-img,.spanish-character-palette-container .display-icon.hovered .inactive-img{visibility:hidden}.spanish-character-palette-container .display-icon .inactive-img,.spanish-character-palette-container .display-icon.hovered .active-img{visibility:visible}.spanish-character-palette-container .display-icon.hovered{color:#999}.spanish-character-palette{background-color:#eee;border:1px solid #ddd;border-radius:5px;cursor:default;height:85px;pointer-events:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:237px}.spanish-character-palette:not(hidden){z-index:12}.spanish-character-palette .shift{background-color:#6aa7ef;border-radius:5px;cursor:pointer;float:left;height:27px;margin-left:8px;margin-right:7px;margin-top:25px;text-align:center;width:27px}.spanish-character-palette .shift .arrow-image-container{position:relative}.spanish-character-palette .shift .arrow-img{left:8px;position:absolute;top:6px}.spanish-character-palette .shift .arrow-img.pressed-arrow{height:15px;left:6px;top:6px;width:15px}.spanish-character-palette .shift .arrow-img.unpressed-arrow{height:17px;left:5px;top:5px;width:17px}.spanish-character-palette .shift.on .arrow-img.unpressed-arrow,.spanish-character-palette .shift.pressed .arrow-img.unpressed-arrow,.spanish-character-palette .shift.unpressed .arrow-img.pressed-arrow{visibility:hidden}.spanish-character-palette .shift.on .arrow-img.pressed-arrow{visibility:visible}.spanish-character-palette .shift.hovered,.spanish-character-palette .shift.on.hovered{background-color:#8ac1f9}.spanish-character-palette .shift.on{background-color:#3a7fef}.spanish-character-palette .shift.pressed{background-color:#004bc4}.spanish-character-palette .shift.disabled{cursor:default}.spanish-character-palette .character-container{background-color:#6aa7ef;border-radius:50%;cursor:pointer;float:left;height:32px;margin-right:7px;text-align:center;width:32px}.spanish-character-palette .character-container.hovered{background-color:#8ac1f9}.spanish-character-palette .character-container.pressed{background-color:#004bc4}.spanish-character-palette .character{border-radius:50%;color:#fff;font-size:16px;line-height:32px;margin:auto;pointer-events:none}.spanish-character-palette .top-row{display:inherit;margin-top:8px}.spanish-character-palette .bottom-row{display:inline-block;margin-left:20px}.spanish-character-palette .tool-tip-container{cursor:pointer!important;display:inline-block}.spanish-character-palette .tooltip{border-radius:50%;width:220px}.spanish-character-palette .tooltip-button{border:1px solid #61cffa;border-radius:50%;cursor:pointer;height:14px;text-align:center;width:14px}.spanish-character-palette .tooltip-button .character{color:#61cffa;font-size:11px;line-height:14px}.spanish-character-palette .tooltip-button.hover .character{color:#fff}.spanish-character-palette .tooltip-button.hover{background-color:#61cffa}.spanish-character-palette .attributed-qm .tool-tip-container .invisible-bridge{bottom:-15px;left:-8px}.spanish-character-palette .attributed-qm .tool-tip-container .tooltip{bottom:10px;right:3px}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_spanish_CharacterPalette_CharacterPalette-min { display: none; }
.attributed-qm{display:inline-block;position:relative}.attributed-qm .attribution-container{height:0;margin:0 auto;position:relative;width:100%}.attributed-qm .attr-icon{bottom:5px;height:15px;pointer-events:all;position:absolute;right:5px;width:15px;user-drag:none;user-select:none;-moz-user-select:none;-moz-user-drag:none;-webkit-user-select:none;-webkit-user-drag:none}.attributed-qm .tooltip{background-color:#fff;border-radius:5px 5px 1px 5px;bottom:29px;box-shadow:0 1px 1px 1px hsla(0,5%,39%,.4);box-sizing:border-box;color:#454545;float:right;font-size:12px;line-height:normal;opacity:0;padding:.8em 1em;position:absolute;right:7px;text-align:left;visibility:hidden;z-index:25}.attributed-qm .attribution-container.hover .tooltip{opacity:.96;transition:opacity .2s ease;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;visibility:visible}.attributed-qm .tooltip .tip{background-color:#fff;bottom:-4px;box-shadow:2px 2px 1px 0 hsla(0,5%,39%,.4);height:8px;position:absolute;right:1.6px;transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transform:rotate(45deg);width:8px}.attributed-qm .ixlParagraph{color:#454545}.attributed-qm .invisible-bridge{bottom:10px;height:25px;opacity:0;position:absolute;right:1px;visibility:hidden;width:25px}.attributed-qm .attribution-container.hover .invisible-bridge{visibility:visible}.attribution_aggregate_container{margin-top:10px}.attribution_aggregate_container .attributed-qm{height:auto!important;width:100%!important}.attribution_aggregate_container .attributed-qm .attribution-container{height:auto;margin-bottom:2px;width:100%!important}.attribution_aggregate_container .attributed-qm .dc-image{display:none}.attribution_aggregate_container .attributed-qm .attr-icon{bottom:auto;left:4px;right:auto}.attribution_aggregate_container .attributed-qm .invisible-touch-area{height:40px;left:0;position:absolute;top:0;width:40px}.attribution_aggregate_container .attributed-qm .tooltip{border-radius:5px 5px 5px 5px;bottom:auto;box-shadow:0 1px 1px 1px hsla(0,5%,39%,.4);display:inline-block;float:inherit;margin-left:40px;max-width:inherit!important;padding:.8em 1em;position:relative;right:auto}.attribution_aggregate_container .attributed-qm .tooltip .ixlParagraph{margin-bottom:1.4em;margin-top:1.4em}.attribution_aggregate_container .attributed-qm .tooltip .ixlParagraph:first-child{margin-top:.2em}.attribution_aggregate_container .attributed-qm .tooltip .ixlParagraph:last-child{margin-bottom:.2em}.attribution_aggregate_container .attributed-qm .tooltip:after{opacity:0}.matchWordsToImagesContainer .imageSlot .attributed-qm{display:block}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_attribution_Attribution-min { display: none; }
.mi,.mn,.mo,.mspace,.mtext{display:inline-block;line-height:normal;white-space:nowrap}.mo>.align{display:inline-block;vertical-align:text-bottom}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_mathml_TokenElements-min { display: none; }
.fill-in-container.mobile .fillIn{display:inline-block;line-height:normal;overflow:hidden;vertical-align:bottom;white-space:nowrap}.fill-in-container.mobile .fillIn .fill-in-content>div{display:inline-block}.fill-in-container.mobile .fillIn .cursor{background-color:#000;font-size:90%;margin-right:-1px;visibility:hidden;width:1px}.fill-in-container.mobile .fillIn .cursor.blinking{visibility:visible}.fill-in-container.mobile .secret{visibility:hidden;width:0}.fill-in-container.mobile .fillIn.focused{border:1px solid #009aef;box-shadow:0 0 2px rgba(6,185,247,.65),inset 0 3px 0 rgba(5,166,222,.07);outline:none;transition:.1s ease-in}.dialogue-with-speech-bubbles .speech-bubble-dialogue-line.ios .dialogue-line .speech-bubble-content .fill-in-container.mobile .fillIn{vertical-align:baseline}.dialogue-with-speech-bubbles .speech-bubble-dialogue-line.android .dialogue-line .speech-bubble-content .fill-in-container.mobile .fillIn{vertical-align:-25%}.contains-audio-button[wrapped-audio-content-type=GCSimpleFillIn] .practice-audio-button{margin:-22px 0;vertical-align:middle}.mrow .fill-in-container.mobile{line-height:normal}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_GCFillIn_FillInMobile-min { display: none; }
.TileMultipleChoices{outline:none;position:relative;-webkit-touch-callout:none;-webket-tap-highlight-color:transparent}.TileMultipleChoices,.TileMultipleChoices>.TileCover{-webkit-user-select:none;-moz-user-select:none;user-select:none}.TileMultipleChoices>.TileCover{background-color:#fff;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.TileMultipleChoices.visible>.TileCover{height:0;width:0;z-index:-1}.TileMultipleChoices>.LaidOutTiles{display:inline-block;margin:1px;max-width:calc(100% - 40px);width:100%}.with-qg3-audio.TileMultipleChoices>.LaidOutTiles{max-width:calc(100% - 45px - 2px)}.practice-audio-wrapper .TileMultipleChoices>.LaidOutTiles{max-width:calc(100% - 40px + var(--audioButtonWidth))}.TileMultipleChoices.visible .flex-layout{visibility:visible}.TileMultipleChoices.hidden .flex-layout{visibility:hidden}.TileMultipleChoices.contains-qg3-audio .GriddyLayout{display:inline-block;width:calc(100% - 37px)}.TileMultipleChoices.with-qg3-audio>.qg3-audio-button{vertical-align:top}.TileMultipleChoices.with-qg3-audio>.practice-audio-button>svg.audio-button-display{display:block}.TileMultipleChoices .sizer{display:inline-block;left:-99999px;position:absolute;top:-99999px}.TileMultipleChoices .SelectableTile .standalone-cube-train-wrapper .single-cube-train.mobile>svg,.audio-wrapped-complex-component[wrapped-audio-content-type=TileMultipleChoice]{display:block}.TileMultipleChoices .TileSkinBare .practice-audio-wrapper>*{vertical-align:unset}.TileMultipleChoices .TileSkinBare .practice-audio-wrapper .vFrac{vertical-align:middle}.TileMultipleChoices .SelectableTile.COMPOSITE.MULTIPLE_SELECT .labelDecorator,.TileMultipleChoices .SelectableTile.COMPOSITE.mobile .labelDecorator{height:100%}.TileMultipleChoices .SelectableTile.COMPOSITE .labelDecorator .TileSkinClassic.IMAGE{margin-right:5px}.TileMultipleChoices .SelectableTile.COMPOSITE .TileSkinCheckMarkBottom>.CheckMarkRow{bottom:-1px;right:2px}.TileMultipleChoices .TileSkinBare .practice-audio-wrapper>.expression-wrapper.inline-block-display>.expression.vMixedNum{top:-1px}.TileMultipleChoices.disablePointerEvents .SelectableTile>*{pointer-events:none}.sr-only{clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_GCTileMultipleChoices_TileMultipleChoices-min { display: none; }
.GriddyLayout:focus,.VerticalLayout:focus{outline:none}.VerticalLayout{align-items:flex-start;display:inline-flex;-moz-flex-direction:column;flex-direction:column}.GriddyLayout,.HorizontalLayout{display:inline-flex;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;-moz-justify-content:flex-start;justify-content:flex-start;width:inherit}.GriddyLayout.TOP{align-content:flex-start;align-items:flex-start}.GriddyLayout.MIDDLE{align-content:center;align-items:center}.GriddyLayout.BOTTOM{align-content:flex-end;align-items:flex-end}.GriddyLayout.LEFT{-moz-justify-content:flex-start;justify-content:flex-start}.GriddyLayout.CENTER{-moz-justify-content:center;justify-content:center}.GriddyLayout.RIGHT{-moz-justify-content:flex-end;justify-content:flex-end}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_layout_TileLayout-min { display: none; }
.AudioForSelectableTile{backface-visibility:hidden;display:table;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.AudioForSelectableTile>.AudioIcon{display:table-cell;vertical-align:top}.practice-audio-wrapper .SelectableTile.practice-audio-button-playing{box-shadow:0 0 10px 2px #3a7fef;-webkit-box-shadow:0 0 10px 2px #3a7fef;-moz-box-shadow:0 0 10px 2px #3a7fef}.practice-audio-wrapper .SelectableTile.practice-audio-button-playing.hover,.practice-audio-wrapper .SelectableTile.practice-audio-button-playing.selected{box-shadow:0 0 0 1px #03abe4,0 0 10px 2px #3a7fef;-webkit-box-shadow:0 0 10px 2px #3a7fef;-moz-box-shadow:0 0 10px 2px #3a7fef}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_Tiles_AudioForSelectableTile-min { display: none; }
.SelectableTile{backface-visibility:hidden;-moz-user-select:-moz-none;-webkit-user-select:none;user-select:none}.SelectableTile .TileSkinBare .diagramWrapper,.SelectableTile .TileSkinClassic .diagramWrapper,.SelectableTile .TileSkinClassic .graphingBaseContainer{overflow:hidden}.SelectableTile>div,.SelectableTile>div>div{transform:translateZ(0)}.SelectableTile img.dc-image{user-drag:none;-webkit-user-drag:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.SelectableTile:focus{outline:none}.SelectableTile,.SelectableTile.natural{background-color:#fff;border:2px solid #b2ebff;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;height:auto;padding:0;position:relative;transform-style:preserve-3d;width:90px}.SelectableTile.hover{background-color:#ecf9fe;border:2px solid #86d7f7}.SelectableTile.down{background-color:#e0f4fe;border:2px solid #58bbed}.SelectableTile.selected{background-color:#e0f4fe;border:2px solid #08c}.SelectableTile.hoverSelected{background-color:#e0f4fe;border:2px solid #58bbed}.SelectableTile.downSelected{background-color:#ecf9fe}.SelectableTile.nonInteractive{cursor:default;filter:alpha(opacity=100);opacity:1}.SelectableTile.disabled{background-color:#fff;cursor:default;filter:alpha(opacity=80);opacity:.6}.SelectableTile.selected.nonInteractive{background-color:#e0f4fe}.practice-audio-wrapper .SelectableTile{white-space:normal}.SelectableTile.nonInteractive .practice-audio-wrapper{cursor:default}.SelectableTile.TEXT.downSelected{background-color:#ecf9fe;border:2px solid #86d7f7}.SelectableTile.TEXT.MULTIPLE_CHOICE.hoverSelected{background-color:#ecf9fe}.tempReactNode .VerticalLayout .SelectableTile.TEXT.centerAlignTileContent.MULTIPLE_CHOICE,.tempReactNode .VerticalLayout .SelectableTile.TEXT.centerAlignTileContent.MULTIPLE_SELECT{overflow-wrap:anywhere}.SelectableTile.FLOAT.noBorder{background-color:#fff;border:2px solid transparent}.SelectableTile.COMPOSITE,.SelectableTile.COMPOSITE.natural,.SelectableTile.FLOAT,.SelectableTile.FLOAT.natural,.SelectableTile.IMAGE,.SelectableTile.IMAGE.natural{background-color:#fff;display:inline-block;line-height:0;width:auto}.centerAlignTileContent .TileSkinClassic.FLOAT,.centerAlignTileContent .TileSkinClassic.IMAGE{align-items:center;-webkit-align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;-ms-flex-align:center;align-content:center;-webkit-align-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-line-pack:center}.centerAlignTileContent .TileSkinCheckMarkBottom,.centerAlignTileContent .TileSkinCheckMarkLeft{height:100%}.SelectableTile.FLOAT.hover,.SelectableTile.IMAGE.hover{border-color:#86d7f7;box-shadow:0 0 0 1px #86d7f7}.SelectableTile.FLOAT.down,.SelectableTile.IMAGE.down{border-color:#58bbed;box-shadow:0 0 0 1px #58bbed}.SelectableTile.FLOAT.selected,.SelectableTile.IMAGE.selected{border-color:#08c;box-shadow:0 0 0 1px #08c}.SelectableTile.FLOAT.hoverSelected,.SelectableTile.IMAGE.hoverSelected{border-color:#58bbed;box-shadow:0 0 0 1px #58bbed}.SelectableTile.FLOAT.MULTIPLE_SELECT.downSelected,.SelectableTile.IMAGE.MULTIPLE_SELECT.downSelected{background-color:transparent;border-color:#86d7f7;box-shadow:0 0 0 1px #86d7f7}.SelectableTile.COMPOSITE.nonInteractive,.SelectableTile.FLOAT.nonInteractive,.SelectableTile.IMAGE.nonInteractive{background-color:#fff;filter:alpha(opacity=100);opacity:1}.SelectableTile.COMPOSITE.disabled,.SelectableTile.FLOAT.disabled,.SelectableTile.IMAGE.disabled{background-color:#fff;filter:alpha(opacity=70);opacity:.45}.VerticalLayout .SelectableTile.COMPOSITE{display:inline-block}.SelectableTile.COMPOSITE.hover{background-color:#ecf9fe;border-color:#86d7f7;box-shadow:0 0 0 1px #86d7f7}.SelectableTile.COMPOSITE.down{background-color:#e0f4fe;border-color:#58bbed;box-shadow:0 0 0 1px #58bbed}.SelectableTile.COMPOSITE.selected{background-color:#e0f4fe;border-color:#08c;box-shadow:0 0 0 1px #08c}.SelectableTile.COMPOSITE.hoverSelected{background-color:#ecf9fe;border-color:#58bbed;box-shadow:0 0 0 1px #58bbed}.SelectableTile.COMPOSITE.MULTIPLE_SELECT.downSelected{background-color:#ecf9fe;border-color:#86d7f7;box-shadow:0 0 0 1px #86d7f7}.SelectableTile .mapContainer>svg{display:block;margin:auto}.SelectableTile .mapContainer{display:block}.SelectableTile.FLOAT.mobile,.SelectableTile.IMAGE.mobile{background-color:#fff;border-color:#b2ebff}.SelectableTile.TEXT.mobile.hover{background-color:#e0f4fe}.SelectableTile.TEXT.mobile.down{background-color:#e0f4fe;border-color:#58bbed}.SelectableTile.TEXT.mobile.selected{background-color:#e0f4fe;border-color:#08c}.SelectableTile.TEXT.mobile.downSelected{background-color:#ecf9fe;border-color:#86d7f7!important}.SelectableTile.COMPOSITE.mobile.down,.SelectableTile.FLOAT.mobile.down,.SelectableTile.IMAGE.mobile.down{border-color:#58bbed;box-shadow:0 0 0 1px #58bbed}.SelectableTile.COMPOSITE.selected.mobile,.SelectableTile.FLOAT.selected.mobile,.SelectableTile.IMAGE.selected.mobile{border-color:#08c;box-shadow:0 0 0 1px #08c}.SelectableTile.FLOAT.downSelected.mobile{border-color:#58bbed;box-shadow:0 0 0 1px #58bbed}.SelectableTile.COMPOSITE.downSelected.mobile,.SelectableTile.IMAGE.downSelected.mobile{border-color:#86d7f7;box-shadow:0 0 0 1px #86d7f7}.SelectableTile:not(.nonInteractive):hover{z-index:1}.SelectableTile.COMPOSITE:has(div.labelDecorator.quizCustomQuestion.MS){overflow-wrap:anywhere}.SelectableTile.COMPOSITE:has(div.labelDecorator.quizCustomQuestion.MC){overflow-wrap:anywhere}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_Tiles_SelectableTile-min { display: none; }
.CheckMarkSquare{bottom:0;height:14px;left:0;margin:auto;pointer-events:none;position:absolute;right:0;top:0;width:14px}.TileSkinCheckMarkLeft{display:flex;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;height:100%;position:relative;width:100%}.TileSkinCheckMarkLeft.DoesNotSupportFlexBox{display:table;height:100%;width:100%}.TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#b2ebff;height:auto;min-width:25px;position:relative;width:25px}.TileSkinCheckMarkLeft.DoesNotSupportFlexBox>.CheckMarkColumn{display:table-cell;height:100%;position:relative}.TileSkinCheckMarkLeft>.TileSkinClassic.FLOAT{width:100%}.mobile>.TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#b2ebff}.mobile.selected>.TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#08c}.SelectableTile>.TileSkinCheckMarkLeft>.CheckMarkColumn{line-height:0}.SelectableTile.hover .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#86d7f7}.SelectableTile.down .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#58bbed}.SelectableTile.selected .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#08c}.SelectableTile.hoverSelected .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#58bbed}.SelectableTile.TEXT.hover .TileSkinCheckMarkLeft>.CheckMarkColumn,.SelectableTile.downSelected .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#86d7f7}.SelectableTile.TEXT.down .TileSkinCheckMarkLeft>.CheckMarkColumn,.SelectableTile.TEXT.hoverSelected .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#58bbed}.SelectableTile.COMPOSITE.mobile.down .TileSkinCheckMarkLeft>.CheckMarkColumn,.SelectableTile.TEXT.downSelected .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#86d7f7}.SelectableTile.COMPOSITE.mobile.selected .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#08c}.SelectableTile.COMPOSITE.mobile.downSelected .TileSkinCheckMarkLeft>.CheckMarkColumn{background-color:#86d7f7}.TileSkinCheckMarkBottom{display:flex;flex-direction:column;line-height:0;position:relative;width:100%}.TileMultipleChoices .labelDecorator.quizCustomQuestion.MS .TileSkinCheckMarkBottom{flex:0!important;height:23px;justify-content:flex-end}.TileSkinCheckMarkBottom>.CheckMarkRow{align-content:center;-webkit-align-content:center;align-items:center;-webkit-align-items:center;background-color:#b2ebff;border-bottom:1px solid #b2ebff;border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-right:1px solid #b2ebff;border-top:3px solid #b2ebff;display:flex;height:20px;justify-content:center;-webkit-justify-content:center;min-height:20px;position:relative;width:auto}.noBorder.disabled .TileSkinCheckMarkBottom>.CheckMarkRow,.noBorder.natural .TileSkinCheckMarkBottom>.CheckMarkRow,.noBorder.nonInteractive .TileSkinCheckMarkBottom>.CheckMarkRow{background-color:transparent;border-bottom-color:transparent;border-right-color:transparent;border-top-color:transparent}.hover .TileSkinCheckMarkBottom>.CheckMarkRow{background-color:#86d7f7;border-bottom-color:#86d7f7;border-right-color:#86d7f7;border-top-color:#86d7f7}.down .TileSkinCheckMarkBottom>.CheckMarkRow{background-color:#58bbed;border-bottom-color:#58bbed;border-right-color:#58bbed;border-top-color:#58bbed}.selected .TileSkinCheckMarkBottom>.CheckMarkRow{background-color:#08c;border-bottom-color:#08c;border-right-color:#08c;border-top-color:#08c}.hoverSelected .TileSkinCheckMarkBottom>.CheckMarkRow{background-color:#58bbed;border-color:#58bbed}.downSelected .TileSkinCheckMarkBottom>.CheckMarkRow{background-color:#86d7f7;border-color:#86d7f7}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_Tiles_TileSkinCheckMark-min { display: none; }
.TileSkinBare,.TileSkinBare.DoesNotSupportFlexBox,.TileSkinBare.LEFT{box-sizing:border-box;display:flex;-moz-flex:1 1 auto;flex:1 1 auto;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;height:100%;-moz-justify-content:flex-start;justify-content:flex-start;min-height:50px;padding:5px 20px;position:relative}.TileSkinBare.CENTER{justify-content:center;padding:5px;text-align:center}.TileSkinBare.RIGHT{-moz-justify-content:flex-end;justify-content:flex-end}.TileSkinBare.TOP{align-items:flex-start;-webkit-align-items:flex-start;-ms-flex-align:start;align-content:flex-start;-webkit-align-content:flex-start;-webkit-box-align:start;-moz-box-align:start;-ms-flex-line-pack:start}.TileSkinBare.MIDDLE{align-items:center;-webkit-align-items:center;-ms-flex-align:center;align-content:center;-webkit-align-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-line-pack:center}.TileSkinBare.BOTTOM{align-items:flex-end;-webkit-align-items:flex-end;-ms-flex-align:end;align-content:flex-end;-webkit-align-content:flex-end;-webkit-box-align:end;-moz-box-align:end;-ms-flex-line-pack:end}.TileSkinBare>div{display:inline-table}.TileSkinBare.DoesNotSupportFlexBox{display:table;width:100%}.TileSkinBare.DoesNotSupportFlexBox.MIDDLE>.TileLegacy{display:table-cell;vertical-align:middle}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_Tiles_TileSkinBare-min { display: none; }
.TileSkinClassic{line-height:0;padding:2px}.TileSkinClassic.IMAGE img.dc-image{border-radius:2px;display:block;margin:0 auto}.TileSkinClassic.FLOAT{line-height:normal;padding:10px}.TileSkinCheckMarkBottom .TileSkinClassic.FLOAT,.TileSkinCheckMarkLeft .TileSkinClassic.FLOAT{align-items:center;-webkit-align-items:center;display:flex;justify-content:center;text-align:center;-ms-flex-align:center;align-content:center;-webkit-align-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-line-pack:center}.TileSkinClassic .dc-number-cards-number-container{line-height:normal}.TileSkinClassic.FLOAT.CENTER{box-sizing:border-box;height:100%;justify-content:center;min-height:50px;text-align:center}.TileSkinClassic.FLOAT.BOTTOM{align-items:flex-end;-webkit-align-items:flex-end;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;-ms-flex-align:end;align-content:flex-end;-webkit-align-content:flex-end;-webkit-box-align:end;-moz-box-align:end;-ms-flex-line-pack:end}.TileSkinClassic.FLOAT.TOP{align-items:flex-start;-webkit-align-items:flex-start;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;-ms-flex-align:start;align-content:flex-start;-webkit-align-content:flex-start;-webkit-box-align:start;-moz-box-align:start;-ms-flex-line-pack:start}.TileSkinClassic.FLOAT.LEFT{box-sizing:border-box;-moz-flex:1 1 auto;flex:1 1 auto;-moz-flex-direction:row;flex-direction:row;flex-wrap:wrap;height:100%;-moz-justify-content:flex-start;justify-content:flex-start;min-height:50px;padding:5px 20px;-webkit-box-pack:unset;-moz-box-pack:unset;text-align:unset}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_Tiles_TileSkinClassic-min { display: none; }
.horizontal-scroll-hoc-wrapper:after{clear:both;content:" ";display:block;height:0;visibility:hidden}.horizontal-scroll-indicator-container{float:left;position:relative;width:100%}.horizontal-scroll-indicator-container .horizontal-scroll-element-wrapper{overflow-x:auto;overflow-y:hidden}.horizontal-scroll-indicator-container .horizontal-scroll-element-wrapper::-webkit-scrollbar{display:none}.horizontal-scroll-indicator-container .horizontal-scroll-element-wrapper{scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll-indicator-container .left-horizontal-scroll-fade:not(.hidden),.horizontal-scroll-indicator-container .right-horizontal-scroll-fade:not(.hidden){content:"";display:block;height:100%;pointer-events:none;position:absolute;top:0;z-index:99}.horizontal-scroll-indicator-container .left-horizontal-scroll-fade:not(.hidden){background:linear-gradient(270deg,hsla(0,0%,100%,0),#fff);left:0}.horizontal-scroll-indicator-container .right-horizontal-scroll-fade:not(.hidden){background:linear-gradient(90deg,hsla(0,0%,100%,0),#fff);right:0}.gcs-disabled .horizontal-scroll-element-wrapper.mobile{pointer-events:auto}.gcs-disabled .horizontal-scroll-element-wrapper.mobile::-webkit-scrollbar{display:none}.gcs-disabled .horizontal-scroll-element-wrapper.mobile{scrollbar-width:none;-ms-overflow-style:none}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_util_css_withHorizontalScrollIndicator-min { display: none; }
.dc-strip-diagram.in-selectable-tile{max-width:460px;min-width:460px}.dc-strip-diagram{color:#545454;font-family:verdana,arial,helvetica,sans-serif;font-size:18px;font-style:normal;max-width:460px;min-width:350px}.dc-strip-diagram .segments{display:flex}.dc-strip-diagram .segments>:last-child{margin-right:0}.dc-strip-diagram .segments>:first-child .strip:first-child .strip-content{border-bottom-left-radius:5px;border-top-left-radius:5px}.dc-strip-diagram .segments>:last-child .strip:last-child .strip-content{border-bottom-right-radius:5px;border-top-right-radius:5px}.dc-strip-diagram .segment-container{display:inline-block;margin-right:3px}.dc-strip-diagram .segment-container .strip-container{display:flex;justify-content:space-between}.dc-strip-diagram .segment-container .strip-container .strip{display:inline-block;margin-right:3px;text-align:center}.dc-strip-diagram .segment-container .strip-container .strip .strip-content{font-weight:700;height:60px;line-height:60px}.dc-strip-diagram .segment-container .strip-container .strip .strip-content .bracket-container{height:60px}.dc-strip-diagram .segment-container .strip-container .strip .strip-content .bracket-container .bracket-content{height:0;line-height:30px}.dc-strip-diagram .segment-container .strip-container .strip .bottom-caption{margin-top:7px}.dc-strip-diagram .segment-container .strip-container .strip.bracket{margin-left:2px;margin-right:2px}.dc-strip-diagram .segment-container .strip-container .strip.left-borders-bracket{margin-right:0}.dc-strip-diagram .segment-container .strip-container .strip.left-borders-bracket .strip-content{border-bottom-right-radius:5px;border-top-right-radius:5px}.dc-strip-diagram .segment-container .strip-container .strip.right-borders-bracket .strip-content{border-bottom-left-radius:5px;border-top-left-radius:5px}.dc-strip-diagram .segment-container .strip-container .strip:last-child:not(.bracket){margin-right:0}.dc-strip-diagram .segment-container .strip-container .strip:only-child{padding-right:0}.dc-strip-diagram .top-bracket-caption .caption{font-size:16px;line-height:1;position:relative;top:3px}.dc-strip-diagram .top-bracket-caption .caption.bold{font-weight:700}.dc-strip-diagram .top-bracket-caption .svg-container{height:18px;padding:12px 0;position:relative;text-align:left}.dc-strip-diagram .top-bracket-caption .svg-container svg{position:absolute}.dc-strip-diagram .bottom-bracket-caption .caption{font-size:16px;line-height:1;padding-bottom:3px;position:relative}.dc-strip-diagram .bottom-bracket-caption .caption.bold{font-weight:700}.dc-strip-diagram .bottom-bracket-caption .svg-container{height:18px;padding:12px 0;position:relative;text-align:left}.dc-strip-diagram .bottom-bracket-caption .svg-container svg{position:absolute}.dc-strip-diagram .strip-bottom-bracket-caption .caption{font-size:16px;line-height:1;padding-bottom:3px}.dc-strip-diagram .strip-bottom-bracket-caption .caption.bold{font-weight:700}.dc-strip-diagram .strip-bottom-bracket-caption .svg-container{font-size:16px;height:18px;padding:12px 0;position:relative;text-align:left}.dc-strip-diagram .strip-bottom-bracket-caption .svg-container svg{position:absolute}.dc-strip-diagram .strip-bottom-bracket-caption.multi-dots .caption{font-size:14px}.dc-strip-diagram .strip-bottom-bracket-caption.multi-dots .caption.bold{font-weight:700}.dc-strip-diagram .strip-bottom-bracket-caption.multi-dots .svg-container{height:18px;padding:12px 0;position:relative;text-align:left}.dc-strip-diagram .strip-bottom-bracket-caption.multi-dots .svg-container svg{position:absolute}.dc-strip-diagram .top-caption,.dc-strip-diagram .top-caption .caption{padding-bottom:5px}.dc-strip-diagram .top-caption .caption.bold{font-weight:700}.dc-strip-diagram .top-caption .svg-container{height:25px;position:relative;top:-3px}.dc-strip-diagram .top-caption .svg-container svg{position:absolute;top:0}.dc-strip-diagram .bottom-caption .svg-container{bottom:-5px;height:30px;position:relative}.dc-strip-diagram .top-strip-caption{padding-bottom:7px}.dc-strip-diagram .top-strip-caption .caption{padding-bottom:5px}.dc-strip-diagram .top-strip-caption .svg-container{height:30px;position:relative}.dc-strip-diagram .caption{font-size:14px;text-align:center}.dc-strip-diagram .caption.bold{font-weight:700}/* YUI CSS Detection Stamp */
#yui3-css-stamp.ixl_content_components_stripDiagram_StripDiagram-min { display: none; }








<!-- NEXL GLOBAL FIXES V4 -->
<script>
// NEXL STUDY - MASTER APP CONTROLLER
// This script overrides IXL functionality for offline use.

(function initNexlApp() {
    // 1. ANNIHILATE ALL POP-UPS AND MODALS
    const killModals = () => {
        const modals = document.querySelectorAll('.membership-banner, .ixl-modal, .yui3-panel, .ixl-dialog, [role="dialog"], .membership-prompt, .trial-banner, .modal-backdrop, .toast-message');
        modals.forEach(m => m.remove());
        
        // Unblock scrolling if blocked
        document.body.style.overflow = 'auto';
        document.body.classList.remove('modal-open');
    };
    
    // Run modal killer immediately and every 1s (to catch delayed pop-ups)
    killModals();
    setInterval(killModals, 1000);

    // X. GLOBAL CLEANUP FOR CARD-ONLY MODE
    const killExtraUI = () => {
        const clutter = document.querySelectorAll(`
            #hd, .global-header, #header, header, 
            #bd-footer, .page-footer, .global-footer, footer, 
            .practice-stats-container, #stats-ribbon, #practice-stats, 
            .teacher-tools, .scratchpad-tool, #bd-head,
            nav.breadcrumb-nav, nav.sub-navigation, .box-site-nav-content, 
            .share-label, .social-share-bar
        `);
        clutter.forEach(el => el.remove());
        
        // Re-center the practice area if needed
        const practiceRoot = document.querySelector('.practice-views-root');
        if (practiceRoot) {
            practiceRoot.style.margin = '0 auto';
            practiceRoot.style.float = 'none';
            practiceRoot.style.width = '100%';
            practiceRoot.style.maxWidth = '900px';
        }
    };
    killExtraUI();
    setInterval(killExtraUI, 1000);

    // 2. INJECT BEAUTIFUL NEXL LOGO
    const logoContainers = document.querySelectorAll('.ixl-logo, #hd-logo, .global-header-logo, header a[href="/"]');
    logoContainers.forEach(container => {
        container.innerHTML = `
            <div style="display: flex; align-items: center; font-family: 'Inter', sans-serif; font-weight: 900; font-size: 32px; letter-spacing: -1px; text-decoration: none;">
                <span style="color: #0066FF;">N</span>
                <span style="color: #3399FF;">E</span>
                <span style="color: #FF3366;">X</span>
                <span style="color: #9933FF;">L</span>
                <span style="color: #66B2FF; font-style: italic; font-weight: 500; margin-left: 8px; font-size: 24px;">learning</span>
            </div>
        `;
        container.style.textDecoration = 'none';
        container.style.border = 'none';
    });

    // 3. ANNIHILATE ORIGINAL FOOTER AND REPLACE WITH NEXL FOOTER
    const oldFooters = document.querySelectorAll('#bd-footer, .page-footer, .global-footer, footer');
    oldFooters.forEach(f => f.remove());
    
    const customFooter = document.createElement('footer');
    customFooter.innerHTML = `
        <div style="background: linear-gradient(135deg, #1e1e2f, #2a2a40); padding: 40px; text-align: center; color: white; font-family: 'Inter', sans-serif; margin-top: 50px; border-top: 4px solid #3399FF;">
            <div style="font-size: 28px; font-weight: 900; margin-bottom: 10px;">
                <span style="color: #0066FF;">N</span><span style="color: #3399FF;">E</span><span style="color: #FF3366;">X</span><span style="color: #9933FF;">L</span>
                <span style="color: #66B2FF; font-style: italic; font-weight: 500;">learning</span>
            </div>
            <p style="color: #8892b0; font-size: 14px;">The Ultimate Offline Learning Library &bull; Education Without Limits</p>
        </div>
    `;
    document.body.appendChild(customFooter);

    // 4. FIX BROKEN/LIVE LINKS (Skill Plans, Analytics, Videos, Games)
    const allLinks = document.querySelectorAll('a, button, [role="button"]');
    allLinks.forEach(link => {
        const href = link.getAttribute('href') || '';
        const text = link.textContent.toLowerCase();
        
        // Hide broken tabs
        if (
            href.includes('skill-plans') || 
            href.includes('recommendations') || 
            href.includes('analytics') || 
            href.includes('core-curriculum') || 
            href.includes('search?') ||
            text.includes('skill plans') ||
            text.includes('analytics') ||
            text.includes('recommendations')
        ) {
            link.style.display = 'none';
        }

        // Hide videos and games that lead to live site
        if (
            href.includes('showVideoDirectly') || 
            href.includes('videos.html') || 
            href.includes('alkhalid-ixl-math.netlify.app') ||
            href.includes('/games/') ||
            text.includes('watch video') ||
            link.classList.contains('video-link') ||
            link.classList.contains('game-link')
        ) {
            link.style.display = 'none';
        }
    });

    // 5. RESTORE CLICK AND SELECT INTERACTIVITY (FOR ALL ELEMENTS)
    
    // Inject massive global styles for selection
    const nexlStyles = document.createElement('style');
    nexlStyles.innerHTML = `
        .nexl-selected {
            border: 3px solid #10b981 !important;
            box-shadow: inset 0 0 0 2px rgba(16, 185, 129, 0.5), 0 4px 6px rgba(0,0,0,0.1) !important;
            background-color: rgba(16, 185, 129, 0.08) !important;
            border-radius: 8px !important;
            z-index: 9999 !important;
            transition: all 0.2s ease-in-out !important;
        }
        .nexl-pending-drag {
            outline: 4px dashed #ff9800 !important;
            outline-offset: 4px !important;
            box-shadow: 0 0 15px rgba(255, 152, 0, 0.8) !important;
            transform: scale(1.05) !important;
            transition: all 0.2s ease !important;
            z-index: 10000 !important;
            cursor: grabbing !important;
        }
        /* Specific overrides for tables/texts so they don't look weird */
        td.nexl-selected {
            background-color: rgba(16, 185, 129, 0.15) !important;
            color: #065f46 !important;
            font-weight: bold !important;
        }
        /* SVG Group selections */
        g.nexl-selected rect, g.nexl-selected circle, g.nexl-selected path {
            stroke: #10b981 !important;
            stroke-width: 4px !important;
            fill: rgba(16, 185, 129, 0.2) !important;
        }
        g.nexl-selected text, g.nexl-selected tspan {
            fill: #065f46 !important;
            font-weight: bold !important;
        }
        /* Isolated SVG selections */
        text.nexl-selected, tspan.nexl-selected, rect.nexl-selected, circle.nexl-selected, path.nexl-selected, svg.nexl-selected {
            stroke: #10b981 !important;
            stroke-width: 4px !important;
            fill: rgba(16, 185, 129, 0.2) !important;
        }
        /* SCALING & CARD ISOLATION (50% BIGGER, 30% WIDER) */
        /* Nuclear destruction of IXL global green headers */
        #hd, .global-header, #global-nav, .header-container, #bd-header, .site-header {
            display: none !important;
            opacity: 0 !important;
            visibility: hidden !important;
            height: 0 !important;
        }

        /* Scale the practice card */
        .practice-area, #practice-area, .question-container {
            margin: 60px auto !important;
            max-width: 85% !important; /* Increased width significantly */
            background: white !important;
            border-radius: 12px !important;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
            padding: 20px !important;
            display: block !important;
        }
        body {
            overflow-x: hidden !important;
            background-color: #f4f6f8 !important;
            padding-bottom: 300px !important;
        }
    `;
    document.head.appendChild(nexlStyles);

    window.nexlPendingDragElement = null;

    const practiceArea = document.querySelector('.practice-area, #practice-area, .question-container, #practice-crate, .focused-practice-area, #practice-page-container, main');
    const isPracticePage = document.querySelector('.submit-button, button[type="submit"], .submit, button.submit, #submit-button, .crisp-button') !== null;
    
    if (practiceArea && practiceArea !== document.body && isPracticePage) {
        // NUCLEAR METHOD: Hide all siblings of practiceArea and its ancestors
        let curr = practiceArea;
        while (curr && curr !== document.body && curr !== document.documentElement) {
            const siblings = curr.parentElement.children;
            for (let i = 0; i < siblings.length; i++) {
                const s = siblings[i];
                const c = s.getAttribute('class') || '';
                if (s !== curr && s.tagName !== 'SCRIPT' && s.tagName !== 'STYLE' && s.tagName !== 'LINK' && s.id !== 'yui3-css-stamp' && !c.includes('yui3')) {
                    s.style.display = 'none';
                }
            }
            // Strip backgrounds from wrappers so they don't block the screen
            if (curr !== practiceArea) {
                curr.style.background = 'transparent';
                curr.style.boxShadow = 'none';
                curr.style.border = 'none';
                curr.style.padding = '0';
                curr.style.margin = '0';
            }
            curr = curr.parentElement;
        }
    }
    if (practiceArea && isPracticePage) {
        practiceArea.addEventListener('click', (e) => {
            // 1. BYPASS LOGIC: Ignore Submit buttons completely
            if (e.target.closest('button[type="submit"], .submit-button, .submit-btn, .submit, .button-submit, #submit-button')) {
                return;
            }
            // 2. CLICK-TO-MOVE ACCESSIBILITY HANDLER (DRAG-AND-DROP FALLBACK)
            const draggableItem = e.target.closest('.yui3-dd-draggable, .draggable, .drag-item, .draggableElement, .sticker, [draggable="true"]');
            if (draggableItem) {
                // If clicking the same item, deselect it
                if (window.nexlPendingDragElement === draggableItem) {
                    draggableItem.classList.remove('nexl-pending-drag');
                    window.nexlPendingDragElement = null;
                    return;
                }
                
                // If there was another pending item, deselect it
                if (window.nexlPendingDragElement) {
                    window.nexlPendingDragElement.classList.remove('nexl-pending-drag');
                }
                
                window.nexlPendingDragElement = draggableItem;
                draggableItem.classList.add('nexl-pending-drag');
                return; // Stop further selection logic for this element
            }
            
            const dropContainer = e.target.closest('.draggableContainer, .draggableArea, .dropslot, .interactiveArea, .drop-target, .binContentRow, .dragTile, .dropzone, [class*="drop"]');
            if (dropContainer && window.nexlPendingDragElement) {
                // Move the pending element into this drop container physically in the DOM
                dropContainer.appendChild(window.nexlPendingDragElement);
                
                // Reset styling to ensure it sits nicely in the container where they clicked
                const rect = dropContainer.getBoundingClientRect();
                const relativeX = e.clientX - rect.left - (window.nexlPendingDragElement.offsetWidth / 2 || 25);
                const relativeY = e.clientY - rect.top - (window.nexlPendingDragElement.offsetHeight / 2 || 25);

                window.nexlPendingDragElement.style.position = 'absolute';
                window.nexlPendingDragElement.style.left = relativeX + 'px';
                window.nexlPendingDragElement.style.top = relativeY + 'px';
                window.nexlPendingDragElement.style.margin = '0';
                
                // Try simulating a YUI3 drag and drop to trigger internal game state logic
                const dataTransfer = window.DataTransfer ? new DataTransfer() : null;
                const events = ['dragstart', 'dragenter', 'dragover', 'drop', 'dragend'];
                events.forEach(evt => {
                    const targetNode = (evt === 'dragstart' || evt === 'dragend') ? window.nexlPendingDragElement : dropContainer;
                    try {
                        targetNode.dispatchEvent(new DragEvent(evt, { bubbles: true, dataTransfer }));
                    } catch(err) {}
                });
                
                window.nexlPendingDragElement.classList.remove('nexl-pending-drag');
                window.nexlPendingDragElement = null;
                return;
            }

            let target = null;

            // 3. MULTIPLE-CHOICE HANDLER: Prioritize selecting the entire row/line instead of inner spans
            const choiceTarget = e.target.closest('.practice-choice, .q-choice, .answer-choice, li, [role="radio"], .SelectableTile, .selectable-tile');
            if (choiceTarget) {
                target = choiceTarget;
            }

            // 4. UNIVERSAL MANIPULATIVE/TEXT HANDLER: Fallback to substring matching for manipulatives, phrases, tokens
            if (!target) {
                target = e.target.closest(`
                    [class*="choice"], [class*="option"], [class*="answer"], [class*="interactive"], 
                    [class*="button"], [class*="phrase"], 
                    [class*="word"], [class*="sentence"], [class*="cube"], [class*="shape"], 
                    [class*="node"], [class*="click"], [class*="hotspot"], [class*="selectable"], 
                    [class*="item"], [class*="sticker"], [class*="token"], [class*="marker"], [class*="coin"],
                    [role="button"], [role="option"], [role="checkbox"], [role="radio"],
                    td, img
                `);
            }
            
            // 5. SVG GROUPS LOGIC: If it's inside an SVG, try to find a parent group <g> to select the whole button
            if (!target && e.target.closest) {
                let gNode = e.target.closest('g');
                if (gNode && gNode.parentElement) {
                    target = gNode;
                }
            }

            // Fallback for isolated SVG text/shapes if no group
            if (!target && ['text', 'tspan', 'rect', 'circle', 'path', 'svg'].includes(e.target.tagName?.toLowerCase())) {
                target = e.target;
            }

            // Fallback for Hundred Chart <td> cells
            if (!target && e.target.tagName === 'TD') {
                target = e.target;
            }

            if (target) {
                // If it's already selected, just unselect it and stop
                if (target.classList.contains('nexl-selected')) {
                    target.classList.remove('nexl-selected');
                    return; // Stop here!
                }

                // Unselect siblings ONLY if in a known single-select list, otherwise allow multiple selections
                const container = target.closest('.practice-choices, .q-choices, ul, .options, .answers, [role="radiogroup"], .radiogroup');
                if (container && !container.classList.contains('multi-select') && !container.closest('.multi-select')) {
                    const siblings = container.querySelectorAll('.nexl-selected');
                    siblings.forEach(s => {
                        if (s !== target) s.classList.remove('nexl-selected');
                    });
                }

                // Apply massive green selection effect simply by adding the class
                target.classList.add('nexl-selected');
            }
        }, true);
    }

    // 6. ORACLE APEX LOGIN REDIRECT
    const loginButtons = document.querySelectorAll('.sign-in-btn, a[href*="signin"], button.login');
    loginButtons.forEach(btn => {
        btn.addEventListener('click', (e) => {
            e.preventDefault();
            // Redirect to future Oracle APEX domain
            window.location.href = "https://your-oracle-domain.com/ords/nexl_schema/login";
        });
    });
})();

</script>
