:where(.viewport){min-height:100%;--legacy-counter-color: #5f6368;--legacy-control-bg: #8c8c8c;--legacy-control-hover-bg: #db4437;--legacy-control-color: #fff;--legacy-control-shadow: inset 0 0 0 1px rgba(60, 64, 67, .12), 0 1px 2px rgba(60, 64, 67, .18);--solve-action-bg: #edf1f5;--solve-action-hover-bg: #e3e9ef;--solve-action-disabled-bg: #edf1f5;--solve-step-action-bg: #e3f4f2;--solve-step-action-hover-bg: #d6eeeb;--solve-action-border: #d7dfe8;--solve-action-color: #1f2937;--solve-action-shadow: 0 1px 2px rgba(15, 23, 42, .08), 0 10px 24px rgba(15, 23, 42, .04);--solve-toggle-bg: #fff;--solve-toggle-border: #d7dfe8;--solve-toggle-color: #1f2937;--solve-toggle-shadow: 0 1px 2px rgba(15, 23, 42, .08), 0 10px 24px rgba(15, 23, 42, .04);--solve-toggle-accent: #2563eb;color:#222;font:13px Arial,sans-serif}.g-dark :where(.viewport){--legacy-counter-color: #ddd;--legacy-control-bg: #3c4043;--legacy-control-hover-bg: #5f6368;--legacy-control-color: #e8eaed;--legacy-control-shadow: inset 0 0 0 1px rgba(255, 255, 255, .1);--solve-action-bg: #2b3137;--solve-action-hover-bg: #38414a;--solve-action-disabled-bg: #262b31;--solve-step-action-bg: #20363a;--solve-step-action-hover-bg: #29444a;--solve-action-border: #4f5b66;--solve-action-color: #e8eaed;--solve-action-shadow: 0 1px 2px rgba(0, 0, 0, .32), 0 10px 24px rgba(0, 0, 0, .24);--solve-toggle-bg: #202124;--solve-toggle-border: #4f5b66;--solve-toggle-color: #e8eaed;--solve-toggle-shadow: 0 1px 2px rgba(0, 0, 0, .32), 0 10px 24px rgba(0, 0, 0, .24)}:where(.viewport) [hidden]{display:none!important}.viewport-popup :where(.viewport) header.navbar{background:transparent}:where(.viewport) main.content{min-height:calc(100vh - 70px);min-height:calc(100dvh - 70px)}:where(.viewport) main.content .logo-space{height:30px;max-height:30px;min-height:30px}:where(.viewport) main.content .push{height:0}:where(.viewport) main.content .main-title{width:min(640px,calc(100vw - 32px));margin:0 auto 10px}:where(.viewport) main.content .main-title p{color:#444;font:400 14px/1.6 Arial,sans-serif;margin:0}:where(.viewport) #lga{width:100%;height:222px;transition:height 1.2s ease;position:relative;text-align:center}:where(.viewport) #hplogo{width:570px;height:231px;margin:0 auto;outline:none;overflow:hidden;position:relative;text-align:center;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:where(.viewport) #hplogo.rubiks-interactive-ready{overflow:visible}:where(.viewport) #hplogo.rubiks-interactive-ready>canvas{visibility:hidden}:where(.viewport) #hplogo iframe{z-index:1}:where(.viewport) #hplogo-legacy-controls{z-index:3}:where(.viewport) #hplogo-legacy-counter{color:var(--legacy-counter-color)!important}:where(.viewport) .legacy-ui-bar{max-width:calc(100vw - 16px);white-space:nowrap;width:min(572px,calc(100vw - 16px))!important}:where(.viewport) .legacy-icon-button{appearance:none;background-position:center;background-repeat:no-repeat;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;flex:none;height:32px;margin:0 0 4px 4px;padding:0;position:relative;vertical-align:top;width:32px;-webkit-appearance:none}:where(.viewport) .legacy-icon-button--help,:where(.viewport) .legacy-icon-button--restart,:where(.viewport) .solve-controls-trigger{background:var(--legacy-control-bg);box-shadow:var(--legacy-control-shadow);color:var(--legacy-control-color);transition:background-color .16s ease,box-shadow .16s ease,color .16s ease}:where(.viewport) .legacy-icon-button--help,:where(.viewport) .solve-controls-trigger{border-radius:4px}:where(.viewport) .legacy-icon-button--restart{border-radius:6px}:where(.viewport) .legacy-icon-button--restart:before{color:inherit;content:"↺";display:block;font:700 24px/32px Arial,sans-serif;text-align:center;transform:translateY(-1px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.viewport) .solve-controls-shell{display:inline-flex;margin:0 0 4px 4px;position:relative;vertical-align:top}:where(.viewport) .solve-controls{align-items:center;bottom:calc(100% + 8px);display:grid;gap:6px;grid-template-columns:max-content max-content max-content;opacity:0;pointer-events:none;position:absolute;right:calc(0px - var(--solve-controls-right-gap, 0px));transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;visibility:hidden;white-space:nowrap;z-index:2}:where(.viewport) .solve-controls-shell--pinned .solve-controls{opacity:1;pointer-events:auto;transform:none;transition-delay:0s;visibility:visible}:where(.viewport) #solve-undo-button{grid-column:1}:where(.viewport) #solve-bot-button{grid-column:2;background:var(--solve-step-action-bg)}:where(.viewport) #solve-undo-button{background:var(--solve-step-action-bg)}:where(.viewport) #solve-bot-button:hover:not(:disabled),:where(.viewport) #solve-undo-button:hover:not(:disabled){background:var(--solve-step-action-hover-bg)}:where(.viewport) #solve-bot-button:disabled,:where(.viewport) #solve-undo-button:disabled{background:var(--solve-action-disabled-bg)}:where(.viewport) .legacy-icon-button--help .ui-icon,:where(.viewport) .solve-controls-trigger .ui-icon{display:block;height:20px;margin:6px;pointer-events:none;width:20px}:where(.viewport) .solve-controls-trigger{margin:0}.g-dark :where(.viewport) .solve-controls-shell{filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}:where(.viewport) .legacy-icon-button--help:hover,:where(.viewport) .legacy-icon-button--help:focus-visible,:where(.viewport) .legacy-icon-button--help:active,:where(.viewport) .legacy-icon-button--restart:hover,:where(.viewport) .solve-controls-trigger:hover,:where(.viewport) .solve-controls-trigger:focus-visible,:where(.viewport) .solve-controls-trigger:active,:where(.viewport) .solve-controls-shell--pinned .solve-controls-trigger{background:var(--legacy-control-hover-bg)}:where(.viewport) .solve-bot-button{align-items:center;background:var(--solve-action-bg);border:1px solid var(--solve-action-border);border-radius:999px;box-shadow:var(--solve-action-shadow);box-sizing:border-box;color:var(--solve-action-color);cursor:pointer;display:inline-flex;font:600 13px/1 Arial,sans-serif;gap:8px;justify-content:center;letter-spacing:.01em;min-height:36px;min-width:88px;padding:0 14px;text-align:center;transition:opacity .16s ease,transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease;white-space:nowrap}:where(.viewport) .solve-controls--step-mode{gap:5px;grid-template-columns:40px 40px max-content}:where(.viewport) .solve-bot-button--icon-only{min-width:46px;padding:0 12px}:where(.viewport) .solve-controls--step-mode .solve-bot-button--icon-only{min-height:32px;min-width:40px;padding:0 10px}:where(.viewport) .solve-button-icon{align-items:center;display:inline-flex;flex:none;justify-content:center}:where(.viewport) .solve-button-icon .ui-icon{display:block;height:18px;width:18px}:where(.viewport) .solve-controls--step-mode .solve-button-icon .ui-icon{height:16px;width:16px}:where(.viewport) .solve-back-button{background:var(--solve-action-bg);color:var(--solve-action-color);grid-column:1}:where(.viewport) .solve-step-toggle{align-items:center;background:var(--solve-toggle-bg);border:0;border-radius:999px;box-shadow:none;box-sizing:border-box;color:var(--solve-toggle-color);display:inline-flex;font:400 13px/1 Arial,sans-serif;gap:5px;grid-column:3;justify-self:end;min-height:34px;padding:0 12px;transition:background-color .16s ease;user-select:none;white-space:nowrap}:where(.viewport) .solve-step-toggle input{accent-color:var(--solve-toggle-accent);block-size:10px;inline-size:10px;margin:0}:where(.viewport) .solve-bot-button:hover:not(:disabled),:where(.viewport) .solve-back-button:hover:not(:disabled){background:var(--solve-action-hover-bg);transform:translateY(-1px)}:where(.viewport) .solve-bot-button:disabled{cursor:default;opacity:.72;transform:none}:where(.viewport) .solve-controls[hidden]{display:none}@media(max-width:980px){:where(.viewport) #hplogo{width:min(570px,calc(100vw - 16px))}}@media(max-width:640px){:where(.viewport) main.content .logo-space{min-height:24px;height:clamp(24px,5vh,36px)}:where(.viewport) .solve-bot-button,:where(.viewport) .solve-step-toggle{min-height:34px}:where(.viewport) .solve-bot-button{padding-left:12px;padding-right:12px}:where(.viewport) .solve-bot-button--icon-only{min-width:44px}:where(.viewport) .solve-step-toggle{padding-left:12px;padding-right:12px}:where(.viewport) .legacy-ui-bar{width:calc(100vw - 16px)!important}}