:where(.viewport){--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 #3c40431f, 0 1px 2px #3c40432e;--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 #0f172a14, 0 10px 24px #0f172a0a;--solve-toggle-bg:#fff;--solve-toggle-border:#d7dfe8;--solve-toggle-color:#1f2937;--solve-toggle-shadow:0 1px 2px #0f172a14, 0 10px 24px #0f172a0a;--solve-toggle-accent:#2563eb;color:#222;min-height:100%;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 #ffffff1a;--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 #00000052, 0 10px 24px #0000003d;--solve-toggle-bg:#202124;--solve-toggle-border:#4f5b66;--solve-toggle-color:#e8eaed;--solve-toggle-shadow:0 1px 2px #00000052, 0 10px 24px #0000003d}:where(.viewport) [hidden]{display:none!important}.viewport-popup :where(.viewport) header.navbar{background:0 0}:where(.viewport) main.content{min-height:calc(100dvh - 70px)}:where(.viewport) main.content .logo-space{height:30px;min-height:30px;max-height:30px}:where(.viewport) main.content .push{height:0}:where(.viewport) main.content .main-title{width:min(640px,100vw - 32px);margin:0 auto 10px}:where(.viewport) main.content .main-title p{color:#444;margin:0;font:400 14px/1.6 Arial,sans-serif}:where(.viewport) #lga{text-align:center;width:100%;height:222px;transition:height 1.2s;position:relative}:where(.viewport) #hplogo{text-align:center;width:570px;height:231px;-moz-user-select:-moz-none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;margin:0 auto;position:relative;overflow:hidden}: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{white-space:nowrap;max-width:calc(100vw - 16px);width:min(572px,100vw - 16px)!important}:where(.viewport) .legacy-icon-button{appearance:none;box-sizing:border-box;cursor:pointer;vertical-align:top;background-position:50%;background-repeat:no-repeat;border:0;flex:none;width:32px;height:32px;margin:0 0 4px 4px;padding:0;display:inline-block;position:relative}: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,box-shadow .16s,color .16s}: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:"↺";text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:700 24px/32px Arial,sans-serif;display:block;transform:translateY(-1px)}:where(.viewport) .solve-controls-shell{vertical-align:top;margin:0 0 4px 4px;display:inline-flex;position:relative}:where(.viewport) .solve-controls{opacity:0;pointer-events:none;bottom:calc(100% + 8px);right:calc(0px - var(--solve-controls-right-gap,0px));visibility:hidden;white-space:nowrap;z-index:2;grid-template-columns:max-content max-content max-content;align-items:center;gap:6px;transition:opacity .16s,transform .16s,visibility 0s linear .16s;display:grid;position:absolute;transform:translateY(6px)}:where(.viewport) .solve-controls-shell--pinned .solve-controls{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:none}:where(.viewport) #solve-undo-button{grid-column:1}:where(.viewport) #solve-bot-button{background:var(--solve-step-action-bg);grid-column:2}: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{pointer-events:none;width:20px;height:20px;margin:6px;display:block}:where(.viewport) .solve-controls-trigger{margin:0}.g-dark :where(.viewport) .solve-controls-shell{filter:drop-shadow(0 8px 18px #00000047)}: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{background:var(--solve-action-bg);border:1px solid var(--solve-action-border);box-shadow:var(--solve-action-shadow);box-sizing:border-box;color:var(--solve-action-color);cursor:pointer;letter-spacing:.01em;text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:88px;min-height:36px;padding:0 14px;font:600 13px/1 Arial,sans-serif;transition:opacity .16s,transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:inline-flex}:where(.viewport) .solve-controls--step-mode{grid-template-columns:40px 40px max-content;gap:5px}: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-width:40px;min-height:32px;padding:0 10px}:where(.viewport) .solve-button-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}:where(.viewport) .solve-button-icon .ui-icon{width:18px;height:18px;display:block}:where(.viewport) .solve-controls--step-mode .solve-button-icon .ui-icon{width:16px;height:16px}:where(.viewport) .solve-back-button{background:var(--solve-action-bg);color:var(--solve-action-color);grid-column:1}:where(.viewport) .solve-step-toggle{background:var(--solve-toggle-bg);box-shadow:none;box-sizing:border-box;color:var(--solve-toggle-color);user-select:none;white-space:nowrap;border:0;border-radius:999px;grid-column:3;justify-self:end;align-items:center;gap:5px;min-height:34px;padding:0 12px;font:400 13px/1 Arial,sans-serif;transition:background-color .16s;display:inline-flex}: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 (width<=980px){:where(.viewport) #hplogo{width:min(570px,100vw - 16px)}}@media (width<=640px){:where(.viewport) main.content .logo-space{height:clamp(24px,5vh,36px);min-height:24px}: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}}
