:root{font-family:Roboto Mono,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@media (max-width: 768px){.grid-container{border-left:none!important;border-right:none!important;border-radius:0!important;width:100%!important;padding:20px 0!important;box-shadow:none!important}.header-reset-btn{padding:8px 12px!important;font-size:.9em!important}}.reset-btn{width:100%}#root{width:100%;min-height:100vh;margin:0;padding:0}.sidebar{width:250px;background-color:#1e1e2e;color:#fff;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;border-right:1px solid #333;position:fixed;height:100vh;top:0;left:0;z-index:50;overflow-y:auto;transition:transform .3s ease}.main-content{margin-left:250px;flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.step-container{padding:40px 10%}@media (max-width: 768px){.sidebar{width:100%;height:auto;max-height:40vh;position:relative;border-right:none;border-bottom:1px solid #333;flex-direction:column;overflow-x:hidden;overflow-y:auto;flex-wrap:nowrap;padding:15px;align-items:stretch;gap:15px;background-color:#1e1e2e}.sidebar>div:first-child{margin-bottom:0!important;justify-content:center}.sidebar>div:nth-child(2){flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:5px;gap:8px;justify-content:space-between}.sidebar-step-item{flex:0 0 auto;width:auto;padding:8px!important;justify-content:center}.sidebar-step-item.active{flex:0 0 auto;padding:8px 12px!important}.sidebar-step-label{display:none}.sidebar-step-item.active .sidebar-step-label{display:block;margin-left:0;white-space:nowrap}.sidebar-step-item>div:first-child{margin-right:0!important}.sidebar-step-item.active>div:first-child{margin-right:10px!important}.sidebar>div:nth-child(3){margin-bottom:0!important;flex-direction:row!important;justify-content:center!important}.sidebar>div:last-child{display:none}.main-content{margin-left:0}.reset-btn{width:auto!important;max-width:150px;flex-grow:0}.logic-grid-container{max-width:100%;overflow-x:auto}.step-container{padding:20px 5%!important}}@media print{.sidebar,button,.clue-scrubber-controls,input[type=range],input[type=checkbox],select,.no-print{display:none!important}*{background-color:#fff!important;background:#fff!important;color:#000!important;border-color:#000!important;text-shadow:none!important}*:not(.grid-cell){box-shadow:none!important}body,#root,.main-content{margin:0!important;padding:0!important;width:100%!important;overflow:visible!important;display:block!important}.main-content{margin-left:0!important}.step-structure,.step-story,.step-goal,.step-generate{display:none!important}.step-solution{border:none!important;margin:0!important;padding:0!important}.print-hide{display:none!important}.clue-row{opacity:1!important;color:#000!important;padding:6px 10px!important;font-size:.85rem!important;border-bottom:1px solid #ccc!important;break-inside:avoid!important;page-break-inside:avoid!important}.clue-list{column-count:2;column-gap:40px;width:100%}.step-solution>div:last-child{display:none!important}.grid-cell{border:none!important;display:flex!important;align-items:center!important;justify-content:center!important}.comparison-grid{background-color:#000!important;gap:1px!important;border:2px solid #000!important;margin-right:0!important;margin-bottom:0!important}body{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}div[style*=border-bottom]{border-bottom:1px solid #ccc!important}div[style*="background-color: #333"]{background-color:transparent!important;font-weight:700;border:1px solid #000!important}h1,h2,h3,h4{color:#000!important;font-weight:700!important}.main-content>div:first-child{position:static!important;border:none!important}.main-content>div:first-child{page-break-after:auto}}