html{margin:0;padding:0;overflow-x:hidden;overflow-y:auto}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;display:flex;align-items:flex-start;justify-content:center;min-width:320px;overflow-x:hidden;overflow-y:auto}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{max-width:1280px;width:100%;margin:0 auto;padding:0;text-align:center;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.difficulty-toggle{display:flex;gap:4px;background:var(--background-secondary, #f0f0f0);padding:4px;border-radius:8px;margin:8px 0}.difficulty-toggle-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;background:transparent;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;color:var(--text-color, #000)}.difficulty-toggle-btn:hover{background:var(--background-tertiary, #e0e0e0)}.difficulty-toggle-btn.active{background:var(--primary-color, #4a90d9);color:#fff;box-shadow:0 2px 4px #0000001a}.difficulty-toggle-btn.active .solve-indicator{color:#fff}.solve-indicator{margin-left:4px;font-size:.9em}.logo-container{display:flex;align-items:center;gap:.625rem;height:1.25rem;flex:1}.logo-cube-container{width:1.25rem;height:1.25rem;perspective:12.5rem}.logo-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(45deg)}.logo-cube.animating{animation:logo-tumble 1.1s ease-out forwards}.logo-face{position:absolute;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:.1875rem;outline:.0625rem solid transparent}.logo-face-front{background-color:var(--primary-color);transform:translateZ(.625rem)}.logo-face-back{background-color:var(--primary-color-dark);transform:rotateY(180deg) translateZ(.625rem)}.logo-face-right{background-color:var(--primary-color);transform:rotateY(90deg) translateZ(.625rem)}.logo-face-left{background-color:var(--primary-color-dark);transform:rotateY(-90deg) translateZ(.625rem)}.logo-face-top{background-color:var(--primary-color-light);transform:rotateX(90deg) translateZ(.625rem)}.logo-face-bottom{background-color:var(--primary-color-dark);transform:rotateX(-90deg) translateZ(.625rem)}.logo-symbol{color:#fff;font-weight:700;font-size:.75rem;line-height:1}.logo-symbol-divide{display:flex;flex-direction:column;align-items:center;gap:.125rem}.logo-symbol-divide .dot{width:.1875rem;height:.1875rem;background-color:#fff;border-radius:50%}.logo-symbol-divide .bar{width:.625rem;height:.125rem;background-color:#fff;border-radius:.0625rem}.logo-symbol-multiply{position:relative;width:.625rem;height:.625rem}.logo-symbol-multiply:before,.logo-symbol-multiply:after{content:"";position:absolute;top:50%;left:50%;width:.75rem;height:.125rem;background-color:#fff;border-radius:.0625rem}.logo-symbol-multiply:before{transform:translate(-50%,-50%) rotate(40deg)}.logo-symbol-multiply:after{transform:translate(-50%,-50%) rotate(-40deg)}.logo-symbol-plus{position:relative;width:.625rem;height:.625rem}.logo-symbol-plus:before,.logo-symbol-plus:after{content:"";position:absolute;top:50%;left:50%;background-color:#fff;border-radius:.0625rem}.logo-symbol-plus:before{width:.125rem;height:.625rem;transform:translate(-50%,-50%)}.logo-symbol-plus:after{width:.625rem;height:.125rem;transform:translate(-50%,-50%)}@keyframes logo-tumble{0%{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(765deg)}}.logo-wordmark{display:flex;align-items:center;color:var(--primary-color)}.logo-wordmark-svg{height:1.125rem;width:auto}@media (prefers-reduced-motion: reduce){.logo-cube.animating{animation:none;transform:rotateX(-20deg) rotateY(45deg)}}.header-container{display:flex;flex-direction:column;gap:8px;padding:12px}.header-top-row{display:flex;justify-content:space-between;align-items:center}.header-title{font-size:2rem;font-weight:700;color:var(--text-color);flex:1;display:flex;margin:0}.header-actions-container{display:flex;gap:.5rem}.header-actions-div{background-color:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.header-actions-div:hover{background-color:var(--primary-color-dark)}.game-controls-container{display:flex;gap:10px;margin-bottom:.5rem;flex-shrink:0;align-items:center;padding:0 12px}.game-controls-container button{font-size:.85rem}.solutions-badge{font-size:.85rem;color:var(--primary-color, #4a90d9);font-weight:500;padding:4px 8px;margin-left:auto}.solutions-badge-clickable{cursor:pointer;transition:color .15s ease}.solutions-badge-clickable:hover{color:var(--primary-color-dark);text-decoration:underline}.current-calculation-display{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.5rem;font-weight:700;padding:.5rem 1rem;margin-bottom:.5rem;min-height:2.5rem}.calc-display-prompt{font-size:1.1rem;text-align:center}.current-calculation-display button{background-color:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.current-calculation-display button:hover:not(:disabled){background-color:#5a9a54}.current-calculation-display button:disabled{background-color:#ccc;cursor:not-allowed}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blinking-cursor{animation:blink 1s infinite;display:inline-block;width:.12em;height:1em;background-color:currentColor;vertical-align:-.15em;margin:0 .1em}.enter-placeholder{display:inline-block;margin-left:.5rem;padding:.25rem .5rem;border-radius:4px;visibility:hidden}.enter-placeholder-won{width:0;padding-left:0;padding-right:0;margin-left:0;overflow:hidden}.enter-button{display:inline-block;margin-left:.5rem;outline:2px solid var(--text-color);outline-offset:2px;padding:.25rem .5rem;border-radius:4px;cursor:pointer}.calc-history-container{padding:.5rem 1rem;overflow-y:auto;flex:1;min-height:0}.math-execution-div{font-size:1rem;margin-bottom:.5rem;padding:.5rem;background-color:var(--background-color);border-radius:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}.math-execution-new{animation:slideDown .5s ease-out}.usage-dots-row{display:flex;justify-content:flex-start;align-items:flex-end;gap:.3rem;height:.5rem;min-height:.5rem}.usage-dot{width:.4rem;height:.4rem;border-radius:50%;background-color:var(--primary-color)}.usage-plus{color:var(--primary-color);font-size:.6rem;font-weight:700;line-height:.5rem}.dice-container{perspective:300px;display:inline-block;width:3.5rem;height:3.5rem;isolation:isolate}.dice-cube{width:3.5rem;height:3.5rem;position:relative;transform-style:preserve-3d;will-change:transform;transform:translateZ(0)}.dice-cube.tumbling{animation:tumble 1.1s ease-out forwards}.dice-face{position:absolute;width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4px;font-weight:700;box-sizing:border-box;transform-style:flat}.dice-face.front{transform:translateZ(1.75rem)}.dice-face.back{transform:rotateY(180deg) translateZ(1.75rem)}.dice-face.right{transform:rotateY(90deg) translateZ(1.75rem)}.dice-face.left{transform:rotateY(-90deg) translateZ(1.75rem)}.dice-face.top{transform:rotateX(90deg) translateZ(1.75rem)}.dice-face.bottom{transform:rotateX(-90deg) translateZ(1.75rem)}@media (min-width: 600px){.dice-container,.dice-cube,.dice-face{width:4rem;height:4rem}.dice-face.front{transform:translateZ(2rem)}.dice-face.back{transform:rotateY(180deg) translateZ(2rem)}.dice-face.right{transform:rotateY(90deg) translateZ(2rem)}.dice-face.left{transform:rotateY(-90deg) translateZ(2rem)}.dice-face.top{transform:rotateX(90deg) translateZ(2rem)}.dice-face.bottom{transform:rotateX(-90deg) translateZ(2rem)}}.dice-cube{--rot-x: 720deg;--rot-y: 720deg}@keyframes tumble{0%{transform:rotateX(0) rotateY(0)}to{transform:rotateX(var(--rot-x)) rotateY(var(--rot-y))}}@media (prefers-reduced-motion: reduce){.dice-cube.tumbling{animation:none;transform:rotateX(0) rotateY(0)}}.perspective-tile-wrapper{perspective:300px;display:inline-flex}.perspective-tile-wrapper>*{transform:translateZ(1.75rem)}@media (min-width: 600px){.perspective-tile-wrapper>*{transform:translateZ(2rem)}}.target-row-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-shrink:0}.puzzle-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:.5rem;flex-shrink:0}.puzzle-num-div{display:flex;justify-content:center;align-items:center;color:var(--text-color);width:3.5rem;height:3.5rem;background-color:var(--tile-bg);border:2px solid var(--border-color);border-radius:4px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none;flex-shrink:0;box-sizing:border-box}.puzzle-num-div:hover:not(.puzzle-num-div-selected){background-color:var(--background-color);border-color:var(--primary-color)}.puzzle-num-div-selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.puzzle-target-div{display:flex;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;background-color:var(--text-color);color:#fff;border:2px solid var(--text-color);border-radius:4px;font-size:1.4rem;font-weight:700;flex-shrink:0;box-sizing:border-box}.puzzle-placeholder-div{display:flex;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;background-color:var(--code-bg);border:2px dashed var(--border-color);border-radius:4px;font-size:1.4rem;font-weight:700;color:var(--muted-text);flex-shrink:0;box-sizing:border-box}.puzzle-placeholder-div-filled{background-color:var(--secondary-color);color:#fff;border:2px solid var(--secondary-color)}.result-label,.target-label{font-size:.9rem;font-weight:600;color:var(--text-color);white-space:nowrap}.result-label{margin-right:.5rem}.target-label{margin-left:.5rem}.tile-with-dots-container{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}@keyframes shimmer{0%{box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color)}to{box-shadow:0 0 5px var(--primary-color)}}.puzzle-num-div-win,.puzzle-target-div-win,.puzzle-placeholder-div-filled.puzzle-num-div-win{animation:shimmer 1s ease-in-out;background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.puzzle-num-div-disabled{opacity:.5;pointer-events:none;cursor:default}@media (min-width: 600px){.puzzle-num-div,.puzzle-target-div,.puzzle-placeholder-div{width:4rem;height:4rem;font-size:1.6rem}}.operations-container{display:flex;justify-content:center;align-items:center;gap:1rem;flex-shrink:0;margin-bottom:1rem}.operations-div{display:flex;justify-content:center;align-items:center;color:var(--text-color);width:3.5rem;height:3.5rem;background-color:var(--tile-bg);border:2px solid var(--border-color);border-radius:4px;font-size:1.4rem;font-weight:700;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;-webkit-user-select:none;user-select:none;flex-shrink:0;box-sizing:border-box}.operations-div:hover:not(.operations-div-selected){background-color:var(--background-color);border-color:var(--primary-color)}.operations-div-selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.operations-div-disabled{opacity:.5;pointer-events:none;cursor:default}@media (min-width: 600px){.operations-div{width:4rem;height:4rem;font-size:1.6rem}}.win-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.win-popup-content{background-color:var(--modal-bg);padding:1.5rem 2rem;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:340px;width:90%;text-align:center}.win-popup-content h2{color:var(--primary-color);margin:0 0 .5rem;font-size:1.5rem}.win-popup-content .solve-message{font-size:.95rem;margin:0 0 1rem;color:var(--text-color)}.win-popup-content .target-display{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:1rem;width:100%}.win-popup-content .target-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-text);margin:0 0 .25rem;text-align:center;width:100%}.win-popup-content .target-number{display:block;font-size:2rem;font-weight:700;color:var(--secondary-color);text-align:center;width:100%}.solution-progress{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:1rem;padding:.75rem;background:var(--code-bg);border-radius:8px}.solution-progress .progress-count{font-size:1.25rem;color:var(--text-color)}.solution-progress .progress-label{font-size:.8rem;color:var(--muted-text)}.solution-progress .exotic-badge{font-size:.8rem;color:#9b59b6;background:#9b59b61a;padding:.2rem .5rem;border-radius:4px;margin-top:.25rem}.share-section{margin-bottom:1rem}.share-preview{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:.5rem;font-size:.85rem;font-family:ui-monospace,monospace}.share-preview .share-line{padding:.1rem 0}.share-preview .share-url{color:var(--muted-text)}.share-checkbox-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--muted-text);cursor:pointer;-webkit-user-select:none;user-select:none}.share-checkbox-label input{display:none}.share-checkbox-label .checkbox-custom{width:16px;height:16px;border:2px solid var(--border-color);border-radius:3px;position:relative;transition:all .2s ease}.share-checkbox-label input:checked+.checkbox-custom{background-color:var(--primary-color);border-color:var(--primary-color)}.share-checkbox-label input:checked+.checkbox-custom:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.share-checkbox-label .checkbox-text{line-height:1}.button-group{display:flex;gap:.5rem;justify-content:center}.win-popup-content .btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.win-popup-content .btn-primary:hover{background-color:#5a9a54;transform:translateY(-1px)}.win-popup-content .btn-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color);padding:.6rem 1.5rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.win-popup-content .btn-secondary:hover{background-color:var(--code-bg);border-color:var(--text-color)}.perfect-achievement{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(135deg,gold,#ffb347);border-radius:8px;animation:celebrate .5s ease-out}.trophy-icon{font-size:1.5rem}.perfect-text{font-weight:600;color:#333}@keyframes celebrate{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.duplicate-message{color:#e67e22;font-weight:600;font-size:.9rem;margin:0 0 .5rem;padding:.4rem .75rem;background:#e67e221a;border-radius:4px}.exotic-text{color:#9b59b6;font-size:.85rem;margin-left:.5rem}.stats-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.stats-modal-content{background-color:var(--modal-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;width:90%;text-align:center;max-height:90vh;overflow-y:auto}.stats-modal-content h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem}.stats-modal-content h3{color:var(--text-color);margin-bottom:1rem;font-size:1rem;text-align:left}.stats-modal-content button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin-top:1.5rem}.stats-modal-content button:hover{background-color:#5a9a54}.stats-summary{margin-bottom:1.5rem}.stats-perfect{display:flex;flex-direction:column;align-items:center;margin-bottom:.5rem}.stats-perfect-percent{font-size:3rem;font-weight:700;color:var(--primary-color)}.stats-perfect-label{font-size:1rem;color:var(--text-color)}.stats-total{font-size:.9rem;color:var(--muted-text)}.stats-streaks{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stats-streak-item{display:flex;flex-direction:column;align-items:center}.stats-streak-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.stats-streak-label{font-size:.85rem;color:var(--muted-text)}.stats-bar-graph{display:flex;flex-direction:column;gap:.5rem}.stats-bar-row{display:flex;align-items:center;gap:.5rem}.stats-bar-label{width:3.5rem;text-align:right;font-size:.9rem;color:var(--text-color)}.stats-bar-container{flex:1;height:1.5rem;background-color:var(--background-color);border-radius:4px;overflow:hidden}.stats-bar-fill{height:100%;background-color:var(--primary-color);border-radius:4px;transition:width .3s ease;min-width:2px}.stats-bar-count{width:2.5rem;text-align:left;font-size:.85rem;color:var(--muted-text)}.stats-empty{padding:2rem 0;color:var(--muted-text)}.stats-empty p{margin:.5rem 0}.stats-distribution{text-align:left}.stats-difficulty-breakdown{margin:16px 0;padding:12px;background:var(--background-secondary, #f5f5f5);border-radius:8px}.stats-breakdown-row{display:flex;flex-direction:column;margin-bottom:8px}.stats-breakdown-row:last-child{margin-bottom:0}.stats-breakdown-label{font-weight:600;font-size:.85rem;margin-bottom:4px}.stats-breakdown-values{font-size:.8rem;color:var(--text-secondary, #666)}.stats-histograms-row{display:flex;gap:8px;justify-content:space-between}.stats-histogram-column{flex:1;min-width:0}.histogram-title{font-size:.75rem;text-align:center;margin-bottom:8px;padding:4px;border-radius:4px}.histogram-easy{background:#4caf5033;color:#2e7d32}.histogram-medium{background:#ff980033;color:#e65100}.histogram-hard{background:#f4433633;color:#c62828}.stats-bar-graph.compact .stats-bar-row{gap:4px}.stats-bar-graph.compact .stats-bar-label{font-size:.65rem;width:auto;min-width:18px;text-align:left}.stats-bar-graph.compact .stats-bar-container{height:12px}.solutions-history-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.solutions-history-content{background-color:var(--modal-bg);border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:450px;width:90%;max-height:80vh;display:flex;flex-direction:column}.solutions-history-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.solutions-history-header h2{grid-column:2;margin:0;font-size:1.25rem;color:var(--text-color);text-align:center}.solutions-history-close{grid-column:3;justify-self:end;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--muted-text);padding:0;line-height:1}.solutions-history-close:hover{color:var(--text-color)}.solutions-history-body{display:flex;flex:1;min-height:0;overflow:hidden}.solutions-history-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--muted-text);text-align:center}.solutions-history-sidebar{width:4.5rem;flex-shrink:0;border-right:1px solid var(--border-color);overflow-y:auto;padding:.5rem}.solution-list-item{display:block;width:100%;padding:.75rem .5rem;border:none;background:none;text-align:center;cursor:pointer;border-radius:6px;font-size:.9rem;color:var(--text-color);transition:background-color .15s ease}.solution-list-item:hover{background-color:var(--background-color)}.solution-list-item.selected{background-color:var(--primary-color);color:#fff}.solution-list-item .exotic-marker{margin-left:.25rem}.solutions-history-main{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column}.solution-context{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.solution-steps{flex:1;display:flex;flex-direction:column;align-items:center}.solution-step{display:grid;grid-template-columns:1.5rem 2.5rem 1.25rem 2.5rem 1.25rem 3rem;align-items:baseline;padding:.4rem 0;font-size:.9rem}.step-number{color:var(--muted-text)}.step-operand,.step-operator{color:var(--text-color);text-align:center}.step-equals{color:var(--muted-text);text-align:center}.step-result{color:var(--text-color);text-align:center}.step-result-final{color:var(--primary-color);font-weight:600}.replay-button{margin-top:1rem;padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.replay-button:hover{background-color:var(--primary-color-dark)}.help-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.help-modal-content{background-color:var(--modal-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:450px;width:90%;text-align:left;max-height:90vh;overflow-y:auto;font-size:.8rem}.help-modal-content h2{color:var(--text-color);margin-bottom:1.5rem;font-size:1.5rem;text-align:center}.help-modal-content button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease;margin-top:1.5rem;display:block;width:100%}.help-modal-content button:hover{background-color:#5a9a54}.help-section{margin-bottom:1rem}.help-goal{font-size:1.1rem}.help-list{margin:.5rem 0 0 1.25rem;padding:0}.help-list li{margin-bottom:.5rem}.help-example-header{font-family:monospace;background-color:var(--code-bg);padding:.5rem;border-radius:4px;margin-bottom:.5rem}.help-example-list{margin:.5rem 0 0 1.25rem;padding:0}.help-example-list li{margin-bottom:.25rem}.help-example-list code{background-color:var(--code-bg);padding:.125rem .25rem;border-radius:2px}:root{--primary-color: #006E90;--primary-color-light: #0085ad;--primary-color-dark: #005773;--secondary-color: #F18F01;--background-color: #f3f3f3;--text-color: #121212;--border-color: #d3d6da;--tile-bg: white;--modal-bg: white;--muted-text: #666;--code-bg: #f5f5f5}.board-container{max-width:500px;width:100%;margin:0 auto;padding:.5rem 1rem 1rem;box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;overflow:hidden}.toast-message{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);background:var(--secondary-color);color:#fff;padding:.75rem 1.5rem;border-radius:4px;z-index:1001;animation:fadeInOut 2s ease-in-out forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}@media (min-width: 600px){.board-container{max-width:32rem}}