@layer base,layout,toolbar,toolbar-modes,responsive;@layer base{*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-toolbar-button-text);background-color:var(--color-dark-tyrian-blue, #1b3644);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--vh: 1vh;--toolbar-primary-dimension: 100%;--toolbar-secondary-dimension: auto;--toolbar-flex-direction: column;--button-size-portrait: 38px;--button-size-sides: 38px;--button-size-wide-base: 72px;--button-size-wide-compact: 42px;--button-size-wide-medium: 56px;--button-transition: background-color .1s ease-in-out, color .1s ease-in-out}[data-layout-mode=portrait],[data-layout-mode=wide]{--toolbar-primary-dimension: auto;--toolbar-secondary-dimension: 100%;--toolbar-flex-direction: column}[data-layout-mode=sides]{--toolbar-primary-dimension: 100%;--toolbar-secondary-dimension: 70px;--toolbar-flex-direction: row}html,body{height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior-y:contain}body{min-width:360px;height:calc(var(--vh, 1vh) * 100);margin:0;padding:0}h1{font-size:3.2em;line-height:1.1;font-style:italic}a{font-weight:500;color:var(--color-oil-green, #6ea900);text-decoration:inherit}a:hover{color:var(--color-oil-green, #6ea900)}}@layer layout{#app{display:flex;flex-direction:column;height:100%;width:100%;margin:0 auto;touch-action:none}#app-container{display:flex;flex-direction:column;width:100%;height:100%;touch-action:none}#game-container{display:flex;flex-direction:var(--toolbar-flex-direction);height:100%;width:100%;margin:0;padding:0}.canvas-container{flex:1 1 auto;width:100%;position:relative;display:flex}.game-canvas{width:100%;height:100%;display:block}#game-canvas-container{min-height:0;flex:1 1 auto;order:2}}@layer base{button,.btn{font-size:.9rem;padding:.4rem .8rem;border-radius:.4rem;min-width:60px;height:44px;border:none;background:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);box-shadow:0 1px 2px #0000000d;cursor:pointer;white-space:nowrap;transition:var(--button-transition)}button:active,.btn:active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}button.active,.btn.active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text);box-shadow:0 2px 4px #007bff4d}button:disabled,.btn:disabled{background:var(--color-toolbar-button-disabled-background);color:var(--color-toolbar-button-disabled-text);cursor:not-allowed}.btn-toolbar{font-size:1.2rem;padding:.5rem 1.2rem;min-width:72px;height:72px}.btn-delete{transition:opacity .2s ease}.btn-delete:active{background-color:#f443}.btn-import,.btn-arrow{padding:8px;border:none;border-radius:4px;font-size:14px;font-family:monospace;cursor:pointer}.btn-arrow{font-size:18pt;width:44px;height:44px;min-width:44px;max-width:44px;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;background:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text)}.arrow-back{margin-left:0;margin-right:16px}.arrow-forward{margin-right:0;margin-left:16px}.btn-arrow:active{background-color:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.btn-import{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-family:monospace;cursor:pointer;height:44px;background:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text)}.btn-modal{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-family:monospace;cursor:pointer;background:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text)}.btn-modal-danger{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-family:monospace;cursor:pointer;background:#f44;color:#fff}.btn-modal-danger:active{background:#c33}.btn-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-toolbar-level);width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;box-shadow:none;line-height:1;z-index:1}.btn-modal-close:active{background-color:var(--color-toolbar-button-background)}.level-notes-modal h1{margin:0 0 8px;font-size:18px;opacity:.7;font-weight:400;font-style:normal;padding-right:40px}.level-notes-modal h2{margin:0 0 16px;font-size:24px}.level-notes-modal-author{margin:0 0 16px;font-size:14px;font-style:italic;color:var(--color-toolbar-level)}.level-notes-modal-notes p{margin:0 0 8px;font-size:14px;font-family:monospace;line-height:1.5;white-space:pre-wrap}.handedness-toggle{font-size:.8rem;padding:.2rem .4rem;min-width:32px;height:32px;font-weight:700;margin-right:2rem}[data-handedness=left] .handedness-toggle{margin-right:0;margin-left:2rem}}@layer base{.collection-list-container{box-sizing:border-box;z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;padding:8px;background:var(--color-toolbar-background);display:flex;flex-direction:column;align-items:center;-webkit-tap-highlight-color:transparent}.collection-list-header{margin-bottom:16px;flex:1;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:36pt;font-family:monospace;width:100%;max-width:1000px}.level-filter-dropdown{position:relative;display:inline-block}.level-filter-dropdown-button{padding:0;background:var(--color-toolbar-button-background);border:none;border-radius:4px;cursor:pointer;font-family:monospace;width:44px;height:44px;min-width:44px;max-width:44px;display:flex;align-items:center;justify-content:center;line-height:1;transition:var(--button-transition);color:var(--color-toolbar-button-text)}.level-filter-dropdown-button.active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.level-filter-dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-toolbar-button-background);border-radius:.4rem;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:.2rem;overflow:hidden;min-width:100px;font-size:18pt;font-family:monospace}.level-filter-dropdown-menu-item{width:100%;padding:8px 12px;border-radius:0;margin:0;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.1);box-sizing:border-box;background:var(--color-toolbar-button-background);border-left:none;border-right:none;border-top:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:var(--button-transition);color:var(--color-toolbar-button-text)}.level-filter-dropdown-menu-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.level-filter-dropdown-menu-item:last-child{border-bottom:none}.level-filter-dropdown-menu-item.active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.level-list-content{width:100%;max-width:1000px;height:100%;overflow-y:auto;-webkit-tap-highlight-color:transparent}.collection-select-container{box-sizing:border-box;z-index:1000;width:100%;height:100%;position:fixed;top:0;left:0;padding:8px 16px;background:var(--color-toolbar-background);min-width:100px;display:flex;flex-direction:column;align-items:center;-webkit-tap-highlight-color:transparent}.collection-select-header{flex:1;text-align:left;display:flex;align-items:center;justify-content:space-between;font-size:36pt;font-family:monospace;width:100%;max-width:1000px;padding-bottom:8px}.collection-select-content{width:100%;max-width:1000px;height:100%;overflow-y:auto;-webkit-tap-highlight-color:transparent}.collection-list-title-container{display:flex;flex-direction:column;flex:1;min-width:0;color:var(--color-toolbar-collection);margin-right:16px}.collection-list-title{color:var(--color-toolbar-collection);font-size:28pt;display:flex;align-items:center;overflow:hidden}.collection-list-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.collection-notes-button{background:none;border:none;cursor:pointer;font-size:18pt;color:var(--color-toolbar-collection);opacity:.5;padding:4px;margin-left:4px;flex-shrink:0;line-height:1;min-width:unset;height:auto}.collection-notes-button:hover{opacity:1}.level-preview{width:120px;height:120px}.level-list-entry-text-block{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;font-family:monospace}.level-list-entry-title{font-size:24pt;line-height:1.1}.level-list-entry-indicators{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin-top:6px;margin-left:8px;margin-right:8px;flex-shrink:0;width:28px}.level-list-entry-solved{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.level-list-entry-solved svg{width:24px;height:24px}.level-list-entry-solved.solved{color:var(--color-level-select-solved)}.level-list-entry-solved.annotated{color:#0000004d}.level-list-entry-solved.unsolved{color:#0000001f}.level-star-button{font-size:22px;flex-shrink:0;width:24px;height:24px;min-width:24px;padding:0;box-shadow:none;background-color:transparent;border:none;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;line-height:1;-webkit-tap-highlight-color:transparent}.level-star-button.starred{color:gold;opacity:1}.level-star-button.unstarred{color:#666;opacity:.6}.level-star-button:focus{outline:none}.level-star-button:active{background-color:transparent}.level-list-entry-author{font-size:14pt;color:var(--color-level-select-entry, rgba(0, 0, 0, .6));line-height:1;margin-top:2px}.level-list-entry-notes-preview{font-size:11pt;color:var(--color-level-select-entry, rgba(0, 0, 0, .5));line-height:1.3;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.level-list-entry[data-selected=true] .level-list-entry-title{color:var(--color-level-select-entry-active, rgba(0, 0, 0, .7))}.level-list-entry[data-selected=true] .level-list-entry-author{color:var(--color-level-select-entry-active, rgba(0, 0, 0, .8))}.level-list-entry[data-selected=true] .level-list-entry-solved.unsolved{color:#ffffff26}.level-list-entry[data-selected=true] .level-list-entry-solved.annotated{color:#ffffff59}.level-list-entry[data-selected=true] .level-star-button.unstarred{color:var(--color-level-select-entry-active, rgba(0, 0, 0, .5))}.level-list-entry[data-selected=true] .level-list-entry-notes-preview{color:var(--color-level-select-entry-active, rgba(0, 0, 0, .4))}.level-list-entry{padding:6px 12px 6px 8px;border-bottom:1px solid var(--color-wall);border-left:5px solid transparent;cursor:pointer;min-width:100px;max-width:1000px;width:100%;height:auto;min-height:fit-content;border-radius:0;display:flex;gap:8px;align-items:center;background:var(--color-toolbar-button-background);font-weight:400}.level-list-entry[data-solve-state=solved]{border-left-color:var(--color-level-select-solved);background:color-mix(in srgb,var(--color-level-select-solved) 20%,var(--color-toolbar-button-background))}.level-list-entry[data-solve-state=annotated]{border-left-color:var(--color-level-select-annotated);background:color-mix(in srgb,var(--color-level-select-annotated) 20%,var(--color-toolbar-button-background))}.level-list-entry[data-selected=true]{background:var(--color-toolbar-button-active-background);font-weight:700}.level-list-entry:active{background-color:var(--color-toolbar-button-active-background)}.level-list-entry:not([data-selected=true]):has(.level-star-button:active):active{background-color:var(--color-toolbar-button-background)}.level-list-entry[data-solve-state=solved]:not([data-selected=true]):has(.level-star-button:active):active{background:color-mix(in srgb,var(--color-level-select-solved) 20%,var(--color-toolbar-button-background))}.level-list-entry[data-solve-state=annotated]:not([data-selected=true]):has(.level-star-button:active):active{background:color-mix(in srgb,var(--color-level-select-annotated) 20%,var(--color-toolbar-button-background))}.level-list-entry:not([data-selected=true]):has(.level-star-button:active):active .level-list-entry-title,.level-list-entry:not([data-selected=true]):has(.level-star-button:active):active .level-list-entry-author,.level-list-entry:not([data-selected=true]):has(.level-star-button:active):active .level-list-entry-notes-preview{color:inherit}.level-list-entry:active .level-list-entry-title,.level-list-entry:active .level-list-entry-author,.level-list-entry:active .level-list-entry-notes-preview{color:var(--color-toolbar-button-active-text)}.level-list-entry-preview{flex-shrink:0}.collection-list-entry-text{flex:1;text-align:left;display:flex;flex-direction:column;justify-content:center;font-family:monospace;min-width:0;max-width:calc(100% - 120px)}.collection-list-entry-title{font-size:24pt;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.collection-list-entry-completion-wrapper{position:relative;width:calc(100% - 15px);height:20px;margin-top:4px}.collection-list-entry-progress-bar{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;z-index:1}.collection-list-header .collection-list-entry-progress-bar{background-color:#ffffff26}.collection-list-entry-progress-fill{height:100%;background-color:var(--color-level-select-progress);transition:width .3s ease;position:absolute;top:0;left:0}.collection-list-entry-completion{position:relative;z-index:2;font-size:14pt;color:inherit;line-height:1.1;flex-shrink:0;height:100%;display:flex;align-items:center;margin-left:8px}.collection-list-entry-author{font-size:18pt;color:var(--color-level-select-author, rgba(0, 0, 0, .6));line-height:1.1}.collection-list-entry{padding:8px 16px;border-bottom:1px solid var(--color-wall);cursor:pointer;min-width:100px;max-width:1000px;display:flex;background:var(--color-toolbar-button-background);font-weight:400}.collection-list-entry[data-selected=true]{background:var(--color-toolbar-button-active-background);font-weight:700}.collection-list-entry:active{background-color:var(--color-toolbar-button-active-background)}.collection-list-entry:not([data-selected=true]):has(.btn-delete:active):active{background-color:var(--color-toolbar-button-background)}.collection-list-entry:not([data-selected=true]):has(.btn-delete:active):active .collection-list-entry-title,.collection-list-entry:not([data-selected=true]):has(.btn-delete:active):active .collection-list-entry-author{color:inherit}.collection-list-entry:active .collection-list-entry-title,.collection-list-entry:active .collection-list-entry-author{color:var(--color-toolbar-button-active-text)}.level-preview-container{border:2px dashed var(--color-wall);background-color:var(--color-dirt)}.toolbar-wrapper{position:relative}[data-layout-mode=portrait] .toolbar-wrapper,[data-layout-mode=sides] .toolbar-wrapper{order:3}[data-layout-mode=sides][data-handedness=left] .toolbar-wrapper{order:1}[data-layout-mode=wide] .toolbar-wrapper{order:3}.win-overlay-container{position:absolute;margin-left:5px;margin-right:5px;margin-bottom:5px;bottom:100%;left:0;right:0;z-index:2;transition:transform .3s ease-in-out;display:flex;flex-direction:row;align-items:center;background:var(--color-toolbar-background);box-shadow:0 -2px 8px #00000026;border-radius:8px;gap:16px;padding:12px 16px}.win-overlay-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.win-overlay-label{font-size:.75rem;opacity:.7;font-family:monospace;color:var(--color-toolbar-level);white-space:nowrap}.win-overlay-level-name{font-size:1rem;font-family:monospace;color:var(--color-toolbar-collection);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.win-overlay-button{min-width:44px;padding:8px 12px}.ui-animate{transition:transform .3s}.wide-only{display:flex}.mobile-only,.mobile-handedness-only{display:none}}@layer base{.howto-root{display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);background-color:var(--color-title-screen-background);color:var(--color-title-screen-text);font-family:monospace}.howto-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-toolbar-button-background)}.howto-header-title{margin:0;font-size:1.5em;color:var(--color-title-screen-text)}.howto-header-spacer{width:80px}.howto-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding:40px 20px;text-align:center;color:var(--color-title-screen-text);overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.howto-content-title{font-size:1.8em;margin-bottom:20px;color:var(--color-title-screen-text)}.howto-markdown{font-size:16px;line-height:1.6;max-width:600px;margin:0;color:var(--color-title-screen-text);text-align:left;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.howto-markdown strong{font-weight:700}.howto-markdown em{font-style:italic}.howto-markdown h3:first-child{margin-top:0}.howto-markdown video{margin-left:auto;margin-right:auto}.howto-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px;border-top:1px solid var(--color-toolbar-button-background);padding-bottom:calc(20px + env(safe-area-inset-bottom))}.howto-button{padding:8px 16px;background-color:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);border:none;border-radius:4px;font-size:14px;font-family:monospace;cursor:pointer}.howto-page-indicators{display:flex;gap:8px}.howto-page-indicator{width:8px;height:8px;min-width:unset;border-radius:50%;border:none;background-color:var(--color-toolbar-button-background);cursor:pointer;padding:0}.howto-page-indicator.is-active{background-color:var(--color-title-screen-accent)}.options-root{display:flex;flex-direction:column;height:calc(var(--vh, 1vh) * 100);background-color:var(--color-title-screen-background);color:var(--color-title-screen-text);font-family:monospace}.options-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-toolbar-button-background)}.options-header-title{margin:0;font-size:1.5em;color:var(--color-title-screen-text)}.options-header-spacer{width:80px}.options-content{flex:1;display:flex;flex-direction:column;gap:32px;padding:32px 20px;overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;max-width:600px;width:100%;align-self:center;font-size:16px}.options-section{display:flex;flex-direction:column;gap:4px}.options-section-title{margin:0 0 12px;font-size:.8em;text-transform:uppercase;letter-spacing:.08em;color:var(--color-title-screen-text);opacity:.6}.options-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-toolbar-button-background)}.options-row:last-child{border-bottom:none}.options-row-text{display:flex;flex-direction:column;gap:2px}.options-row-label{font-size:1em;color:var(--color-title-screen-text)}.options-row-description{font-size:.8em;color:var(--color-title-screen-text);opacity:.6}.options-handedness{display:flex;gap:4px;flex-shrink:0}.options-handedness-btn{padding:6px 14px;background-color:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);border:none;border-radius:4px;font-size:14px;font-family:monospace;cursor:pointer}.options-handedness-btn.is-active{background-color:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.options-toggle{position:relative;width:44px;height:26px;flex-shrink:0;background-color:var(--color-toolbar-button-background);border:none;border-radius:13px;cursor:pointer;padding:0;overflow:hidden;transition:background-color .15s ease}.options-toggle.is-on{background-color:var(--color-title-screen-accent)}.options-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background-color:var(--color-title-screen-text);border-radius:50%;transition:left .15s ease;display:block}.options-toggle.is-on .options-toggle-knob{left:calc(100% - 23px)}.title-root{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100vh;background-color:var(--color-title-screen-background);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cline x1='30' y1='0' x2='0' y2='30' stroke='rgba(255,255,255,0.05)' stroke-width='1'/%3E%3C/svg%3E");background-size:30px 30px;animation:title-lines-drift 10s linear infinite;color:var(--color-title-screen-text);padding:20px;font-family:monospace;text-align:center}.title-main{display:flex;flex-direction:column;align-items:center;justify-content:center;border:double 4px var(--color-toolbar-button-background);background-color:var(--color-title-screen-background);padding:40px 32px;margin:auto 0;max-width:480px;width:100%}.title-logotype{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:40px;line-height:.9}.title-logotype-sokoban{font-size:46px;font-weight:700;letter-spacing:2px}.title-logotype-notebook{margin-left:1px;font-size:32px;transform:skew(-8deg);display:flex;align-items:center;gap:6px}.title-logotype-icons{display:inline-flex;align-items:center;gap:2px;opacity:.8;transform:skew(8deg)}.title-actions{display:flex;flex-direction:column;gap:20px;width:100%;max-width:300px}.title-primary-btn{padding:16px 32px;height:72px;background-color:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);border:none;border-radius:8px;font-size:18px;font-family:monospace;font-weight:700;cursor:pointer;transition:var(--button-transition)}.title-secondary-btn{padding:16px 32px;height:52px;background-color:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);border:none;border-radius:8px;font-size:18px;font-family:monospace;cursor:pointer;transition:var(--button-transition)}.title-footer{display:flex;flex-direction:column;align-items:center;max-width:480px;width:100%;padding:20px 20px 40px;margin-bottom:-20px;border:double 4px var(--color-toolbar-button-background);border-bottom:none;background-color:var(--color-title-screen-background)}.title-data-actions{position:relative;display:flex;flex-direction:column;align-items:center;max-width:240px}.title-data-buttons{display:flex;flex-direction:row;gap:8px;width:100%;justify-content:center}.title-data-btn{flex:1;padding:6px 12px;height:32px;background-color:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);border:none;border-radius:4px;font-size:12px;font-family:monospace;cursor:pointer;transition:var(--button-transition);opacity:.85}.title-data-btn:active{color:var(--color-toolbar-button-active-text);opacity:1}.title-data-message{text-align:center;font-size:12px;margin-bottom:4px}.title-primary-btn:active,.title-secondary-btn:active{color:var(--color-toolbar-button-active-text)}@keyframes title-lines-drift{0%{background-position:0 0}to{background-position:-30px 0}}.solution-review-container{box-sizing:border-box;z-index:2000;position:fixed;top:0;left:0;width:100%;height:100%;padding:8px;background:var(--color-toolbar-background);display:flex;flex-direction:column;align-items:center;font-family:monospace;color:var(--color-toolbar-collection);-webkit-tap-highlight-color:transparent}.solution-review-header{display:flex;align-items:center;width:100%;max-width:1000px;margin-bottom:16px}.solution-review-title-container{display:flex;align-items:center;gap:12px;flex:1;min-width:0;margin-right:16px}.solution-review-title{font-size:24pt;flex:1}.solution-review-list{overflow-y:auto;flex:1;width:100%;max-width:1000px;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:16px;padding-bottom:16px}.solution-step{display:flex;flex-direction:column;align-items:center;gap:4px}.solution-step-label{font-size:12px;opacity:.7}.solution-step-canvas{border-radius:4px}}@layer toolbar{.toolbar-container{display:flex;flex-direction:column;background:var(--color-toolbar-background);box-shadow:0 2px 8px #00000014;z-index:2}.toolbar-top{position:relative;width:var(--toolbar-secondary-dimension);height:var(--toolbar-primary-dimension)}.toolbar-bottom{position:relative;box-shadow:0 -2px 8px #00000014;width:var(--toolbar-secondary-dimension);height:var(--toolbar-primary-dimension)}.toolbar-row{display:flex;align-items:center;padding:.5rem;gap:.5rem;min-height:60px}.toolbar-row-top{border-bottom:1px solid rgba(0,0,0,.1)}.toolbar-level-section{flex:1 1 0;display:flex;align-items:center;gap:.25rem;min-width:0;overflow:hidden}.toolbar-level-info{flex:0 1 auto;min-width:0;max-width:100%;padding:8px 0 8px 8px;overflow:hidden}.toolbar-level-section .solved-indicator,.toolbar-level-section .toolbar-star-button{flex:0 0 auto}.level-info-content{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;overflow:hidden}.toolbar-level-info button.level-info-content{margin:0;padding:0;background:none;border:none;border-bottom:none;text-align:inherit;font:inherit;cursor:pointer;width:100%;max-width:100%;box-shadow:none;border-radius:0;box-sizing:border-box;min-width:0;overflow:hidden}.toolbar-level-info button.level-info-content.has-notes{border-bottom:1px dotted var(--color-toolbar-level)}.toolbar-level-info button.level-info-content:focus{outline:none}.toolbar-level-info button.level-info-content:focus-visible:not(:disabled){outline:2px solid var(--color-toolbar-level);outline-offset:2px;border-radius:2px}.collection-name{font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-toolbar-collection);max-width:100%}.level-name{font-size:.8rem;color:var(--color-toolbar-level);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2em;max-width:100%}.solved-indicator{color:var(--color-toolbar-solved);flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}button.solved-indicator{background:none;border:none;padding:0;min-width:unset;box-shadow:none;cursor:default}button.solved-indicator:not([tabindex="-1"]){cursor:pointer}.solved-indicator.unsolved{visibility:hidden}.level-author{font-size:.75rem;color:var(--color-toolbar-author, rgba(0, 0, 0, .6));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.toolbar-navigation{display:flex;gap:.25rem;flex-shrink:0}.toolbar-container .toolbar-navigation button{font-size:.9rem;padding:.4rem .8rem;border-radius:0;min-width:50px;border:none;background:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);box-shadow:0 1px 2px #0000000d;cursor:pointer;white-space:nowrap}.toolbar-navigation button:first-child{border-top-left-radius:.4rem;border-bottom-left-radius:.4rem}.toolbar-navigation button:last-child{border-top-right-radius:.4rem;border-bottom-right-radius:.4rem}.toolbar-navigation button:active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.toolbar-navigation button:disabled{background:var(--color-toolbar-button-disabled-background);color:var(--color-toolbar-button-disabled-text);cursor:not-allowed}.tools-dropdown{position:relative;display:inline-block}.toolbar-container .tools-dropdown-button{position:relative;margin-right:1rem;width:110px;min-width:110px;max-width:110px;text-align:center}.toolbar-container .tools-dropdown-button:active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.tools-dropdown-menu{position:absolute;top:100%;right:0;background:var(--color-toolbar-button-background);border-radius:.4rem;box-shadow:0 4px 12px #00000026;z-index:1000;margin-top:.2rem;overflow:hidden;width:110px;min-width:110px}.tools-dropdown-menu button{width:100%;border-radius:0;margin:0;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.1);box-sizing:border-box}.tools-dropdown-menu button:last-child{border-bottom:none}.tools-dropdown-menu button:hover,.tools-dropdown-menu button.active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.toolbar-tools{display:flex;gap:.5rem;flex:1;justify-content:flex-end}.toolbar-actions{display:flex;gap:.5rem}.toolbar-undo-redo,.toolbar-map-rotate,.toolbar-reset-clear{display:flex;gap:.25rem}.toolbar-undo-redo button,.toolbar-map-rotate button,.toolbar-reset-clear button{font-size:.9rem;padding:.4rem .8rem;border-radius:0;min-width:60px;height:44px;border:none;background:var(--color-toolbar-button-background);color:var(--color-toolbar-button-text);box-shadow:0 1px 2px #0000000d;cursor:pointer;white-space:nowrap}.toolbar-undo-redo button:first-child,.toolbar-map-rotate button:first-child,.toolbar-reset-clear button:first-child{border-top-left-radius:.4rem;border-bottom-left-radius:.4rem}.toolbar-undo-redo button:last-child,.toolbar-map-rotate button:last-child,.toolbar-reset-clear button:last-child{border-top-right-radius:.4rem;border-bottom-right-radius:.4rem}.toolbar-undo-redo button:active,.toolbar-map-rotate button:active,.toolbar-reset-clear button:active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text)}.toolbar-undo-redo button.active,.toolbar-map-rotate button.active,.toolbar-reset-clear button.active{background:var(--color-toolbar-button-active-background);color:var(--color-toolbar-button-active-text);box-shadow:0 2px 4px #007bff4d}.toolbar-undo-redo button:disabled,.toolbar-map-rotate button:disabled,.toolbar-reset-clear button:disabled{background:var(--color-toolbar-button-disabled-background);color:var(--color-toolbar-button-disabled-text);cursor:not-allowed}.toolbar-container .toolbar-star-button{box-shadow:none;min-width:36px;width:36px;height:36px;padding:0;font-size:24px;background-color:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.toolbar-container .toolbar-star-button.starred{color:gold;opacity:1}.toolbar-container .toolbar-star-button.unstarred{color:#666;opacity:.7}.toolbar-container .toolbar-star-button:hover{opacity:1}.toolbar-container .toolbar-star-button:focus{outline:none}.toolbar-container .toolbar-star-button:active{background-color:transparent}}@layer toolbar-modes{[data-layout-mode=portrait] .toolbar-top{order:1}[data-layout-mode=portrait] #game-canvas-container{order:2}[data-layout-mode=portrait] .toolbar-bottom{order:3}[data-layout-mode=portrait] .collection-name,[data-layout-mode=portrait] .level-name,[data-layout-mode=portrait] .level-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}[data-layout-mode=portrait] .solved-indicator{width:20px;height:20px}[data-layout-mode=portrait] .solved-indicator svg{width:16px;height:16px}#game-container[data-layout-mode=portrait] .toolbar-container .toolbar-star-button{min-width:28px;width:28px;height:28px;font-size:20px;padding:0}[data-layout-mode=portrait] .handedness-toggle{min-width:28px;width:28px;height:28px;padding:0;font-size:.7rem;flex:0 0 auto}#game-container[data-layout-mode=wide] .mobile-only{display:none}#game-container[data-layout-mode=wide] .wide-only{display:flex}[data-layout-mode=wide] .toolbar-top,[data-layout-mode=wide] .toolbar-bottom{height:auto;width:100%;flex:0 0 auto;flex-grow:0;flex-shrink:0;order:unset}[data-layout-mode=wide] #game-container{flex-direction:column}[data-layout-mode=wide] #game-canvas-container{flex:1 1 auto;min-height:100px;order:2}[data-layout-mode=wide] .toolbar-top{order:1}[data-layout-mode=wide] .toolbar-bottom.mobile-only{order:3;display:none}#game-container[data-layout-mode=wide] .toolbar-container .toolbar-star-button{min-width:48px;width:48px;height:48px;font-size:36px}[data-layout-mode=sides] .mobile-only{display:flex}[data-layout-mode=sides] .mobile-handedness-only{display:block}[data-layout-mode=sides] .wide-only{display:none}[data-layout-mode=sides] #game-canvas-container{order:2;flex:1}[data-layout-mode=sides] .toolbar-top{width:85px;max-width:85px;min-width:85px;height:100%;order:1;box-shadow:2px 0 8px #00000014;position:relative;overflow:hidden;flex:0 0 85px;max-height:none;min-height:auto}[data-layout-mode=sides] .toolbar-bottom{width:85px;max-width:85px;min-width:85px;height:100%;order:3;box-shadow:-2px 0 8px #00000014;position:relative;overflow:hidden;flex:0 0 85px;max-height:none;min-height:auto}[data-layout-mode=sides][data-handedness=left] .toolbar-top{order:3;box-shadow:-2px 0 8px #00000014}[data-layout-mode=sides][data-handedness=left] .toolbar-bottom{order:1;box-shadow:2px 0 8px #00000014}[data-layout-mode=sides] .toolbar-container{flex-direction:column;position:relative;overflow:visible;width:100%;max-width:100%;height:100%}[data-layout-mode=sides] .toolbar-top .toolbar-container,[data-layout-mode=sides] .toolbar-bottom .toolbar-container{flex-direction:column;width:100%;max-width:100%;overflow:visible}[data-layout-mode=sides] .toolbar-row{flex-direction:column;align-items:stretch;height:100%;flex:none}[data-layout-mode=sides] .toolbar-row-bottom{flex:none;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:.5rem;height:100%}[data-layout-mode=sides] .toolbar-tools{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:auto}[data-layout-mode=sides] .toolbar-actions{flex:none}[data-layout-mode=sides] .toolbar-row-top{flex:none;min-height:0;overflow:visible}[data-layout-mode=sides] .toolbar-level-section{flex-direction:row;align-items:center;flex:1 1 auto;gap:.25rem;overflow:hidden;position:relative;width:100%;max-width:100%;min-width:0;min-height:0}[data-layout-mode=sides] .toolbar-level-info{flex:0 1 auto;min-height:auto;overflow:hidden;width:100%;max-width:none;max-height:none;padding:8px;box-sizing:border-box;align-content:center}[data-layout-mode=sides] .toolbar-level-section .solved-indicator{flex:0 0 auto;width:20px;height:20px}[data-layout-mode=sides] .toolbar-level-section .solved-indicator svg{width:16px;height:16px}#game-container[data-layout-mode=sides] .toolbar-level-info button.level-info-content{width:auto;min-width:auto;max-width:none;height:auto;min-height:auto;max-height:none;display:flex;flex-direction:column;padding:8px 6px;box-sizing:border-box;overflow:hidden;align-items:flex-start;justify-content:flex-start;white-space:normal}#game-container[data-layout-mode=sides] .toolbar-container .toolbar-star-button{flex:0 0 auto;min-width:32px;width:32px;height:32px;font-size:24px;padding:0;align-self:center;writing-mode:horizontal-tb;text-orientation:mixed}[data-layout-mode=sides] .toolbar-row-top{justify-content:flex-start}[data-layout-mode=sides] .toolbar-row-top>.handedness-toggle{flex:0 0 auto;margin-top:auto}[data-layout-mode=sides] .toolbar-row-top .toolbar-navigation{margin:0}[data-layout-mode=sides] .toolbar-undo-redo,[data-layout-mode=sides] .toolbar-map-rotate,[data-layout-mode=sides] .toolbar-reset-clear,[data-layout-mode=sides] .toolbar-navigation,[data-layout-mode=sides] .toolbar-actions{flex-direction:column}[data-layout-mode=sides] .toolbar-tools{flex-direction:column;align-items:center;justify-content:flex-end}#game-container[data-layout-mode=sides] .toolbar-container .tools-dropdown-button,#game-container[data-layout-mode=sides] .toolbar-tools .tools-dropdown-button{writing-mode:vertical-lr;text-orientation:mixed;width:100%;height:auto;min-height:auto;max-width:100%;max-height:none;margin-left:0;margin-right:0;text-align:center;padding:.8rem 1.3rem;font-size:.8rem}[data-layout-mode=sides] .toolbar-undo-redo button:first-child,[data-layout-mode=sides] .toolbar-map-rotate button:first-child,[data-layout-mode=sides] .toolbar-reset-clear button:first-child,[data-layout-mode=sides] .toolbar-navigation button:first-child{border-top-left-radius:.4rem;border-top-right-radius:.4rem;border-bottom-left-radius:0;border-bottom-right-radius:0}[data-layout-mode=sides] .toolbar-undo-redo button:last-child,[data-layout-mode=sides] .toolbar-map-rotate button:last-child,[data-layout-mode=sides] .toolbar-reset-clear button:last-child,[data-layout-mode=sides] .toolbar-navigation button:last-child{border-bottom-left-radius:.4rem;border-bottom-right-radius:.4rem;border-top-left-radius:0;border-top-right-radius:0}[data-layout-mode=sides] .toolbar-navigation button{min-width:auto}[data-layout-mode=sides] .toolbar-top .tools-dropdown-menu,[data-layout-mode=sides] .toolbar-bottom .tools-dropdown-menu{top:auto;bottom:auto;margin-top:0;margin-bottom:0}[data-layout-mode=sides] .toolbar-top .tools-dropdown-menu{top:0;left:100%;right:auto;bottom:auto;margin-left:.2rem;box-shadow:4px 0 12px #00000026}[data-layout-mode=sides] .toolbar-bottom .tools-dropdown-menu{top:100%;bottom:auto;right:100%;left:auto;margin-right:.2rem;margin-top:0;margin-bottom:0;box-shadow:-4px 0 12px #00000026;transform-origin:top;transform:translateY(-100%)}[data-layout-mode=sides] .toolbar-bottom .tools-dropdown .tools-dropdown-menu{right:100%;left:auto}[data-layout-mode=sides][data-handedness=left] .toolbar-top .tools-dropdown-menu{left:auto;right:100%;margin-left:0;margin-right:.2rem;box-shadow:-4px 0 12px #00000026}[data-layout-mode=sides][data-handedness=left] .toolbar-top .tools-dropdown .tools-dropdown-menu{right:100%;left:auto}[data-layout-mode=sides][data-handedness=left] .toolbar-bottom .tools-dropdown-menu{top:100%;bottom:auto;right:auto;left:100%;margin-right:0;margin-left:.2rem;margin-top:0;margin-bottom:0;box-shadow:4px 0 12px #00000026;transform-origin:top;transform:translateY(-100%)}[data-layout-mode=sides][data-handedness=left] .toolbar-bottom .tools-dropdown .tools-dropdown-menu{left:100%;right:auto}[data-layout-mode=sides] .toolbar-level-section{max-width:none;max-height:none;writing-mode:vertical-rl;text-orientation:mixed}#game-container[data-layout-mode=sides] .level-info-content{writing-mode:vertical-rl;text-orientation:mixed;width:auto;min-width:auto;max-width:none;height:auto;min-height:auto;max-height:none;overflow:hidden;gap:2px}[data-layout-mode=sides] .collection-name,[data-layout-mode=sides] .level-author{writing-mode:vertical-lr;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:.75rem;line-height:1.2;letter-spacing:.05em;margin:0;padding:0}[data-layout-mode=sides] .level-name{writing-mode:vertical-lr;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:.7rem;line-height:1.2;letter-spacing:.05em;margin:0;padding:0}[data-layout-mode=sides] .solved-indicator{writing-mode:horizontal-tb;text-orientation:mixed}[data-layout-mode=sides] .handedness-toggle{margin:.25rem 0}[data-layout-mode=sides][data-handedness=left] .toolbar-row-top,[data-layout-mode=sides][data-handedness=left] .toolbar-row-bottom,[data-layout-mode=sides][data-handedness=left] .toolbar-tools,[data-layout-mode=sides][data-handedness=left] .toolbar-actions,[data-layout-mode=sides][data-handedness=left] .toolbar-undo-redo,[data-layout-mode=sides][data-handedness=left] .toolbar-map-rotate,[data-layout-mode=sides][data-handedness=left] .toolbar-reset-clear{flex-direction:column}[data-layout-mode=sides][data-handedness=left] .toolbar-level-section{text-align:left;flex-direction:row;max-width:none;max-height:200px;writing-mode:vertical-rl;text-orientation:mixed}[data-layout-mode=sides][data-handedness=left] .level-info-content{align-items:flex-start;writing-mode:vertical-rl;text-orientation:mixed}[data-layout-mode=sides][data-handedness=left] .level-name,[data-layout-mode=sides][data-handedness=left] .collection-name,[data-layout-mode=sides][data-handedness=left] .level-author{writing-mode:vertical-lr;text-orientation:mixed}[data-layout-mode=sides][data-handedness=left] .toolbar-row-top .toolbar-navigation{margin-left:0;margin-right:0}#game-container[data-layout-mode=sides] .toolbar-container button:not(.level-info-content):not(.toolbar-star-button):not(.tools-dropdown-button):not(.tools-dropdown-menu-item){font-size:.8rem;padding:.3rem .6rem;min-width:50px;height:38px;margin-left:4px;margin-right:4px}#game-container[data-layout-mode=sides] .toolbar-container .toolbar-navigation button{font-size:.8rem;padding:.3rem .6rem;min-width:40px}#game-container[data-layout-mode=sides] .toolbar-tools button,#game-container[data-layout-mode=sides] .toolbar-actions button,#game-container[data-layout-mode=sides] .toolbar-undo-redo button,#game-container[data-layout-mode=sides] .toolbar-map-rotate button,#game-container[data-layout-mode=sides] .toolbar-reset-clear button{font-size:.7rem;padding:.25rem .4rem;min-width:42px;height:32px}}[data-layout-mode=sides][data-size-mode=short] .toolbar-row{gap:.15rem;padding:.2rem}[data-layout-mode=sides][data-size-mode=short] .toolbar-undo-redo,[data-layout-mode=sides][data-size-mode=short] .toolbar-map-rotate,[data-layout-mode=sides][data-size-mode=short] .toolbar-reset-clear,[data-layout-mode=sides][data-size-mode=short] .toolbar-navigation{gap:.1rem}[data-layout-mode=sides][data-size-mode=short] .toolbar-tools,[data-layout-mode=sides][data-size-mode=short] .toolbar-actions{gap:.15rem}[data-layout-mode=sides][data-size-mode=short] .level-info-content{gap:1px}[data-layout-mode=sides][data-size-mode=short] .toolbar-container button:not(.level-info-content):not(.toolbar-star-button):not(.tools-dropdown-menu-item){font-size:.7rem;padding:.2rem .4rem;min-width:40px;height:28px}[data-layout-mode=sides][data-size-mode=short] .toolbar-container .toolbar-navigation button,[data-layout-mode=sides][data-size-mode=short] .toolbar-tools button:not(.tools-dropdown-button),[data-layout-mode=sides][data-size-mode=short] .toolbar-actions button,[data-layout-mode=sides][data-size-mode=short] .toolbar-undo-redo button,[data-layout-mode=sides][data-size-mode=short] .toolbar-map-rotate button,[data-layout-mode=sides][data-size-mode=short] .toolbar-reset-clear button{font-size:.7rem;padding:.25rem .4rem;min-width:36px;height:30px}[data-layout-mode=sides][data-size-mode=short] .tools-dropdown-button{font-size:.7rem;height:auto;min-height:80px;min-width:50px;padding:.5rem .4rem}[data-layout-mode=sides][data-size-mode=short] .toolbar-container .toolbar-star-button{min-width:32px;width:32px;height:32px;font-size:24px}[data-layout-mode=sides][data-size-mode=short] .solved-indicator{width:20px;height:20px}[data-layout-mode=sides][data-size-mode=short] .solved-indicator svg{width:16px;height:16px}[data-layout-mode=sides][data-size-mode=short] .collection-name,[data-layout-mode=sides][data-size-mode=short] .level-name,[data-layout-mode=sides][data-size-mode=short] .level-author{font-size:.6rem}@layer responsive{[data-layout-mode=portrait] .tools-dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.2rem;box-shadow:0 -4px 12px #00000026}[data-layout-mode=portrait] .mobile-only{display:flex}[data-layout-mode=portrait] .mobile-handedness-only{display:block}[data-layout-mode=portrait] .wide-only{display:none}[data-layout-mode=portrait] .toolbar-row{padding:.4rem;gap:.4rem;min-height:50px}[data-layout-mode=portrait] .toolbar-container button:where(:not(.solved-indicator):not(.toolbar-star-button)){padding:.3rem .6rem;min-width:30px;height:38px}[data-layout-mode=portrait] .toolbar-container button:where(:not(.toolbar-star-button):not(.solved-indicator)){font-size:.8rem}[data-layout-mode=portrait] .toolbar-level-info button.level-info-content{height:auto}[data-layout-mode=portrait] .toolbar-container .solved-indicator{width:20px;height:20px;padding:0;min-width:unset}[data-layout-mode=portrait] .toolbar-container .toolbar-star-button{min-width:28px;width:28px;height:28px;font-size:20px;padding:0}[data-layout-mode=portrait] .toolbar-container .toolbar-navigation button{font-size:.8rem;padding:.3rem .6rem;min-width:40px}[data-layout-mode=portrait] .toolbar-row-top .toolbar-navigation{margin-left:auto;margin-right:0}[data-layout-mode=portrait] .collection-name{font-size:.8rem}[data-layout-mode=portrait] .level-name{font-size:.7rem}[data-layout-mode=portrait] .toolbar-level-section{flex:1 1 0;min-width:0}[data-layout-mode=portrait] .level-author{font-size:.65rem}[data-layout-mode=portrait] .toolbar-tools,[data-layout-mode=portrait] .toolbar-actions{gap:.3rem}[data-layout-mode=portrait] .toolbar-undo-redo,[data-layout-mode=portrait] .toolbar-map-rotate,[data-layout-mode=portrait] .toolbar-reset-clear{gap:.15rem}[data-layout-mode=portrait] .toolbar-tools button,[data-layout-mode=portrait] .toolbar-actions button,[data-layout-mode=portrait] .toolbar-undo-redo button,[data-layout-mode=portrait] .toolbar-map-rotate button,[data-layout-mode=portrait] .toolbar-reset-clear button{font-size:.7rem;padding:.25rem .4rem;min-width:42px;height:32px}[data-layout-mode=portrait] .toolbar-container .tools-dropdown-button{width:90px;min-width:90px;max-width:90px;margin-right:0}[data-layout-mode=portrait] .tools-dropdown-menu{width:90px;min-width:90px}[data-layout-mode=portrait] .howto-header{padding:12px 14px}[data-layout-mode=portrait] .howto-content{padding:16px 14px;gap:12px}[data-layout-mode=portrait] .howto-footer{padding:12px 14px}[data-layout-mode=portrait] .howto-button{padding:6px 10px;font-size:12px}[data-layout-mode=portrait] .howto-page-indicators{gap:6px}[data-layout-mode=portrait][data-handedness=left] .toolbar-row-top,[data-layout-mode=portrait][data-handedness=left] .toolbar-row-bottom,[data-layout-mode=portrait][data-handedness=left] .toolbar-tools,[data-layout-mode=portrait][data-handedness=left] .toolbar-actions{flex-direction:row-reverse}[data-layout-mode=portrait][data-handedness=left] .toolbar-undo-redo,[data-layout-mode=portrait][data-handedness=left] .toolbar-map-rotate,[data-layout-mode=portrait][data-handedness=left] .toolbar-reset-clear{flex-direction:row}[data-layout-mode=portrait][data-handedness=left] .toolbar-level-section{text-align:right;flex-direction:row-reverse;flex:1 1 0;min-width:0}[data-layout-mode=portrait][data-handedness=left] .level-info-content{align-items:flex-end}[data-layout-mode=portrait][data-handedness=left] .level-name{justify-content:flex-end;flex-direction:row-reverse}[data-layout-mode=portrait][data-handedness=left] .toolbar-row-top .toolbar-navigation{margin-left:0;margin-right:auto}[data-layout-mode=portrait][data-handedness=left] .tools-dropdown-menu{right:auto;left:0}[data-layout-mode=portrait] .level-list-entry-title{font-size:15pt}[data-layout-mode=portrait] .level-list-entry-author{font-size:10pt}[data-layout-mode=portrait] .level-list-entry-indicators{width:22px;gap:1px;margin-top:3px}[data-layout-mode=portrait] .level-list-entry-solved{width:18px;height:18px}[data-layout-mode=portrait] .level-list-entry-solved svg{width:18px;height:18px}[data-layout-mode=portrait] .level-star-button{font-size:18px;width:18px;height:18px;min-width:18px}[data-layout-mode=portrait] .btn-arrow{width:38px;height:38px;min-width:38px;max-width:38px}[data-layout-mode=portrait] .btn-arrow svg{width:20px;height:20px}[data-layout-mode=portrait] .btn-import{height:38px;padding:6px 12px;font-size:12px}[data-layout-mode=portrait] .level-filter-dropdown-button{width:38px;height:38px;min-width:38px;max-width:38px}[data-layout-mode=portrait] .level-filter-dropdown-button svg{width:20px;height:20px}[data-layout-mode=portrait] .level-filter-dropdown-menu{font-size:10pt}[data-layout-mode=portrait] .level-filter-dropdown-menu-item{padding:4px}[data-layout-mode=portrait] .level-list-entry-notes-preview{font-size:9pt}[data-layout-mode=portrait] .collection-list-entry-title{font-size:15pt}[data-layout-mode=portrait] .collection-list-entry-completion-wrapper{height:15px}[data-layout-mode=portrait] .collection-list-entry-completion{font-size:8pt}[data-layout-mode=portrait] .collection-list-entry-author{font-size:10pt}[data-layout-mode=portrait] .level-list-entry{min-width:80px}[data-layout-mode=portrait] .collection-list-title{font-size:20pt;min-height:20px}[data-layout-mode=portrait] .collection-notes-button{font-size:13pt}[data-layout-mode=portrait] .collection-list-entry{min-width:80px}[data-layout-mode=portrait] .collection-list-entry-text{max-width:calc(100% - 80px)}[data-layout-mode=portrait] .level-preview{width:80px;height:80px}[data-layout-mode=portrait] .win-overlay-container>.level-preview-container{border:1px dashed var(--color-wall)}[data-layout-mode=portrait] .win-overlay-container>.level-preview-container>.level-preview{width:38px;height:38px}[data-layout-mode=portrait] .win-overlay-container>.btn-arrow{margin-left:0;margin-right:0}[data-layout-mode=portrait] .collection-list-header,[data-layout-mode=portrait] .collection-select-header{max-width:100%;font-size:24pt}[data-layout-mode=portrait] .level-list-content,[data-layout-mode=portrait] .collection-select-content{max-width:100%}[data-layout-mode=portrait] .btn-delete{min-width:20px;width:20px;height:20px;font-size:14px}[data-layout-mode=portrait][data-size-mode=small] .toolbar-tools,[data-layout-mode=portrait][data-size-mode=small] .toolbar-actions{gap:.2rem}[data-layout-mode=portrait][data-size-mode=small] .toolbar-undo-redo,[data-layout-mode=portrait][data-size-mode=small] .toolbar-reset-clear{gap:.15rem}[data-layout-mode=portrait][data-size-mode=small] .toolbar-tools button,[data-layout-mode=portrait][data-size-mode=small] .toolbar-actions button,[data-layout-mode=portrait][data-size-mode=small] .toolbar-undo-redo button,[data-layout-mode=portrait][data-size-mode=small] .toolbar-map-rotate button,[data-layout-mode=portrait][data-size-mode=small] .toolbar-reset-clear button{font-size:.65rem;padding:.2rem .3rem;min-width:38px;height:28px}[data-layout-mode=portrait][data-size-mode=small] .toolbar-container .tools-dropdown-button{width:80px;min-width:80px;max-width:80px}[data-layout-mode=portrait][data-size-mode=small] .tools-dropdown-menu{width:80px;min-width:80px}[data-layout-mode=portrait][data-size-mode=small] .level-list-entry-title{font-size:14pt}[data-layout-mode=portrait][data-size-mode=small] .toolbar-row{padding:.3rem;gap:.3rem;min-height:44px}[data-layout-mode=portrait][data-size-mode=small] .toolbar-container button:where(:not(.solved-indicator):not(.toolbar-star-button)){padding:.25rem .5rem;min-width:34px;height:34px}[data-layout-mode=portrait][data-size-mode=small] .toolbar-container button:where(:not(.toolbar-star-button):not(.solved-indicator)){font-size:.7rem}[data-layout-mode=portrait][data-size-mode=small] .toolbar-level-info button.level-info-content{height:auto}[data-layout-mode=portrait][data-size-mode=small] .toolbar-container .solved-indicator{width:18px;height:18px;padding:0;min-width:unset}[data-layout-mode=portrait][data-size-mode=small] .toolbar-container .toolbar-star-button{min-width:24px;width:24px;height:24px;font-size:18px;padding:0}[data-layout-mode=portrait][data-size-mode=small] .toolbar-container .toolbar-navigation button{font-size:.75rem;padding:.25rem .5rem;min-width:30px}[data-layout-mode=portrait][data-size-mode=small] .collection-name{font-size:.75rem}[data-layout-mode=portrait][data-size-mode=small] .level-name{font-size:.65rem}[data-layout-mode=wide] .wide-only{display:flex}[data-layout-mode=wide] .mobile-only{display:none}[data-layout-mode=wide] .tools-dropdown-menu{right:1rem;left:auto}[data-layout-mode=wide] .toolbar-container{flex-direction:row;height:auto}[data-layout-mode=wide] .toolbar-top,[data-layout-mode=wide] .toolbar-bottom{height:auto;width:100%;flex:0 0 auto;flex-grow:0;flex-shrink:0;max-height:none}[data-layout-mode=wide] #game-canvas-container{flex:1 1 auto;min-height:100px;height:auto}[data-layout-mode=wide] .toolbar-row{border-bottom:none;min-height:72px}[data-layout-mode=wide] .toolbar-row-top{flex:1 0 auto}[data-layout-mode=wide] .toolbar-row-bottom{flex:0 0 auto;display:flex;align-items:center;gap:1rem}[data-layout-mode=wide] .toolbar-tools{flex:1;justify-content:flex-end}[data-layout-mode=wide] .toolbar-actions{flex:0 0 auto}[data-layout-mode=wide] .toolbar-row-top .toolbar-navigation{margin-left:auto;margin-right:0}[data-layout-mode=wide] [data-handedness=left] .toolbar-row-top .toolbar-navigation{margin-left:0;margin-right:auto}[data-layout-mode=wide] .toolbar-container button:where(:not(.solved-indicator):not(.toolbar-star-button)){padding:.5rem 1.2rem;min-width:72px;height:72px}[data-layout-mode=wide] .toolbar-container button:where(:not(.toolbar-star-button):not(.solved-indicator)){font-size:1.2rem}[data-layout-mode=wide] .toolbar-level-info button.level-info-content{height:auto}[data-layout-mode=wide] .collection-name{font-size:1rem}[data-layout-mode=wide] .level-name{font-size:.9rem}[data-layout-mode=wide][data-size-mode=compact] .toolbar-row{min-height:54px;gap:.25rem;padding:.35rem}[data-layout-mode=wide][data-size-mode=compact] .toolbar-container button:where(:not(.solved-indicator):not(.toolbar-star-button)){padding:.35rem .7rem;min-width:36px;height:42px}[data-layout-mode=wide][data-size-mode=compact] .toolbar-container button:where(:not(.toolbar-star-button):not(.solved-indicator)){font-size:.8rem}[data-layout-mode=wide][data-size-mode=compact] .toolbar-level-info button.level-info-content{height:auto}[data-layout-mode=wide][data-size-mode=compact] .toolbar-container .solved-indicator{width:24px;height:24px;padding:0;min-width:unset}[data-layout-mode=wide][data-size-mode=compact] .toolbar-container .toolbar-star-button{min-width:36px;width:36px;height:36px;font-size:26px;padding:0}[data-layout-mode=wide][data-size-mode=compact] .toolbar-container .toolbar-navigation button{font-size:.8rem;padding:.35rem .75rem;min-width:26px}[data-layout-mode=wide][data-size-mode=compact] .toolbar-tools,[data-layout-mode=wide][data-size-mode=compact] .toolbar-actions{gap:.25rem}[data-layout-mode=wide][data-size-mode=compact] .toolbar-undo-redo,[data-layout-mode=wide][data-size-mode=compact] .toolbar-map-rotate,[data-layout-mode=wide][data-size-mode=compact] .toolbar-reset-clear{gap:.125rem}[data-layout-mode=wide][data-size-mode=compact] .toolbar-navigation{gap:.25rem;margin-left:auto;margin-right:0}[data-layout-mode=wide][data-size-mode=compact] .toolbar-level-section{max-width:260px}[data-layout-mode=wide][data-size-mode=compact] .collection-name{font-size:.9rem}[data-layout-mode=wide][data-size-mode=compact] .level-name{font-size:.8rem}[data-layout-mode=wide][data-size-mode=compact] .toolbar-container .tools-dropdown-button{width:100px;min-width:100px;max-width:100px;margin-right:.5rem}[data-layout-mode=wide][data-size-mode=compact] .tools-dropdown-menu{width:100px;min-width:100px;right:1rem;left:auto}[data-layout-mode=wide][data-size-mode=compact] .handedness-toggle{margin-right:.5rem}[data-layout-mode=wide][data-size-mode=medium] .toolbar-row{min-height:60px;gap:.6rem;padding:.4rem}[data-layout-mode=wide][data-size-mode=medium] .toolbar-container button:where(:not(.solved-indicator):not(.toolbar-star-button)){padding:.4rem .9rem;min-width:60px;height:56px}[data-layout-mode=wide][data-size-mode=medium] .toolbar-container button:where(:not(.toolbar-star-button):not(.solved-indicator)){font-size:1rem}[data-layout-mode=wide][data-size-mode=medium] .toolbar-level-info button.level-info-content{height:auto}[data-layout-mode=wide][data-size-mode=medium] .toolbar-container .solved-indicator{width:28px;height:28px;padding:0;min-width:unset}[data-layout-mode=wide][data-size-mode=medium] .toolbar-container .toolbar-star-button{min-width:42px;width:42px;height:42px;font-size:30px;padding:0}[data-layout-mode=wide][data-size-mode=medium] .toolbar-container .toolbar-navigation button{font-size:1rem;padding:.4rem .9rem;min-width:40px}[data-layout-mode=wide][data-size-mode=medium] .toolbar-tools,[data-layout-mode=wide][data-size-mode=medium] .toolbar-actions{gap:.4rem}[data-layout-mode=wide][data-size-mode=medium] .toolbar-undo-redo,[data-layout-mode=wide][data-size-mode=medium] .toolbar-map-rotate,[data-layout-mode=wide][data-size-mode=medium] .toolbar-reset-clear{gap:.2rem}[data-layout-mode=wide][data-size-mode=medium] .toolbar-level-section{max-width:300px}[data-layout-mode=wide][data-size-mode=medium] .collection-name{font-size:.95rem}[data-layout-mode=wide][data-size-mode=medium] .level-name{font-size:.85rem}[data-layout-mode=wide][data-size-mode=medium] .toolbar-container .tools-dropdown-button{width:120px;min-width:120px;max-width:120px;margin-right:1rem}[data-layout-mode=wide][data-size-mode=medium] .tools-dropdown-menu{width:120px;min-width:120px;right:1rem;left:auto}[data-layout-mode=wide][data-size-mode=large] .toolbar-level-section{max-width:500px}[data-layout-mode=wide][data-size-mode=large] .toolbar-row-top{justify-content:flex-start}[data-layout-mode=wide][data-size-mode=large] .toolbar-container .tools-dropdown-button{width:150px;min-width:150px;max-width:150px;margin-right:1rem}[data-layout-mode=wide][data-size-mode=large] .tools-dropdown-menu{width:150px;min-width:150px;right:1rem;left:auto}[data-layout-mode=wide][data-size-mode=large] .toolbar-container .toolbar-navigation button{font-size:1.2rem;padding:.5rem 1rem;min-width:50px}}